Add 'packages/frontend/' from commit 'ecaa662131160697866f77488d13159c986d5e8e'

git-subtree-dir: packages/frontend git-subtree-mainline: d7bdd20dc4 git-subtree-split: ecaa662131
2026-02-08 18:33:01 +00:00 · 2025-12-13 20:21:20 +00:00
parent d7bdd20dc4 ecaa662131
commit d0babd62af
28 changed files with 6305 additions and 0 deletions
--- a/packages/frontend/src/components/ui/button.tsx
+++ b/packages/frontend/src/components/ui/button.tsx
@@ -0,0 +1,76 @@
+import { Slot } from "@radix-ui/react-slot";
+import { cva, type VariantProps } from "class-variance-authority";
+import type * as React from "react";
+import { Link } from "react-router-dom";
+import { cn } from "@/lib/utils";
+
+const buttonVariants = cva(
+    "cursor-pointer inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+    {
+        variants: {
+            variant: {
+                default: "bg-primary text-primary-foreground hover:bg-primary/90",
+                destructive:
+                    "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+                outline:
+                    "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+                secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+                ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+                link: "text-primary underline-offset-4 hover:underline",
+            },
+            size: {
+                default: "h-9 px-4 py-2 has-[>svg]:px-3",
+                sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+                lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+                icon: "size-9",
+                "icon-sm": "size-8",
+                "icon-lg": "size-10",
+            },
+        },
+        defaultVariants: {
+            variant: "default",
+            size: "default",
+        },
+    },
+);
+
+function Button({
+    className,
+    variant = "default",
+    size = "default",
+    asChild = false,
+    linkTo,
+    ...props
+}: React.ComponentProps<"button"> &
+    VariantProps<typeof buttonVariants> & {
+        asChild?: boolean;
+        linkTo?: string;
+    }) {
+    const Comp = asChild ? Slot : "button";
+
+    return (
+        <>
+            {linkTo ? (
+                <Link to={linkTo}>
+                    <Comp
+                        data-slot="button"
+                        data-variant={variant}
+                        data-size={size}
+                        className={cn(buttonVariants({ variant, size, className }))}
+                        {...props}
+                    />
+                </Link>
+            ) : (
+                <Comp
+                    data-slot="button"
+                    data-variant={variant}
+                    data-size={size}
+                    className={cn(buttonVariants({ variant, size, className }))}
+                    {...props}
+                />
+            )}
+        </>
+    );
+}
+
+export { Button, buttonVariants };