@kinetixui/ui 0.1.0

package/dist/index.js

@@ -0,0 +1,3939 @@
+"use client";
+
+// src/components/button.tsx
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/button.tsx
+import { jsx } from "react/jsx-runtime";
+var buttonVariants = cva(
+  [
+    "inline-flex items-center justify-center gap-1 shrink-0",
+    "font-sans font-medium whitespace-nowrap select-none",
+    "rounded-md transition-colors outline-none",
+    "focus-visible:shadow-focus",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-[18px]"
+  ],
+  {
+    variants: {
+      variant: {
+        // bg primary / text on-primary; hover+active step down the blue ramp; disabled -> border grey
+        Primary: "bg-primary text-primary-foreground hover:bg-[--color-blue-600] active:bg-[--color-blue-700] disabled:bg-border disabled:text-muted-foreground",
+        // rest = secondaryContainer; hover/active promote to full secondary with on-secondary text
+        Secondary: "bg-secondary text-secondary-foreground hover:bg-[--color-green-500] hover:text-[--color-green-50] active:bg-[--color-green-600] active:text-[--color-green-50] focus-visible:bg-secondary disabled:bg-border disabled:text-muted-foreground",
+        // 1px outline; hover fills with accent (LightBlue); active pins primary border+text
+        Outline: "border border-input bg-transparent text-foreground hover:bg-accent active:border-primary active:bg-accent active:text-primary disabled:border-input disabled:text-muted-foreground disabled:bg-transparent",
+        Destructive: "bg-destructive text-destructive-foreground hover:brightness-95 active:brightness-90 disabled:bg-border disabled:text-muted-foreground",
+        Ghost: "bg-transparent text-foreground hover:bg-accent active:bg-accent active:text-primary disabled:text-muted-foreground disabled:bg-transparent",
+        Link: "bg-transparent text-primary underline-offset-4 hover:underline hover:text-foreground rounded-none px-0 disabled:text-muted-foreground disabled:no-underline"
+      },
+      size: {
+        // padding = Figma spacing/3 + spacing/2 ; type = Label Small (11/16, +0.5 tracking)
+        sm: "px-3 py-2 text-[11px] leading-4 tracking-[0.5px]",
+        // spacing/4 + spacing/3 ; Label Medium (12/16, +0.5)
+        md: "px-4 py-3 text-[12px] leading-4 tracking-[0.5px]",
+        // spacing/6 + spacing/3 ; Label Large (14/20, +0.1)
+        lg: "px-6 py-3 text-[14px] leading-5 tracking-[0.1px]",
+        // spacing/3 all round, square
+        icon: "p-3 [&>*:not(svg)]:sr-only"
+      },
+      /** force a static visual state — leave undefined for real interaction */
+      state: {
+        Default: "",
+        Hover: "",
+        Focus: "shadow-focus",
+        Active: "",
+        Disabled: "pointer-events-none opacity-50"
+      },
+      /** corner style — matches the design source's Corners property */
+      corners: {
+        sharp: "rounded-none",
+        default: "",
+        pill: "rounded-full"
+      }
+    },
+    compoundVariants: [
+      { variant: "Destructive", class: "focus-visible:shadow-focus-destructive" },
+      { variant: "Primary", state: "Hover", class: "bg-[--color-blue-600]" },
+      { variant: "Primary", state: "Active", class: "bg-[--color-blue-700]" },
+      { variant: "Secondary", state: "Hover", class: "bg-[--color-green-500] text-[--color-green-50]" },
+      { variant: "Secondary", state: "Active", class: "bg-[--color-green-600] text-[--color-green-50]" },
+      { variant: "Outline", state: "Hover", class: "bg-accent" },
+      { variant: "Outline", state: "Active", class: "border-primary bg-accent text-primary" },
+      { variant: "Ghost", state: "Hover", class: "bg-accent" },
+      { variant: "Ghost", state: "Active", class: "bg-accent text-primary" },
+      { variant: "Link", state: "Hover", class: "underline text-foreground" },
+      { variant: "Link", size: ["sm", "md", "lg"], class: "py-2 px-0 h-auto" }
+    ],
+    defaultVariants: { variant: "Primary", size: "md", state: "Default", corners: "default" }
+  }
+);
+var Button = React.forwardRef(
+  ({ className, variant, size, state, corners, asChild = false, disabled, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref,
+        "data-slot": "button",
+        "data-variant": variant ?? "Primary",
+        "data-size": size ?? "md",
+        disabled: disabled || state === "Disabled",
+        className: cn(buttonVariants({ variant, size, state, corners }), className),
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/components/input.tsx
+import * as React2 from "react";
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var inputVariants = cva2(
+  [
+    "flex w-full border border-input bg-background px-3 py-3",
+    "font-sans text-[14px] leading-5 tracking-[0.25px] text-foreground",
+    "placeholder:text-muted-foreground",
+    "outline-none transition-colors",
+    "focus-visible:border-primary focus-visible:shadow-focus",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    "aria-[invalid=true]:border-destructive aria-[invalid=true]:focus-visible:border-destructive aria-[invalid=true]:focus-visible:shadow-focus-destructive"
+  ],
+  {
+    variants: {
+      state: {
+        Default: "",
+        Focus: "border-primary shadow-focus",
+        Error: "border-destructive",
+        Disabled: "opacity-50 pointer-events-none"
+      },
+      /** corner style — matches the design source's Corners property */
+      corners: {
+        sharp: "rounded-none",
+        default: "rounded-sm",
+        rounded: "rounded-md",
+        pill: "rounded-full px-4"
+      }
+    },
+    defaultVariants: { state: "Default", corners: "default" }
+  }
+);
+var Input = React2.forwardRef(
+  ({ className, state, corners, type = "text", disabled, "aria-invalid": ariaInvalid, ...props }, ref) => /* @__PURE__ */ jsx2(
+    "input",
+    {
+      ref,
+      type,
+      "data-slot": "input",
+      "data-state": state ? state.toLowerCase() : void 0,
+      "aria-invalid": ariaInvalid ?? (state === "Error" || void 0),
+      disabled: disabled || state === "Disabled",
+      className: cn(inputVariants({ state, corners }), className),
+      ...props
+    }
+  )
+);
+Input.displayName = "Input";
+
+// src/components/textarea.tsx
+import * as React3 from "react";
+import { cva as cva3 } from "class-variance-authority";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var textareaVariants = cva3(
+  [
+    "flex w-full min-h-[100px] resize-y rounded-sm border border-input bg-background px-3 py-3",
+    "font-sans text-[14px] leading-5 tracking-[0.25px] text-foreground",
+    "placeholder:text-muted-foreground",
+    "outline-none transition-colors",
+    "focus-visible:border-primary focus-visible:shadow-focus",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    "aria-[invalid=true]:border-destructive aria-[invalid=true]:focus-visible:border-destructive aria-[invalid=true]:focus-visible:shadow-focus-destructive"
+  ],
+  {
+    variants: {
+      state: {
+        Default: "",
+        Focus: "border-primary shadow-focus",
+        Error: "border-destructive",
+        Disabled: "opacity-50 pointer-events-none resize-none"
+      }
+    },
+    defaultVariants: { state: "Default" }
+  }
+);
+var Textarea = React3.forwardRef(
+  ({ className, state, disabled, "aria-invalid": ariaInvalid, ...props }, ref) => /* @__PURE__ */ jsx3(
+    "textarea",
+    {
+      ref,
+      "data-slot": "textarea",
+      "data-state": state ? state.toLowerCase() : void 0,
+      "aria-invalid": ariaInvalid ?? (state === "Error" || void 0),
+      disabled: disabled || state === "Disabled",
+      className: cn(textareaVariants({ state }), className),
+      ...props
+    }
+  )
+);
+Textarea.displayName = "Textarea";
+
+// src/components/accordion.tsx
+import * as React4 from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDown } from "lucide-react";
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+var Accordion = AccordionPrimitive.Root;
+var AccordionItem = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(AccordionPrimitive.Item, { ref, className: cn("border-b", className), ...props }));
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = React4.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx4(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+  AccordionPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex flex-1 items-center justify-between py-4 text-sm font-medium font-sans transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx4(ChevronDown, { className: "size-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+    ]
+  }
+) }));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+var AccordionContent = React4.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx4(
+  AccordionPrimitive.Content,
+  {
+    ref,
+    className: "overflow-hidden text-sm font-sans data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+    ...props,
+    children: /* @__PURE__ */ jsx4("div", { className: cn("pb-4 pt-0", className), children })
+  }
+));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+
+// src/components/alert.tsx
+import * as React5 from "react";
+import { cva as cva4 } from "class-variance-authority";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var alertVariants = cva4(
+  "relative w-full rounded-lg border px-4 py-3 text-sm font-sans [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        destructive: "border-destructive/50 text-destructive [&>svg]:text-destructive",
+        success: "border-success/50 text-success [&>svg]:text-success",
+        warning: "border-warning/50 text-warning [&>svg]:text-warning",
+        info: "border-info/50 text-info [&>svg]:text-info"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+var Alert = React5.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx5("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
+Alert.displayName = "Alert";
+var AlertTitle = React5.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx5("h5", { ref, className: cn("mb-1 font-medium leading-none tracking-tight", className), ...props })
+);
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props }));
+AlertDescription.displayName = "AlertDescription";
+
+// src/components/alert-dialog.tsx
+import * as React6 from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+var AlertDialog = AlertDialogPrimitive.Root;
+var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+var AlertDialogPortal = AlertDialogPrimitive.Portal;
+var AlertDialogOverlay = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
+  AlertDialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-foreground/40 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+var AlertDialogContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs2(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsx6(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsx6(
+    AlertDialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border bg-background p-6 shadow-lg sm:rounded-xl font-sans",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx6("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx6(
+  "div",
+  {
+    className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
+    ...props
+  }
+);
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(AlertDialogPrimitive.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+var AlertDialogDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
+  AlertDialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+var AlertDialogAction = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
+  AlertDialogPrimitive.Action,
+  {
+    ref,
+    className: cn(buttonVariants({ variant: "Primary", size: "md" }), className),
+    ...props
+  }
+));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+var AlertDialogCancel = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
+  AlertDialogPrimitive.Cancel,
+  {
+    ref,
+    className: cn(buttonVariants({ variant: "Outline", size: "md" }), "mt-2 sm:mt-0", className),
+    ...props
+  }
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+
+// src/components/aspect-ratio.tsx
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+var AspectRatio = AspectRatioPrimitive.Root;
+
+// src/components/avatar.tsx
+import * as React7 from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+var Avatar = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
+  AvatarPrimitive.Root,
+  {
+    ref,
+    className: cn("relative flex size-10 shrink-0 overflow-hidden rounded-full", className),
+    ...props
+  }
+));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(AvatarPrimitive.Image, { ref, className: cn("aspect-square size-full", className), ...props }));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn(
+      "flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+var AvatarGroup = React7.forwardRef(
+  ({ className, max, children, ...props }, ref) => {
+    const items = React7.Children.toArray(children);
+    const visible = max ? items.slice(0, max) : items;
+    const overflow = max ? items.length - max : 0;
+    return /* @__PURE__ */ jsxs3("div", { ref, className: cn("flex -space-x-2", className), ...props, children: [
+      visible.map((child, i) => /* @__PURE__ */ jsx7("div", { className: "rounded-full ring-2 ring-background", children: child }, i)),
+      overflow > 0 && /* @__PURE__ */ jsx7("div", { className: "rounded-full ring-2 ring-background", children: /* @__PURE__ */ jsx7(Avatar, { children: /* @__PURE__ */ jsxs3(AvatarFallback, { children: [
+        "+",
+        overflow
+      ] }) }) })
+    ] });
+  }
+);
+AvatarGroup.displayName = "AvatarGroup";
+
+// src/components/badge.tsx
+import { cva as cva5 } from "class-variance-authority";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var badgeVariants = cva5(
+  "inline-flex items-center rounded-full px-2.5 py-1 text-xs font-medium font-sans tracking-[0.5px] transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground",
+        secondary: "bg-secondary-foreground text-secondary",
+        destructive: "bg-destructive text-destructive-foreground",
+        outline: "border border-input text-foreground",
+        subtle: "bg-accent text-accent-foreground"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsx8("div", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+
+// src/components/breadcrumb.tsx
+import * as React8 from "react";
+import { Slot as Slot2 } from "@radix-ui/react-slot";
+import { ChevronRight, MoreHorizontal } from "lucide-react";
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+var Breadcrumb = React8.forwardRef(
+  ({ ...props }, ref) => /* @__PURE__ */ jsx9("nav", { ref, "aria-label": "breadcrumb", className: "font-sans", ...props })
+);
+Breadcrumb.displayName = "Breadcrumb";
+var BreadcrumbList = React8.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+    "ol",
+    {
+      ref,
+      className: cn("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5", className),
+      ...props
+    }
+  )
+);
+BreadcrumbList.displayName = "BreadcrumbList";
+var BreadcrumbItem = React8.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx9("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
+);
+BreadcrumbItem.displayName = "BreadcrumbItem";
+var BreadcrumbLink = React8.forwardRef(({ asChild, className, ...props }, ref) => {
+  const Comp = asChild ? Slot2 : "a";
+  return /* @__PURE__ */ jsx9(Comp, { ref, className: cn("transition-colors hover:text-foreground", className), ...props });
+});
+BreadcrumbLink.displayName = "BreadcrumbLink";
+var BreadcrumbPage = React8.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+    "span",
+    {
+      ref,
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: cn("font-normal text-foreground", className),
+      ...props
+    }
+  )
+);
+BreadcrumbPage.displayName = "BreadcrumbPage";
+var BreadcrumbSeparator = ({ children, className, ...props }) => /* @__PURE__ */ jsx9("li", { role: "presentation", "aria-hidden": true, className: cn("[&>svg]:size-3.5", className), ...props, children: children ?? /* @__PURE__ */ jsx9(ChevronRight, {}) });
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs4("span", { role: "presentation", "aria-hidden": true, className: cn("flex size-9 items-center justify-center", className), ...props, children: [
+  /* @__PURE__ */ jsx9(MoreHorizontal, { className: "size-4" }),
+  /* @__PURE__ */ jsx9("span", { className: "sr-only", children: "More" })
+] });
+BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
+
+// src/components/card.tsx
+import * as React9 from "react";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var Card = React9.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+    "div",
+    {
+      ref,
+      className: cn("rounded-xl border bg-card text-card-foreground shadow-sm font-sans", className),
+      ...props
+    }
+  )
+);
+Card.displayName = "Card";
+var CardHeader = React9.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
+);
+CardHeader.displayName = "CardHeader";
+var CardTitle = React9.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10("div", { ref, className: cn("font-semibold leading-none tracking-tight", className), ...props })
+);
+CardTitle.displayName = "CardTitle";
+var CardDescription = React9.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10("div", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
+);
+CardDescription.displayName = "CardDescription";
+var CardContent = React9.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10("div", { ref, className: cn("p-6 pt-0", className), ...props })
+);
+CardContent.displayName = "CardContent";
+var CardFooter = React9.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
+);
+CardFooter.displayName = "CardFooter";
+
+// src/components/checkbox.tsx
+import * as React10 from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Check, Minus } from "lucide-react";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var Checkbox = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "peer size-[18px] shrink-0 rounded-sm border-2 border-input outline-none transition-colors",
+      "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+      "disabled:cursor-not-allowed disabled:opacity-50",
+      "data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      "data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground",
+      "aria-invalid:border-destructive aria-invalid:data-[state=checked]:border-destructive aria-invalid:data-[state=checked]:bg-destructive",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx11(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current", children: props.checked === "indeterminate" ? /* @__PURE__ */ jsx11(Minus, { className: "size-3" }) : /* @__PURE__ */ jsx11(Check, { className: "size-3", strokeWidth: 3 }) })
+  }
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+// src/components/collapsible.tsx
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
+var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
+
+// src/components/dialog.tsx
+import * as React11 from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { X } from "lucide-react";
+import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogClose = DialogPrimitive.Close;
+var DialogOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-foreground/40 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var DialogContent = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs5(DialogPortal, { children: [
+  /* @__PURE__ */ jsx12(DialogOverlay, {}),
+  /* @__PURE__ */ jsxs5(
+    DialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border bg-background p-6 shadow-lg sm:rounded-xl font-sans",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxs5(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring disabled:pointer-events-none", children: [
+          /* @__PURE__ */ jsx12(X, { className: "size-4" }),
+          /* @__PURE__ */ jsx12("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx12("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx12(
+  "div",
+  {
+    className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
+    ...props
+  }
+);
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold leading-none tracking-tight", className),
+    ...props
+  }
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+// src/components/dropdown-menu.tsx
+import * as React12 from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { Check as Check2, ChevronRight as ChevronRight2, Circle } from "lucide-react";
+import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive.Group;
+var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+var contentCls = "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md font-sans data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95";
+var itemCls = "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50";
+var DropdownMenuContent = React12.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Content, { ref, sideOffset, className: cn(contentCls, className), ...props }) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React12.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Item, { ref, className: cn(itemCls, inset && "pl-8", className), ...props }));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React12.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs6(DropdownMenuPrimitive.CheckboxItem, { ref, className: cn(itemCls, "pl-8", className), checked, ...props, children: [
+  /* @__PURE__ */ jsx13("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx13(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx13(Check2, { className: "size-4" }) }) }),
+  children
+] }));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs6(DropdownMenuPrimitive.RadioItem, { ref, className: cn(itemCls, "pl-8", className), ...props, children: [
+  /* @__PURE__ */ jsx13("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx13(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx13(Circle, { className: "size-2 fill-current" }) }) }),
+  children
+] }));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React12.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx13(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx13("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+var DropdownMenuSubTrigger = React12.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs6(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(itemCls, "data-[state=open]:bg-accent", inset && "pl-8", className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx13(ChevronRight2, { className: "ml-auto size-4" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(DropdownMenuPrimitive.SubContent, { ref, className: cn(contentCls, className), ...props }));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+
+// src/components/hover-card.tsx
+import * as React13 from "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var HoverCard = HoverCardPrimitive.Root;
+var HoverCardTrigger = HoverCardPrimitive.Trigger;
+var HoverCardContent = React13.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx14(
+  HoverCardPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none font-sans",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+      className
+    ),
+    ...props
+  }
+));
+HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
+
+// src/components/label.tsx
+import * as React14 from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva as cva6 } from "class-variance-authority";
+import { jsx as jsx15 } from "react/jsx-runtime";
+var labelVariants = cva6(
+  "text-sm font-medium leading-none font-sans peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
+Label2.displayName = LabelPrimitive.Root.displayName;
+
+// src/components/pagination.tsx
+import * as React15 from "react";
+import { ChevronLeft, ChevronRight as ChevronRight3, MoreHorizontal as MoreHorizontal2 } from "lucide-react";
+import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx16(
+  "nav",
+  {
+    role: "navigation",
+    "aria-label": "pagination",
+    className: cn("mx-auto flex w-full justify-center font-sans", className),
+    ...props
+  }
+);
+Pagination.displayName = "Pagination";
+var PaginationContent = React15.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx16("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props })
+);
+PaginationContent.displayName = "PaginationContent";
+var PaginationItem = React15.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx16("li", { ref, className: cn("", className), ...props })
+);
+PaginationItem.displayName = "PaginationItem";
+var PaginationLink = ({ className, isActive, ...props }) => /* @__PURE__ */ jsx16(
+  "a",
+  {
+    "aria-current": isActive ? "page" : void 0,
+    className: cn(
+      buttonVariants({ variant: isActive ? "Outline" : "Ghost", size: "icon" }),
+      "size-9",
+      className
+    ),
+    ...props
+  }
+);
+PaginationLink.displayName = "PaginationLink";
+var PaginationPrevious = ({ className, ...props }) => /* @__PURE__ */ jsxs7(PaginationLink, { "aria-label": "Go to previous page", className: cn("w-auto gap-1 px-2.5", className), ...props, children: [
+  /* @__PURE__ */ jsx16(ChevronLeft, { className: "size-4" }),
+  /* @__PURE__ */ jsx16("span", { children: "Previous" })
+] });
+PaginationPrevious.displayName = "PaginationPrevious";
+var PaginationNext = ({ className, ...props }) => /* @__PURE__ */ jsxs7(PaginationLink, { "aria-label": "Go to next page", className: cn("w-auto gap-1 px-2.5", className), ...props, children: [
+  /* @__PURE__ */ jsx16("span", { children: "Next" }),
+  /* @__PURE__ */ jsx16(ChevronRight3, { className: "size-4" })
+] });
+PaginationNext.displayName = "PaginationNext";
+var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs7("span", { "aria-hidden": true, className: cn("flex size-9 items-center justify-center", className), ...props, children: [
+  /* @__PURE__ */ jsx16(MoreHorizontal2, { className: "size-4" }),
+  /* @__PURE__ */ jsx16("span", { className: "sr-only", children: "More pages" })
+] });
+PaginationEllipsis.displayName = "PaginationEllipsis";
+
+// src/components/popover.tsx
+import * as React16 from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { jsx as jsx17 } from "react/jsx-runtime";
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverAnchor = PopoverPrimitive.Anchor;
+var PopoverContent = React16.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx17(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx17(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none font-sans",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+      "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+// src/components/progress.tsx
+import * as React17 from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var Progress = React17.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx18(
+  ProgressPrimitive.Root,
+  {
+    ref,
+    className: cn("relative h-2 w-full overflow-hidden rounded-full bg-muted", className),
+    ...props,
+    children: /* @__PURE__ */ jsx18(
+      ProgressPrimitive.Indicator,
+      {
+        className: "size-full flex-1 bg-primary transition-transform",
+        style: { transform: `translateX(-${100 - (value || 0)}%)` }
+      }
+    )
+  }
+));
+Progress.displayName = ProgressPrimitive.Root.displayName;
+
+// src/components/radio-group.tsx
+import * as React18 from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { Circle as Circle2 } from "lucide-react";
+import { jsx as jsx19 } from "react/jsx-runtime";
+var RadioGroup2 = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(RadioGroupPrimitive.Root, { ref, className: cn("grid gap-3", className), ...props }));
+RadioGroup2.displayName = RadioGroupPrimitive.Root.displayName;
+var RadioGroupItem = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+  RadioGroupPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "aspect-square size-[18px] rounded-full border-2 border-input text-primary outline-none transition-colors",
+      "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+      "disabled:cursor-not-allowed disabled:opacity-50",
+      "data-[state=checked]:border-primary",
+      "aria-invalid:border-destructive",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx19(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx19(Circle2, { className: "size-2.5 fill-primary text-primary" }) })
+  }
+));
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+
+// src/components/scroll-area.tsx
+import * as React19 from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { jsx as jsx20, jsxs as jsxs8 } from "react/jsx-runtime";
+var ScrollArea = React19.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(ScrollAreaPrimitive.Root, { ref, className: cn("relative overflow-hidden", className), ...props, children: [
+  /* @__PURE__ */ jsx20(ScrollAreaPrimitive.Viewport, { className: "size-full rounded-[inherit]", children }),
+  /* @__PURE__ */ jsx20(ScrollBar, {}),
+  /* @__PURE__ */ jsx20(ScrollAreaPrimitive.Corner, {})
+] }));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React19.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx20(
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: cn(
+      "flex touch-none select-none transition-colors",
+      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-px",
+      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-px",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx20(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+  }
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+
+// src/components/select.tsx
+import * as React20 from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { Check as Check3, ChevronDown as ChevronDown2, ChevronUp } from "lucide-react";
+import { jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs9(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex min-h-[44px] w-full items-center justify-between rounded-sm border border-input bg-background px-3 py-3",
+      "font-sans text-[14px] leading-5 tracking-[0.25px] text-foreground",
+      "data-[placeholder]:text-muted-foreground [&>span]:line-clamp-1",
+      "outline-none transition-colors",
+      "focus:border-primary focus:shadow-focus",
+      "data-[state=open]:border-primary",
+      "aria-[invalid=true]:border-destructive aria-[invalid=true]:focus:border-destructive aria-[invalid=true]:focus:shadow-focus-destructive",
+      "disabled:cursor-not-allowed disabled:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx21(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx21(ChevronDown2, { className: "size-4 shrink-0 opacity-60" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectContent = React20.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx21(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs9(
+  SelectPrimitive.Content,
+  {
+    ref,
+    position,
+    className: cn(
+      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md font-sans",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx21(SelectPrimitive.ScrollUpButton, { className: "flex h-6 items-center justify-center", children: /* @__PURE__ */ jsx21(ChevronUp, { className: "size-4" }) }),
+      /* @__PURE__ */ jsx21(
+        SelectPrimitive.Viewport,
+        {
+          className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx21(SelectPrimitive.ScrollDownButton, { className: "flex h-6 items-center justify-center", children: /* @__PURE__ */ jsx21(ChevronDown2, { className: "size-4" }) })
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(SelectPrimitive.Label, { ref, className: cn("px-2 py-1.5 text-sm font-semibold", className), ...props }));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs9(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none",
+      "focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx21("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx21(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx21(Check3, { className: "size-4" }) }) }),
+      /* @__PURE__ */ jsx21(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(SelectPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+// src/components/separator.tsx
+import * as React21 from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { jsx as jsx22 } from "react/jsx-runtime";
+var Separator3 = React21.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx22(
+  SeparatorPrimitive.Root,
+  {
+    ref,
+    decorative,
+    orientation,
+    className: cn(
+      "shrink-0 bg-border",
+      orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
+      className
+    ),
+    ...props
+  }
+));
+Separator3.displayName = SeparatorPrimitive.Root.displayName;
+
+// src/components/sheet.tsx
+import * as React22 from "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { cva as cva7 } from "class-variance-authority";
+import { X as X2 } from "lucide-react";
+import { jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
+var Sheet = SheetPrimitive.Root;
+var SheetTrigger = SheetPrimitive.Trigger;
+var SheetClose = SheetPrimitive.Close;
+var SheetPortal = SheetPrimitive.Portal;
+var SheetOverlay = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+  SheetPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-foreground/40 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+var sheetVariants = cva7(
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500 font-sans",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+      }
+    },
+    defaultVariants: { side: "right" }
+  }
+);
+var SheetContent = React22.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(SheetPortal, { children: [
+  /* @__PURE__ */ jsx23(SheetOverlay, {}),
+  /* @__PURE__ */ jsxs10(SheetPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
+    children,
+    /* @__PURE__ */ jsxs10(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring", children: [
+      /* @__PURE__ */ jsx23(X2, { className: "size-4" }),
+      /* @__PURE__ */ jsx23("span", { className: "sr-only", children: "Close" })
+    ] })
+  ] })
+] }));
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx23("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+SheetHeader.displayName = "SheetHeader";
+var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx23("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+SheetFooter.displayName = "SheetFooter";
+var SheetTitle = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(SheetPrimitive.Title, { ref, className: cn("text-lg font-semibold text-foreground", className), ...props }));
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+var SheetDescription = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(SheetPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+
+// src/components/modal.tsx
+import * as DialogPrimitive2 from "@radix-ui/react-dialog";
+import { X as X3 } from "lucide-react";
+import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
+var DEFAULT_ACTION = {
+  Info: "Got it",
+  Confirmation: "Confirm",
+  Warning: "Proceed",
+  Destructive: "Delete"
+};
+function Modal({
+  type = "Info",
+  title,
+  description,
+  actionLabel,
+  cancelLabel = "Cancel",
+  onAction,
+  onCancel,
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  children,
+  className
+}) {
+  const showCancel = type !== "Info";
+  return /* @__PURE__ */ jsxs11(Dialog, { open, defaultOpen, onOpenChange, children: [
+    trigger && /* @__PURE__ */ jsx24(DialogTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsxs11(DialogPortal, { children: [
+      /* @__PURE__ */ jsx24(DialogOverlay, {}),
+      /* @__PURE__ */ jsxs11(
+        DialogPrimitive2.Content,
+        {
+          className: cn(
+            "fixed left-1/2 top-1/2 z-50 flex w-full max-w-[480px] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-xl bg-background font-sans",
+            "shadow-[0_4px_24px_rgba(0,0,0,0.12)]",
+            "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+            className
+          ),
+          children: [
+            /* @__PURE__ */ jsxs11("header", { className: "flex items-center justify-between px-6 pb-3 pt-5", children: [
+              /* @__PURE__ */ jsx24(DialogPrimitive2.Title, { className: "min-w-0 flex-1 text-[18px] font-semibold leading-6 text-foreground", children: title }),
+              /* @__PURE__ */ jsx24(
+                DialogPrimitive2.Close,
+                {
+                  className: "rounded-sm opacity-70 outline-none transition-opacity hover:opacity-100 focus-visible:ring-2 focus-visible:ring-ring",
+                  "aria-label": "Close",
+                  children: /* @__PURE__ */ jsx24(X3, { className: "size-5" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx24("div", { className: "h-px w-full bg-border" }),
+            /* @__PURE__ */ jsxs11("div", { className: "px-6 py-5", children: [
+              description && /* @__PURE__ */ jsx24(DialogPrimitive2.Description, { className: "text-[14px] leading-5 tracking-[0.25px] text-muted-foreground", children: description }),
+              children
+            ] }),
+            /* @__PURE__ */ jsx24("div", { className: "h-px w-full bg-border" }),
+            /* @__PURE__ */ jsxs11("footer", { className: "flex items-center justify-end gap-3 px-6 py-4", children: [
+              showCancel && /* @__PURE__ */ jsx24(DialogPrimitive2.Close, { asChild: true, children: /* @__PURE__ */ jsx24(Button, { variant: "Outline", size: "lg", onClick: onCancel, children: cancelLabel }) }),
+              /* @__PURE__ */ jsx24(DialogPrimitive2.Close, { asChild: true, children: /* @__PURE__ */ jsx24(
+                Button,
+                {
+                  variant: type === "Destructive" ? "Destructive" : "Primary",
+                  size: "lg",
+                  onClick: onAction,
+                  children: actionLabel ?? DEFAULT_ACTION[type]
+                }
+              ) })
+            ] })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/components/skeleton.tsx
+import { jsx as jsx25 } from "react/jsx-runtime";
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx25("div", { className: cn("animate-pulse rounded-md bg-muted", className), ...props });
+}
+
+// src/components/slider.tsx
+import * as React23 from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import { jsx as jsx26, jsxs as jsxs12 } from "react/jsx-runtime";
+var Slider = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs12(
+  SliderPrimitive.Root,
+  {
+    ref,
+    className: cn("relative flex w-full touch-none select-none items-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx26(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsx26(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ jsx26(SliderPrimitive.Thumb, { className: "block size-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })
+    ]
+  }
+));
+Slider.displayName = SliderPrimitive.Root.displayName;
+
+// src/components/sonner.tsx
+import { Toaster as Sonner, toast } from "sonner";
+import { jsx as jsx27 } from "react/jsx-runtime";
+function Toaster({ theme = "system", ...props }) {
+  return /* @__PURE__ */ jsx27(
+    Sonner,
+    {
+      theme,
+      className: "toaster group font-sans",
+      toastOptions: {
+        classNames: {
+          toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+          description: "group-[.toast]:text-muted-foreground",
+          actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+          cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
+        }
+      },
+      ...props
+    }
+  );
+}
+
+// src/components/switch.tsx
+import * as React24 from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+import { jsx as jsx28 } from "react/jsx-runtime";
+var Switch = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+  SwitchPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "peer inline-flex h-6 w-12 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+      "disabled:cursor-not-allowed disabled:opacity-50",
+      "data-[state=checked]:bg-primary data-[state=unchecked]:bg-tertiary",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx28(
+      SwitchPrimitive.Thumb,
+      {
+        className: cn(
+          "pointer-events-none block size-5 rounded-full bg-background shadow-lg ring-0 transition-transform",
+          "data-[state=checked]:translate-x-6 data-[state=unchecked]:translate-x-0"
+        )
+      }
+    )
+  }
+));
+Switch.displayName = SwitchPrimitive.Root.displayName;
+
+// src/components/tag.tsx
+import * as React25 from "react";
+import { cva as cva8 } from "class-variance-authority";
+import { X as X4 } from "lucide-react";
+import { jsx as jsx29, jsxs as jsxs13 } from "react/jsx-runtime";
+var tagVariants = cva8(
+  "inline-flex items-center gap-1 rounded-sm px-2 py-1 text-xs font-medium font-sans tracking-[0.5px]",
+  {
+    variants: {
+      variant: {
+        default: "bg-accent text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground",
+        destructive: "bg-destructive-foreground text-destructive",
+        warning: "bg-warning-foreground text-warning",
+        outline: "border border-input text-foreground"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+var Tag = React25.forwardRef(
+  ({ className, variant, onRemove, children, ...props }, ref) => /* @__PURE__ */ jsxs13("span", { ref, className: cn(tagVariants({ variant }), className), ...props, children: [
+    children,
+    onRemove && /* @__PURE__ */ jsx29(
+      "button",
+      {
+        type: "button",
+        onClick: onRemove,
+        "aria-label": "Remove",
+        className: "-mr-0.5 ml-0.5 rounded-[2px] opacity-70 outline-none transition-opacity hover:opacity-100 focus-visible:ring-1 focus-visible:ring-current",
+        children: /* @__PURE__ */ jsx29(X4, { className: "size-3.5" })
+      }
+    )
+  ] })
+);
+Tag.displayName = "Tag";
+
+// src/components/table.tsx
+import * as React26 from "react";
+import { jsx as jsx30 } from "react/jsx-runtime";
+var Table = React26.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx30("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx30("table", { ref, className: cn("w-full caption-bottom text-sm font-sans", className), ...props }) })
+);
+Table.displayName = "Table";
+var TableHeader = React26.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx30("thead", { ref, className: cn("[&_tr]:border-b", className), ...props })
+);
+TableHeader.displayName = "TableHeader";
+var TableBody = React26.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx30("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props })
+);
+TableBody.displayName = "TableBody";
+var TableFooter = React26.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx30("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props })
+);
+TableFooter.displayName = "TableFooter";
+var TableRow = React26.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+    "tr",
+    {
+      ref,
+      className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className),
+      ...props
+    }
+  )
+);
+TableRow.displayName = "TableRow";
+var TableHead = React26.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+    "th",
+    {
+      ref,
+      className: cn("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0", className),
+      ...props
+    }
+  )
+);
+TableHead.displayName = "TableHead";
+var TableCell = React26.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx30("td", { ref, className: cn("p-2 align-middle [&:has([role=checkbox])]:pr-0", className), ...props })
+);
+TableCell.displayName = "TableCell";
+var TableCaption = React26.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx30("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props })
+);
+TableCaption.displayName = "TableCaption";
+
+// src/components/tabs.tsx
+import * as React27 from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { jsx as jsx31 } from "react/jsx-runtime";
+var Tabs = TabsPrimitive.Root;
+var TabsList = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+  TabsPrimitive.List,
+  {
+    ref,
+    className: cn(
+      "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground font-sans",
+      className
+    ),
+    ...props
+  }
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+var TabsTrigger = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+  TabsPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium transition-all",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      "disabled:pointer-events-none disabled:opacity-50",
+      "data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
+      className
+    ),
+    ...props
+  }
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+var TabsContent = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+  TabsPrimitive.Content,
+  {
+    ref,
+    className: cn("mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", className),
+    ...props
+  }
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+// src/components/toggle.tsx
+import * as React28 from "react";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { cva as cva9 } from "class-variance-authority";
+import { jsx as jsx32 } from "react/jsx-runtime";
+var toggleVariants = cva9(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium font-sans transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        default: "h-9 min-w-9 px-2",
+        sm: "h-8 min-w-8 px-1.5",
+        lg: "h-10 min-w-10 px-2.5"
+      }
+    },
+    defaultVariants: { variant: "default", size: "default" }
+  }
+);
+var Toggle = React28.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx32(TogglePrimitive.Root, { ref, className: cn(toggleVariants({ variant, size }), className), ...props }));
+Toggle.displayName = TogglePrimitive.Root.displayName;
+
+// src/components/toggle-group.tsx
+import * as React29 from "react";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import { jsx as jsx33 } from "react/jsx-runtime";
+var ToggleGroupContext = React29.createContext({
+  size: "default",
+  variant: "default"
+});
+var ToggleGroup = React29.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx33(ToggleGroupPrimitive.Root, { ref, className: cn("flex items-center gap-1", className), ...props, children: /* @__PURE__ */ jsx33(ToggleGroupContext.Provider, { value: { variant, size }, children }) }));
+ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
+var ToggleGroupItem = React29.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const ctx = React29.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx33(
+    ToggleGroupPrimitive.Item,
+    {
+      ref,
+      className: cn(toggleVariants({ variant: ctx.variant || variant, size: ctx.size || size }), className),
+      ...props,
+      children
+    }
+  );
+});
+ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
+
+// src/components/tooltip.tsx
+import * as React30 from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { jsx as jsx34 } from "react/jsx-runtime";
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = React30.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx34(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx34(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground font-sans",
+      "animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+      "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+) }));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+
+// src/components/calendar.tsx
+import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight4 } from "lucide-react";
+import { DayPicker } from "react-day-picker";
+import { jsx as jsx35 } from "react/jsx-runtime";
+function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
+  return /* @__PURE__ */ jsx35(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: cn("p-3 font-sans", className),
+      classNames: {
+        months: "flex flex-col sm:flex-row gap-2",
+        month: "flex flex-col gap-4",
+        caption: "flex justify-center pt-1 relative items-center w-full",
+        caption_label: "text-sm font-medium",
+        nav: "flex items-center gap-1",
+        nav_button: cn(
+          buttonVariants({ variant: "Outline", size: "icon" }),
+          "size-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+        ),
+        nav_button_previous: "absolute left-1",
+        nav_button_next: "absolute right-1",
+        table: "w-full border-collapse space-x-1",
+        head_row: "flex",
+        head_cell: "text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",
+        row: "flex w-full mt-2",
+        cell: cn(
+          "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-range-end)]:rounded-r-md",
+          props.mode === "range" ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md" : "[&:has([aria-selected])]:rounded-md"
+        ),
+        day: cn(buttonVariants({ variant: "Ghost", size: "icon" }), "size-8 p-0 font-normal aria-selected:opacity-100"),
+        day_range_start: "day-range-start",
+        day_range_end: "day-range-end",
+        day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
+        day_today: "bg-accent text-accent-foreground",
+        day_outside: "day-outside text-muted-foreground aria-selected:text-muted-foreground",
+        day_disabled: "text-muted-foreground opacity-50",
+        day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
+        day_hidden: "invisible",
+        ...classNames
+      },
+      components: {
+        IconLeft: () => /* @__PURE__ */ jsx35(ChevronLeft2, { className: "size-4" }),
+        IconRight: () => /* @__PURE__ */ jsx35(ChevronRight4, { className: "size-4" })
+      },
+      ...props
+    }
+  );
+}
+Calendar.displayName = "Calendar";
+
+// src/components/carousel.tsx
+import * as React31 from "react";
+import useEmblaCarousel from "embla-carousel-react";
+import { ArrowLeft, ArrowRight } from "lucide-react";
+import { jsx as jsx36, jsxs as jsxs14 } from "react/jsx-runtime";
+var CarouselContext = React31.createContext(null);
+function useCarousel() {
+  const context = React31.useContext(CarouselContext);
+  if (!context) throw new Error("useCarousel must be used within a <Carousel />");
+  return context;
+}
+var Carousel = React31.forwardRef(({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }, ref) => {
+  const [carouselRef, api] = useEmblaCarousel(
+    { ...opts, axis: orientation === "horizontal" ? "x" : "y" },
+    plugins
+  );
+  const [canScrollPrev, setCanScrollPrev] = React31.useState(false);
+  const [canScrollNext, setCanScrollNext] = React31.useState(false);
+  const onSelect = React31.useCallback((a) => {
+    if (!a) return;
+    setCanScrollPrev(a.canScrollPrev());
+    setCanScrollNext(a.canScrollNext());
+  }, []);
+  const scrollPrev = React31.useCallback(() => api?.scrollPrev(), [api]);
+  const scrollNext = React31.useCallback(() => api?.scrollNext(), [api]);
+  React31.useEffect(() => {
+    if (api && setApi) setApi(api);
+  }, [api, setApi]);
+  React31.useEffect(() => {
+    if (!api) return;
+    onSelect(api);
+    api.on("reInit", onSelect);
+    api.on("select", onSelect);
+    return () => {
+      api?.off("select", onSelect);
+    };
+  }, [api, onSelect]);
+  return /* @__PURE__ */ jsx36(
+    CarouselContext.Provider,
+    {
+      value: { carouselRef, api, opts, orientation, scrollPrev, scrollNext, canScrollPrev, canScrollNext },
+      children: /* @__PURE__ */ jsx36(
+        "div",
+        {
+          ref,
+          onKeyDownCapture: (e) => {
+            if (e.key === "ArrowLeft") {
+              e.preventDefault();
+              scrollPrev();
+            } else if (e.key === "ArrowRight") {
+              e.preventDefault();
+              scrollNext();
+            }
+          },
+          className: cn("relative font-sans", className),
+          role: "region",
+          "aria-roledescription": "carousel",
+          ...props,
+          children
+        }
+      )
+    }
+  );
+});
+Carousel.displayName = "Carousel";
+var CarouselContent = React31.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { carouselRef, orientation } = useCarousel();
+    return /* @__PURE__ */ jsx36("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx36(
+      "div",
+      {
+        ref,
+        className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className),
+        ...props
+      }
+    ) });
+  }
+);
+CarouselContent.displayName = "CarouselContent";
+var CarouselItem = React31.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { orientation } = useCarousel();
+    return /* @__PURE__ */ jsx36(
+      "div",
+      {
+        ref,
+        role: "group",
+        "aria-roledescription": "slide",
+        className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className),
+        ...props
+      }
+    );
+  }
+);
+CarouselItem.displayName = "CarouselItem";
+var CarouselPrevious = React31.forwardRef(
+  ({ className, variant = "Outline", ...props }, ref) => {
+    const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+    return /* @__PURE__ */ jsxs14(
+      Button,
+      {
+        ref,
+        variant,
+        size: "icon",
+        className: cn(
+          "absolute size-8 rounded-full",
+          orientation === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+          className
+        ),
+        disabled: !canScrollPrev,
+        onClick: scrollPrev,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx36(ArrowLeft, { className: "size-4" }),
+          /* @__PURE__ */ jsx36("span", { className: "sr-only", children: "Previous slide" })
+        ]
+      }
+    );
+  }
+);
+CarouselPrevious.displayName = "CarouselPrevious";
+var CarouselNext = React31.forwardRef(
+  ({ className, variant = "Outline", ...props }, ref) => {
+    const { orientation, scrollNext, canScrollNext } = useCarousel();
+    return /* @__PURE__ */ jsxs14(
+      Button,
+      {
+        ref,
+        variant,
+        size: "icon",
+        className: cn(
+          "absolute size-8 rounded-full",
+          orientation === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+          className
+        ),
+        disabled: !canScrollNext,
+        onClick: scrollNext,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx36(ArrowRight, { className: "size-4" }),
+          /* @__PURE__ */ jsx36("span", { className: "sr-only", children: "Next slide" })
+        ]
+      }
+    );
+  }
+);
+CarouselNext.displayName = "CarouselNext";
+
+// src/components/chart.tsx
+import * as React32 from "react";
+import * as RechartsPrimitive from "recharts";
+import { jsx as jsx37, jsxs as jsxs15 } from "react/jsx-runtime";
+var THEMES = { light: "", dark: ".dark" };
+var ChartContext = React32.createContext(null);
+function useChart() {
+  const context = React32.useContext(ChartContext);
+  if (!context) throw new Error("useChart must be used within a <ChartContainer />");
+  return context;
+}
+var ChartContainer = React32.forwardRef(({ id, className, children, config, ...props }, ref) => {
+  const uniqueId = React32.useId();
+  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
+  return /* @__PURE__ */ jsx37(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs15(
+    "div",
+    {
+      "data-chart": chartId,
+      ref,
+      className: cn(
+        "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx37(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ jsx37(RechartsPrimitive.ResponsiveContainer, { children })
+      ]
+    }
+  ) });
+});
+ChartContainer.displayName = "Chart";
+var ChartStyle = ({ id, config }) => {
+  const colorConfig = Object.entries(config).filter(([, c]) => c.theme || c.color);
+  if (!colorConfig.length) return null;
+  return /* @__PURE__ */ jsx37(
+    "style",
+    {
+      dangerouslySetInnerHTML: {
+        __html: Object.entries(THEMES).map(
+          ([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig.map(([key, itemConfig]) => {
+            const color = itemConfig.theme?.[theme] || itemConfig.color;
+            return color ? `  --color-${key}: ${color};` : null;
+          }).join("\n")}
+}
+`
+        ).join("\n")
+      }
+    }
+  );
+};
+var ChartTooltip = RechartsPrimitive.Tooltip;
+var ChartTooltipContent = React32.forwardRef(
+  ({ active, payload, className, indicator = "dot", hideLabel = false, hideIndicator = false, label, labelFormatter, formatter, color }, ref) => {
+    const { config } = useChart();
+    if (!active || !payload?.length) return null;
+    return /* @__PURE__ */ jsxs15(
+      "div",
+      {
+        ref,
+        className: cn(
+          "grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
+          className
+        ),
+        children: [
+          !hideLabel && /* @__PURE__ */ jsx37("div", { className: "font-medium", children: labelFormatter ? labelFormatter(label, payload) : label }),
+          /* @__PURE__ */ jsx37("div", { className: "grid gap-1.5", children: payload.map((item, i) => {
+            const key = `${item.name || item.dataKey || "value"}`;
+            const itemConfig = config[key];
+            const indicatorColor = color || item.payload?.fill || item.color;
+            return /* @__PURE__ */ jsxs15("div", { className: "flex w-full items-center gap-2", children: [
+              !hideIndicator && /* @__PURE__ */ jsx37(
+                "div",
+                {
+                  className: cn("shrink-0 rounded-[2px]", {
+                    "size-2.5": indicator === "dot",
+                    "w-1": indicator === "line",
+                    "w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed"
+                  }),
+                  style: { backgroundColor: indicatorColor, borderColor: indicatorColor }
+                }
+              ),
+              /* @__PURE__ */ jsxs15("div", { className: "flex flex-1 justify-between leading-none", children: [
+                /* @__PURE__ */ jsx37("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name }),
+                item.value != null && /* @__PURE__ */ jsx37("span", { className: "font-mono font-medium tabular-nums text-foreground", children: formatter ? formatter(item.value, item.name, item, i, payload) : item.value.toLocaleString() })
+              ] })
+            ] }, key + i);
+          }) })
+        ]
+      }
+    );
+  }
+);
+ChartTooltipContent.displayName = "ChartTooltipContent";
+var ChartLegend = RechartsPrimitive.Legend;
+var ChartLegendContent = React32.forwardRef(({ className, payload, verticalAlign = "bottom" }, ref) => {
+  const { config } = useChart();
+  if (!payload?.length) return null;
+  return /* @__PURE__ */ jsx37(
+    "div",
+    {
+      ref,
+      className: cn("flex items-center justify-center gap-4", verticalAlign === "top" ? "pb-3" : "pt-3", className),
+      children: payload.map((item) => {
+        const key = `${item.dataKey || "value"}`;
+        const itemConfig = config[key];
+        return /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx37("div", { className: "size-2 shrink-0 rounded-[2px]", style: { backgroundColor: item.color } }),
+          itemConfig?.label || item.value
+        ] }, item.value);
+      })
+    }
+  );
+});
+ChartLegendContent.displayName = "ChartLegendContent";
+
+// src/components/command.tsx
+import * as React33 from "react";
+import { Command as CommandPrimitive } from "cmdk";
+import { Search } from "lucide-react";
+import { jsx as jsx38, jsxs as jsxs16 } from "react/jsx-runtime";
+var Command = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+  CommandPrimitive,
+  {
+    ref,
+    className: cn(
+      "flex size-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground font-sans",
+      className
+    ),
+    ...props
+  }
+));
+Command.displayName = CommandPrimitive.displayName;
+var CommandDialog = ({ children, ...props }) => /* @__PURE__ */ jsx38(Dialog, { ...props, children: /* @__PURE__ */ jsx38(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsx38(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5", children }) }) });
+var CommandInput = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs16("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ jsx38(Search, { className: "mr-2 size-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ jsx38(
+    CommandPrimitive.Input,
+    {
+      ref,
+      className: cn(
+        "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+CommandInput.displayName = CommandPrimitive.Input.displayName;
+var CommandList = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+  CommandPrimitive.List,
+  {
+    ref,
+    className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
+    ...props
+  }
+));
+CommandList.displayName = CommandPrimitive.List.displayName;
+var CommandEmpty = React33.forwardRef((props, ref) => /* @__PURE__ */ jsx38(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
+var CommandGroup = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+  CommandPrimitive.Group,
+  {
+    ref,
+    className: cn(
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+CommandGroup.displayName = CommandPrimitive.Group.displayName;
+var CommandSeparator = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(CommandPrimitive.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), ...props }));
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
+var CommandItem = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+  CommandPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0",
+      className
+    ),
+    ...props
+  }
+));
+CommandItem.displayName = CommandPrimitive.Item.displayName;
+var CommandShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx38("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+CommandShortcut.displayName = "CommandShortcut";
+
+// src/components/context-menu.tsx
+import * as React34 from "react";
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+import { Check as Check4, ChevronRight as ChevronRight5, Circle as Circle3 } from "lucide-react";
+import { jsx as jsx39, jsxs as jsxs17 } from "react/jsx-runtime";
+var ContextMenu = ContextMenuPrimitive.Root;
+var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
+var ContextMenuGroup = ContextMenuPrimitive.Group;
+var ContextMenuPortal = ContextMenuPrimitive.Portal;
+var ContextMenuSub = ContextMenuPrimitive.Sub;
+var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
+var itemCls2 = "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50";
+var contentCls2 = "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md font-sans data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95";
+var ContextMenuSubTrigger = React34.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs17(
+  ContextMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(itemCls2, "data-[state=open]:bg-accent", inset && "pl-8", className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx39(ChevronRight5, { className: "ml-auto size-4" })
+    ]
+  }
+));
+ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
+var ContextMenuSubContent = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(ContextMenuPrimitive.SubContent, { ref, className: cn(contentCls2, className), ...props }));
+ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
+var ContextMenuContent = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx39(ContextMenuPrimitive.Content, { ref, className: cn(contentCls2, className), ...props }) }));
+ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
+var ContextMenuItem = React34.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx39(ContextMenuPrimitive.Item, { ref, className: cn(itemCls2, inset && "pl-8", className), ...props }));
+ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
+var ContextMenuCheckboxItem = React34.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs17(ContextMenuPrimitive.CheckboxItem, { ref, className: cn(itemCls2, "pl-8", className), checked, ...props, children: [
+  /* @__PURE__ */ jsx39("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx39(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx39(Check4, { className: "size-4" }) }) }),
+  children
+] }));
+ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
+var ContextMenuRadioItem = React34.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs17(ContextMenuPrimitive.RadioItem, { ref, className: cn(itemCls2, "pl-8", className), ...props, children: [
+  /* @__PURE__ */ jsx39("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx39(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx39(Circle3, { className: "size-2 fill-current" }) }) }),
+  children
+] }));
+ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
+var ContextMenuLabel = React34.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx39(
+  ContextMenuPrimitive.Label,
+  {
+    ref,
+    className: cn("px-2 py-1.5 text-sm font-semibold text-foreground", inset && "pl-8", className),
+    ...props
+  }
+));
+ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
+var ContextMenuSeparator = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(ContextMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
+ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
+var ContextMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx39("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+ContextMenuShortcut.displayName = "ContextMenuShortcut";
+
+// src/components/data-table.tsx
+import * as React35 from "react";
+import {
+  flexRender,
+  getCoreRowModel,
+  getPaginationRowModel,
+  getSortedRowModel,
+  useReactTable
+} from "@tanstack/react-table";
+import { jsx as jsx40, jsxs as jsxs18 } from "react/jsx-runtime";
+function DataTable({
+  columns,
+  data,
+  className,
+  pageSize = 10
+}) {
+  const [sorting, setSorting] = React35.useState([]);
+  const table = useReactTable({
+    data,
+    columns,
+    state: { sorting },
+    onSortingChange: setSorting,
+    getCoreRowModel: getCoreRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    getPaginationRowModel: getPaginationRowModel(),
+    initialState: { pagination: { pageSize } }
+  });
+  return /* @__PURE__ */ jsxs18("div", { className: cn("space-y-3", className), children: [
+    /* @__PURE__ */ jsx40("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs18(Table, { children: [
+      /* @__PURE__ */ jsx40(TableHeader, { children: table.getHeaderGroups().map((hg) => /* @__PURE__ */ jsx40(TableRow, { children: hg.headers.map((header) => /* @__PURE__ */ jsx40(TableHead, { children: header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()) }, header.id)) }, hg.id)) }),
+      /* @__PURE__ */ jsx40(TableBody, { children: table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx40(TableRow, { "data-state": row.getIsSelected() && "selected", children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx40(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id)) : /* @__PURE__ */ jsx40(TableRow, { children: /* @__PURE__ */ jsx40(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "No results." }) }) })
+    ] }) }),
+    /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-end gap-2", children: [
+      /* @__PURE__ */ jsx40(Button, { variant: "Outline", size: "sm", onClick: () => table.previousPage(), disabled: !table.getCanPreviousPage(), children: "Previous" }),
+      /* @__PURE__ */ jsx40(Button, { variant: "Outline", size: "sm", onClick: () => table.nextPage(), disabled: !table.getCanNextPage(), children: "Next" })
+    ] })
+  ] });
+}
+
+// src/components/drawer.tsx
+import * as React36 from "react";
+import { Drawer as DrawerPrimitive } from "vaul";
+import { jsx as jsx41, jsxs as jsxs19 } from "react/jsx-runtime";
+var Drawer = ({ shouldScaleBackground = true, ...props }) => /* @__PURE__ */ jsx41(DrawerPrimitive.Root, { shouldScaleBackground, ...props });
+Drawer.displayName = "Drawer";
+var DrawerTrigger = DrawerPrimitive.Trigger;
+var DrawerPortal = DrawerPrimitive.Portal;
+var DrawerClose = DrawerPrimitive.Close;
+var DrawerOverlay = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(DrawerPrimitive.Overlay, { ref, className: cn("fixed inset-0 z-50 bg-foreground/40", className), ...props }));
+DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
+var DrawerContent = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs19(DrawerPortal, { children: [
+  /* @__PURE__ */ jsx41(DrawerOverlay, {}),
+  /* @__PURE__ */ jsxs19(
+    DrawerPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background font-sans",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx41("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+        children
+      ]
+    }
+  )
+] }));
+DrawerContent.displayName = "DrawerContent";
+var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx41("div", { className: cn("grid gap-1.5 p-4 text-center sm:text-left", className), ...props });
+DrawerHeader.displayName = "DrawerHeader";
+var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx41("div", { className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props });
+DrawerFooter.displayName = "DrawerFooter";
+var DrawerTitle = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(DrawerPrimitive.Title, { ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props }));
+DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
+var DrawerDescription = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(DrawerPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
+
+// src/components/field.tsx
+import * as React37 from "react";
+import { Slot as Slot3 } from "@radix-ui/react-slot";
+import { CircleAlert, CircleCheck, Info, TriangleAlert } from "lucide-react";
+import { cva as cva10 } from "class-variance-authority";
+import { jsx as jsx42, jsxs as jsxs20 } from "react/jsx-runtime";
+var FieldContext = React37.createContext(null);
+function useField() {
+  const ctx = React37.useContext(FieldContext);
+  if (!ctx) throw new Error("Field parts must be used within <Field>");
+  return ctx;
+}
+var Field = React37.forwardRef(
+  ({ className, invalid = false, ...props }, ref) => {
+    const id = React37.useId();
+    const value = React37.useMemo(
+      () => ({ id: `${id}-control`, descriptionId: `${id}-description`, messageId: `${id}-message`, invalid }),
+      [id, invalid]
+    );
+    return /* @__PURE__ */ jsx42(FieldContext.Provider, { value, children: /* @__PURE__ */ jsx42("div", { ref, "data-invalid": invalid || void 0, className: cn("grid gap-1.5", className), ...props }) });
+  }
+);
+Field.displayName = "Field";
+var FieldLabel = React37.forwardRef(({ className, ...props }, ref) => {
+  const { id, invalid } = useField();
+  return /* @__PURE__ */ jsx42(Label2, { ref, htmlFor: id, className: cn(invalid && "text-destructive", className), ...props });
+});
+FieldLabel.displayName = "FieldLabel";
+var FieldControl = React37.forwardRef(
+  ({ ...props }, ref) => {
+    const { id, descriptionId, messageId, invalid } = useField();
+    return /* @__PURE__ */ jsx42(
+      Slot3,
+      {
+        ref,
+        id,
+        "aria-invalid": invalid || void 0,
+        "aria-describedby": `${descriptionId} ${messageId}`,
+        ...props
+      }
+    );
+  }
+);
+FieldControl.displayName = "FieldControl";
+var FieldDescription = React37.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { descriptionId } = useField();
+    return /* @__PURE__ */ jsx42("p", { ref, id: descriptionId, className: cn("text-body-sm text-muted-foreground", className), ...props });
+  }
+);
+FieldDescription.displayName = "FieldDescription";
+var messageVariants = cva10("flex items-center gap-1.5 text-body-sm [&>svg]:size-3.5 [&>svg]:shrink-0", {
+  variants: {
+    intent: {
+      error: "text-destructive",
+      warning: "text-warning",
+      success: "text-success",
+      info: "text-info"
+    }
+  },
+  defaultVariants: { intent: "error" }
+});
+var INTENT_ICON = {
+  error: CircleAlert,
+  warning: TriangleAlert,
+  success: CircleCheck,
+  info: Info
+};
+var FieldMessage = React37.forwardRef(
+  ({ className, intent = "error", hideIcon, children, ...props }, ref) => {
+    const { messageId } = useField();
+    const Icon2 = INTENT_ICON[intent ?? "error"];
+    if (!children) return null;
+    return /* @__PURE__ */ jsxs20("p", { ref, id: messageId, className: cn(messageVariants({ intent }), className), ...props, children: [
+      !hideIcon && /* @__PURE__ */ jsx42(Icon2, {}),
+      /* @__PURE__ */ jsx42("span", { children })
+    ] });
+  }
+);
+FieldMessage.displayName = "FieldMessage";
+
+// src/components/form.tsx
+import * as React38 from "react";
+import { Slot as Slot4 } from "@radix-ui/react-slot";
+import {
+  Controller,
+  FormProvider,
+  useFormContext,
+  useFormState
+} from "react-hook-form";
+import { jsx as jsx43 } from "react/jsx-runtime";
+var Form = FormProvider;
+var FormFieldContext = React38.createContext({});
+var FormField = ({
+  ...props
+}) => /* @__PURE__ */ jsx43(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx43(Controller, { ...props }) });
+var useFormField = () => {
+  const fieldContext = React38.useContext(FormFieldContext);
+  const itemContext = React38.useContext(FormItemContext);
+  const { getFieldState } = useFormContext();
+  const formState = useFormState({ name: fieldContext.name });
+  const fieldState = getFieldState(fieldContext.name, formState);
+  if (!fieldContext) throw new Error("useFormField should be used within <FormField>");
+  const { id } = itemContext;
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState
+  };
+};
+var FormItemContext = React38.createContext({});
+var FormItem = React38.forwardRef(
+  ({ className, ...props }, ref) => {
+    const id = React38.useId();
+    return /* @__PURE__ */ jsx43(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx43("div", { ref, className: cn("grid gap-2", className), ...props }) });
+  }
+);
+FormItem.displayName = "FormItem";
+var FormLabel = React38.forwardRef(({ className, ...props }, ref) => {
+  const { error, formItemId } = useFormField();
+  return /* @__PURE__ */ jsx43(Label2, { ref, className: cn(error && "text-destructive", className), htmlFor: formItemId, ...props });
+});
+FormLabel.displayName = "FormLabel";
+var FormControl = React38.forwardRef(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ jsx43(
+    Slot4,
+    {
+      ref,
+      id: formItemId,
+      "aria-describedby": !error ? formDescriptionId : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...props
+    }
+  );
+});
+FormControl.displayName = "FormControl";
+var FormDescription = React38.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { formDescriptionId } = useFormField();
+    return /* @__PURE__ */ jsx43("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
+  }
+);
+FormDescription.displayName = "FormDescription";
+var FormMessage = React38.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const { error, formMessageId } = useFormField();
+    const body = error ? String(error?.message ?? "") : children;
+    if (!body) return null;
+    return /* @__PURE__ */ jsx43("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
+  }
+);
+FormMessage.displayName = "FormMessage";
+
+// src/components/input-group.tsx
+import * as React39 from "react";
+import { cva as cva11 } from "class-variance-authority";
+import { jsx as jsx44 } from "react/jsx-runtime";
+var InputGroup = React39.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
+    "div",
+    {
+      ref,
+      "data-slot": "input-group",
+      className: cn(
+        "flex w-full items-center overflow-hidden rounded-sm border border-input bg-background font-sans transition-colors",
+        "focus-within:border-primary focus-within:shadow-focus",
+        "has-[[aria-invalid=true]]:border-destructive has-[[aria-invalid=true]]:focus-within:shadow-focus-destructive",
+        "has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50",
+        className
+      ),
+      ...props
+    }
+  )
+);
+InputGroup.displayName = "InputGroup";
+var InputGroupInput = React39.forwardRef(({ className, type = "text", ...props }, ref) => /* @__PURE__ */ jsx44(
+  "input",
+  {
+    ref,
+    type,
+    "data-slot": "input-group-input",
+    className: cn(
+      "min-w-0 flex-1 bg-transparent px-3 py-3 text-body-md text-foreground",
+      "placeholder:text-muted-foreground outline-none disabled:cursor-not-allowed",
+      className
+    ),
+    ...props
+  }
+));
+InputGroupInput.displayName = "InputGroupInput";
+var addonVariants = cva11("flex shrink-0 items-center gap-2 text-muted-foreground [&_svg]:size-4 [&_svg]:shrink-0", {
+  variants: { align: { start: "pl-3", end: "pr-3" } },
+  defaultVariants: { align: "start" }
+});
+var InputGroupAddon = React39.forwardRef(({ className, align, ...props }, ref) => /* @__PURE__ */ jsx44("div", { ref, "data-slot": "input-group-addon", className: cn(addonVariants({ align }), className), ...props }));
+InputGroupAddon.displayName = "InputGroupAddon";
+var InputGroupText = React39.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
+    "span",
+    {
+      ref,
+      className: cn("select-none whitespace-nowrap px-3 text-body-md text-muted-foreground", className),
+      ...props
+    }
+  )
+);
+InputGroupText.displayName = "InputGroupText";
+var InputGroupButton = React39.forwardRef(({ className, type = "button", ...props }, ref) => /* @__PURE__ */ jsx44(
+  "button",
+  {
+    ref,
+    type,
+    className: cn(
+      "flex h-full shrink-0 items-center gap-1.5 self-stretch border-l border-input bg-muted px-3 text-label-md text-foreground",
+      "outline-none transition-colors hover:bg-accent focus-visible:bg-accent disabled:cursor-not-allowed disabled:opacity-50",
+      "[&_svg]:size-4 [&_svg]:shrink-0",
+      className
+    ),
+    ...props
+  }
+));
+InputGroupButton.displayName = "InputGroupButton";
+
+// src/components/input-otp.tsx
+import * as React40 from "react";
+import { OTPInput, OTPInputContext } from "input-otp";
+import { Minus as Minus2 } from "lucide-react";
+import { jsx as jsx45, jsxs as jsxs21 } from "react/jsx-runtime";
+var InputOTP = React40.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx45(
+  OTPInput,
+  {
+    ref,
+    containerClassName: cn("flex items-center gap-2 has-[:disabled]:opacity-50", containerClassName),
+    className: cn("disabled:cursor-not-allowed", className),
+    ...props
+  }
+));
+InputOTP.displayName = "InputOTP";
+var InputOTPGroup = React40.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx45("div", { ref, className: cn("flex items-center", className), ...props })
+);
+InputOTPGroup.displayName = "InputOTPGroup";
+var InputOTPSlot = React40.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React40.useContext(OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index] ?? {};
+  return /* @__PURE__ */ jsxs21(
+    "div",
+    {
+      ref,
+      className: cn(
+        "relative flex size-9 items-center justify-center border-y border-r border-input text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
+        isActive && "z-10 ring-1 ring-ring",
+        className
+      ),
+      ...props,
+      children: [
+        char,
+        hasFakeCaret && /* @__PURE__ */ jsx45("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx45("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+      ]
+    }
+  );
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+var InputOTPSeparator = React40.forwardRef(
+  ({ ...props }, ref) => /* @__PURE__ */ jsx45("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx45(Minus2, { className: "size-4" }) })
+);
+InputOTPSeparator.displayName = "InputOTPSeparator";
+
+// src/components/password-input.tsx
+import * as React41 from "react";
+import { Eye, EyeOff } from "lucide-react";
+import { jsx as jsx46, jsxs as jsxs22 } from "react/jsx-runtime";
+var PasswordInput = React41.forwardRef(({ className, ...props }, ref) => {
+  const [visible, setVisible] = React41.useState(false);
+  return /* @__PURE__ */ jsxs22(InputGroup, { className, children: [
+    /* @__PURE__ */ jsx46(InputGroupInput, { ref, type: visible ? "text" : "password", ...props }),
+    /* @__PURE__ */ jsx46(InputGroupAddon, { align: "end", children: /* @__PURE__ */ jsx46(
+      "button",
+      {
+        type: "button",
+        "aria-label": visible ? "Hide password" : "Show password",
+        "aria-pressed": visible,
+        onClick: () => setVisible((v) => !v),
+        className: cn("rounded-[2px] outline-none transition-colors hover:text-foreground focus-visible:text-foreground"),
+        children: visible ? /* @__PURE__ */ jsx46(EyeOff, {}) : /* @__PURE__ */ jsx46(Eye, {})
+      }
+    ) })
+  ] });
+});
+PasswordInput.displayName = "PasswordInput";
+
+// src/components/menubar.tsx
+import * as React42 from "react";
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+import { Check as Check5, ChevronRight as ChevronRight6, Circle as Circle4 } from "lucide-react";
+import { jsx as jsx47, jsxs as jsxs23 } from "react/jsx-runtime";
+var MenubarMenu = (props) => /* @__PURE__ */ jsx47(MenubarPrimitive.Menu, { ...props });
+var MenubarGroup = (props) => /* @__PURE__ */ jsx47(MenubarPrimitive.Group, { ...props });
+var MenubarPortal = (props) => /* @__PURE__ */ jsx47(MenubarPrimitive.Portal, { ...props });
+var MenubarSub = (props) => /* @__PURE__ */ jsx47(MenubarPrimitive.Sub, { ...props });
+var MenubarRadioGroup = (props) => /* @__PURE__ */ jsx47(MenubarPrimitive.RadioGroup, { ...props });
+var itemCls3 = "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50";
+var contentCls3 = "z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md font-sans data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95";
+var Menubar = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
+  MenubarPrimitive.Root,
+  {
+    ref,
+    className: cn("flex h-9 items-center gap-1 rounded-md border bg-background p-1 shadow-sm font-sans", className),
+    ...props
+  }
+));
+Menubar.displayName = MenubarPrimitive.Root.displayName;
+var MenubarTrigger = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
+  MenubarPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+      className
+    ),
+    ...props
+  }
+));
+MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
+var MenubarSubTrigger = React42.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs23(MenubarPrimitive.SubTrigger, { ref, className: cn(itemCls3, "data-[state=open]:bg-accent", inset && "pl-8", className), ...props, children: [
+  children,
+  /* @__PURE__ */ jsx47(ChevronRight6, { className: "ml-auto size-4" })
+] }));
+MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
+var MenubarSubContent = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(MenubarPrimitive.SubContent, { ref, className: cn(contentCls3, className), ...props }));
+MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
+var MenubarContent = React42.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx47(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx47(
+  MenubarPrimitive.Content,
+  {
+    ref,
+    align,
+    alignOffset,
+    sideOffset,
+    className: cn(contentCls3, className),
+    ...props
+  }
+) }));
+MenubarContent.displayName = MenubarPrimitive.Content.displayName;
+var MenubarItem = React42.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx47(MenubarPrimitive.Item, { ref, className: cn(itemCls3, inset && "pl-8", className), ...props }));
+MenubarItem.displayName = MenubarPrimitive.Item.displayName;
+var MenubarCheckboxItem = React42.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs23(MenubarPrimitive.CheckboxItem, { ref, className: cn(itemCls3, "pl-8", className), checked, ...props, children: [
+  /* @__PURE__ */ jsx47("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx47(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx47(Check5, { className: "size-4" }) }) }),
+  children
+] }));
+MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
+var MenubarRadioItem = React42.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs23(MenubarPrimitive.RadioItem, { ref, className: cn(itemCls3, "pl-8", className), ...props, children: [
+  /* @__PURE__ */ jsx47("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx47(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx47(Circle4, { className: "size-2 fill-current" }) }) }),
+  children
+] }));
+MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
+var MenubarLabel = React42.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx47(MenubarPrimitive.Label, { ref, className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className), ...props }));
+MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
+var MenubarSeparator = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(MenubarPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
+MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;
+var MenubarShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx47("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+MenubarShortcut.displayName = "MenubarShortcut";
+
+// src/components/navigation-menu.tsx
+import * as React43 from "react";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import { cva as cva12 } from "class-variance-authority";
+import { ChevronDown as ChevronDown3 } from "lucide-react";
+import { jsx as jsx48, jsxs as jsxs24 } from "react/jsx-runtime";
+var NavigationMenu = React43.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs24(
+  NavigationMenuPrimitive.Root,
+  {
+    ref,
+    className: cn("relative z-10 flex max-w-max flex-1 items-center justify-center font-sans", className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx48(NavigationMenuViewport, {})
+    ]
+  }
+));
+NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
+var NavigationMenuList = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
+  NavigationMenuPrimitive.List,
+  {
+    ref,
+    className: cn("group flex flex-1 list-none items-center justify-center gap-1", className),
+    ...props
+  }
+));
+NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
+var NavigationMenuItem = NavigationMenuPrimitive.Item;
+var navigationMenuTriggerStyle = cva12(
+  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent/50"
+);
+var NavigationMenuTrigger = React43.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs24(NavigationMenuPrimitive.Trigger, { ref, className: cn(navigationMenuTriggerStyle(), "group", className), ...props, children: [
+  children,
+  /* @__PURE__ */ jsx48(
+    ChevronDown3,
+    {
+      className: "relative top-px ml-1 size-3 transition-transform duration-200 group-data-[state=open]:rotate-180",
+      "aria-hidden": true
+    }
+  )
+] }));
+NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
+var NavigationMenuContent = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
+  NavigationMenuPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out md:absolute md:w-auto",
+      className
+    ),
+    ...props
+  }
+));
+NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
+var NavigationMenuLink = NavigationMenuPrimitive.Link;
+var NavigationMenuViewport = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48("div", { className: "absolute left-0 top-full flex justify-center", children: /* @__PURE__ */ jsx48(
+  NavigationMenuPrimitive.Viewport,
+  {
+    ref,
+    className: cn(
+      "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
+      className
+    ),
+    ...props
+  }
+) }));
+NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
+var NavigationMenuIndicator = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
+  NavigationMenuPrimitive.Indicator,
+  {
+    ref,
+    className: cn(
+      "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx48("div", { className: "relative top-[60%] size-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+  }
+));
+NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
+
+// src/components/resizable.tsx
+import { GripVertical } from "lucide-react";
+import * as ResizablePrimitive from "react-resizable-panels";
+import { jsx as jsx49 } from "react/jsx-runtime";
+var ResizablePanelGroup = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx49(
+  ResizablePrimitive.PanelGroup,
+  {
+    className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
+    ...props
+  }
+);
+var ResizablePanel = ResizablePrimitive.Panel;
+var ResizableHandle = ({
+  withHandle,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx49(
+  ResizablePrimitive.PanelResizeHandle,
+  {
+    className: cn(
+      "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+      className
+    ),
+    ...props,
+    children: withHandle && /* @__PURE__ */ jsx49("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx49(GripVertical, { className: "size-2.5" }) })
+  }
+);
+
+// src/components/sidebar.tsx
+import * as React44 from "react";
+import { Slot as Slot5 } from "@radix-ui/react-slot";
+import { cva as cva13 } from "class-variance-authority";
+import { PanelLeft } from "lucide-react";
+import { jsx as jsx50, jsxs as jsxs25 } from "react/jsx-runtime";
+var SIDEBAR_COOKIE_NAME = "sidebar:state";
+var SIDEBAR_WIDTH = "16rem";
+var SIDEBAR_WIDTH_MOBILE = "18rem";
+var SIDEBAR_WIDTH_ICON = "3rem";
+var SIDEBAR_KEYBOARD_SHORTCUT = "b";
+var SidebarContext = React44.createContext(null);
+function useSidebar() {
+  const context = React44.useContext(SidebarContext);
+  if (!context) throw new Error("useSidebar must be used within a SidebarProvider.");
+  return context;
+}
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React44.useState(false);
+  React44.useEffect(() => {
+    const mql = window.matchMedia("(max-width: 767px)");
+    const onChange = () => setIsMobile(window.innerWidth < 768);
+    mql.addEventListener("change", onChange);
+    onChange();
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return isMobile;
+}
+var SidebarProvider = React44.forwardRef(({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }, ref) => {
+  const isMobile = useIsMobile();
+  const [openMobile, setOpenMobile] = React44.useState(false);
+  const [_open, _setOpen] = React44.useState(defaultOpen);
+  const open = openProp ?? _open;
+  const setOpen = React44.useCallback(
+    (value) => {
+      const openState = typeof value === "function" ? value(open) : value;
+      if (setOpenProp) setOpenProp(openState);
+      else _setOpen(openState);
+      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${60 * 60 * 24 * 7}`;
+    },
+    [setOpenProp, open]
+  );
+  const toggleSidebar = React44.useCallback(() => {
+    return isMobile ? setOpenMobile((o) => !o) : setOpen((o) => !o);
+  }, [isMobile, setOpen]);
+  React44.useEffect(() => {
+    const handleKeyDown = (event) => {
+      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+        event.preventDefault();
+        toggleSidebar();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [toggleSidebar]);
+  const state = open ? "expanded" : "collapsed";
+  const contextValue = React44.useMemo(
+    () => ({ state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar }),
+    [state, open, setOpen, isMobile, openMobile, toggleSidebar]
+  );
+  return /* @__PURE__ */ jsx50(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx50(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx50(
+    "div",
+    {
+      ref,
+      style: { "--sidebar-width": SIDEBAR_WIDTH, "--sidebar-width-icon": SIDEBAR_WIDTH_ICON, ...style },
+      className: cn("group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar font-sans", className),
+      ...props,
+      children
+    }
+  ) }) });
+});
+SidebarProvider.displayName = "SidebarProvider";
+var Sidebar = React44.forwardRef(({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }, ref) => {
+  const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+  if (collapsible === "none") {
+    return /* @__PURE__ */ jsx50("div", { ref, className: cn("flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground", className), ...props, children });
+  }
+  if (isMobile) {
+    return /* @__PURE__ */ jsx50(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs25(
+      SheetContent,
+      {
+        "data-sidebar": "sidebar",
+        "data-mobile": "true",
+        className: "w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
+        style: { "--sidebar-width": SIDEBAR_WIDTH_MOBILE },
+        side,
+        children: [
+          /* @__PURE__ */ jsxs25(SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ jsx50(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ jsx50(SheetDescription, { children: "Displays the mobile sidebar." })
+          ] }),
+          /* @__PURE__ */ jsx50("div", { className: "flex h-full w-full flex-col", children })
+        ]
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs25(
+    "div",
+    {
+      ref,
+      className: "group peer hidden text-sidebar-foreground md:block",
+      "data-state": state,
+      "data-collapsible": state === "collapsed" ? collapsible : "",
+      "data-variant": variant,
+      "data-side": side,
+      children: [
+        /* @__PURE__ */ jsx50(
+          "div",
+          {
+            className: cn(
+              "relative h-svh w-[--sidebar-width] bg-transparent transition-[width] duration-200 ease-linear",
+              "group-data-[collapsible=offcanvas]:w-0",
+              variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+theme(spacing.4))]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx50(
+          "div",
+          {
+            className: cn(
+              "fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear md:flex",
+              side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+              variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+theme(spacing.4)+2px)]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l",
+              className
+            ),
+            ...props,
+            children: /* @__PURE__ */ jsx50(
+              "div",
+              {
+                "data-sidebar": "sidebar",
+                className: "flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow",
+                children
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+});
+Sidebar.displayName = "Sidebar";
+var SidebarTrigger = React44.forwardRef(
+  ({ className, onClick, ...props }, ref) => {
+    const { toggleSidebar } = useSidebar();
+    return /* @__PURE__ */ jsxs25(
+      Button,
+      {
+        ref,
+        variant: "Ghost",
+        size: "icon",
+        className: cn("size-7", className),
+        onClick: (e) => {
+          onClick?.(e);
+          toggleSidebar();
+        },
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx50(PanelLeft, {}),
+          /* @__PURE__ */ jsx50("span", { className: "sr-only", children: "Toggle Sidebar" })
+        ]
+      }
+    );
+  }
+);
+SidebarTrigger.displayName = "SidebarTrigger";
+var SidebarInset = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
+  "main",
+  {
+    ref,
+    className: cn(
+      "relative flex min-h-svh flex-1 flex-col bg-background",
+      "peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",
+      className
+    ),
+    ...props
+  }
+));
+SidebarInset.displayName = "SidebarInset";
+var SidebarHeader = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50("div", { ref, "data-sidebar": "header", className: cn("flex flex-col gap-2 p-2", className), ...props }));
+SidebarHeader.displayName = "SidebarHeader";
+var SidebarFooter = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50("div", { ref, "data-sidebar": "footer", className: cn("flex flex-col gap-2 p-2", className), ...props }));
+SidebarFooter.displayName = "SidebarFooter";
+var SidebarSeparator = React44.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx50(Separator3, { ref, "data-sidebar": "separator", className: cn("mx-2 w-auto bg-sidebar-border", className), ...props })
+);
+SidebarSeparator.displayName = "SidebarSeparator";
+var SidebarContent = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
+  "div",
+  {
+    ref,
+    "data-sidebar": "content",
+    className: cn("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", className),
+    ...props
+  }
+));
+SidebarContent.displayName = "SidebarContent";
+var SidebarGroup = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50("div", { ref, "data-sidebar": "group", className: cn("relative flex w-full min-w-0 flex-col p-2", className), ...props }));
+SidebarGroup.displayName = "SidebarGroup";
+var SidebarGroupLabel = React44.forwardRef(({ className, asChild = false, ...props }, ref) => {
+  const Comp = asChild ? Slot5 : "div";
+  return /* @__PURE__ */ jsx50(
+    Comp,
+    {
+      ref,
+      "data-sidebar": "group-label",
+      className: cn(
+        "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarGroupLabel.displayName = "SidebarGroupLabel";
+var SidebarGroupContent = React44.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx50("div", { ref, "data-sidebar": "group-content", className: cn("w-full text-sm", className), ...props })
+);
+SidebarGroupContent.displayName = "SidebarGroupContent";
+var SidebarMenu = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50("ul", { ref, "data-sidebar": "menu", className: cn("flex w-full min-w-0 flex-col gap-1", className), ...props }));
+SidebarMenu.displayName = "SidebarMenu";
+var SidebarMenuItem = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50("li", { ref, "data-sidebar": "menu-item", className: cn("group/menu-item relative", className), ...props }));
+SidebarMenuItem.displayName = "SidebarMenuItem";
+var sidebarMenuButtonVariants = cva13(
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+        outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
+      },
+      size: {
+        default: "h-8 text-sm",
+        sm: "h-7 text-xs",
+        lg: "h-12 text-sm group-data-[collapsible=icon]:!p-0"
+      }
+    },
+    defaultVariants: { variant: "default", size: "default" }
+  }
+);
+var SidebarMenuButton = React44.forwardRef(({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className, ...props }, ref) => {
+  const Comp = asChild ? Slot5 : "button";
+  const { isMobile, state } = useSidebar();
+  const button = /* @__PURE__ */ jsx50(
+    Comp,
+    {
+      ref,
+      "data-sidebar": "menu-button",
+      "data-size": size,
+      "data-active": isActive,
+      className: cn(sidebarMenuButtonVariants({ variant, size }), className),
+      ...props
+    }
+  );
+  if (!tooltip) return button;
+  const tooltipProps = typeof tooltip === "string" ? { children: tooltip } : tooltip;
+  return /* @__PURE__ */ jsxs25(Tooltip, { children: [
+    /* @__PURE__ */ jsx50(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx50(TooltipContent, { side: "right", align: "center", hidden: state !== "collapsed" || isMobile, ...tooltipProps })
+  ] });
+});
+SidebarMenuButton.displayName = "SidebarMenuButton";
+var SidebarMenuSkeleton = React44.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React44.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
+  return /* @__PURE__ */ jsxs25("div", { ref, "data-sidebar": "menu-skeleton", className: cn("flex h-8 items-center gap-2 rounded-md px-2", className), ...props, children: [
+    showIcon && /* @__PURE__ */ jsx50(Skeleton, { className: "size-4 rounded-md" }),
+    /* @__PURE__ */ jsx50(Skeleton, { className: "h-4 max-w-[--skeleton-width] flex-1", style: { "--skeleton-width": width } })
+  ] });
+});
+SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
+var SidebarInput = React44.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx50(Input, { ref, "data-sidebar": "input", className: cn("h-8 w-full bg-background shadow-none", className), ...props })
+);
+SidebarInput.displayName = "SidebarInput";
+
+// src/components/audio-player.tsx
+import * as React45 from "react";
+import { Pause, Play, SkipBack, SkipForward } from "lucide-react";
+import { jsx as jsx51, jsxs as jsxs26 } from "react/jsx-runtime";
+function fmt(t) {
+  if (!Number.isFinite(t)) return "0:00";
+  const m = Math.floor(t / 60);
+  const s = Math.floor(t % 60);
+  return `${m}:${s.toString().padStart(2, "0")}`;
+}
+var AudioPlayer = React45.forwardRef(
+  ({ src, variant = "full", title, artist, coverSrc, skipBy = 10, onPrev, onNext, className, ...props }, ref) => {
+    const audioRef = React45.useRef(null);
+    const [playing, setPlaying] = React45.useState(false);
+    const [current, setCurrent] = React45.useState(0);
+    const [duration, setDuration] = React45.useState(0);
+    const toggle = () => {
+      const a = audioRef.current;
+      if (!a) return;
+      if (a.paused) void a.play();
+      else a.pause();
+    };
+    const seek = (t) => {
+      const a = audioRef.current;
+      if (a) a.currentTime = Math.max(0, Math.min(duration || 0, t));
+    };
+    const skip = (delta) => seek(current + delta);
+    const audio = /* @__PURE__ */ jsx51(
+      "audio",
+      {
+        ref: audioRef,
+        src,
+        preload: "metadata",
+        onPlay: () => setPlaying(true),
+        onPause: () => setPlaying(false),
+        onTimeUpdate: (e) => setCurrent(e.currentTarget.currentTime),
+        onLoadedMetadata: (e) => setDuration(e.currentTarget.duration),
+        onEnded: () => setPlaying(false)
+      }
+    );
+    const PlayPause = ({ size = 44 }) => /* @__PURE__ */ jsx51(
+      "button",
+      {
+        type: "button",
+        onClick: toggle,
+        "aria-label": playing ? "Pause" : "Play",
+        className: "grid shrink-0 place-items-center rounded-full bg-primary text-primary-foreground outline-none transition-transform hover:scale-105 focus-visible:shadow-focus",
+        style: { width: size, height: size },
+        children: playing ? /* @__PURE__ */ jsx51(Pause, { className: "size-1/3 fill-current" }) : /* @__PURE__ */ jsx51(Play, { className: "size-1/3 translate-x-px fill-current" })
+      }
+    );
+    const iconBtn = "grid size-8 shrink-0 place-items-center rounded-full text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:text-foreground disabled:opacity-40 [&>svg]:size-4";
+    if (variant === "mini") {
+      const pct = duration ? current / duration * 100 : 0;
+      return /* @__PURE__ */ jsxs26(
+        "div",
+        {
+          ref,
+          className: cn(
+            "relative flex w-full max-w-[360px] items-center gap-3 overflow-hidden rounded-full border border-border bg-background p-2 pl-3 font-sans",
+            className
+          ),
+          ...props,
+          children: [
+            audio,
+            coverSrc ? /* @__PURE__ */ jsx51("img", { src: coverSrc, alt: "", className: "size-10 shrink-0 rounded-full object-cover" }) : /* @__PURE__ */ jsx51("div", { className: "size-10 shrink-0 rounded-full bg-muted" }),
+            /* @__PURE__ */ jsxs26("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx51("p", { className: "truncate text-label-md font-semibold text-foreground", children: title ?? "Audio" }),
+              artist && /* @__PURE__ */ jsx51("p", { className: "truncate text-body-sm text-muted-foreground", children: artist })
+            ] }),
+            /* @__PURE__ */ jsx51("button", { type: "button", onClick: () => skip(skipBy), "aria-label": `Forward ${skipBy}s`, className: iconBtn, children: /* @__PURE__ */ jsx51(SkipForward, {}) }),
+            /* @__PURE__ */ jsx51(PlayPause, { size: 36 }),
+            /* @__PURE__ */ jsx51("div", { className: "absolute inset-x-0 bottom-0 h-1 bg-muted", children: /* @__PURE__ */ jsx51("div", { className: "h-full bg-primary transition-[width]", style: { width: `${pct}%` } }) })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs26(
+      "div",
+      {
+        ref,
+        className: cn("flex w-full max-w-[360px] flex-col gap-2 font-sans", className),
+        ...props,
+        children: [
+          audio,
+          /* @__PURE__ */ jsx51(
+            Slider,
+            {
+              value: [current],
+              max: duration || 1,
+              step: 0.5,
+              onValueChange: (vals) => seek(vals[0] ?? 0),
+              "aria-label": "Seek"
+            }
+          ),
+          /* @__PURE__ */ jsxs26("div", { className: "flex justify-between text-body-sm text-muted-foreground", children: [
+            /* @__PURE__ */ jsx51("span", { children: fmt(current) }),
+            /* @__PURE__ */ jsx51("span", { children: fmt(duration) })
+          ] }),
+          /* @__PURE__ */ jsxs26("div", { className: "mt-1 flex items-center justify-center gap-3", children: [
+            /* @__PURE__ */ jsx51("button", { type: "button", onClick: onPrev, disabled: !onPrev, "aria-label": "Previous track", className: iconBtn, children: /* @__PURE__ */ jsx51(SkipBack, { className: "fill-current" }) }),
+            /* @__PURE__ */ jsx51("button", { type: "button", onClick: () => skip(-skipBy), "aria-label": `Back ${skipBy}s`, className: iconBtn, children: /* @__PURE__ */ jsx51(SkipBack, {}) }),
+            /* @__PURE__ */ jsx51(PlayPause, {}),
+            /* @__PURE__ */ jsx51("button", { type: "button", onClick: () => skip(skipBy), "aria-label": `Forward ${skipBy}s`, className: iconBtn, children: /* @__PURE__ */ jsx51(SkipForward, {}) }),
+            /* @__PURE__ */ jsx51("button", { type: "button", onClick: onNext, disabled: !onNext, "aria-label": "Next track", className: iconBtn, children: /* @__PURE__ */ jsx51(SkipForward, { className: "fill-current" }) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+AudioPlayer.displayName = "AudioPlayer";
+
+// src/components/circular-progress.tsx
+import * as React46 from "react";
+import { jsx as jsx52, jsxs as jsxs27 } from "react/jsx-runtime";
+var CircularProgress = React46.forwardRef(
+  ({ value = 0, size = 48, strokeWidth = 4, showValue = false, label, className, ...props }, ref) => {
+    const v = Math.max(0, Math.min(100, value));
+    const r = (size - strokeWidth) / 2;
+    const c = 2 * Math.PI * r;
+    return /* @__PURE__ */ jsxs27(
+      "div",
+      {
+        ref,
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": v,
+        className: cn("relative inline-grid place-items-center font-sans", className),
+        style: { width: size, height: size },
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs27("svg", { width: size, height: size, className: "-rotate-90", "aria-hidden": true, children: [
+            /* @__PURE__ */ jsx52(
+              "circle",
+              {
+                cx: size / 2,
+                cy: size / 2,
+                r,
+                fill: "none",
+                strokeWidth,
+                className: "stroke-muted"
+              }
+            ),
+            /* @__PURE__ */ jsx52(
+              "circle",
+              {
+                cx: size / 2,
+                cy: size / 2,
+                r,
+                fill: "none",
+                strokeWidth,
+                strokeLinecap: "round",
+                strokeDasharray: c,
+                strokeDashoffset: c - v / 100 * c,
+                className: "stroke-primary transition-[stroke-dashoffset] duration-300"
+              }
+            )
+          ] }),
+          (showValue || label != null) && /* @__PURE__ */ jsx52("span", { className: "absolute text-label-md text-foreground", children: label ?? `${Math.round(v)}%` })
+        ]
+      }
+    );
+  }
+);
+CircularProgress.displayName = "CircularProgress";
+
+// src/components/image.tsx
+import * as React47 from "react";
+import { ImageOff } from "lucide-react";
+import { jsx as jsx53 } from "react/jsx-runtime";
+var RATIOS = {
+  "1:1": 1,
+  "3:2": 3 / 2,
+  "4:3": 4 / 3,
+  "3:4": 3 / 4,
+  "3:1": 3,
+  "16:9": 16 / 9
+};
+var Image2 = React47.forwardRef(
+  ({ ratio = "1:1", rounded = true, fallback, className, alt = "", onLoad, onError, ...props }, forwardedRef) => {
+    const [status, setStatus] = React47.useState("loading");
+    const innerRef = React47.useRef(null);
+    const setRef = React47.useCallback(
+      (node) => {
+        innerRef.current = node;
+        if (typeof forwardedRef === "function") forwardedRef(node);
+        else if (forwardedRef) forwardedRef.current = node;
+      },
+      [forwardedRef]
+    );
+    const r = typeof ratio === "number" ? ratio : RATIOS[ratio] ?? 1;
+    React47.useEffect(() => {
+      const img = innerRef.current;
+      if (!img) return;
+      if (img.complete) setStatus(img.naturalWidth > 0 ? "loaded" : "error");
+    }, [props.src]);
+    return /* @__PURE__ */ jsx53(
+      "div",
+      {
+        className: cn(
+          "relative w-full overflow-hidden bg-muted",
+          rounded && "rounded-md",
+          className
+        ),
+        style: { aspectRatio: r },
+        children: status === "error" ? /* @__PURE__ */ jsx53("div", { className: "absolute inset-0 grid place-items-center text-muted-foreground", children: fallback ?? /* @__PURE__ */ jsx53(ImageOff, { className: "size-6" }) }) : /* @__PURE__ */ jsx53(
+          "img",
+          {
+            ref: setRef,
+            alt,
+            className: cn(
+              "size-full object-cover transition-opacity duration-300",
+              status === "loaded" ? "opacity-100" : "opacity-0"
+            ),
+            onLoad: (e) => {
+              setStatus("loaded");
+              onLoad?.(e);
+            },
+            onError: (e) => {
+              setStatus("error");
+              onError?.(e);
+            },
+            ...props
+          }
+        )
+      }
+    );
+  }
+);
+Image2.displayName = "Image";
+
+// src/components/inform.tsx
+import * as React48 from "react";
+import { cva as cva14 } from "class-variance-authority";
+import { CircleAlert as CircleAlert2, CircleCheck as CircleCheck2, Info as Info2, TriangleAlert as TriangleAlert2, X as X5 } from "lucide-react";
+import { jsx as jsx54, jsxs as jsxs28 } from "react/jsx-runtime";
+var informVariants = cva14(
+  "flex items-start gap-2.5 rounded-md p-3 text-body-sm font-sans [&>svg]:mt-0.5 [&>svg]:size-4 [&>svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        information: "bg-info/10 text-info",
+        warning: "bg-warning/15 text-warning",
+        success: "bg-success/15 text-success",
+        error: "bg-destructive/10 text-destructive",
+        action: "bg-foreground text-background"
+      }
+    },
+    defaultVariants: { variant: "information" }
+  }
+);
+var ICON = {
+  information: Info2,
+  warning: TriangleAlert2,
+  success: CircleCheck2,
+  error: CircleAlert2,
+  action: Info2
+};
+var Inform = React48.forwardRef(
+  ({ className, variant = "information", hideIcon, onDismiss, action, children, ...props }, ref) => {
+    const Icon2 = ICON[variant ?? "information"];
+    return /* @__PURE__ */ jsxs28("div", { ref, role: "status", className: cn(informVariants({ variant }), className), ...props, children: [
+      !hideIcon && /* @__PURE__ */ jsx54(Icon2, {}),
+      /* @__PURE__ */ jsxs28("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx54("p", { className: "[&:not(:only-child)]:mb-2", children }),
+        action && /* @__PURE__ */ jsxs28(
+          "button",
+          {
+            type: "button",
+            onClick: action.onClick,
+            className: "inline-flex items-center gap-1.5 text-label-md font-medium underline-offset-2 outline-none hover:underline focus-visible:underline [&>svg]:size-4",
+            children: [
+              action.icon,
+              action.label
+            ]
+          }
+        )
+      ] }),
+      onDismiss && /* @__PURE__ */ jsx54(
+        "button",
+        {
+          type: "button",
+          onClick: onDismiss,
+          "aria-label": "Dismiss",
+          className: "-m-0.5 shrink-0 rounded-[2px] p-0.5 opacity-70 outline-none transition-opacity hover:opacity-100 focus-visible:opacity-100 focus-visible:ring-1 focus-visible:ring-current",
+          children: /* @__PURE__ */ jsx54(X5, { className: "size-3.5" })
+        }
+      )
+    ] });
+  }
+);
+Inform.displayName = "Inform";
+
+// src/components/rating.tsx
+import * as React49 from "react";
+import { Star } from "lucide-react";
+import { cva as cva15 } from "class-variance-authority";
+import { jsx as jsx55 } from "react/jsx-runtime";
+var starVariants = cva15("transition-colors", {
+  variants: {
+    size: {
+      sm: "size-4",
+      md: "size-5",
+      lg: "size-6"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+var Rating = React49.forwardRef(
+  ({ className, value, defaultValue = 0, max = 5, size, readOnly = false, onChange, ...props }, ref) => {
+    const [internal, setInternal] = React49.useState(defaultValue);
+    const [hovered, setHovered] = React49.useState(null);
+    const current = value ?? internal;
+    const display = hovered ?? current;
+    const set = (n) => {
+      if (readOnly) return;
+      setInternal(n);
+      onChange?.(n);
+    };
+    return /* @__PURE__ */ jsx55(
+      "div",
+      {
+        ref,
+        role: readOnly ? "img" : "radiogroup",
+        "aria-label": readOnly ? `Rated ${current} out of ${max}` : "Rating",
+        className: cn("inline-flex items-center gap-0.5", className),
+        onMouseLeave: () => setHovered(null),
+        ...props,
+        children: Array.from({ length: max }, (_, i) => {
+          const n = i + 1;
+          const filled = n <= display;
+          return /* @__PURE__ */ jsx55(
+            "button",
+            {
+              type: "button",
+              disabled: readOnly,
+              "aria-label": `${n} star${n > 1 ? "s" : ""}`,
+              "aria-pressed": n <= current,
+              onMouseEnter: () => !readOnly && setHovered(n),
+              onClick: () => set(n),
+              className: cn(
+                "rounded-[2px] outline-none disabled:cursor-default",
+                !readOnly && "cursor-pointer focus-visible:ring-2 focus-visible:ring-ring"
+              ),
+              children: /* @__PURE__ */ jsx55(
+                Star,
+                {
+                  className: cn(
+                    starVariants({ size }),
+                    filled ? "fill-warning text-warning" : "fill-transparent text-muted-foreground"
+                  )
+                }
+              )
+            },
+            n
+          );
+        })
+      }
+    );
+  }
+);
+Rating.displayName = "Rating";
+
+// src/components/spinner.tsx
+import * as React50 from "react";
+import { cva as cva16 } from "class-variance-authority";
+import { jsx as jsx56 } from "react/jsx-runtime";
+var spinnerVariants = cva16("inline-block animate-spin rounded-full border-2 border-current border-t-transparent", {
+  variants: {
+    size: {
+      sm: "size-4",
+      md: "size-6",
+      lg: "size-8"
+    },
+    variant: {
+      default: "text-primary",
+      muted: "text-muted-foreground",
+      onColor: "text-primary-foreground"
+    }
+  },
+  defaultVariants: { size: "md", variant: "default" }
+});
+var Spinner = React50.forwardRef(
+  ({ className, size, variant, label = "Loading\u2026", ...props }, ref) => /* @__PURE__ */ jsx56("span", { ref, role: "status", "aria-label": label, className: cn(spinnerVariants({ size, variant }), className), ...props, children: /* @__PURE__ */ jsx56("span", { className: "sr-only", children: label }) })
+);
+Spinner.displayName = "Spinner";
+
+// src/components/list.tsx
+import * as React51 from "react";
+import { jsx as jsx57, jsxs as jsxs29 } from "react/jsx-runtime";
+var List3 = React51.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx57("div", { ref, role: "list", className: cn("flex flex-col divide-y divide-border", className), ...props })
+);
+List3.displayName = "List";
+var ListItem = React51.forwardRef(
+  ({ className, leading, title, description, trailing, disabled, onSelect, ...props }, ref) => {
+    const interactive = !!onSelect && !disabled;
+    return /* @__PURE__ */ jsxs29(
+      "div",
+      {
+        ref,
+        role: interactive ? "button" : "listitem",
+        tabIndex: interactive ? 0 : void 0,
+        "aria-disabled": disabled,
+        onClick: disabled ? void 0 : onSelect,
+        onKeyDown: interactive ? (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            onSelect?.();
+          }
+        } : void 0,
+        className: cn(
+          "flex items-center gap-3 px-3 py-3 font-sans outline-none",
+          interactive && "cursor-pointer hover:bg-accent focus-visible:bg-accent",
+          disabled && "pointer-events-none opacity-50",
+          className
+        ),
+        ...props,
+        children: [
+          leading && /* @__PURE__ */ jsx57("div", { className: "flex shrink-0 items-center justify-center", children: leading }),
+          /* @__PURE__ */ jsxs29("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx57("div", { className: "truncate text-body-md text-foreground", children: title }),
+            description && /* @__PURE__ */ jsx57("div", { className: "truncate text-body-sm text-muted-foreground", children: description })
+          ] }),
+          trailing && /* @__PURE__ */ jsx57("div", { className: "flex shrink-0 items-center gap-2", children: trailing })
+        ]
+      }
+    );
+  }
+);
+ListItem.displayName = "ListItem";
+
+// src/components/stepper.tsx
+import * as React52 from "react";
+import { Check as Check6 } from "lucide-react";
+import { jsx as jsx58, jsxs as jsxs30 } from "react/jsx-runtime";
+var Stepper = React52.forwardRef(
+  ({ className, steps, current, orientation = "horizontal", ...props }, ref) => {
+    const vertical = orientation === "vertical";
+    return /* @__PURE__ */ jsx58("ol", { ref, className: cn("flex font-sans", vertical ? "flex-col" : "w-full items-start", className), ...props, children: steps.map((step, i) => {
+      const status = i < current ? "complete" : i === current ? "current" : "upcoming";
+      const isLast = i === steps.length - 1;
+      return /* @__PURE__ */ jsxs30(
+        "li",
+        {
+          className: cn("flex", vertical ? "flex-row gap-3" : "flex-1 flex-col items-center gap-2 text-center"),
+          "aria-current": status === "current" ? "step" : void 0,
+          children: [
+            /* @__PURE__ */ jsxs30("div", { className: cn("flex items-center", vertical ? "flex-col" : "w-full"), children: [
+              /* @__PURE__ */ jsx58(
+                "span",
+                {
+                  className: cn(
+                    "flex size-7 shrink-0 items-center justify-center rounded-full text-label-md font-medium",
+                    status === "complete" && "bg-primary text-primary-foreground",
+                    status === "current" && "border-2 border-primary text-primary",
+                    status === "upcoming" && "border border-input text-muted-foreground"
+                  ),
+                  children: status === "complete" ? /* @__PURE__ */ jsx58(Check6, { className: "size-4" }) : i + 1
+                }
+              ),
+              !isLast && /* @__PURE__ */ jsx58(
+                "span",
+                {
+                  "aria-hidden": true,
+                  className: cn(
+                    "bg-border",
+                    vertical ? "my-1 min-h-6 w-px flex-1 self-stretch" : "mt-3.5 h-px flex-1",
+                    status === "complete" && "bg-primary"
+                  )
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs30("div", { className: cn(vertical && "pb-6"), children: [
+              /* @__PURE__ */ jsx58("p", { className: cn("text-label-md font-medium", status === "upcoming" ? "text-muted-foreground" : "text-foreground"), children: step.label }),
+              step.description && /* @__PURE__ */ jsx58("p", { className: "text-body-sm text-muted-foreground", children: step.description })
+            ] })
+          ]
+        },
+        i
+      );
+    }) });
+  }
+);
+Stepper.displayName = "Stepper";
+
+// src/components/fab.tsx
+import * as React53 from "react";
+import { Slot as Slot6 } from "@radix-ui/react-slot";
+import { cva as cva17 } from "class-variance-authority";
+import { jsx as jsx59 } from "react/jsx-runtime";
+var fabVariants = cva17(
+  [
+    "inline-flex shrink-0 items-center justify-center gap-2 rounded-full font-sans font-medium",
+    "shadow-lg outline-none transition-colors",
+    "focus-visible:shadow-focus disabled:pointer-events-none disabled:opacity-50",
+    "[&_svg]:pointer-events-none [&_svg]:shrink-0"
+  ],
+  {
+    variants: {
+      variant: {
+        Primary: "bg-primary text-primary-foreground hover:bg-[--color-blue-600] active:bg-[--color-blue-700]",
+        Secondary: "bg-secondary text-secondary-foreground hover:bg-[--color-green-500] hover:text-[--color-green-50] active:bg-[--color-green-600] active:text-[--color-green-50]"
+      },
+      size: {
+        default: "size-14 [&_svg]:size-6",
+        sm: "size-11 [&_svg]:size-5"
+      },
+      extended: {
+        true: "w-auto px-5",
+        false: ""
+      }
+    },
+    defaultVariants: { variant: "Primary", size: "default", extended: false }
+  }
+);
+var Fab = React53.forwardRef(
+  ({ className, variant, size, extended, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot6 : "button";
+    return /* @__PURE__ */ jsx59(
+      Comp,
+      {
+        ref,
+        "data-slot": "fab",
+        className: cn(fabVariants({ variant, size, extended }), className),
+        ...props
+      }
+    );
+  }
+);
+Fab.displayName = "Fab";
+
+// src/components/tab-bar.tsx
+import * as React54 from "react";
+import { jsx as jsx60, jsxs as jsxs31 } from "react/jsx-runtime";
+var TabBar = React54.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx60(
+    "nav",
+    {
+      ref,
+      className: cn("flex w-full items-stretch border-t border-border bg-background font-sans", className),
+      ...props,
+      children
+    }
+  )
+);
+TabBar.displayName = "TabBar";
+var TabBarItem = React54.forwardRef(
+  ({ className, icon, label, active, badge, ...props }, ref) => /* @__PURE__ */ jsxs31(
+    "button",
+    {
+      ref,
+      type: "button",
+      "aria-current": active ? "page" : void 0,
+      className: cn(
+        "relative flex flex-1 flex-col items-center justify-center gap-1 py-2 text-label-sm outline-none transition-colors",
+        active ? "text-primary" : "text-muted-foreground hover:text-foreground",
+        "focus-visible:bg-accent",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs31("span", { className: "relative [&_svg]:size-6", children: [
+          icon,
+          badge && /* @__PURE__ */ jsx60("span", { className: "absolute -right-1.5 -top-1 flex h-4 min-w-4 items-center justify-center rounded-full bg-destructive px-1 text-[10px] font-medium text-destructive-foreground", children: badge })
+        ] }),
+        /* @__PURE__ */ jsx60("span", { className: "font-medium", children: label })
+      ]
+    }
+  )
+);
+TabBarItem.displayName = "TabBarItem";
+
+// src/components/navigation-bar.tsx
+import * as React55 from "react";
+import { ChevronLeft as ChevronLeft3 } from "lucide-react";
+import { jsx as jsx61, jsxs as jsxs32 } from "react/jsx-runtime";
+var NavigationBar = React55.forwardRef(
+  ({ className, title, infoText, onBack, leading, actions, ...props }, ref) => /* @__PURE__ */ jsxs32(
+    "header",
+    {
+      ref,
+      className: cn("flex h-14 w-full items-center gap-2 border-b border-border bg-background px-2 font-sans", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx61("div", { className: "flex min-w-9 shrink-0 items-center", children: leading ?? (onBack && /* @__PURE__ */ jsx61(
+          "button",
+          {
+            type: "button",
+            onClick: onBack,
+            "aria-label": "Back",
+            className: "flex size-9 items-center justify-center rounded-full text-foreground outline-none transition-colors hover:bg-accent focus-visible:bg-accent",
+            children: /* @__PURE__ */ jsx61(ChevronLeft3, { className: "size-5" })
+          }
+        )) }),
+        /* @__PURE__ */ jsxs32("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx61("p", { className: "truncate text-body-lg font-medium text-foreground", children: title }),
+          infoText && /* @__PURE__ */ jsx61("p", { className: "truncate text-body-sm text-muted-foreground", children: infoText })
+        ] }),
+        actions && /* @__PURE__ */ jsx61("div", { className: "flex shrink-0 items-center gap-1", children: actions })
+      ]
+    }
+  )
+);
+NavigationBar.displayName = "NavigationBar";
+
+// src/components/file-upload.tsx
+import * as React56 from "react";
+import { File, Loader2, TriangleAlert as TriangleAlert3, Upload, X as X6 } from "lucide-react";
+import { jsx as jsx62, jsxs as jsxs33 } from "react/jsx-runtime";
+function formatBytes(bytes) {
+  if (!bytes) return "";
+  const units = ["B", "KB", "MB", "GB"];
+  let v = bytes;
+  let i = 0;
+  while (v >= 1024 && i < units.length - 1) {
+    v /= 1024;
+    i++;
+  }
+  return `${v.toFixed(v < 10 && i > 0 ? 1 : 0)} ${units[i]}`;
+}
+var FileUpload = React56.forwardRef(
+  ({ className, multiple, accept, disabled, helperText, buttonLabel = "Browse files", files = [], onFilesSelected, onRemove, onRetry, ...props }, ref) => {
+    const inputRef = React56.useRef(null);
+    const [dragging, setDragging] = React56.useState(false);
+    const pick = (list) => {
+      if (!list || !list.length) return;
+      onFilesSelected?.(Array.from(list));
+    };
+    return /* @__PURE__ */ jsxs33("div", { ref, className: cn("flex w-full flex-col gap-3 font-sans", className), ...props, children: [
+      /* @__PURE__ */ jsxs33(
+        "div",
+        {
+          role: "button",
+          tabIndex: disabled ? -1 : 0,
+          "aria-disabled": disabled,
+          onClick: () => !disabled && inputRef.current?.click(),
+          onKeyDown: (e) => {
+            if (!disabled && (e.key === "Enter" || e.key === " ")) {
+              e.preventDefault();
+              inputRef.current?.click();
+            }
+          },
+          onDragOver: (e) => {
+            e.preventDefault();
+            if (!disabled) setDragging(true);
+          },
+          onDragLeave: () => setDragging(false),
+          onDrop: (e) => {
+            e.preventDefault();
+            setDragging(false);
+            if (!disabled) pick(e.dataTransfer.files);
+          },
+          className: cn(
+            "flex flex-col items-center gap-2 rounded-md border border-dashed border-input p-6 text-center outline-none transition-colors",
+            !disabled && "cursor-pointer hover:bg-accent/50 focus-visible:shadow-focus",
+            dragging && "border-primary bg-accent",
+            disabled && "pointer-events-none opacity-50"
+          ),
+          children: [
+            /* @__PURE__ */ jsx62(Upload, { className: "size-6 text-muted-foreground", "aria-hidden": true }),
+            /* @__PURE__ */ jsxs33("p", { className: "text-body-sm text-muted-foreground", children: [
+              "Drag & drop ",
+              multiple ? "files" : "a file",
+              " here, or"
+            ] }),
+            /* @__PURE__ */ jsx62(
+              Button,
+              {
+                type: "button",
+                variant: "Outline",
+                size: "sm",
+                disabled,
+                onClick: (e) => {
+                  e.stopPropagation();
+                  inputRef.current?.click();
+                },
+                children: buttonLabel
+              }
+            ),
+            helperText && /* @__PURE__ */ jsx62("p", { className: "text-body-sm text-muted-foreground", children: helperText }),
+            /* @__PURE__ */ jsx62(
+              "input",
+              {
+                ref: inputRef,
+                type: "file",
+                multiple,
+                accept,
+                disabled,
+                className: "sr-only",
+                onChange: (e) => {
+                  pick(e.target.files);
+                  e.target.value = "";
+                }
+              }
+            )
+          ]
+        }
+      ),
+      files.length > 0 && /* @__PURE__ */ jsx62("ul", { className: "flex flex-col gap-2", children: files.map((f) => /* @__PURE__ */ jsx62(FileUploadItem, { file: f, onRemove, onRetry }, f.id)) })
+    ] });
+  }
+);
+FileUpload.displayName = "FileUpload";
+function FileUploadItem({ file, onRemove, onRetry }) {
+  const isError = file.status === "error";
+  const isLoading = file.status === "loading";
+  return /* @__PURE__ */ jsxs33("li", { className: cn("flex items-center gap-2.5 rounded-md border p-2.5 text-body-sm", isError ? "border-destructive bg-destructive/5" : "border-input"), children: [
+    isLoading ? /* @__PURE__ */ jsx62(Loader2, { className: "size-4 shrink-0 animate-spin text-muted-foreground", "aria-hidden": true }) : isError ? /* @__PURE__ */ jsx62(TriangleAlert3, { className: "size-4 shrink-0 text-destructive", "aria-hidden": true }) : /* @__PURE__ */ jsx62(File, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": true }),
+    /* @__PURE__ */ jsxs33("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx62("p", { className: "truncate text-foreground", children: file.name }),
+      isError && file.error ? /* @__PURE__ */ jsx62("p", { className: "text-destructive", children: file.error }) : /* @__PURE__ */ jsx62("p", { className: "text-muted-foreground", children: formatBytes(file.size) }),
+      isLoading && typeof file.progress === "number" && /* @__PURE__ */ jsx62("div", { className: "mt-1 h-1 w-full overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsx62("div", { className: "h-full bg-primary transition-[width]", style: { width: `${Math.max(0, Math.min(100, file.progress))}%` } }) })
+    ] }),
+    isError && onRetry && /* @__PURE__ */ jsx62(
+      "button",
+      {
+        type: "button",
+        onClick: () => onRetry(file.id),
+        className: "shrink-0 text-label-md font-medium text-primary underline-offset-2 outline-none hover:underline focus-visible:underline",
+        children: "Retry"
+      }
+    ),
+    onRemove && /* @__PURE__ */ jsx62(
+      "button",
+      {
+        type: "button",
+        onClick: () => onRemove(file.id),
+        "aria-label": `Remove ${file.name}`,
+        className: "shrink-0 rounded-[2px] p-0.5 text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-1 focus-visible:ring-current",
+        children: /* @__PURE__ */ jsx62(X6, { className: "size-3.5" })
+      }
+    )
+  ] });
+}
+FileUploadItem.displayName = "FileUploadItem";
+
+// src/components/date-picker.tsx
+import * as React57 from "react";
+import { CalendarIcon } from "lucide-react";
+import { format } from "date-fns";
+import { jsx as jsx63, jsxs as jsxs34 } from "react/jsx-runtime";
+var DatePicker = React57.forwardRef(
+  ({ value, onChange, placeholder = "Select date", label, helperText, error, disabled, className, formatStr = "PP", calendarProps }, ref) => {
+    const [open, setOpen] = React57.useState(false);
+    return /* @__PURE__ */ jsxs34("div", { className: cn("flex flex-col gap-1.5 font-sans", className), children: [
+      label && /* @__PURE__ */ jsx63("label", { className: "text-label-md font-medium text-foreground", children: label }),
+      /* @__PURE__ */ jsxs34(Popover, { open, onOpenChange: setOpen, children: [
+        /* @__PURE__ */ jsx63(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs34(
+          Button,
+          {
+            ref,
+            type: "button",
+            variant: "Outline",
+            disabled,
+            className: cn("w-full justify-start px-3 font-normal", !value && "text-muted-foreground", error && "border-destructive text-destructive"),
+            children: [
+              /* @__PURE__ */ jsx63(CalendarIcon, { className: "size-4" }),
+              value ? format(value, formatStr) : placeholder
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx63(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx63(
+          Calendar,
+          {
+            mode: "single",
+            selected: value,
+            onSelect: (d) => {
+              onChange?.(d);
+              setOpen(false);
+            },
+            ...calendarProps
+          }
+        ) })
+      ] }),
+      helperText && /* @__PURE__ */ jsx63("p", { className: cn("text-body-sm", error ? "text-destructive" : "text-muted-foreground"), children: helperText })
+    ] });
+  }
+);
+DatePicker.displayName = "DatePicker";
+
+// src/components/code-block.tsx
+import * as React58 from "react";
+import { Check as Check7, Copy } from "lucide-react";
+import { jsx as jsx64, jsxs as jsxs35 } from "react/jsx-runtime";
+var CodeBlock = React58.forwardRef(
+  ({ className, code, language, filename, files, hideCopy, ...props }, ref) => {
+    const tabs = files && files.length > 0 ? files : [{ name: filename ?? language ?? "", code: code ?? "" }];
+    const [active, setActive] = React58.useState(0);
+    const [copied, setCopied] = React58.useState(false);
+    const current = tabs[active] ?? tabs[0];
+    const hasHeader = tabs.length > 1 || !!current.name;
+    const copy = async () => {
+      try {
+        await navigator.clipboard.writeText(current.code);
+        setCopied(true);
+        window.setTimeout(() => setCopied(false), 1500);
+      } catch {
+      }
+    };
+    return /* @__PURE__ */ jsxs35("div", { ref, className: cn("overflow-hidden rounded-md border border-input bg-muted font-sans", className), ...props, children: [
+      hasHeader && /* @__PURE__ */ jsxs35("div", { className: "flex items-center justify-between border-b border-input bg-background px-2", children: [
+        /* @__PURE__ */ jsx64("div", { className: "flex", children: tabs.map((t, i) => /* @__PURE__ */ jsx64(
+          "button",
+          {
+            type: "button",
+            onClick: () => setActive(i),
+            className: cn(
+              "border-b-2 px-3 py-2 text-body-sm transition-colors outline-none",
+              i === active ? "border-primary text-foreground" : "border-transparent text-muted-foreground hover:text-foreground"
+            ),
+            children: t.name || "code"
+          },
+          t.name || i
+        )) }),
+        !hideCopy && /* @__PURE__ */ jsx64(
+          "button",
+          {
+            type: "button",
+            onClick: copy,
+            "aria-label": "Copy code",
+            className: "rounded-[2px] p-1.5 text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-1 focus-visible:ring-current",
+            children: copied ? /* @__PURE__ */ jsx64(Check7, { className: "size-4" }) : /* @__PURE__ */ jsx64(Copy, { className: "size-4" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs35("div", { className: "relative", children: [
+        !hasHeader && !hideCopy && /* @__PURE__ */ jsx64(
+          "button",
+          {
+            type: "button",
+            onClick: copy,
+            "aria-label": "Copy code",
+            className: "absolute right-2 top-2 rounded-[2px] p-1.5 text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-1 focus-visible:ring-current",
+            children: copied ? /* @__PURE__ */ jsx64(Check7, { className: "size-4" }) : /* @__PURE__ */ jsx64(Copy, { className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx64("pre", { className: "overflow-x-auto p-4 text-body-sm text-foreground", children: /* @__PURE__ */ jsx64("code", { children: current.code }) })
+      ] })
+    ] });
+  }
+);
+CodeBlock.displayName = "CodeBlock";
+
+// src/components/metric.tsx
+import * as React59 from "react";
+import { ArrowDown, ArrowUp } from "lucide-react";
+import { jsx as jsx65, jsxs as jsxs36 } from "react/jsx-runtime";
+var Metric = React59.forwardRef(
+  ({ className, label, value, trend, change, icon, chart, ...props }, ref) => /* @__PURE__ */ jsxs36("div", { ref, className: cn("flex flex-col gap-2 rounded-md border border-input p-4 font-sans", className), ...props, children: [
+    /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx65("p", { className: "text-body-sm text-muted-foreground", children: label }),
+      icon && /* @__PURE__ */ jsx65("span", { className: "text-muted-foreground [&_svg]:size-5", children: icon })
+    ] }),
+    /* @__PURE__ */ jsxs36("div", { className: "flex items-end justify-between gap-2", children: [
+      /* @__PURE__ */ jsx65("p", { className: "text-headline-sm font-medium text-foreground", children: value }),
+      trend && /* @__PURE__ */ jsxs36(
+        "span",
+        {
+          className: cn(
+            "inline-flex items-center gap-0.5 text-label-md font-medium",
+            trend === "up" && "text-success",
+            trend === "down" && "text-destructive",
+            trend === "neutral" && "text-muted-foreground"
+          ),
+          children: [
+            trend === "up" && /* @__PURE__ */ jsx65(ArrowUp, { className: "size-3.5" }),
+            trend === "down" && /* @__PURE__ */ jsx65(ArrowDown, { className: "size-3.5" }),
+            change
+          ]
+        }
+      )
+    ] }),
+    chart && /* @__PURE__ */ jsx65("div", { className: "mt-1", children: chart })
+  ] })
+);
+Metric.displayName = "Metric";
+
+// src/components/number-input.tsx
+import * as React60 from "react";
+import { Minus as Minus3, Plus } from "lucide-react";
+import { jsx as jsx66, jsxs as jsxs37 } from "react/jsx-runtime";
+var NumberInput = React60.forwardRef(
+  ({ className, value, defaultValue = 0, min, max, step = 1, onChange, disabled, ...props }, ref) => {
+    const [internal, setInternal] = React60.useState(defaultValue);
+    const current = value ?? internal;
+    const clamp = (n) => {
+      let v = n;
+      if (min != null) v = Math.max(min, v);
+      if (max != null) v = Math.min(max, v);
+      return v;
+    };
+    const set = (n) => {
+      const v = clamp(n);
+      setInternal(v);
+      onChange?.(v);
+    };
+    return /* @__PURE__ */ jsxs37(
+      "div",
+      {
+        className: cn(
+          "flex h-10 items-stretch overflow-hidden rounded-md border border-input font-sans focus-within:shadow-focus",
+          disabled && "pointer-events-none opacity-50",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx66(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Decrease",
+              disabled: disabled || min != null && current <= min,
+              onClick: () => set(current - step),
+              className: "flex w-9 shrink-0 items-center justify-center text-muted-foreground outline-none transition-colors hover:bg-accent hover:text-foreground disabled:pointer-events-none disabled:opacity-50",
+              children: /* @__PURE__ */ jsx66(Minus3, { className: "size-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx66(
+            "input",
+            {
+              ref,
+              type: "number",
+              inputMode: "numeric",
+              value: current,
+              min,
+              max,
+              step,
+              disabled,
+              onChange: (e) => {
+                const n = e.target.valueAsNumber;
+                if (!Number.isNaN(n)) set(n);
+              },
+              className: "w-full min-w-0 flex-1 border-x border-input bg-transparent px-2 text-center text-body-md text-foreground outline-none [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
+              ...props
+            }
+          ),
+          /* @__PURE__ */ jsx66(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Increase",
+              disabled: disabled || max != null && current >= max,
+              onClick: () => set(current + step),
+              className: "flex w-9 shrink-0 items-center justify-center text-muted-foreground outline-none transition-colors hover:bg-accent hover:text-foreground disabled:pointer-events-none disabled:opacity-50",
+              children: /* @__PURE__ */ jsx66(Plus, { className: "size-4" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+NumberInput.displayName = "NumberInput";
+
+// src/components/quote.tsx
+import * as React61 from "react";
+import { jsx as jsx67, jsxs as jsxs38 } from "react/jsx-runtime";
+var Quote = React61.forwardRef(
+  ({ className, author, authorTitle, avatar, children, ...props }, ref) => /* @__PURE__ */ jsxs38("figure", { ref, className: cn("flex flex-col gap-4 font-sans", className), ...props, children: [
+    /* @__PURE__ */ jsxs38("blockquote", { className: "text-title-md font-medium text-foreground", children: [
+      "\u201C",
+      children,
+      "\u201D"
+    ] }),
+    (author || authorTitle) && /* @__PURE__ */ jsxs38("figcaption", { className: "flex items-center gap-3", children: [
+      avatar,
+      /* @__PURE__ */ jsxs38("div", { children: [
+        author && /* @__PURE__ */ jsx67("p", { className: "text-body-md font-medium text-foreground", children: author }),
+        authorTitle && /* @__PURE__ */ jsx67("p", { className: "text-body-sm text-muted-foreground", children: authorTitle })
+      ] })
+    ] })
+  ] })
+);
+Quote.displayName = "Quote";
+
+// src/components/footer.tsx
+import * as React62 from "react";
+import { jsx as jsx68, jsxs as jsxs39 } from "react/jsx-runtime";
+var Footer = React62.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx68("footer", { ref, className: cn("w-full border-t border-border bg-background px-6 py-10 font-sans", className), ...props, children })
+);
+Footer.displayName = "Footer";
+var FooterColumn = React62.forwardRef(
+  ({ className, title, children, ...props }, ref) => /* @__PURE__ */ jsxs39("div", { ref, className: cn("flex flex-col gap-3", className), ...props, children: [
+    /* @__PURE__ */ jsx68("p", { className: "text-label-md font-medium text-foreground", children: title }),
+    /* @__PURE__ */ jsx68("div", { className: "flex flex-col gap-2", children })
+  ] })
+);
+FooterColumn.displayName = "FooterColumn";
+var FooterLink = React62.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx68(
+    "a",
+    {
+      ref,
+      className: cn(
+        "text-body-sm text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:text-foreground",
+        className
+      ),
+      ...props
+    }
+  )
+);
+FooterLink.displayName = "FooterLink";
+var FooterBottom = React62.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx68(
+    "div",
+    {
+      ref,
+      className: cn(
+        "mt-8 flex flex-wrap items-center justify-between gap-3 border-t border-border pt-6 text-body-sm text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  )
+);
+FooterBottom.displayName = "FooterBottom";
+
+// src/components/table-of-contents.tsx
+import * as React63 from "react";
+import { jsx as jsx69 } from "react/jsx-runtime";
+var TableOfContents = React63.forwardRef(
+  ({ className, items, active, ...props }, ref) => /* @__PURE__ */ jsx69("nav", { ref, "aria-label": "Table of contents", className: cn("flex flex-col gap-0.5 font-sans", className), ...props, children: items.map((item) => {
+    const isActive = item.id === active;
+    return /* @__PURE__ */ jsx69(
+      "a",
+      {
+        href: `#${item.id}`,
+        "aria-current": isActive ? "location" : void 0,
+        style: { paddingInlineStart: `${((item.level ?? 1) - 1) * 12 + 12}px` },
+        className: cn(
+          "-ms-px border-s py-1.5 text-body-sm outline-none transition-colors",
+          isActive ? "border-primary font-medium text-primary" : "border-transparent text-muted-foreground hover:text-foreground"
+        ),
+        children: item.label
+      },
+      item.id
+    );
+  }) })
+);
+TableOfContents.displayName = "TableOfContents";
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  Alert,
+  AlertDescription,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  AlertTitle,
+  AspectRatio,
+  AudioPlayer,
+  Avatar,
+  AvatarFallback,
+  AvatarGroup,
+  AvatarImage,
+  Badge,
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Button,
+  Calendar,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+  ChartContainer,
+  ChartLegend,
+  ChartLegendContent,
+  ChartStyle,
+  ChartTooltip,
+  ChartTooltipContent,
+  Checkbox,
+  CircularProgress,
+  CodeBlock,
+  Collapsible,
+  CollapsibleContent2 as CollapsibleContent,
+  CollapsibleTrigger2 as CollapsibleTrigger,
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
+  ContextMenu,
+  ContextMenuCheckboxItem,
+  ContextMenuContent,
+  ContextMenuGroup,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuPortal,
+  ContextMenuRadioGroup,
+  ContextMenuRadioItem,
+  ContextMenuSeparator,
+  ContextMenuShortcut,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuTrigger,
+  DataTable,
+  DatePicker,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerOverlay,
+  DrawerPortal,
+  DrawerTitle,
+  DrawerTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  Fab,
+  Field,
+  FieldControl,
+  FieldDescription,
+  FieldLabel,
+  FieldMessage,
+  FileUpload,
+  FileUploadItem,
+  Footer,
+  FooterBottom,
+  FooterColumn,
+  FooterLink,
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+  Image2 as Image,
+  Inform,
+  Input,
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupInput,
+  InputGroupText,
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSeparator,
+  InputOTPSlot,
+  Label2 as Label,
+  List3 as List,
+  ListItem,
+  Menubar,
+  MenubarCheckboxItem,
+  MenubarContent,
+  MenubarGroup,
+  MenubarItem,
+  MenubarLabel,
+  MenubarMenu,
+  MenubarPortal,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarSeparator,
+  MenubarShortcut,
+  MenubarSub,
+  MenubarSubContent,
+  MenubarSubTrigger,
+  MenubarTrigger,
+  Metric,
+  Modal,
+  NavigationBar,
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuIndicator,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  NavigationMenuViewport,
+  NumberInput,
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+  PasswordInput,
+  Popover,
+  PopoverAnchor,
+  PopoverContent,
+  PopoverTrigger,
+  Progress,
+  Quote,
+  RadioGroup2 as RadioGroup,
+  RadioGroupItem,
+  Rating,
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup,
+  ScrollArea,
+  ScrollBar,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator3 as Separator,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger,
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInput,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSkeleton,
+  SidebarProvider,
+  SidebarSeparator,
+  SidebarTrigger,
+  Skeleton,
+  Slider,
+  Spinner,
+  Stepper,
+  Switch,
+  TabBar,
+  TabBarItem,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableOfContents,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Tag,
+  Textarea,
+  Toaster,
+  Toggle,
+  ToggleGroup,
+  ToggleGroupItem,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  badgeVariants,
+  buttonVariants,
+  cn,
+  fabVariants,
+  formatBytes,
+  informVariants,
+  inputVariants,
+  messageVariants,
+  navigationMenuTriggerStyle,
+  spinnerVariants,
+  tagVariants,
+  textareaVariants,
+  toast,
+  toggleVariants,
+  useFormField,
+  useSidebar
+};