diff --git a/components/ui/8bit/button.tsx b/components/ui/8bit/button.tsx index deffbd7a..f76ac7d9 100644 --- a/components/ui/8bit/button.tsx +++ b/components/ui/8bit/button.tsx @@ -47,7 +47,7 @@ function Button({ children, asChild, ...props }: BitButtonProps) { -
- {children} + {asChild ? ( + + {children} - {variant !== "ghost" && variant !== "link" && size !== "icon" && ( - <> - {/* Pixelated border */} -
-
-
-
-
-
-
-
-
-
- {variant !== "outline" && ( - <> - {/* Top shadow */} -
-
+ {variant !== "ghost" && variant !== "link" && size !== "icon" && ( + <> + {/* Pixelated border */} +
+
+
+
+
+
+
+
+
+
+ {variant !== "outline" && ( + <> + {/* Top shadow */} +
+
- {/* Bottom shadow */} -
-
- - )} - - )} + {/* Bottom shadow */} +
+
+ + )} + + )} - {size === "icon" && ( - <> -
-
-
-
-
-
- - )} -
+ {size === "icon" && ( + <> +
+
+
+
+
+
+ + )} + + ) : ( + <> + {children} + + {variant !== "ghost" && variant !== "link" && size !== "icon" && ( + <> + {/* Pixelated border */} +
+
+
+
+
+
+
+
+
+
+ {variant !== "outline" && ( + <> + {/* Top shadow */} +
+
+ + {/* Bottom shadow */} +
+
+ + )} + + )} + + {size === "icon" && ( + <> +
+
+
+
+
+
+ + )} + + )} ); } diff --git a/public/r/8bit-button.json b/public/r/8bit-button.json index 491edccb..f88051d1 100644 --- a/public/r/8bit-button.json +++ b/public/r/8bit-button.json @@ -10,7 +10,7 @@ "files": [ { "path": "components/ui/8bit/button.tsx", - "content": "import { type VariantProps, cva } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport { Button as ShadcnButton } from \"@/components/ui/button\";\n\nimport \"./styles/retro.css\";\n\nexport const buttonVariants = cva(\"\", {\n variants: {\n font: {\n normal: \"\",\n retro: \"retro\",\n },\n variant: {\n default: \"bg-foreground\",\n destructive: \"bg-foreground\",\n outline: \"bg-foreground\",\n secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n icon: \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n});\n\nexport interface BitButtonProps\n extends React.ButtonHTMLAttributes,\n VariantProps {\n asChild?: boolean;\n ref?: React.Ref;\n}\n\nfunction Button({ children, asChild, ...props }: BitButtonProps) {\n const { variant, size, className, font } = props;\n\n return (\n \n
\n {children}\n\n {variant !== \"ghost\" && variant !== \"link\" && size !== \"icon\" && (\n <>\n {/* Pixelated border */}\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n {variant !== \"outline\" && (\n <>\n {/* Top shadow */}\n
\n
\n\n {/* Bottom shadow */}\n
\n
\n \n )}\n \n )}\n\n {size === \"icon\" && (\n <>\n
\n
\n
\n
\n
\n
\n \n )}\n
\n \n );\n}\n\nexport { Button };\n", + "content": "import { type VariantProps, cva } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport { Button as ShadcnButton } from \"@/components/ui/button\";\n\nimport \"./styles/retro.css\";\n\nexport const buttonVariants = cva(\"\", {\n variants: {\n font: {\n normal: \"\",\n retro: \"retro\",\n },\n variant: {\n default: \"bg-foreground\",\n destructive: \"bg-foreground\",\n outline: \"bg-foreground\",\n secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n icon: \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n});\n\nexport interface BitButtonProps\n extends React.ButtonHTMLAttributes,\n VariantProps {\n asChild?: boolean;\n ref?: React.Ref;\n}\n\nfunction Button({ children, asChild, ...props }: BitButtonProps) {\n const { variant, size, className, font } = props;\n\n return (\n \n {asChild ? (\n \n {children}\n\n {variant !== \"ghost\" && variant !== \"link\" && size !== \"icon\" && (\n <>\n {/* Pixelated border */}\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n {variant !== \"outline\" && (\n <>\n {/* Top shadow */}\n
\n
\n\n {/* Bottom shadow */}\n
\n
\n \n )}\n \n )}\n\n {size === \"icon\" && (\n <>\n
\n
\n
\n
\n
\n
\n \n )}\n \n ) : (\n <>\n {children}\n\n {variant !== \"ghost\" && variant !== \"link\" && size !== \"icon\" && (\n <>\n {/* Pixelated border */}\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n {variant !== \"outline\" && (\n <>\n {/* Top shadow */}\n
\n
\n\n {/* Bottom shadow */}\n
\n
\n \n )}\n \n )}\n\n {size === \"icon\" && (\n <>\n
\n
\n
\n
\n
\n
\n \n )}\n \n )}\n \n );\n}\n\nexport { Button };\n", "type": "registry:component", "target": "components/ui/8bit/button.tsx" }, diff --git a/public/r/8bit-calendar.json b/public/r/8bit-calendar.json index 1202dee4..a8a6c236 100644 --- a/public/r/8bit-calendar.json +++ b/public/r/8bit-calendar.json @@ -10,7 +10,7 @@ "files": [ { "path": "components/ui/8bit/calendar.tsx", - "content": "import { type VariantProps, cva } from \"class-variance-authority\";\nimport { DayPicker } from \"react-day-picker\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport { Calendar as ShadcnCalendar } from \"@/components/ui/calendar\";\n\nimport { buttonVariants } from \"./button\";\nimport {\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n} from \"./select\";\nimport \"./styles/retro.css\";\n\nexport const calendarVariants = cva(\"\", {\n variants: {\n font: {\n normal: \"\",\n retro: \"retro\",\n },\n },\n defaultVariants: {\n font: \"retro\",\n },\n});\n\nexport type CalendarProps = React.ComponentProps &\n VariantProps;\n\nfunction Calendar({ className, classNames, font, ...props }: CalendarProps) {\n return (\n \n {\n const currentMonth = props.value as number;\n\n const months = [\n \"January\",\n \"February\",\n \"March\",\n \"April\",\n \"May\",\n \"June\",\n \"July\",\n \"August\",\n \"September\",\n \"October\",\n \"November\",\n \"December\",\n ];\n\n const currentMonthName = months[currentMonth];\n\n return (\n
\n \n
\n );\n },\n YearsDropdown: ({ className }) => {\n const currentYear = new Date().getFullYear();\n const years = Array.from(\n { length: currentYear - 1925 + 1 },\n (_, i) => 1925 + i\n );\n\n return (\n
\n \n
\n );\n },\n Chevron: ({ className, ...props }) => {\n if (props.orientation === \"left\") {\n return (\n \n \n \n \n \n \n \n \n \n );\n }\n\n return (\n \n \n \n \n \n \n \n \n \n );\n },\n }}\n {...props}\n />\n\n \n
\n );\n}\n\nexport { Calendar };\n", + "content": "import { type VariantProps, cva } from \"class-variance-authority\";\nimport { DayPicker } from \"react-day-picker\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport { Calendar as ShadcnCalendar } from \"@/components/ui/calendar\";\n\nimport { buttonVariants } from \"./button\";\nimport {\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n} from \"./select\";\nimport \"./styles/retro.css\";\n\nexport const calendarVariants = cva(\"\", {\n variants: {\n font: {\n normal: \"\",\n retro: \"retro\",\n },\n },\n defaultVariants: {\n font: \"retro\",\n },\n});\n\nexport type CalendarProps = React.ComponentProps &\n VariantProps;\n\nfunction Calendar({ className, classNames, font, ...props }: CalendarProps) {\n return (\n \n {\n const currentMonth = props.value as number;\n\n const months = [\n \"January\",\n \"February\",\n \"March\",\n \"April\",\n \"May\",\n \"June\",\n \"July\",\n \"August\",\n \"September\",\n \"October\",\n \"November\",\n \"December\",\n ];\n\n const currentMonthName = months[currentMonth];\n\n return (\n
\n \n
\n );\n },\n YearsDropdown: ({ className }) => {\n const currentYear = new Date().getFullYear();\n const years = Array.from(\n { length: currentYear - 1925 + 1 },\n (_, i) => 1925 + i\n );\n\n return (\n
\n \n
\n );\n },\n Chevron: ({ className, ...props }) => {\n if (props.orientation === \"left\") {\n return (\n \n \n \n \n \n \n \n \n \n );\n }\n\n return (\n \n \n \n \n \n \n \n \n \n );\n },\n }}\n {...props}\n />\n\n \n
\n );\n}\n\nexport { Calendar };\n", "type": "registry:component", "target": "components/ui/8bit/calendar.tsx" }, diff --git a/public/r/8bit-chart-area-step.json b/public/r/8bit-chart-area-step.json index f549ccca..62f7895a 100644 --- a/public/r/8bit-chart-area-step.json +++ b/public/r/8bit-chart-area-step.json @@ -8,7 +8,7 @@ "files": [ { "path": "components/ui/8bit/blocks/chart-area-step.tsx", - "content": "\"use client\";\n\nimport { Activity } from \"lucide-react\";\nimport { Area, AreaChart, CartesianGrid, XAxis } from \"recharts\";\n\nimport {\n ChartConfig,\n ChartContainer,\n ChartTooltip,\n ChartTooltipContent,\n} from \"@/components/ui/8bit/chart\";\n\nexport const description = \"A step area chart\";\n\nconst chartData = [\n { month: \"January\", desktop: 99 },\n { month: \"February\", desktop: 204 },\n { month: \"March\", desktop: 180 },\n { month: \"April\", desktop: 120 },\n { month: \"May\", desktop: 180 },\n { month: \"June\", desktop: 42 },\n];\n\nconst chartConfig = {\n desktop: {\n label: \"Desktop\",\n color: \"var(--chart-1)\",\n icon: Activity,\n },\n} satisfies ChartConfig;\n\nexport default function ChartAreaStep() {\n return (\n \n \n \n value.slice(0, 3)}\n />\n }\n />\n \n \n \n );\n}\n", + "content": "\"use client\";\n\nimport { Activity } from \"lucide-react\";\nimport { Area, AreaChart, CartesianGrid, XAxis } from \"recharts\";\n\nimport {\n ChartConfig,\n ChartContainer,\n ChartTooltip,\n ChartTooltipContent,\n} from \"@/components/ui/8bit/chart\";\n\nexport const description = \"A step area chart\";\n\nconst chartData = [\n { month: \"January\", desktop: 99 },\n { month: \"February\", desktop: 204 },\n { month: \"March\", desktop: 180 },\n { month: \"April\", desktop: 120 },\n { month: \"May\", desktop: 180 },\n { month: \"June\", desktop: 42 },\n];\n\nconst chartConfig = {\n desktop: {\n label: \"Desktop\",\n color: \"var(--chart-1)\",\n icon: Activity,\n },\n} satisfies ChartConfig;\n\nexport default function ChartAreaStep() {\n return (\n \n \n \n value.slice(0, 3)}\n />\n }\n />\n \n \n \n );\n}\n", "type": "registry:component", "target": "components/ui/8bit/blocks/chart-area-step.tsx" }, diff --git a/public/r/8bit-combo-box.json b/public/r/8bit-combo-box.json index 3e1853b1..d8e85b2a 100644 --- a/public/r/8bit-combo-box.json +++ b/public/r/8bit-combo-box.json @@ -12,7 +12,7 @@ "files": [ { "path": "components/ui/8bit/button.tsx", - "content": "import { type VariantProps, cva } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport { Button as ShadcnButton } from \"@/components/ui/button\";\n\nimport \"./styles/retro.css\";\n\nexport const buttonVariants = cva(\"\", {\n variants: {\n font: {\n normal: \"\",\n retro: \"retro\",\n },\n variant: {\n default: \"bg-foreground\",\n destructive: \"bg-foreground\",\n outline: \"bg-foreground\",\n secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n icon: \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n});\n\nexport interface BitButtonProps\n extends React.ButtonHTMLAttributes,\n VariantProps {\n asChild?: boolean;\n ref?: React.Ref;\n}\n\nfunction Button({ children, asChild, ...props }: BitButtonProps) {\n const { variant, size, className, font } = props;\n\n return (\n \n
\n {children}\n\n {variant !== \"ghost\" && variant !== \"link\" && size !== \"icon\" && (\n <>\n {/* Pixelated border */}\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n {variant !== \"outline\" && (\n <>\n {/* Top shadow */}\n
\n
\n\n {/* Bottom shadow */}\n
\n
\n \n )}\n \n )}\n\n {size === \"icon\" && (\n <>\n
\n
\n
\n
\n
\n
\n \n )}\n
\n \n );\n}\n\nexport { Button };\n", + "content": "import { type VariantProps, cva } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport { Button as ShadcnButton } from \"@/components/ui/button\";\n\nimport \"./styles/retro.css\";\n\nexport const buttonVariants = cva(\"\", {\n variants: {\n font: {\n normal: \"\",\n retro: \"retro\",\n },\n variant: {\n default: \"bg-foreground\",\n destructive: \"bg-foreground\",\n outline: \"bg-foreground\",\n secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n icon: \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n});\n\nexport interface BitButtonProps\n extends React.ButtonHTMLAttributes,\n VariantProps {\n asChild?: boolean;\n ref?: React.Ref;\n}\n\nfunction Button({ children, asChild, ...props }: BitButtonProps) {\n const { variant, size, className, font } = props;\n\n return (\n \n {asChild ? (\n \n {children}\n\n {variant !== \"ghost\" && variant !== \"link\" && size !== \"icon\" && (\n <>\n {/* Pixelated border */}\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n {variant !== \"outline\" && (\n <>\n {/* Top shadow */}\n
\n
\n\n {/* Bottom shadow */}\n
\n
\n \n )}\n \n )}\n\n {size === \"icon\" && (\n <>\n
\n
\n
\n
\n
\n
\n \n )}\n \n ) : (\n <>\n {children}\n\n {variant !== \"ghost\" && variant !== \"link\" && size !== \"icon\" && (\n <>\n {/* Pixelated border */}\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n {variant !== \"outline\" && (\n <>\n {/* Top shadow */}\n
\n
\n\n {/* Bottom shadow */}\n
\n
\n \n )}\n \n )}\n\n {size === \"icon\" && (\n <>\n
\n
\n
\n
\n
\n
\n \n )}\n \n )}\n \n );\n}\n\nexport { Button };\n", "type": "registry:component", "target": "components/ui/8bit/button.tsx" }, diff --git a/public/r/8bit-login-form-2.json b/public/r/8bit-login-form-2.json index d355ed6c..2d2233d4 100644 --- a/public/r/8bit-login-form-2.json +++ b/public/r/8bit-login-form-2.json @@ -19,7 +19,7 @@ }, { "path": "components/ui/8bit/button.tsx", - "content": "import { type VariantProps, cva } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport { Button as ShadcnButton } from \"@/components/ui/button\";\n\nimport \"./styles/retro.css\";\n\nexport const buttonVariants = cva(\"\", {\n variants: {\n font: {\n normal: \"\",\n retro: \"retro\",\n },\n variant: {\n default: \"bg-foreground\",\n destructive: \"bg-foreground\",\n outline: \"bg-foreground\",\n secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n icon: \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n});\n\nexport interface BitButtonProps\n extends React.ButtonHTMLAttributes,\n VariantProps {\n asChild?: boolean;\n ref?: React.Ref;\n}\n\nfunction Button({ children, asChild, ...props }: BitButtonProps) {\n const { variant, size, className, font } = props;\n\n return (\n \n
\n {children}\n\n {variant !== \"ghost\" && variant !== \"link\" && size !== \"icon\" && (\n <>\n {/* Pixelated border */}\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n {variant !== \"outline\" && (\n <>\n {/* Top shadow */}\n
\n
\n\n {/* Bottom shadow */}\n
\n
\n \n )}\n \n )}\n\n {size === \"icon\" && (\n <>\n
\n
\n
\n
\n
\n
\n \n )}\n
\n \n );\n}\n\nexport { Button };\n", + "content": "import { type VariantProps, cva } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport { Button as ShadcnButton } from \"@/components/ui/button\";\n\nimport \"./styles/retro.css\";\n\nexport const buttonVariants = cva(\"\", {\n variants: {\n font: {\n normal: \"\",\n retro: \"retro\",\n },\n variant: {\n default: \"bg-foreground\",\n destructive: \"bg-foreground\",\n outline: \"bg-foreground\",\n secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n icon: \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n});\n\nexport interface BitButtonProps\n extends React.ButtonHTMLAttributes,\n VariantProps {\n asChild?: boolean;\n ref?: React.Ref;\n}\n\nfunction Button({ children, asChild, ...props }: BitButtonProps) {\n const { variant, size, className, font } = props;\n\n return (\n \n {asChild ? (\n \n {children}\n\n {variant !== \"ghost\" && variant !== \"link\" && size !== \"icon\" && (\n <>\n {/* Pixelated border */}\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n {variant !== \"outline\" && (\n <>\n {/* Top shadow */}\n
\n
\n\n {/* Bottom shadow */}\n
\n
\n \n )}\n \n )}\n\n {size === \"icon\" && (\n <>\n
\n
\n
\n
\n
\n
\n \n )}\n \n ) : (\n <>\n {children}\n\n {variant !== \"ghost\" && variant !== \"link\" && size !== \"icon\" && (\n <>\n {/* Pixelated border */}\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n {variant !== \"outline\" && (\n <>\n {/* Top shadow */}\n
\n
\n\n {/* Bottom shadow */}\n
\n
\n \n )}\n \n )}\n\n {size === \"icon\" && (\n <>\n
\n
\n
\n
\n
\n
\n \n )}\n \n )}\n \n );\n}\n\nexport { Button };\n", "type": "registry:component", "target": "components/ui/8bit/button.tsx" }, diff --git a/public/r/8bit-login-form-with-image.json b/public/r/8bit-login-form-with-image.json index d85009fc..123e914d 100644 --- a/public/r/8bit-login-form-with-image.json +++ b/public/r/8bit-login-form-with-image.json @@ -19,7 +19,7 @@ }, { "path": "components/ui/8bit/button.tsx", - "content": "import { type VariantProps, cva } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport { Button as ShadcnButton } from \"@/components/ui/button\";\n\nimport \"./styles/retro.css\";\n\nexport const buttonVariants = cva(\"\", {\n variants: {\n font: {\n normal: \"\",\n retro: \"retro\",\n },\n variant: {\n default: \"bg-foreground\",\n destructive: \"bg-foreground\",\n outline: \"bg-foreground\",\n secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n icon: \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n});\n\nexport interface BitButtonProps\n extends React.ButtonHTMLAttributes,\n VariantProps {\n asChild?: boolean;\n ref?: React.Ref;\n}\n\nfunction Button({ children, asChild, ...props }: BitButtonProps) {\n const { variant, size, className, font } = props;\n\n return (\n \n
\n {children}\n\n {variant !== \"ghost\" && variant !== \"link\" && size !== \"icon\" && (\n <>\n {/* Pixelated border */}\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n {variant !== \"outline\" && (\n <>\n {/* Top shadow */}\n
\n
\n\n {/* Bottom shadow */}\n
\n
\n \n )}\n \n )}\n\n {size === \"icon\" && (\n <>\n
\n
\n
\n
\n
\n
\n \n )}\n
\n \n );\n}\n\nexport { Button };\n", + "content": "import { type VariantProps, cva } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport { Button as ShadcnButton } from \"@/components/ui/button\";\n\nimport \"./styles/retro.css\";\n\nexport const buttonVariants = cva(\"\", {\n variants: {\n font: {\n normal: \"\",\n retro: \"retro\",\n },\n variant: {\n default: \"bg-foreground\",\n destructive: \"bg-foreground\",\n outline: \"bg-foreground\",\n secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n icon: \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n});\n\nexport interface BitButtonProps\n extends React.ButtonHTMLAttributes,\n VariantProps {\n asChild?: boolean;\n ref?: React.Ref;\n}\n\nfunction Button({ children, asChild, ...props }: BitButtonProps) {\n const { variant, size, className, font } = props;\n\n return (\n \n {asChild ? (\n \n {children}\n\n {variant !== \"ghost\" && variant !== \"link\" && size !== \"icon\" && (\n <>\n {/* Pixelated border */}\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n {variant !== \"outline\" && (\n <>\n {/* Top shadow */}\n
\n
\n\n {/* Bottom shadow */}\n
\n
\n \n )}\n \n )}\n\n {size === \"icon\" && (\n <>\n
\n
\n
\n
\n
\n
\n \n )}\n \n ) : (\n <>\n {children}\n\n {variant !== \"ghost\" && variant !== \"link\" && size !== \"icon\" && (\n <>\n {/* Pixelated border */}\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n {variant !== \"outline\" && (\n <>\n {/* Top shadow */}\n
\n
\n\n {/* Bottom shadow */}\n
\n
\n \n )}\n \n )}\n\n {size === \"icon\" && (\n <>\n
\n
\n
\n
\n
\n
\n \n )}\n \n )}\n \n );\n}\n\nexport { Button };\n", "type": "registry:component", "target": "components/ui/8bit/button.tsx" }, diff --git a/public/r/8bit-login-form.json b/public/r/8bit-login-form.json index c0dfdcd4..1d870678 100644 --- a/public/r/8bit-login-form.json +++ b/public/r/8bit-login-form.json @@ -19,7 +19,7 @@ }, { "path": "components/ui/8bit/button.tsx", - "content": "import { type VariantProps, cva } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport { Button as ShadcnButton } from \"@/components/ui/button\";\n\nimport \"./styles/retro.css\";\n\nexport const buttonVariants = cva(\"\", {\n variants: {\n font: {\n normal: \"\",\n retro: \"retro\",\n },\n variant: {\n default: \"bg-foreground\",\n destructive: \"bg-foreground\",\n outline: \"bg-foreground\",\n secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n icon: \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n});\n\nexport interface BitButtonProps\n extends React.ButtonHTMLAttributes,\n VariantProps {\n asChild?: boolean;\n ref?: React.Ref;\n}\n\nfunction Button({ children, asChild, ...props }: BitButtonProps) {\n const { variant, size, className, font } = props;\n\n return (\n \n
\n {children}\n\n {variant !== \"ghost\" && variant !== \"link\" && size !== \"icon\" && (\n <>\n {/* Pixelated border */}\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n {variant !== \"outline\" && (\n <>\n {/* Top shadow */}\n
\n
\n\n {/* Bottom shadow */}\n
\n
\n \n )}\n \n )}\n\n {size === \"icon\" && (\n <>\n
\n
\n
\n
\n
\n
\n \n )}\n
\n \n );\n}\n\nexport { Button };\n", + "content": "import { type VariantProps, cva } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport { Button as ShadcnButton } from \"@/components/ui/button\";\n\nimport \"./styles/retro.css\";\n\nexport const buttonVariants = cva(\"\", {\n variants: {\n font: {\n normal: \"\",\n retro: \"retro\",\n },\n variant: {\n default: \"bg-foreground\",\n destructive: \"bg-foreground\",\n outline: \"bg-foreground\",\n secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n icon: \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n});\n\nexport interface BitButtonProps\n extends React.ButtonHTMLAttributes,\n VariantProps {\n asChild?: boolean;\n ref?: React.Ref;\n}\n\nfunction Button({ children, asChild, ...props }: BitButtonProps) {\n const { variant, size, className, font } = props;\n\n return (\n \n {asChild ? (\n \n {children}\n\n {variant !== \"ghost\" && variant !== \"link\" && size !== \"icon\" && (\n <>\n {/* Pixelated border */}\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n {variant !== \"outline\" && (\n <>\n {/* Top shadow */}\n
\n
\n\n {/* Bottom shadow */}\n
\n
\n \n )}\n \n )}\n\n {size === \"icon\" && (\n <>\n
\n
\n
\n
\n
\n
\n \n )}\n \n ) : (\n <>\n {children}\n\n {variant !== \"ghost\" && variant !== \"link\" && size !== \"icon\" && (\n <>\n {/* Pixelated border */}\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n {variant !== \"outline\" && (\n <>\n {/* Top shadow */}\n
\n
\n\n {/* Bottom shadow */}\n
\n
\n \n )}\n \n )}\n\n {size === \"icon\" && (\n <>\n
\n
\n
\n
\n
\n
\n \n )}\n \n )}\n \n );\n}\n\nexport { Button };\n", "type": "registry:component", "target": "components/ui/8bit/button.tsx" }, diff --git a/public/r/8bit-login-page.json b/public/r/8bit-login-page.json index 6f6ec952..c205cfe0 100644 --- a/public/r/8bit-login-page.json +++ b/public/r/8bit-login-page.json @@ -25,7 +25,7 @@ }, { "path": "components/ui/8bit/button.tsx", - "content": "import { type VariantProps, cva } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport { Button as ShadcnButton } from \"@/components/ui/button\";\n\nimport \"./styles/retro.css\";\n\nexport const buttonVariants = cva(\"\", {\n variants: {\n font: {\n normal: \"\",\n retro: \"retro\",\n },\n variant: {\n default: \"bg-foreground\",\n destructive: \"bg-foreground\",\n outline: \"bg-foreground\",\n secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n icon: \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n});\n\nexport interface BitButtonProps\n extends React.ButtonHTMLAttributes,\n VariantProps {\n asChild?: boolean;\n ref?: React.Ref;\n}\n\nfunction Button({ children, asChild, ...props }: BitButtonProps) {\n const { variant, size, className, font } = props;\n\n return (\n \n
\n {children}\n\n {variant !== \"ghost\" && variant !== \"link\" && size !== \"icon\" && (\n <>\n {/* Pixelated border */}\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n {variant !== \"outline\" && (\n <>\n {/* Top shadow */}\n
\n
\n\n {/* Bottom shadow */}\n
\n
\n \n )}\n \n )}\n\n {size === \"icon\" && (\n <>\n
\n
\n
\n
\n
\n
\n \n )}\n
\n \n );\n}\n\nexport { Button };\n", + "content": "import { type VariantProps, cva } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport { Button as ShadcnButton } from \"@/components/ui/button\";\n\nimport \"./styles/retro.css\";\n\nexport const buttonVariants = cva(\"\", {\n variants: {\n font: {\n normal: \"\",\n retro: \"retro\",\n },\n variant: {\n default: \"bg-foreground\",\n destructive: \"bg-foreground\",\n outline: \"bg-foreground\",\n secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n icon: \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n});\n\nexport interface BitButtonProps\n extends React.ButtonHTMLAttributes,\n VariantProps {\n asChild?: boolean;\n ref?: React.Ref;\n}\n\nfunction Button({ children, asChild, ...props }: BitButtonProps) {\n const { variant, size, className, font } = props;\n\n return (\n \n {asChild ? (\n \n {children}\n\n {variant !== \"ghost\" && variant !== \"link\" && size !== \"icon\" && (\n <>\n {/* Pixelated border */}\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n {variant !== \"outline\" && (\n <>\n {/* Top shadow */}\n
\n
\n\n {/* Bottom shadow */}\n
\n
\n \n )}\n \n )}\n\n {size === \"icon\" && (\n <>\n
\n
\n
\n
\n
\n
\n \n )}\n \n ) : (\n <>\n {children}\n\n {variant !== \"ghost\" && variant !== \"link\" && size !== \"icon\" && (\n <>\n {/* Pixelated border */}\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n {variant !== \"outline\" && (\n <>\n {/* Top shadow */}\n
\n
\n\n {/* Bottom shadow */}\n
\n
\n \n )}\n \n )}\n\n {size === \"icon\" && (\n <>\n
\n
\n
\n
\n
\n
\n \n )}\n \n )}\n \n );\n}\n\nexport { Button };\n", "type": "registry:component", "target": "components/ui/8bit/button.tsx" },