import * as SelectPrimitive from "@radix-ui/react-select"; import { type VariantProps, cva } from "class-variance-authority"; import { cn } from "@/lib/utils"; import { Select as ShadcnSelect, SelectContent as ShadcnSelectContent, SelectGroup as ShadcnSelectGroup, SelectItem as ShadcnSelectItem, SelectLabel as ShadcnSelectLabel, SelectScrollDownButton as ShadcnSelectScrollDownButton, SelectScrollUpButton as ShadcnSelectScrollUpButton, SelectSeparator as ShadcnSelectSeparator, SelectTrigger as ShadcnSelectTrigger, SelectValue as ShadcnSelectValue, } from "@/components/ui/select"; import "./styles/retro.css"; export const inputVariants = cva("", { variants: { font: { normal: "", retro: "retro", }, }, defaultVariants: { font: "retro", }, }); export interface BitSelectProps extends React.SelectHTMLAttributes, VariantProps { asChild?: boolean; } function Select({ ...props }: React.ComponentProps) { return ; } function SelectGroup({ ...props }: React.ComponentProps) { return ; } interface BitSelectValueProps extends React.ComponentProps, VariantProps { asChild?: boolean; } function SelectValue({ ...props }: BitSelectValueProps) { const { font } = props; return ( ); } interface BitSelectTriggerProps extends React.ComponentProps, VariantProps { asChild?: boolean; } function SelectTrigger({ children, ...props }: BitSelectTriggerProps) { const { className, font } = props; return (

{children} ); } export interface BitSelectContentProps extends React.ComponentProps, VariantProps { asChild?: boolean; } function SelectContent({ className, children, ...props }: BitSelectContentProps) { const { font } = props; return ( {children} ); } function SelectLabel({ className, ...props }: React.ComponentProps) { return ; } function SelectItem({ className, children, ...props }: React.ComponentProps) { return ( {children} ); } function SelectSeparator({ className, ...props }: React.ComponentProps) { return ; } function SelectScrollUpButton({ className, ...props }: React.ComponentProps) { return ; } function SelectScrollDownButton({ className, ...props }: React.ComponentProps) { return ; } export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };

Installation

Files

components

Styles