@nerds-with-charisma/revit-ui 0.1.0

package/dist/index.js

@@ -0,0 +1,3107 @@
+"use client";
+
+// src/components/button.tsx
+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";
+var cn = (...inputs) => {
+  return twMerge(clsx(inputs));
+};
+
+// src/theme/motion.ts
+var motion = {
+  surface: "transition-[transform,color,background-color,border-color,box-shadow,opacity] duration-200 ease-out"
+};
+
+// src/components/button.tsx
+import { jsx } from "react/jsx-runtime";
+var buttonVariants = cva(
+  `inline-flex items-center justify-center gap-2 whitespace-nowrap font-sans text-sm font-semibold uppercase tracking-[0.12em] ${motion.surface} hover:scale-[1.02] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0`,
+  {
+    variants: {
+      variant: {
+        default: "rounded-pill border-2 border-primary bg-primary text-primary-foreground shadow-[0_8px_12px_6px_rgba(0,0,0,0.07)] hover:bg-primary/90 focus-visible:ring-brand-off-black focus-visible:ring-offset-primary",
+        secondary: "rounded-pill border-2 border-secondary bg-secondary text-secondary-foreground shadow-[0_12px_24px_rgba(0,0,0,0.07)] hover:bg-secondary/90",
+        outline: "rounded-pill border-2 border-border bg-card text-card-foreground shadow-[0_14px_22px_rgba(0,0,0,0.03)] hover:border-primary hover:bg-primary/25",
+        ghost: "rounded-pill hover:bg-accent hover:text-accent-foreground",
+        link: "rounded-none tracking-normal normal-case underline-offset-4 hover:underline",
+        destructive: "rounded-pill border-2 border-destructive bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90"
+      },
+      size: {
+        default: "px-3.5 py-2 text-[11px] md:px-4 md:text-[12px]",
+        sm: "px-3 py-1.5 text-[10px]",
+        lg: "min-w-[10rem] px-6 py-3 text-sm sm:min-w-[12rem]",
+        icon: "size-9 rounded-pill p-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = ({ className, variant, size, asChild = false, ...props }) => {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-id": "Button",
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size }), className),
+      ...props
+    }
+  );
+};
+
+// src/components/input.tsx
+import { cva as cva2 } from "class-variance-authority";
+
+// src/theme/field.ts
+var fieldSurface = `border border-border bg-card font-sans text-foreground outline-none ${motion.surface} placeholder:text-muted-foreground hover:border-primary focus-visible:border-primary focus-visible:shadow-[0_0_0_3px_rgba(255,229,0,0.28)] disabled:cursor-not-allowed disabled:opacity-50`;
+
+// src/components/input.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var inputVariants = cva2(`w-full ${fieldSurface} file:border-0 file:bg-transparent file:text-sm file:font-medium`, {
+  variants: {
+    variant: {
+      default: "rounded-md",
+      pill: "rounded-pill",
+      filled: "rounded-md bg-muted"
+    },
+    size: {
+      default: "h-12 px-5 py-3 text-base",
+      sm: "h-9 px-3 py-1 text-sm",
+      md: "h-11 px-4 py-2 text-base md:text-sm"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+var Input = ({ className, type, variant, size, ...props }) => {
+  return /* @__PURE__ */ jsx2(
+    "input",
+    {
+      "data-id": "Input",
+      "data-slot": "input",
+      type,
+      className: cn(inputVariants({ variant, size }), className),
+      ...props
+    }
+  );
+};
+
+// src/components/card.tsx
+import { cva as cva3 } from "class-variance-authority";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var cardVariants = cva3(`font-sans text-card-foreground ${motion.surface}`, {
+  variants: {
+    variant: {
+      default: "rounded-lg border border-border bg-card shadow-[0_18px_40px_rgba(0,0,0,0.04)]",
+      elevated: "rounded-xl bg-card shadow-[0_24px_48px_rgba(0,0,0,0.12)]",
+      frost: "rounded-lg border border-white/55 bg-white/0 shadow-[0_1px_0_rgba(255,255,255,0.2)_inset,0_12px_40px_rgba(0,0,0,0.04)] backdrop-blur-xl backdrop-saturate-150",
+      outline: "rounded-lg border border-border bg-transparent shadow-none"
+    },
+    size: {
+      sm: "[&_[data-slot=card-header]]:p-4 [&_[data-slot=card-content]]:px-4 [&_[data-slot=card-content]]:pb-4 [&_[data-slot=card-footer]]:p-4 [&_[data-slot=card-footer]]:pt-0",
+      default: "",
+      lg: "[&_[data-slot=card-header]]:p-8 [&_[data-slot=card-content]]:px-8 [&_[data-slot=card-content]]:pb-8 [&_[data-slot=card-footer]]:p-8 [&_[data-slot=card-footer]]:pt-0"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+var Card = ({ className, variant, size, ...props }) => {
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      "data-id": "Card",
+      "data-slot": "card",
+      className: cn(cardVariants({ variant, size }), className),
+      ...props
+    }
+  );
+};
+
+// src/components/card-header.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var CardHeader = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx4(
+    "div",
+    {
+      "data-id": "CardHeader",
+      "data-slot": "card-header",
+      className: cn("flex flex-col gap-1.5 p-6", className),
+      ...props
+    }
+  );
+};
+
+// src/components/card-title.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var CardTitle = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx5(
+    "h3",
+    {
+      "data-id": "CardTitle",
+      "data-slot": "card-title",
+      className: cn("font-sans text-xl font-semibold leading-none tracking-tight", className),
+      ...props
+    }
+  );
+};
+
+// src/components/card-description.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var CardDescription = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx6(
+    "p",
+    {
+      "data-id": "CardDescription",
+      "data-slot": "card-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+};
+
+// src/components/card-content.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+var CardContent = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx7(
+    "div",
+    {
+      "data-id": "CardContent",
+      "data-slot": "card-content",
+      className: cn("p-6 pt-0", className),
+      ...props
+    }
+  );
+};
+
+// src/components/card-footer.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+var CardFooter = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx8(
+    "div",
+    {
+      "data-id": "CardFooter",
+      "data-slot": "card-footer",
+      className: cn("flex items-center gap-2 p-6 pt-0", className),
+      ...props
+    }
+  );
+};
+
+// src/components/select.tsx
+import * as SelectPrimitive from "@radix-ui/react-select";
+var Select = SelectPrimitive.Root;
+
+// src/components/select-group.tsx
+import * as SelectPrimitive2 from "@radix-ui/react-select";
+var SelectGroup = SelectPrimitive2.Group;
+
+// src/components/select-value.tsx
+import * as SelectPrimitive3 from "@radix-ui/react-select";
+var SelectValue = SelectPrimitive3.Value;
+
+// src/components/select-trigger.tsx
+import * as SelectPrimitive4 from "@radix-ui/react-select";
+import { cva as cva4 } from "class-variance-authority";
+import { ChevronDown } from "lucide-react";
+import { jsx as jsx9, jsxs } from "react/jsx-runtime";
+var selectTriggerVariants = cva4(
+  `flex w-full items-center justify-between gap-2 ${fieldSurface} data-[placeholder]:text-muted-foreground [&_svg]:size-4 [&_svg]:opacity-50`,
+  {
+    variants: {
+      variant: {
+        default: "rounded-md",
+        pill: "rounded-pill",
+        filled: "rounded-md bg-muted"
+      },
+      size: {
+        default: "h-12 px-5 py-3 text-base",
+        sm: "h-9 px-3 py-1 text-sm",
+        md: "h-11 px-4 py-2 text-base md:text-sm"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var SelectTrigger = ({
+  className,
+  variant,
+  size,
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive4.Trigger,
+    {
+      "data-id": "SelectTrigger",
+      "data-slot": "select-trigger",
+      className: cn(selectTriggerVariants({ variant, size }), className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx9(SelectPrimitive4.Icon, { asChild: true, children: /* @__PURE__ */ jsx9(ChevronDown, {}) })
+      ]
+    }
+  );
+};
+
+// src/components/select-content.tsx
+import * as SelectPrimitive7 from "@radix-ui/react-select";
+
+// src/components/select-scroll-down-button.tsx
+import * as SelectPrimitive5 from "@radix-ui/react-select";
+import { ChevronDown as ChevronDown2 } from "lucide-react";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var SelectScrollDownButton = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx10(
+    SelectPrimitive5.ScrollDownButton,
+    {
+      "data-id": "SelectScrollDownButton",
+      className: cn("flex cursor-default items-center justify-center py-1", className),
+      ...props,
+      children: /* @__PURE__ */ jsx10(ChevronDown2, { className: "size-4" })
+    }
+  );
+};
+
+// src/components/select-scroll-up-button.tsx
+import * as SelectPrimitive6 from "@radix-ui/react-select";
+import { ChevronUp } from "lucide-react";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var SelectScrollUpButton = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx11(
+    SelectPrimitive6.ScrollUpButton,
+    {
+      "data-id": "SelectScrollUpButton",
+      className: cn("flex cursor-default items-center justify-center py-1", className),
+      ...props,
+      children: /* @__PURE__ */ jsx11(ChevronUp, { className: "size-4" })
+    }
+  );
+};
+
+// src/components/select-content.tsx
+import { jsx as jsx12, jsxs as jsxs2 } from "react/jsx-runtime";
+var SelectContent = ({
+  className,
+  children,
+  position = "popper",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx12(SelectPrimitive7.Portal, { children: /* @__PURE__ */ jsxs2(
+    SelectPrimitive7.Content,
+    {
+      "data-id": "SelectContent",
+      "data-slot": "select-content",
+      className: cn(
+        "revit-ui relative z-50 max-h-96 min-w-32 overflow-hidden rounded-lg border border-border bg-popover text-popover-foreground shadow-[0_18px_40px_rgba(0,0,0,0.08)] 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",
+        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      ),
+      position,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx12(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx12(
+          SelectPrimitive7.Viewport,
+          {
+            className: cn(
+              "p-1",
+              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx12(SelectScrollDownButton, {})
+      ]
+    }
+  ) });
+};
+
+// src/components/select-item.tsx
+import * as SelectPrimitive8 from "@radix-ui/react-select";
+import { Check } from "lucide-react";
+import { jsx as jsx13, jsxs as jsxs3 } from "react/jsx-runtime";
+var SelectItem = ({ className, children, ...props }) => {
+  return /* @__PURE__ */ jsxs3(
+    SelectPrimitive8.Item,
+    {
+      "data-id": "SelectItem",
+      "data-slot": "select-item",
+      className: cn(
+        `relative flex w-full cursor-default select-none items-center rounded-md py-2 pl-8 pr-2 text-sm outline-none ${motion.surface} focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx13("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx13(SelectPrimitive8.ItemIndicator, { children: /* @__PURE__ */ jsx13(Check, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx13(SelectPrimitive8.ItemText, { children })
+      ]
+    }
+  );
+};
+
+// src/components/select-label.tsx
+import * as SelectPrimitive9 from "@radix-ui/react-select";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var SelectLabel = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx14(
+    SelectPrimitive9.Label,
+    {
+      "data-id": "SelectLabel",
+      className: cn("px-2 py-1.5 text-xs font-semibold uppercase tracking-[0.12em]", className),
+      ...props
+    }
+  );
+};
+
+// src/components/select-separator.tsx
+import * as SelectPrimitive10 from "@radix-ui/react-select";
+import { jsx as jsx15 } from "react/jsx-runtime";
+var SelectSeparator = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx15(
+    SelectPrimitive10.Separator,
+    {
+      "data-id": "SelectSeparator",
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+};
+
+// src/components/dialog.tsx
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+var Dialog = DialogPrimitive.Root;
+
+// src/components/dialog-trigger.tsx
+import * as DialogPrimitive2 from "@radix-ui/react-dialog";
+var DialogTrigger = DialogPrimitive2.Trigger;
+
+// src/components/dialog-content.tsx
+import * as DialogPrimitive5 from "@radix-ui/react-dialog";
+import { X } from "lucide-react";
+
+// src/components/dialog-overlay.tsx
+import * as DialogPrimitive3 from "@radix-ui/react-dialog";
+import { jsx as jsx16 } from "react/jsx-runtime";
+var DialogOverlay = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx16(
+    DialogPrimitive3.Overlay,
+    {
+      "data-id": "DialogOverlay",
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "fixed inset-0 z-50 bg-black/40 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        className
+      ),
+      ...props
+    }
+  );
+};
+
+// src/components/dialog-portal.tsx
+import * as DialogPrimitive4 from "@radix-ui/react-dialog";
+var DialogPortal = DialogPrimitive4.Portal;
+
+// src/components/dialog-content.tsx
+import { jsx as jsx17, jsxs as jsxs4 } from "react/jsx-runtime";
+var DialogContent = ({ className, children, ...props }) => {
+  return /* @__PURE__ */ jsxs4(DialogPortal, { children: [
+    /* @__PURE__ */ jsx17(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs4(
+      DialogPrimitive5.Content,
+      {
+        "data-id": "DialogContent",
+        "data-slot": "dialog-content",
+        className: cn(
+          `revit-ui fixed top-1/2 left-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg border border-border bg-card p-6 text-card-foreground shadow-[0_24px_48px_rgba(0,0,0,0.12)] ${motion.surface} 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__ */ jsxs4(
+            DialogPrimitive5.Close,
+            {
+              "data-id": "DialogClose",
+              className: `absolute top-4 right-4 rounded-pill p-1 opacity-70 ${motion.surface} hover:bg-muted hover:opacity-100 focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none`,
+              children: [
+                /* @__PURE__ */ jsx17(X, { className: "size-4" }),
+                /* @__PURE__ */ jsx17("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+
+// src/components/dialog-header.tsx
+import { jsx as jsx18 } from "react/jsx-runtime";
+var DialogHeader = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx18(
+    "div",
+    {
+      "data-id": "DialogHeader",
+      className: cn("flex flex-col gap-1.5 text-center sm:text-left", className),
+      ...props
+    }
+  );
+};
+
+// src/components/dialog-footer.tsx
+import { jsx as jsx19 } from "react/jsx-runtime";
+var DialogFooter = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx19(
+    "div",
+    {
+      "data-id": "DialogFooter",
+      className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+      ...props
+    }
+  );
+};
+
+// src/components/dialog-title.tsx
+import * as DialogPrimitive6 from "@radix-ui/react-dialog";
+import { jsx as jsx20 } from "react/jsx-runtime";
+var DialogTitle = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx20(
+    DialogPrimitive6.Title,
+    {
+      "data-id": "DialogTitle",
+      className: cn("font-sans text-lg font-semibold leading-none tracking-tight", className),
+      ...props
+    }
+  );
+};
+
+// src/components/dialog-description.tsx
+import * as DialogPrimitive7 from "@radix-ui/react-dialog";
+import { jsx as jsx21 } from "react/jsx-runtime";
+var DialogDescription = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx21(
+    DialogPrimitive7.Description,
+    {
+      "data-id": "DialogDescription",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+};
+
+// src/components/dialog-close.tsx
+import * as DialogPrimitive8 from "@radix-ui/react-dialog";
+var DialogClose = DialogPrimitive8.Close;
+
+// src/components/label.tsx
+import { cva as cva5 } from "class-variance-authority";
+import { jsx as jsx22 } from "react/jsx-runtime";
+var labelVariants = cva5(
+  "font-sans leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+  {
+    variants: {
+      variant: {
+        default: "text-sm font-medium",
+        eyebrow: "text-xs font-bold uppercase tracking-[0.22em] text-brand-gold"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Label2 = ({ className, variant, ...props }) => {
+  return /* @__PURE__ */ jsx22("label", { "data-id": "Label", className: cn(labelVariants({ variant }), className), ...props });
+};
+
+// src/components/textarea.tsx
+import { cva as cva6 } from "class-variance-authority";
+import { jsx as jsx23 } from "react/jsx-runtime";
+var textareaVariants = cva6(`min-h-24 w-full resize-y ${fieldSurface}`, {
+  variants: {
+    variant: {
+      default: "rounded-md",
+      filled: "rounded-md bg-muted"
+    },
+    size: {
+      default: "px-5 py-3 text-base",
+      sm: "min-h-20 px-3 py-2 text-sm"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+var Textarea = ({ className, variant, size, ...props }) => {
+  return /* @__PURE__ */ jsx23(
+    "textarea",
+    {
+      "data-id": "Textarea",
+      "data-slot": "textarea",
+      className: cn(textareaVariants({ variant, size }), className),
+      ...props
+    }
+  );
+};
+
+// src/components/checkbox.tsx
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Check as Check2 } from "lucide-react";
+import { jsx as jsx24 } from "react/jsx-runtime";
+var Checkbox = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx24(
+    CheckboxPrimitive.Root,
+    {
+      "data-id": "Checkbox",
+      "data-slot": "checkbox",
+      className: cn(
+        `peer size-5 shrink-0 rounded-sm border border-border bg-card ${motion.surface} hover:border-primary focus-visible:border-primary focus-visible:shadow-[0_0_0_3px_rgba(255,229,0,0.28)] focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground`,
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx24(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current", children: /* @__PURE__ */ jsx24(Check2, { className: "size-3.5 stroke-[3]" }) })
+    }
+  );
+};
+
+// src/components/badge.tsx
+import { cva as cva7 } from "class-variance-authority";
+import { jsx as jsx25 } from "react/jsx-runtime";
+var badgeVariants = cva7(
+  `inline-flex items-center font-sans font-semibold uppercase tracking-[0.12em] ${motion.surface}`,
+  {
+    variants: {
+      variant: {
+        default: "rounded-pill border-2 border-primary bg-primary text-primary-foreground",
+        tag: "rounded-pill border-2 border-border bg-card text-card-foreground hover:border-primary hover:bg-primary/25",
+        outline: "rounded-pill border border-border bg-card text-foreground",
+        secondary: "rounded-pill border-2 border-secondary bg-secondary text-secondary-foreground",
+        destructive: "rounded-pill border-2 border-destructive bg-destructive text-destructive-foreground"
+      },
+      size: {
+        default: "px-3.5 py-1.5 text-[11px]",
+        sm: "px-2.5 py-1 text-[10px]"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Badge = ({ className, variant, size, ...props }) => {
+  return /* @__PURE__ */ jsx25("span", { "data-id": "Badge", className: cn(badgeVariants({ variant, size }), className), ...props });
+};
+
+// src/components/switch.tsx
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+import { jsx as jsx26 } from "react/jsx-runtime";
+var Switch = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx26(
+    SwitchPrimitive.Root,
+    {
+      "data-id": "Switch",
+      "data-slot": "switch",
+      className: cn(
+        `peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-pill border border-border bg-muted ${motion.surface} focus-visible:border-primary focus-visible:shadow-[0_0_0_3px_rgba(255,229,0,0.28)] focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary data-[state=checked]:bg-primary`,
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx26(
+        SwitchPrimitive.Thumb,
+        {
+          "data-id": "SwitchThumb",
+          className: `pointer-events-none block size-5 rounded-pill bg-card shadow-sm ${motion.surface} data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0.5`
+        }
+      )
+    }
+  );
+};
+
+// src/components/radio-group.tsx
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { jsx as jsx27 } from "react/jsx-runtime";
+var RadioGroup = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx27(
+    RadioGroupPrimitive.Root,
+    {
+      "data-id": "RadioGroup",
+      className: cn("grid gap-2", className),
+      ...props
+    }
+  );
+};
+
+// src/components/radio-group-item.tsx
+import * as RadioGroupPrimitive2 from "@radix-ui/react-radio-group";
+import { Circle } from "lucide-react";
+import { jsx as jsx28 } from "react/jsx-runtime";
+var RadioGroupItem = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx28(
+    RadioGroupPrimitive2.Item,
+    {
+      "data-id": "RadioGroupItem",
+      className: cn(
+        `aspect-square size-5 rounded-full border border-border bg-card ${motion.surface} hover:border-primary focus-visible:border-primary focus-visible:shadow-[0_0_0_3px_rgba(255,229,0,0.28)] focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary`,
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx28(RadioGroupPrimitive2.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx28(Circle, { className: "size-2.5 fill-primary text-primary" }) })
+    }
+  );
+};
+
+// src/components/tabs.tsx
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+var Tabs = TabsPrimitive.Root;
+
+// src/components/tabs-list.tsx
+import * as TabsPrimitive2 from "@radix-ui/react-tabs";
+import { jsx as jsx29 } from "react/jsx-runtime";
+var TabsList = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx29(
+    TabsPrimitive2.List,
+    {
+      "data-id": "TabsList",
+      className: cn(
+        "inline-flex items-center gap-1 rounded-pill border border-border bg-card p-1",
+        className
+      ),
+      ...props
+    }
+  );
+};
+
+// src/components/tabs-trigger.tsx
+import * as TabsPrimitive3 from "@radix-ui/react-tabs";
+import { jsx as jsx30 } from "react/jsx-runtime";
+var TabsTrigger = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx30(
+    TabsPrimitive3.Trigger,
+    {
+      "data-id": "TabsTrigger",
+      className: cn(
+        `inline-flex items-center justify-center rounded-pill px-4 py-2 font-sans text-[11px] font-semibold uppercase tracking-[0.12em] ${motion.surface} hover:bg-muted focus-visible:outline-none focus-visible:shadow-[0_0_0_3px_rgba(255,229,0,0.28)] disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground`,
+        className
+      ),
+      ...props
+    }
+  );
+};
+
+// src/components/tabs-content.tsx
+import * as TabsPrimitive4 from "@radix-ui/react-tabs";
+import { jsx as jsx31 } from "react/jsx-runtime";
+var TabsContent = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx31(
+    TabsPrimitive4.Content,
+    {
+      "data-id": "TabsContent",
+      className: cn(`mt-4 outline-none ${motion.surface} focus-visible:shadow-[0_0_0_3px_rgba(255,229,0,0.28)]`, className),
+      ...props
+    }
+  );
+};
+
+// src/components/tooltip-provider.tsx
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { jsx as jsx32 } from "react/jsx-runtime";
+var TooltipProvider = ({ delayDuration = 200, ...props }) => {
+  return /* @__PURE__ */ jsx32(TooltipPrimitive.Provider, { delayDuration, ...props });
+};
+
+// src/components/tooltip.tsx
+import * as TooltipPrimitive2 from "@radix-ui/react-tooltip";
+var Tooltip = TooltipPrimitive2.Root;
+
+// src/components/tooltip-trigger.tsx
+import * as TooltipPrimitive3 from "@radix-ui/react-tooltip";
+var TooltipTrigger = TooltipPrimitive3.Trigger;
+
+// src/components/tooltip-content.tsx
+import * as TooltipPrimitive4 from "@radix-ui/react-tooltip";
+import { jsx as jsx33 } from "react/jsx-runtime";
+var TooltipContent = ({ className, sideOffset = 8, ...props }) => {
+  return /* @__PURE__ */ jsx33(TooltipPrimitive4.Portal, { children: /* @__PURE__ */ jsx33(
+    TooltipPrimitive4.Content,
+    {
+      "data-id": "TooltipContent",
+      sideOffset,
+      className: cn(
+        "z-50 rounded-md border border-border bg-card px-3 py-1.5 font-sans text-xs text-card-foreground shadow-[0_12px_24px_rgba(0,0,0,0.08)] 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",
+        className
+      ),
+      ...props
+    }
+  ) });
+};
+
+// src/components/separator.tsx
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { jsx as jsx34 } from "react/jsx-runtime";
+var Separator2 = ({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx34(
+    SeparatorPrimitive.Root,
+    {
+      "data-id": "Separator",
+      decorative,
+      orientation,
+      className: cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
+        className
+      ),
+      ...props
+    }
+  );
+};
+
+// src/components/accordion.tsx
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+var Accordion = AccordionPrimitive.Root;
+
+// src/components/accordion-item.tsx
+import * as AccordionPrimitive2 from "@radix-ui/react-accordion";
+import { jsx as jsx35 } from "react/jsx-runtime";
+var AccordionItem = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx35(
+    AccordionPrimitive2.Item,
+    {
+      "data-id": "AccordionItem",
+      className: cn("border-b border-border", className),
+      ...props
+    }
+  );
+};
+
+// src/components/accordion-trigger.tsx
+import * as AccordionPrimitive3 from "@radix-ui/react-accordion";
+import { ChevronDown as ChevronDown3 } from "lucide-react";
+import { jsx as jsx36, jsxs as jsxs5 } from "react/jsx-runtime";
+var AccordionTrigger = ({ className, children, ...props }) => {
+  return /* @__PURE__ */ jsx36(AccordionPrimitive3.Header, { className: "flex", children: /* @__PURE__ */ jsxs5(
+    AccordionPrimitive3.Trigger,
+    {
+      "data-id": "AccordionTrigger",
+      className: cn(
+        `flex flex-1 items-center justify-between py-4 text-left font-sans text-sm font-semibold ${motion.surface} hover:text-brand-gold focus-visible:outline-none focus-visible:shadow-[0_0_0_3px_rgba(255,229,0,0.28)] [&[data-state=open]>svg]:rotate-180`,
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx36(ChevronDown3, { className: `size-4 shrink-0 ${motion.surface}` })
+      ]
+    }
+  ) });
+};
+
+// src/components/accordion-content.tsx
+import * as AccordionPrimitive4 from "@radix-ui/react-accordion";
+import { jsx as jsx37 } from "react/jsx-runtime";
+var AccordionContent = ({ className, children, ...props }) => {
+  return /* @__PURE__ */ jsx37(
+    AccordionPrimitive4.Content,
+    {
+      "data-id": "AccordionContent",
+      className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+      ...props,
+      children: /* @__PURE__ */ jsx37("div", { className: cn("pb-4 text-muted-foreground", className), children })
+    }
+  );
+};
+
+// src/components/alert.tsx
+import { cva as cva8 } from "class-variance-authority";
+import { jsx as jsx38 } from "react/jsx-runtime";
+var alertVariants = cva8("relative w-full rounded-lg border px-4 py-3 font-sans text-sm", {
+  variants: {
+    variant: {
+      default: "border-border bg-card text-card-foreground",
+      warning: "border-primary/60 bg-primary/15 text-foreground",
+      destructive: "border-destructive/40 bg-destructive/10 text-destructive"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var Alert = ({ className, variant, ...props }) => {
+  return /* @__PURE__ */ jsx38("div", { "data-id": "Alert", role: "alert", className: cn(alertVariants({ variant }), className), ...props });
+};
+
+// src/components/alert-title.tsx
+import { jsx as jsx39 } from "react/jsx-runtime";
+var AlertTitle = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx39(
+    "h5",
+    {
+      "data-id": "AlertTitle",
+      className: cn("mb-1 font-sans text-sm font-semibold tracking-tight", className),
+      ...props
+    }
+  );
+};
+
+// src/components/alert-description.tsx
+import { jsx as jsx40 } from "react/jsx-runtime";
+var AlertDescription = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx40("p", { "data-id": "AlertDescription", className: cn("text-sm text-muted-foreground", className), ...props });
+};
+
+// src/components/avatar.tsx
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { jsx as jsx41 } from "react/jsx-runtime";
+var Avatar = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx41(
+    AvatarPrimitive.Root,
+    {
+      "data-id": "Avatar",
+      className: cn("relative flex size-10 shrink-0 overflow-hidden rounded-pill", className),
+      ...props
+    }
+  );
+};
+
+// src/components/avatar-image.tsx
+import * as AvatarPrimitive2 from "@radix-ui/react-avatar";
+import { jsx as jsx42 } from "react/jsx-runtime";
+var AvatarImage = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx42(
+    AvatarPrimitive2.Image,
+    {
+      "data-id": "AvatarImage",
+      className: cn("aspect-square size-full object-cover", className),
+      ...props
+    }
+  );
+};
+
+// src/components/avatar-fallback.tsx
+import * as AvatarPrimitive3 from "@radix-ui/react-avatar";
+import { jsx as jsx43 } from "react/jsx-runtime";
+var AvatarFallback = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx43(
+    AvatarPrimitive3.Fallback,
+    {
+      "data-id": "AvatarFallback",
+      className: cn(
+        "flex size-full items-center justify-center bg-primary font-sans text-xs font-semibold uppercase text-primary-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+};
+
+// src/components/dropdown-menu.tsx
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+var DropdownMenu = DropdownMenuPrimitive.Root;
+
+// src/components/dropdown-menu-trigger.tsx
+import * as DropdownMenuPrimitive2 from "@radix-ui/react-dropdown-menu";
+var DropdownMenuTrigger = DropdownMenuPrimitive2.Trigger;
+
+// src/components/dropdown-menu-content.tsx
+import * as DropdownMenuPrimitive3 from "@radix-ui/react-dropdown-menu";
+import { jsx as jsx44 } from "react/jsx-runtime";
+var DropdownMenuContent = ({
+  className,
+  sideOffset = 8,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx44(DropdownMenuPrimitive3.Portal, { children: /* @__PURE__ */ jsx44(
+    DropdownMenuPrimitive3.Content,
+    {
+      "data-id": "DropdownMenuContent",
+      sideOffset,
+      className: cn(
+        "z-50 min-w-40 overflow-hidden rounded-lg border border-border bg-popover p-1 text-popover-foreground shadow-[0_18px_40px_rgba(0,0,0,0.08)] 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
+    }
+  ) });
+};
+
+// src/components/dropdown-menu-item.tsx
+import * as DropdownMenuPrimitive4 from "@radix-ui/react-dropdown-menu";
+import { jsx as jsx45 } from "react/jsx-runtime";
+var DropdownMenuItem = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx45(
+    DropdownMenuPrimitive4.Item,
+    {
+      "data-id": "DropdownMenuItem",
+      className: cn(
+        `relative flex cursor-default items-center rounded-md px-3 py-2 text-sm outline-none ${motion.surface} focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,
+        className
+      ),
+      ...props
+    }
+  );
+};
+
+// src/components/dropdown-menu-label.tsx
+import * as DropdownMenuPrimitive5 from "@radix-ui/react-dropdown-menu";
+import { jsx as jsx46 } from "react/jsx-runtime";
+var DropdownMenuLabel = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx46(
+    DropdownMenuPrimitive5.Label,
+    {
+      "data-id": "DropdownMenuLabel",
+      className: cn("px-3 py-2 text-xs font-semibold uppercase tracking-[0.12em]", className),
+      ...props
+    }
+  );
+};
+
+// src/components/dropdown-menu-separator.tsx
+import * as DropdownMenuPrimitive6 from "@radix-ui/react-dropdown-menu";
+import { jsx as jsx47 } from "react/jsx-runtime";
+var DropdownMenuSeparator = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx47(
+    DropdownMenuPrimitive6.Separator,
+    {
+      "data-id": "DropdownMenuSeparator",
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+};
+
+// src/components/popover.tsx
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+var Popover = PopoverPrimitive.Root;
+
+// src/components/popover-trigger.tsx
+import * as PopoverPrimitive2 from "@radix-ui/react-popover";
+var PopoverTrigger = PopoverPrimitive2.Trigger;
+
+// src/components/popover-content.tsx
+import * as PopoverPrimitive3 from "@radix-ui/react-popover";
+import { jsx as jsx48 } from "react/jsx-runtime";
+var PopoverContent = ({
+  className,
+  align = "center",
+  sideOffset = 8,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx48(PopoverPrimitive3.Portal, { children: /* @__PURE__ */ jsx48(
+    PopoverPrimitive3.Content,
+    {
+      "data-id": "PopoverContent",
+      align,
+      sideOffset,
+      className: cn(
+        "z-50 w-72 rounded-lg border border-border bg-popover p-4 text-popover-foreground shadow-[0_18px_40px_rgba(0,0,0,0.08)] outline-none 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
+    }
+  ) });
+};
+
+// src/components/sheet.tsx
+import * as DialogPrimitive9 from "@radix-ui/react-dialog";
+var Sheet = DialogPrimitive9.Root;
+
+// src/components/sheet-trigger.tsx
+import * as DialogPrimitive10 from "@radix-ui/react-dialog";
+var SheetTrigger = DialogPrimitive10.Trigger;
+
+// src/components/sheet-content.tsx
+import * as DialogPrimitive11 from "@radix-ui/react-dialog";
+import { cva as cva9 } from "class-variance-authority";
+import { X as X2 } from "lucide-react";
+import { jsx as jsx49, jsxs as jsxs6 } from "react/jsx-runtime";
+var sheetContentVariants = cva9(
+  `fixed z-50 flex flex-col gap-4 border-border bg-card p-6 text-card-foreground shadow-[0_24px_48px_rgba(0,0,0,0.12)] ${motion.surface} data-[state=open]:animate-in data-[state=closed]:animate-out`,
+  {
+    variants: {
+      side: {
+        right: "inset-y-0 right-0 h-full w-full max-w-sm border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right",
+        left: "inset-y-0 left-0 h-full w-full max-w-sm border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left",
+        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"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+var SheetContent = ({ className, children, side, ...props }) => {
+  return /* @__PURE__ */ jsxs6(DialogPortal, { children: [
+    /* @__PURE__ */ jsx49(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs6(
+      DialogPrimitive11.Content,
+      {
+        "data-id": "SheetContent",
+        className: cn(sheetContentVariants({ side }), className),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxs6(
+            DialogPrimitive11.Close,
+            {
+              "data-id": "SheetClose",
+              className: `absolute top-4 right-4 rounded-pill p-1 opacity-70 ${motion.surface} hover:bg-muted hover:opacity-100 focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none`,
+              children: [
+                /* @__PURE__ */ jsx49(X2, { className: "size-4" }),
+                /* @__PURE__ */ jsx49("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+
+// src/components/sheet-header.tsx
+import { jsx as jsx50 } from "react/jsx-runtime";
+var SheetHeader = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx50("div", { "data-id": "SheetHeader", className: cn("flex flex-col gap-1.5 pr-8", className), ...props });
+};
+
+// src/components/sheet-title.tsx
+import * as DialogPrimitive12 from "@radix-ui/react-dialog";
+import { jsx as jsx51 } from "react/jsx-runtime";
+var SheetTitle = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx51(
+    DialogPrimitive12.Title,
+    {
+      "data-id": "SheetTitle",
+      className: cn("font-sans text-lg font-semibold tracking-tight", className),
+      ...props
+    }
+  );
+};
+
+// src/components/sheet-description.tsx
+import * as DialogPrimitive13 from "@radix-ui/react-dialog";
+import { jsx as jsx52 } from "react/jsx-runtime";
+var SheetDescription = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx52(
+    DialogPrimitive13.Description,
+    {
+      "data-id": "SheetDescription",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+};
+
+// src/components/skeleton.tsx
+import { jsx as jsx53 } from "react/jsx-runtime";
+var Skeleton = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx53(
+    "div",
+    {
+      "data-id": "Skeleton",
+      className: cn(`animate-pulse rounded-md bg-muted ${motion.surface}`, className),
+      ...props
+    }
+  );
+};
+
+// src/components/slider.tsx
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import { jsx as jsx54, jsxs as jsxs7 } from "react/jsx-runtime";
+var Slider = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsxs7(
+    SliderPrimitive.Root,
+    {
+      "data-id": "Slider",
+      className: cn("relative flex w-full touch-none items-center select-none", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx54(
+          SliderPrimitive.Track,
+          {
+            "data-id": "SliderTrack",
+            className: "relative h-2 w-full grow overflow-hidden rounded-pill bg-muted",
+            children: /* @__PURE__ */ jsx54(SliderPrimitive.Range, { className: "absolute h-full bg-primary" })
+          }
+        ),
+        /* @__PURE__ */ jsx54(
+          SliderPrimitive.Thumb,
+          {
+            "data-id": "SliderThumb",
+            className: `block size-5 rounded-pill border border-primary bg-card ${motion.surface} focus-visible:shadow-[0_0_0_3px_rgba(255,229,0,0.28)] focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50`
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/components/table.tsx
+import { jsx as jsx55 } from "react/jsx-runtime";
+var Table = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx55("div", { "data-id": "TableWrap", className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx55("table", { "data-id": "Table", className: cn("w-full caption-bottom text-sm", className), ...props }) });
+};
+
+// src/components/table-header.tsx
+import { jsx as jsx56 } from "react/jsx-runtime";
+var TableHeader = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx56("thead", { "data-id": "TableHeader", className: cn("[&_tr]:border-b", className), ...props });
+};
+
+// src/components/table-body.tsx
+import { jsx as jsx57 } from "react/jsx-runtime";
+var TableBody = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx57("tbody", { "data-id": "TableBody", className: cn("[&_tr:last-child]:border-0", className), ...props });
+};
+
+// src/components/table-footer.tsx
+import { jsx as jsx58 } from "react/jsx-runtime";
+var TableFooter = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx58(
+    "tfoot",
+    {
+      "data-id": "TableFooter",
+      className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
+      ...props
+    }
+  );
+};
+
+// src/components/table-row.tsx
+import { jsx as jsx59 } from "react/jsx-runtime";
+var TableRow = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx59(
+    "tr",
+    {
+      "data-id": "TableRow",
+      className: cn(
+        `border-b border-border ${motion.surface} hover:bg-muted/50 data-[state=selected]:bg-muted`,
+        className
+      ),
+      ...props
+    }
+  );
+};
+
+// src/components/table-head.tsx
+import { jsx as jsx60 } from "react/jsx-runtime";
+var TableHead = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx60(
+    "th",
+    {
+      "data-id": "TableHead",
+      className: cn(
+        "h-12 px-4 text-left align-middle font-sans text-xs font-semibold uppercase tracking-[0.12em] text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+};
+
+// src/components/table-cell.tsx
+import { jsx as jsx61 } from "react/jsx-runtime";
+var TableCell = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx61("td", { "data-id": "TableCell", className: cn("p-4 align-middle", className), ...props });
+};
+
+// src/components/table-caption.tsx
+import { jsx as jsx62 } from "react/jsx-runtime";
+var TableCaption = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx62(
+    "caption",
+    {
+      "data-id": "TableCaption",
+      className: cn("mt-4 text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+};
+
+// src/components/pagination.tsx
+import { jsx as jsx63 } from "react/jsx-runtime";
+var Pagination = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx63(
+    "nav",
+    {
+      "data-id": "Pagination",
+      role: "navigation",
+      "aria-label": "pagination",
+      className: cn("mx-auto flex w-full justify-center", className),
+      ...props
+    }
+  );
+};
+
+// src/components/pagination-content.tsx
+import { jsx as jsx64 } from "react/jsx-runtime";
+var PaginationContent = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx64("ul", { "data-id": "PaginationContent", className: cn("flex flex-row items-center gap-1", className), ...props });
+};
+
+// src/components/pagination-item.tsx
+import { jsx as jsx65 } from "react/jsx-runtime";
+var PaginationItem = (props) => {
+  return /* @__PURE__ */ jsx65("li", { "data-id": "PaginationItem", ...props });
+};
+
+// src/components/pagination-link.tsx
+import { jsx as jsx66 } from "react/jsx-runtime";
+var PaginationLink = ({ className, isActive, ...props }) => {
+  return /* @__PURE__ */ jsx66(
+    "a",
+    {
+      "data-id": "PaginationLink",
+      "aria-current": isActive ? "page" : void 0,
+      className: cn(
+        buttonVariants({ variant: isActive ? "default" : "outline", size: "icon" }),
+        className
+      ),
+      ...props
+    }
+  );
+};
+
+// src/components/pagination-previous.tsx
+import { ChevronLeft } from "lucide-react";
+import { jsx as jsx67, jsxs as jsxs8 } from "react/jsx-runtime";
+var PaginationPrevious = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsxs8(
+    PaginationLink,
+    {
+      "aria-label": "Go to previous page",
+      className: cn("w-auto gap-1 px-3", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx67(ChevronLeft, { className: "size-4" }),
+        /* @__PURE__ */ jsx67("span", { children: "Prev" })
+      ]
+    }
+  );
+};
+
+// src/components/pagination-next.tsx
+import { ChevronRight } from "lucide-react";
+import { jsx as jsx68, jsxs as jsxs9 } from "react/jsx-runtime";
+var PaginationNext = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsxs9(PaginationLink, { "aria-label": "Go to next page", className: cn("w-auto gap-1 px-3", className), ...props, children: [
+    /* @__PURE__ */ jsx68("span", { children: "Next" }),
+    /* @__PURE__ */ jsx68(ChevronRight, { className: "size-4" })
+  ] });
+};
+
+// src/components/pagination-ellipsis.tsx
+import { MoreHorizontal } from "lucide-react";
+import { jsx as jsx69, jsxs as jsxs10 } from "react/jsx-runtime";
+var PaginationEllipsis = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsxs10(
+    "span",
+    {
+      "data-id": "PaginationEllipsis",
+      "aria-hidden": true,
+      className: cn("flex size-9 items-center justify-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx69(MoreHorizontal, { className: "size-4" }),
+        /* @__PURE__ */ jsx69("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  );
+};
+
+// src/components/breadcrumb.tsx
+import { jsx as jsx70 } from "react/jsx-runtime";
+var Breadcrumb = ({ ...props }) => {
+  return /* @__PURE__ */ jsx70("nav", { "data-id": "Breadcrumb", "aria-label": "breadcrumb", ...props });
+};
+
+// src/components/breadcrumb-list.tsx
+import { jsx as jsx71 } from "react/jsx-runtime";
+var BreadcrumbList = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx71(
+    "ol",
+    {
+      "data-id": "BreadcrumbList",
+      className: cn("flex flex-wrap items-center gap-1.5 text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+};
+
+// src/components/breadcrumb-item.tsx
+import { jsx as jsx72 } from "react/jsx-runtime";
+var BreadcrumbItem = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx72("li", { "data-id": "BreadcrumbItem", className: cn("inline-flex items-center gap-1.5", className), ...props });
+};
+
+// src/components/breadcrumb-link.tsx
+import { Slot as Slot2 } from "@radix-ui/react-slot";
+import { jsx as jsx73 } from "react/jsx-runtime";
+var BreadcrumbLink = ({ asChild, className, ...props }) => {
+  const Comp = asChild ? Slot2 : "a";
+  return /* @__PURE__ */ jsx73(
+    Comp,
+    {
+      "data-id": "BreadcrumbLink",
+      className: cn(`${motion.surface} hover:text-foreground`, className),
+      ...props
+    }
+  );
+};
+
+// src/components/breadcrumb-page.tsx
+import { jsx as jsx74 } from "react/jsx-runtime";
+var BreadcrumbPage = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx74(
+    "span",
+    {
+      "data-id": "BreadcrumbPage",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: cn("font-medium text-foreground", className),
+      ...props
+    }
+  );
+};
+
+// src/components/breadcrumb-separator.tsx
+import { ChevronRight as ChevronRight2 } from "lucide-react";
+import { jsx as jsx75 } from "react/jsx-runtime";
+var BreadcrumbSeparator = ({ children, className, ...props }) => {
+  return /* @__PURE__ */ jsx75("li", { "data-id": "BreadcrumbSeparator", role: "presentation", "aria-hidden": true, className: cn("[&>svg]:size-3.5", className), ...props, children: children ?? /* @__PURE__ */ jsx75(ChevronRight2, {}) });
+};
+
+// src/components/form.tsx
+import { createContext, useContext } from "react";
+import {
+  Controller,
+  FormProvider,
+  useFormContext
+} from "react-hook-form";
+import { jsx as jsx76 } from "react/jsx-runtime";
+var Form = FormProvider;
+var FormFieldContext = createContext({});
+var FormField = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx76(FormFieldContext, { value: { name: props.name }, children: /* @__PURE__ */ jsx76(Controller, { ...props }) });
+};
+var FormItemContext = createContext({});
+var useFormField = () => {
+  const fieldContext = useContext(FormFieldContext);
+  const itemContext = useContext(FormItemContext);
+  const { getFieldState, formState } = useFormContext();
+  const fieldState = getFieldState(fieldContext.name, formState);
+  if (!fieldContext.name) {
+    throw new Error("useFormField must 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
+  };
+};
+
+// src/components/form-item.tsx
+import { useId } from "react";
+import { jsx as jsx77 } from "react/jsx-runtime";
+var FormItem = ({ className, ...props }) => {
+  const id = useId();
+  return /* @__PURE__ */ jsx77(FormItemContext, { value: { id }, children: /* @__PURE__ */ jsx77("div", { "data-id": "FormItem", className: cn("flex flex-col gap-2", className), ...props }) });
+};
+
+// src/components/form-label.tsx
+import { jsx as jsx78 } from "react/jsx-runtime";
+var FormLabel = ({ className, ...props }) => {
+  const { error, formItemId } = useFormField();
+  return /* @__PURE__ */ jsx78(
+    Label2,
+    {
+      "data-id": "FormLabel",
+      htmlFor: formItemId,
+      className: cn(error && "text-destructive", className),
+      ...props
+    }
+  );
+};
+
+// src/components/form-control.tsx
+import { Slot as Slot3 } from "@radix-ui/react-slot";
+import { jsx as jsx79 } from "react/jsx-runtime";
+var FormControl = ({ ...props }) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ jsx79(
+    Slot3,
+    {
+      "data-id": "FormControl",
+      id: formItemId,
+      "aria-describedby": !error ? formDescriptionId : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...props
+    }
+  );
+};
+
+// src/components/form-description.tsx
+import { jsx as jsx80 } from "react/jsx-runtime";
+var FormDescription = ({ className, ...props }) => {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ jsx80(
+    "p",
+    {
+      "data-id": "FormDescription",
+      id: formDescriptionId,
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+};
+
+// src/components/form-message.tsx
+import { jsx as jsx81 } from "react/jsx-runtime";
+var FormMessage = ({ className, children, ...props }) => {
+  const { error, formMessageId } = useFormField();
+  const body = error ? String(error.message ?? "") : children;
+  if (!body) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx81(
+    "p",
+    {
+      "data-id": "FormMessage",
+      id: formMessageId,
+      className: cn("text-sm font-medium text-destructive", className),
+      ...props,
+      children: body
+    }
+  );
+};
+
+// src/components/toaster.tsx
+import { Toaster as SonnerToaster, toast } from "sonner";
+import { jsx as jsx82 } from "react/jsx-runtime";
+var Toaster = ({ ...props }) => {
+  return /* @__PURE__ */ jsx82(
+    SonnerToaster,
+    {
+      "data-id": "Toaster",
+      theme: "light",
+      className: "toaster group",
+      toastOptions: {
+        classNames: {
+          toast: "group toast border border-border bg-card text-card-foreground shadow-[0_18px_40px_rgba(0,0,0,0.08)]",
+          description: "text-muted-foreground",
+          actionButton: "bg-primary text-primary-foreground",
+          cancelButton: "bg-muted text-muted-foreground"
+        }
+      },
+      ...props
+    }
+  );
+};
+
+// src/components/command.tsx
+import { Command as CommandPrimitive } from "cmdk";
+import { jsx as jsx83 } from "react/jsx-runtime";
+var Command = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx83(
+    CommandPrimitive,
+    {
+      "data-id": "Command",
+      className: cn(
+        "flex h-full w-full flex-col overflow-hidden rounded-lg bg-popover text-popover-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+};
+
+// src/components/command-input.tsx
+import { Command as CommandPrimitive2 } from "cmdk";
+import { Search } from "lucide-react";
+import { jsx as jsx84, jsxs as jsxs11 } from "react/jsx-runtime";
+var CommandInput = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsxs11("div", { className: "flex items-center border-b border-border px-3", "data-id": "CommandInputWrap", children: [
+    /* @__PURE__ */ jsx84(Search, { className: "mr-2 size-4 shrink-0 opacity-50" }),
+    /* @__PURE__ */ jsx84(
+      CommandPrimitive2.Input,
+      {
+        "data-id": "CommandInput",
+        className: cn(
+          `flex h-11 w-full bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50`,
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+};
+
+// src/components/command-list.tsx
+import { Command as CommandPrimitive3 } from "cmdk";
+import { jsx as jsx85 } from "react/jsx-runtime";
+var CommandList = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx85(
+    CommandPrimitive3.List,
+    {
+      "data-id": "CommandList",
+      className: cn("max-h-64 overflow-y-auto overflow-x-hidden p-1", className),
+      ...props
+    }
+  );
+};
+
+// src/components/command-empty.tsx
+import { Command as CommandPrimitive4 } from "cmdk";
+import { jsx as jsx86 } from "react/jsx-runtime";
+var CommandEmpty = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx86(
+    CommandPrimitive4.Empty,
+    {
+      "data-id": "CommandEmpty",
+      className: cn("py-6 text-center text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+};
+
+// src/components/command-group.tsx
+import { Command as CommandPrimitive5 } from "cmdk";
+import { jsx as jsx87 } from "react/jsx-runtime";
+var CommandGroup = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx87(
+    CommandPrimitive5.Group,
+    {
+      "data-id": "CommandGroup",
+      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-semibold [&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-[0.12em] [&_[cmdk-group-heading]]:text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+};
+
+// src/components/command-item.tsx
+import { Command as CommandPrimitive6 } from "cmdk";
+import { jsx as jsx88 } from "react/jsx-runtime";
+var CommandItem = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx88(
+    CommandPrimitive6.Item,
+    {
+      "data-id": "CommandItem",
+      className: cn(
+        `relative flex cursor-default items-center rounded-md px-3 py-2 text-sm outline-none ${motion.surface} data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50`,
+        className
+      ),
+      ...props
+    }
+  );
+};
+
+// src/components/combobox.tsx
+import { useState } from "react";
+import { Check as Check3, ChevronsUpDown } from "lucide-react";
+import { jsx as jsx89, jsxs as jsxs12 } from "react/jsx-runtime";
+var Combobox = ({
+  options,
+  value,
+  onValueChange,
+  placeholder = "Select\u2026",
+  emptyText = "No results.",
+  className
+}) => {
+  const [open, openSetter] = useState(false);
+  const selected = options.find((option) => option.value === value);
+  return /* @__PURE__ */ jsxs12(Popover, { open, onOpenChange: openSetter, children: [
+    /* @__PURE__ */ jsx89(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs12(
+      Button,
+      {
+        "data-id": "Combobox",
+        variant: "outline",
+        role: "combobox",
+        "aria-expanded": open,
+        className: cn("w-full justify-between normal-case tracking-normal", className),
+        children: [
+          selected?.label ?? placeholder,
+          /* @__PURE__ */ jsx89(ChevronsUpDown, { className: "size-4 opacity-50" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx89(PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] p-0", children: /* @__PURE__ */ jsxs12(Command, { children: [
+      /* @__PURE__ */ jsx89(CommandInput, { placeholder }),
+      /* @__PURE__ */ jsxs12(CommandList, { children: [
+        /* @__PURE__ */ jsx89(CommandEmpty, { children: emptyText }),
+        options.map((option) => /* @__PURE__ */ jsxs12(
+          CommandItem,
+          {
+            value: option.value,
+            onSelect: () => {
+              onValueChange?.(option.value === value ? "" : option.value);
+              openSetter(false);
+            },
+            children: [
+              /* @__PURE__ */ jsx89(Check3, { className: cn("mr-2 size-4", value === option.value ? "opacity-100" : "opacity-0") }),
+              option.label
+            ]
+          },
+          option.value
+        ))
+      ] })
+    ] }) })
+  ] });
+};
+
+// src/components/context-menu.tsx
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+var ContextMenu = ContextMenuPrimitive.Root;
+
+// src/components/context-menu-trigger.tsx
+import * as ContextMenuPrimitive2 from "@radix-ui/react-context-menu";
+var ContextMenuTrigger = ContextMenuPrimitive2.Trigger;
+
+// src/components/context-menu-content.tsx
+import * as ContextMenuPrimitive3 from "@radix-ui/react-context-menu";
+
+// src/theme/overlay.ts
+var overlayPanel = `z-50 overflow-hidden rounded-lg border border-border bg-popover text-popover-foreground shadow-[0_18px_40px_rgba(0,0,0,0.08)] ${motion.surface}`;
+var menuItem = `relative flex cursor-default items-center rounded-md px-3 py-2 text-sm outline-none ${motion.surface} focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50`;
+
+// src/components/context-menu-content.tsx
+import { jsx as jsx90 } from "react/jsx-runtime";
+var ContextMenuContent = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx90(ContextMenuPrimitive3.Portal, { children: /* @__PURE__ */ jsx90(
+    ContextMenuPrimitive3.Content,
+    {
+      "data-id": "ContextMenuContent",
+      className: cn(overlayPanel, "min-w-40 p-1", className),
+      ...props
+    }
+  ) });
+};
+
+// src/components/context-menu-item.tsx
+import * as ContextMenuPrimitive4 from "@radix-ui/react-context-menu";
+import { jsx as jsx91 } from "react/jsx-runtime";
+var ContextMenuItem = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx91(ContextMenuPrimitive4.Item, { "data-id": "ContextMenuItem", className: cn(menuItem, className), ...props });
+};
+
+// src/components/alert-dialog.tsx
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+var AlertDialog = AlertDialogPrimitive.Root;
+
+// src/components/alert-dialog-trigger.tsx
+import * as AlertDialogPrimitive2 from "@radix-ui/react-alert-dialog";
+var AlertDialogTrigger = AlertDialogPrimitive2.Trigger;
+
+// src/components/alert-dialog-content.tsx
+import * as AlertDialogPrimitive4 from "@radix-ui/react-alert-dialog";
+
+// src/components/alert-dialog-overlay.tsx
+import * as AlertDialogPrimitive3 from "@radix-ui/react-alert-dialog";
+import { jsx as jsx92 } from "react/jsx-runtime";
+var AlertDialogOverlay = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx92(
+    AlertDialogPrimitive3.Overlay,
+    {
+      "data-id": "AlertDialogOverlay",
+      className: cn(
+        "fixed inset-0 z-50 bg-black/40 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        className
+      ),
+      ...props
+    }
+  );
+};
+
+// src/components/alert-dialog-content.tsx
+import { jsx as jsx93, jsxs as jsxs13 } from "react/jsx-runtime";
+var AlertDialogContent = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsxs13(AlertDialogPrimitive4.Portal, { children: [
+    /* @__PURE__ */ jsx93(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx93(
+      AlertDialogPrimitive4.Content,
+      {
+        "data-id": "AlertDialogContent",
+        className: cn(
+          `fixed top-1/2 left-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg border border-border bg-card p-6 shadow-[0_24px_48px_rgba(0,0,0,0.12)] ${motion.surface} 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
+      }
+    )
+  ] });
+};
+
+// src/components/alert-dialog-header.tsx
+import { jsx as jsx94 } from "react/jsx-runtime";
+var AlertDialogHeader = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx94("div", { "data-id": "AlertDialogHeader", className: cn("flex flex-col gap-2", className), ...props });
+};
+
+// src/components/alert-dialog-footer.tsx
+import { jsx as jsx95 } from "react/jsx-runtime";
+var AlertDialogFooter = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx95(
+    "div",
+    {
+      "data-id": "AlertDialogFooter",
+      className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+      ...props
+    }
+  );
+};
+
+// src/components/alert-dialog-title.tsx
+import * as AlertDialogPrimitive5 from "@radix-ui/react-alert-dialog";
+import { jsx as jsx96 } from "react/jsx-runtime";
+var AlertDialogTitle = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx96(
+    AlertDialogPrimitive5.Title,
+    {
+      "data-id": "AlertDialogTitle",
+      className: cn("font-sans text-lg font-semibold", className),
+      ...props
+    }
+  );
+};
+
+// src/components/alert-dialog-description.tsx
+import * as AlertDialogPrimitive6 from "@radix-ui/react-alert-dialog";
+import { jsx as jsx97 } from "react/jsx-runtime";
+var AlertDialogDescription = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx97(
+    AlertDialogPrimitive6.Description,
+    {
+      "data-id": "AlertDialogDescription",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+};
+
+// src/components/alert-dialog-action.tsx
+import * as AlertDialogPrimitive7 from "@radix-ui/react-alert-dialog";
+import { jsx as jsx98 } from "react/jsx-runtime";
+var AlertDialogAction = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx98(
+    AlertDialogPrimitive7.Action,
+    {
+      "data-id": "AlertDialogAction",
+      className: cn(buttonVariants(), className),
+      ...props
+    }
+  );
+};
+
+// src/components/alert-dialog-cancel.tsx
+import * as AlertDialogPrimitive8 from "@radix-ui/react-alert-dialog";
+import { jsx as jsx99 } from "react/jsx-runtime";
+var AlertDialogCancel = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx99(
+    AlertDialogPrimitive8.Cancel,
+    {
+      "data-id": "AlertDialogCancel",
+      className: cn(buttonVariants({ variant: "outline" }), className),
+      ...props
+    }
+  );
+};
+
+// src/components/hover-card.tsx
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+var HoverCard = HoverCardPrimitive.Root;
+
+// src/components/hover-card-trigger.tsx
+import * as HoverCardPrimitive2 from "@radix-ui/react-hover-card";
+var HoverCardTrigger = HoverCardPrimitive2.Trigger;
+
+// src/components/hover-card-content.tsx
+import * as HoverCardPrimitive3 from "@radix-ui/react-hover-card";
+import { jsx as jsx100 } from "react/jsx-runtime";
+var HoverCardContent = ({
+  className,
+  align = "center",
+  sideOffset = 8,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx100(
+    HoverCardPrimitive3.Content,
+    {
+      "data-id": "HoverCardContent",
+      align,
+      sideOffset,
+      className: cn(
+        overlayPanel,
+        "w-64 p-4 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
+    }
+  );
+};
+
+// src/components/progress.tsx
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import { jsx as jsx101 } from "react/jsx-runtime";
+var Progress = ({ className, value, ...props }) => {
+  return /* @__PURE__ */ jsx101(
+    ProgressPrimitive.Root,
+    {
+      "data-id": "Progress",
+      className: cn("relative h-2 w-full overflow-hidden rounded-pill bg-muted", className),
+      ...props,
+      children: /* @__PURE__ */ jsx101(
+        ProgressPrimitive.Indicator,
+        {
+          className: `h-full w-full flex-1 bg-primary ${motion.surface}`,
+          style: { transform: `translateX(-${100 - (value ?? 0)}%)` }
+        }
+      )
+    }
+  );
+};
+
+// src/components/toggle.tsx
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { cva as cva10 } from "class-variance-authority";
+import { jsx as jsx102 } from "react/jsx-runtime";
+var toggleVariants = cva10(
+  `inline-flex items-center justify-center gap-2 rounded-pill font-sans text-sm font-semibold ${motion.surface} hover:bg-muted focus-visible:outline-none focus-visible:shadow-[0_0_0_3px_rgba(255,229,0,0.28)] disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-primary data-[state=on]:text-primary-foreground`,
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-border bg-card"
+      },
+      size: {
+        default: "h-9 px-3",
+        sm: "h-8 px-2.5 text-xs",
+        lg: "h-10 px-4"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Toggle = ({ className, variant, size, ...props }) => {
+  return /* @__PURE__ */ jsx102(
+    TogglePrimitive.Root,
+    {
+      "data-id": "Toggle",
+      className: cn(toggleVariants({ variant, size }), className),
+      ...props
+    }
+  );
+};
+
+// src/components/toggle-group.tsx
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import { createContext as createContext2, useContext as useContext2 } from "react";
+import { jsx as jsx103 } from "react/jsx-runtime";
+var ToggleGroupContext = createContext2({
+  size: "default",
+  variant: "default"
+});
+var ToggleGroup = ({ className, variant, size, children, ...props }) => {
+  return /* @__PURE__ */ jsx103(
+    ToggleGroupPrimitive.Root,
+    {
+      "data-id": "ToggleGroup",
+      className: cn("flex items-center gap-1", className),
+      ...props,
+      children: /* @__PURE__ */ jsx103(ToggleGroupContext, { value: { variant, size }, children })
+    }
+  );
+};
+var useToggleGroup = () => useContext2(ToggleGroupContext);
+
+// src/components/toggle-group-item.tsx
+import * as ToggleGroupPrimitive2 from "@radix-ui/react-toggle-group";
+import { jsx as jsx104 } from "react/jsx-runtime";
+var ToggleGroupItem = ({ className, children, ...props }) => {
+  const { variant, size } = useToggleGroup();
+  return /* @__PURE__ */ jsx104(
+    ToggleGroupPrimitive2.Item,
+    {
+      "data-id": "ToggleGroupItem",
+      className: cn(toggleVariants({ variant, size }), className),
+      ...props,
+      children
+    }
+  );
+};
+
+// src/components/scroll-area.tsx
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { jsx as jsx105, jsxs as jsxs14 } from "react/jsx-runtime";
+var ScrollArea = ({ className, children, ...props }) => {
+  return /* @__PURE__ */ jsxs14(ScrollAreaPrimitive.Root, { "data-id": "ScrollArea", className: cn("relative overflow-hidden", className), ...props, children: [
+    /* @__PURE__ */ jsx105(ScrollAreaPrimitive.Viewport, { className: "size-full rounded-[inherit]", children }),
+    /* @__PURE__ */ jsx105(ScrollBar, {}),
+    /* @__PURE__ */ jsx105(ScrollAreaPrimitive.Corner, {})
+  ] });
+};
+var ScrollBar = ({ className, orientation = "vertical", ...props }) => {
+  return /* @__PURE__ */ jsx105(
+    ScrollAreaPrimitive.ScrollAreaScrollbar,
+    {
+      "data-id": "ScrollBar",
+      orientation,
+      className: cn(
+        "flex touch-none p-px select-none",
+        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx105(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-pill bg-border" })
+    }
+  );
+};
+
+// src/components/collapsible.tsx
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+var Collapsible = CollapsiblePrimitive.Root;
+
+// src/components/collapsible-trigger.tsx
+import * as CollapsiblePrimitive2 from "@radix-ui/react-collapsible";
+var CollapsibleTrigger2 = CollapsiblePrimitive2.CollapsibleTrigger;
+
+// src/components/collapsible-content.tsx
+import * as CollapsiblePrimitive3 from "@radix-ui/react-collapsible";
+import { jsx as jsx106 } from "react/jsx-runtime";
+var CollapsibleContent2 = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx106(
+    CollapsiblePrimitive3.CollapsibleContent,
+    {
+      "data-id": "CollapsibleContent",
+      className: cn(className),
+      ...props
+    }
+  );
+};
+
+// src/components/calendar.tsx
+import { DayPicker } from "react-day-picker";
+import { jsx as jsx107 } from "react/jsx-runtime";
+var Calendar = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx107(
+    DayPicker,
+    {
+      "data-id": "Calendar",
+      className: cn("p-3 font-sans", className),
+      ...props
+    }
+  );
+};
+
+// src/components/date-picker.tsx
+import { format } from "date-fns";
+import { CalendarIcon } from "lucide-react";
+import { useState as useState2 } from "react";
+import { jsx as jsx108, jsxs as jsxs15 } from "react/jsx-runtime";
+var DatePicker = ({
+  value,
+  onValueChange,
+  placeholder = "Pick a date",
+  className
+}) => {
+  const [open, openSetter] = useState2(false);
+  return /* @__PURE__ */ jsxs15(Popover, { open, onOpenChange: openSetter, children: [
+    /* @__PURE__ */ jsx108(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs15(
+      Button,
+      {
+        "data-id": "DatePicker",
+        variant: "outline",
+        className: cn(
+          "w-full justify-start normal-case tracking-normal",
+          !value && "text-muted-foreground",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx108(CalendarIcon, { className: "size-4" }),
+          value ? format(value, "PPP") : placeholder
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx108(PopoverContent, { className: "w-auto p-0", children: /* @__PURE__ */ jsx108(
+      Calendar,
+      {
+        mode: "single",
+        selected: value,
+        onSelect: (date) => {
+          onValueChange?.(date);
+          openSetter(false);
+        }
+      }
+    ) })
+  ] });
+};
+
+// src/components/chart-container.tsx
+import { ResponsiveContainer } from "recharts";
+import { jsx as jsx109 } from "react/jsx-runtime";
+var ChartContainer = ({ className, children, ...props }) => {
+  return /* @__PURE__ */ jsx109("div", { "data-id": "ChartContainer", className: cn("h-64 w-full", className), ...props, children: /* @__PURE__ */ jsx109(ResponsiveContainer, { width: "100%", height: "100%", children }) });
+};
+
+// src/components/chart-tooltip.tsx
+import { Tooltip as Tooltip2 } from "recharts";
+
+// src/components/carousel.tsx
+import useEmblaCarousel from "embla-carousel-react";
+import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight3 } from "lucide-react";
+import { createContext as createContext3, useContext as useContext3 } from "react";
+import { jsx as jsx110, jsxs as jsxs16 } from "react/jsx-runtime";
+var CarouselContext = createContext3(null);
+var useCarousel = () => {
+  const context = useContext3(CarouselContext);
+  if (!context) {
+    throw new Error("useCarousel must be used within Carousel");
+  }
+  return context;
+};
+var Carousel = ({ className, opts, children, ...props }) => {
+  const [carouselRef, api] = useEmblaCarousel(opts);
+  const scrollPrev = () => api?.scrollPrev();
+  const scrollNext = () => api?.scrollNext();
+  const onKeyDown = (event) => {
+    if (event.key === "ArrowLeft") {
+      event.preventDefault();
+      scrollPrev();
+    }
+    if (event.key === "ArrowRight") {
+      event.preventDefault();
+      scrollNext();
+    }
+  };
+  return /* @__PURE__ */ jsx110(CarouselContext, { value: { carouselRef, api, scrollPrev, scrollNext }, children: /* @__PURE__ */ jsx110(
+    "div",
+    {
+      "data-id": "Carousel",
+      className: cn("relative", className),
+      role: "region",
+      "aria-roledescription": "carousel",
+      onKeyDown,
+      ...props,
+      children
+    }
+  ) });
+};
+var CarouselContent = ({ className, ...props }) => {
+  const { carouselRef } = useCarousel();
+  return /* @__PURE__ */ jsx110("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx110("div", { "data-id": "CarouselContent", className: cn("flex", className), ...props }) });
+};
+var CarouselItem = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx110(
+    "div",
+    {
+      "data-id": "CarouselItem",
+      role: "group",
+      "aria-roledescription": "slide",
+      className: cn("min-w-0 shrink-0 grow-0 basis-full", className),
+      ...props
+    }
+  );
+};
+var CarouselPrevious = ({ className, ...props }) => {
+  const { scrollPrev } = useCarousel();
+  return /* @__PURE__ */ jsxs16(
+    Button,
+    {
+      "data-id": "CarouselPrevious",
+      variant: "outline",
+      size: "icon",
+      className: cn("absolute top-1/2 -left-4 -translate-y-1/2", className),
+      onClick: scrollPrev,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx110(ChevronLeft2, {}),
+        /* @__PURE__ */ jsx110("span", { className: "sr-only", children: "Previous slide" })
+      ]
+    }
+  );
+};
+var CarouselNext = ({ className, ...props }) => {
+  const { scrollNext } = useCarousel();
+  return /* @__PURE__ */ jsxs16(
+    Button,
+    {
+      "data-id": "CarouselNext",
+      variant: "outline",
+      size: "icon",
+      className: cn("absolute top-1/2 -right-4 -translate-y-1/2", className),
+      onClick: scrollNext,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx110(ChevronRight3, {}),
+        /* @__PURE__ */ jsx110("span", { className: "sr-only", children: "Next slide" })
+      ]
+    }
+  );
+};
+
+// src/components/drawer.tsx
+import { Drawer as VaulDrawer } from "vaul";
+import { jsx as jsx111, jsxs as jsxs17 } from "react/jsx-runtime";
+var Drawer = VaulDrawer.Root;
+var DrawerTrigger = VaulDrawer.Trigger;
+var DrawerClose = VaulDrawer.Close;
+var DrawerPortal = VaulDrawer.Portal;
+var DrawerOverlay = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx111(
+    VaulDrawer.Overlay,
+    {
+      "data-id": "DrawerOverlay",
+      className: cn("fixed inset-0 z-50 bg-black/40", className),
+      ...props
+    }
+  );
+};
+var DrawerContent = ({ className, children, ...props }) => {
+  return /* @__PURE__ */ jsxs17(VaulDrawer.Portal, { children: [
+    /* @__PURE__ */ jsx111(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxs17(
+      VaulDrawer.Content,
+      {
+        "data-id": "DrawerContent",
+        className: cn(
+          `fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-xl border border-border bg-card ${motion.surface}`,
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx111("div", { className: "mx-auto mt-4 h-1.5 w-12 rounded-pill bg-muted" }),
+          children
+        ]
+      }
+    )
+  ] });
+};
+var DrawerTitle = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx111(
+    VaulDrawer.Title,
+    {
+      "data-id": "DrawerTitle",
+      className: cn("px-4 pt-4 font-sans text-lg font-semibold", className),
+      ...props
+    }
+  );
+};
+var DrawerDescription = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx111(
+    VaulDrawer.Description,
+    {
+      "data-id": "DrawerDescription",
+      className: cn("px-4 pb-4 text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+};
+
+// src/components/menubar.tsx
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+import { jsx as jsx112 } from "react/jsx-runtime";
+var Menubar = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx112(
+    MenubarPrimitive.Root,
+    {
+      "data-id": "Menubar",
+      className: cn("flex h-10 items-center gap-1 rounded-lg border border-border bg-card p-1", className),
+      ...props
+    }
+  );
+};
+var MenubarMenu = MenubarPrimitive.Menu;
+var MenubarTrigger = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx112(
+    MenubarPrimitive.Trigger,
+    {
+      "data-id": "MenubarTrigger",
+      className: cn(
+        "rounded-md px-3 py-1.5 text-sm font-medium outline-none hover:bg-accent data-[state=open]:bg-accent",
+        className
+      ),
+      ...props
+    }
+  );
+};
+var MenubarContent = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx112(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx112(
+    MenubarPrimitive.Content,
+    {
+      "data-id": "MenubarContent",
+      className: cn(overlayPanel, "min-w-40 p-1", className),
+      ...props
+    }
+  ) });
+};
+var MenubarItem = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx112(MenubarPrimitive.Item, { "data-id": "MenubarItem", className: cn(menuItem, className), ...props });
+};
+var MenubarSeparator = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx112(
+    MenubarPrimitive.Separator,
+    {
+      "data-id": "MenubarSeparator",
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+};
+
+// src/components/navigation-menu.tsx
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import { ChevronDown as ChevronDown4 } from "lucide-react";
+import { jsx as jsx113, jsxs as jsxs18 } from "react/jsx-runtime";
+var NavigationMenu = ({
+  className,
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs18(
+    NavigationMenuPrimitive.Root,
+    {
+      "data-id": "NavigationMenu",
+      className: cn("relative z-10 flex max-w-max flex-1 items-center justify-center", className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx113(
+          NavigationMenuPrimitive.Viewport,
+          {
+            className: cn(
+              overlayPanel,
+              "absolute top-full mt-2 origin-top-center overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out"
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+var NavigationMenuList = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx113(
+    NavigationMenuPrimitive.List,
+    {
+      "data-id": "NavigationMenuList",
+      className: cn("flex flex-1 list-none items-center gap-1", className),
+      ...props
+    }
+  );
+};
+var NavigationMenuItem = NavigationMenuPrimitive.Item;
+var NavigationMenuTrigger = ({
+  className,
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs18(
+    NavigationMenuPrimitive.Trigger,
+    {
+      "data-id": "NavigationMenuTrigger",
+      className: cn(
+        "inline-flex h-10 items-center gap-1 rounded-pill px-4 text-sm font-medium hover:bg-accent",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx113(ChevronDown4, { className: "size-3" })
+      ]
+    }
+  );
+};
+var NavigationMenuContent = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx113(
+    NavigationMenuPrimitive.Content,
+    {
+      "data-id": "NavigationMenuContent",
+      className: cn("p-4", className),
+      ...props
+    }
+  );
+};
+var NavigationMenuLink = NavigationMenuPrimitive.Link;
+
+// src/components/resizable.tsx
+import { Group as Group2, Panel, Separator as Separator5 } from "react-resizable-panels";
+import { jsx as jsx114 } from "react/jsx-runtime";
+var ResizablePanelGroup = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx114(Group2, { "data-id": "ResizablePanelGroup", className: cn("flex h-full w-full", className), ...props });
+};
+var ResizablePanel = Panel;
+var ResizableHandle = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx114(
+    Separator5,
+    {
+      "data-id": "ResizableHandle",
+      className: cn("bg-border focus-visible:bg-primary data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=horizontal]:w-px", className),
+      ...props
+    }
+  );
+};
+
+// src/components/sidebar.tsx
+import { PanelLeft } from "lucide-react";
+import {
+  createContext as createContext4,
+  useContext as useContext4,
+  useMemo,
+  useState as useState3
+} from "react";
+import { jsx as jsx115, jsxs as jsxs19 } from "react/jsx-runtime";
+var SidebarContext = createContext4(null);
+var useSidebar = () => {
+  const context = useContext4(SidebarContext);
+  if (!context) {
+    throw new Error("useSidebar must be used within SidebarProvider");
+  }
+  return context;
+};
+var SidebarProvider = ({
+  defaultOpen = true,
+  className,
+  style,
+  children,
+  ...props
+}) => {
+  const [isOpen, isOpenSetter] = useState3(defaultOpen);
+  const value = useMemo(() => ({ isOpen, isOpenSetter }), [isOpen]);
+  return /* @__PURE__ */ jsx115(SidebarContext, { value, children: /* @__PURE__ */ jsx115(
+    "div",
+    {
+      "data-id": "SidebarProvider",
+      className: cn("flex min-h-svh w-full", className),
+      style: {
+        "--sidebar-width": "16rem",
+        ...style
+      },
+      ...props,
+      children
+    }
+  ) });
+};
+var Sidebar = ({ className, children, ...props }) => {
+  const { isOpen } = useSidebar();
+  return /* @__PURE__ */ jsx115(
+    "aside",
+    {
+      "data-id": "Sidebar",
+      "data-state": isOpen ? "open" : "closed",
+      className: cn(
+        "border-r border-border bg-card text-card-foreground transition-[width] duration-200",
+        isOpen ? "w-[var(--sidebar-width)]" : "w-0 overflow-hidden",
+        className
+      ),
+      ...props,
+      children: isOpen ? children : null
+    }
+  );
+};
+var SidebarInset = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx115("main", { "data-id": "SidebarInset", className: cn("flex flex-1 flex-col", className), ...props });
+};
+var SidebarTrigger = ({ className, ...props }) => {
+  const { isOpen, isOpenSetter } = useSidebar();
+  return /* @__PURE__ */ jsxs19(
+    Button,
+    {
+      "data-id": "SidebarTrigger",
+      variant: "ghost",
+      size: "icon",
+      className,
+      onClick: () => isOpenSetter(!isOpen),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx115(PanelLeft, {}),
+        /* @__PURE__ */ jsx115("span", { className: "sr-only", children: "Toggle sidebar" })
+      ]
+    }
+  );
+};
+var SidebarHeader = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx115("div", { "data-id": "SidebarHeader", className: cn("p-4", className), ...props });
+};
+var SidebarContent = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx115("div", { "data-id": "SidebarContent", className: cn("flex-1 p-2", className), ...props });
+};
+var SidebarFooter = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx115("div", { "data-id": "SidebarFooter", className: cn("p-4", className), ...props });
+};
+var SidebarMenu = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx115("ul", { "data-id": "SidebarMenu", className: cn("flex flex-col gap-1", className), ...props });
+};
+var SidebarMenuItem = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx115("li", { "data-id": "SidebarMenuItem", className: cn(className), ...props });
+};
+var SidebarMenuButton = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx115(
+    "button",
+    {
+      "data-id": "SidebarMenuButton",
+      className: cn(
+        "flex w-full items-center rounded-md px-3 py-2 text-left text-sm hover:bg-accent",
+        className
+      ),
+      ...props
+    }
+  );
+};
+
+// src/components/input-otp.tsx
+import { OTPInput, OTPInputContext } from "input-otp";
+import { useContext as useContext5 } from "react";
+import { jsx as jsx116, jsxs as jsxs20 } from "react/jsx-runtime";
+var InputOTP = ({ className, containerClassName, ...props }) => {
+  return /* @__PURE__ */ jsx116(
+    OTPInput,
+    {
+      "data-id": "InputOTP",
+      containerClassName: cn("flex items-center gap-2", containerClassName),
+      className: cn("disabled:cursor-not-allowed", className),
+      ...props
+    }
+  );
+};
+var InputOTPGroup = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx116("div", { "data-id": "InputOTPGroup", className: cn("flex items-center gap-2", className), ...props });
+};
+var InputOTPSlot = ({
+  index,
+  className,
+  ...props
+}) => {
+  const inputOTPContext = useContext5(OTPInputContext);
+  const slot = inputOTPContext.slots[index];
+  return /* @__PURE__ */ jsxs20(
+    "div",
+    {
+      "data-id": "InputOTPSlot",
+      className: cn(
+        fieldSurface,
+        "relative flex h-12 w-10 items-center justify-center rounded-md text-sm",
+        slot?.isActive && "z-10 border-primary shadow-[0_0_0_3px_rgba(255,229,0,0.28)]",
+        className
+      ),
+      ...props,
+      children: [
+        slot?.char,
+        slot?.hasFakeCaret ? /* @__PURE__ */ jsx116("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx116("div", { className: "h-4 w-px animate-pulse bg-foreground" }) }) : null
+      ]
+    }
+  );
+};
+
+// src/components/aspect-ratio.tsx
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+var AspectRatio = AspectRatioPrimitive.Root;
+
+// src/theme/surfaces.ts
+var surfaces = {
+  frostPanel: "revit-frost-panel rounded-lg",
+  frostNav: "revit-frost-nav rounded-pill",
+  frostTile: "revit-frost-tile overflow-hidden rounded-[20px]",
+  frostFab: "revit-frost-fab rounded-pill",
+  brandGradient: "revit-brand-gradient",
+  scrimHero: "revit-image-scrim-hero",
+  scrimDetail: "revit-image-scrim-detail",
+  scrimFooter: "revit-image-scrim-footer"
+};
+
+// src/components/frost-panel.tsx
+import { jsx as jsx117 } from "react/jsx-runtime";
+var FrostPanel = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx117("div", { "data-id": "FrostPanel", className: cn(surfaces.frostPanel, className), ...props });
+};
+
+// src/components/frost-nav.tsx
+import { jsx as jsx118 } from "react/jsx-runtime";
+var FrostNav = ({ className, isOnLight = false, ...props }) => {
+  return /* @__PURE__ */ jsx118(
+    "nav",
+    {
+      "data-id": "FrostNav",
+      "data-on-light": isOnLight ? "true" : void 0,
+      className: cn(surfaces.frostNav, className),
+      ...props
+    }
+  );
+};
+
+// src/components/frost-tile.tsx
+import { jsx as jsx119 } from "react/jsx-runtime";
+var FrostTile = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx119("div", { "data-id": "FrostTile", className: cn("group", surfaces.frostTile, className), ...props });
+};
+
+// src/components/frost-fab.tsx
+import { jsx as jsx120 } from "react/jsx-runtime";
+var FrostFab = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx120("div", { "data-id": "FrostFab", className: cn(surfaces.frostFab, className), ...props });
+};
+
+// src/components/brand-gradient.tsx
+import { jsx as jsx121 } from "react/jsx-runtime";
+var BrandGradient = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx121("div", { "data-id": "BrandGradient", className: cn(surfaces.brandGradient, className), ...props });
+};
+
+// src/components/image-scrim.tsx
+import { cva as cva11 } from "class-variance-authority";
+import { jsx as jsx122 } from "react/jsx-runtime";
+var imageScrimVariants = cva11("pointer-events-none absolute inset-0", {
+  variants: {
+    variant: {
+      hero: "revit-image-scrim-hero",
+      detail: "revit-image-scrim-detail",
+      footer: "revit-image-scrim-footer"
+    }
+  },
+  defaultVariants: {
+    variant: "hero"
+  }
+});
+var ImageScrim = ({ className, variant, ...props }) => {
+  return /* @__PURE__ */ jsx122(
+    "div",
+    {
+      "data-id": "ImageScrim",
+      "aria-hidden": true,
+      className: cn(imageScrimVariants({ variant }), className),
+      ...props
+    }
+  );
+};
+
+// src/components/search-bar.tsx
+import { Search as Search2 } from "lucide-react";
+import { jsx as jsx123, jsxs as jsxs21 } from "react/jsx-runtime";
+var SearchBar = ({
+  className,
+  placeholder = "Search",
+  value,
+  defaultValue,
+  onValueChange,
+  onSearch,
+  submitLabel = /* @__PURE__ */ jsx123(Search2, { className: "size-4" }),
+  ...props
+}) => {
+  const onSubmit = (event) => {
+    event.preventDefault();
+    const formData = new FormData(event.currentTarget);
+    const nextValue = String(formData.get("q") ?? "");
+    onSearch?.(nextValue);
+  };
+  return /* @__PURE__ */ jsxs21(
+    "form",
+    {
+      "data-id": "SearchBar",
+      onSubmit,
+      className: cn(
+        "flex w-full overflow-hidden rounded-pill border border-border bg-card shadow-[0_8px_18px_rgba(0,0,0,0.04)] ring-2 ring-transparent transition-[box-shadow,border-color] duration-200 focus-within:ring-primary hover:border-primary",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx123(
+          Input,
+          {
+            name: "q",
+            variant: "pill",
+            value,
+            defaultValue,
+            placeholder,
+            onChange: (event) => onValueChange?.(event.target.value),
+            className: "rounded-none border-0 shadow-none ring-0 focus-visible:shadow-none",
+            ...props
+          }
+        ),
+        /* @__PURE__ */ jsx123(Button, { type: "submit", size: "icon", className: "rounded-none", "aria-label": "Search", children: submitLabel })
+      ]
+    }
+  );
+};
+
+// src/components/confirm-dialog.tsx
+import { jsx as jsx124, jsxs as jsxs22 } from "react/jsx-runtime";
+var ConfirmDialog = ({
+  trigger,
+  title,
+  description,
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  onConfirm
+}) => {
+  return /* @__PURE__ */ jsxs22(AlertDialog, { children: [
+    /* @__PURE__ */ jsx124(AlertDialogTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsxs22(AlertDialogContent, { "data-id": "ConfirmDialog", children: [
+      /* @__PURE__ */ jsxs22(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx124(AlertDialogTitle, { children: title }),
+        description ? /* @__PURE__ */ jsx124(AlertDialogDescription, { children: description }) : null
+      ] }),
+      /* @__PURE__ */ jsxs22(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx124(AlertDialogCancel, { children: cancelLabel }),
+        /* @__PURE__ */ jsx124(AlertDialogAction, { onClick: onConfirm, children: confirmLabel })
+      ] })
+    ] })
+  ] });
+};
+
+// src/components/command-dialog.tsx
+import { jsx as jsx125 } from "react/jsx-runtime";
+var CommandDialog = ({ children, contentClassName, ...props }) => {
+  return /* @__PURE__ */ jsx125(Dialog, { ...props, children: /* @__PURE__ */ jsx125(DialogContent, { "data-id": "CommandDialog", className: cn("overflow-hidden p-0", contentClassName), children: /* @__PURE__ */ jsx125(Command, { className: "[&_[data-id=CommandInputWrap]]:h-12", children }) }) });
+};
+
+// src/components/pagination-bar.tsx
+import { jsx as jsx126, jsxs as jsxs23 } from "react/jsx-runtime";
+var PaginationBar = ({
+  page,
+  pageCount,
+  onPageChange,
+  className,
+  ...props
+}) => {
+  const pages = Array.from({ length: pageCount }, (_, index) => index + 1);
+  const visible = pages.filter((item) => item === 1 || item === pageCount || Math.abs(item - page) <= 1);
+  return /* @__PURE__ */ jsx126(Pagination, { "data-id": "PaginationBar", className, ...props, children: /* @__PURE__ */ jsxs23(PaginationContent, { children: [
+    /* @__PURE__ */ jsx126(PaginationItem, { children: /* @__PURE__ */ jsx126(
+      PaginationPrevious,
+      {
+        href: "#",
+        onClick: (event) => {
+          event.preventDefault();
+          if (page > 1) {
+            onPageChange?.(page - 1);
+          }
+        }
+      }
+    ) }),
+    visible.map((item, index) => {
+      const previous = visible[index - 1];
+      return /* @__PURE__ */ jsxs23(PaginationItem, { children: [
+        previous && item - previous > 1 ? /* @__PURE__ */ jsx126(PaginationEllipsis, {}) : null,
+        /* @__PURE__ */ jsx126(
+          PaginationLink,
+          {
+            href: "#",
+            isActive: item === page,
+            onClick: (event) => {
+              event.preventDefault();
+              onPageChange?.(item);
+            },
+            children: item
+          }
+        )
+      ] }, `pagination-${item}--${index}`);
+    }),
+    /* @__PURE__ */ jsx126(PaginationItem, { children: /* @__PURE__ */ jsx126(
+      PaginationNext,
+      {
+        href: "#",
+        onClick: (event) => {
+          event.preventDefault();
+          if (page < pageCount) {
+            onPageChange?.(page + 1);
+          }
+        }
+      }
+    ) })
+  ] }) });
+};
+
+// src/theme/tokensToCss.ts
+var colorToVars = (colors, prefix) => {
+  const vars = {
+    [`${prefix}background`]: colors.background,
+    [`${prefix}foreground`]: colors.foreground,
+    [`${prefix}card`]: colors.card,
+    [`${prefix}card-foreground`]: colors.cardForeground,
+    [`${prefix}popover`]: colors.popover,
+    [`${prefix}popover-foreground`]: colors.popoverForeground,
+    [`${prefix}primary`]: colors.primary,
+    [`${prefix}primary-foreground`]: colors.primaryForeground,
+    [`${prefix}secondary`]: colors.secondary,
+    [`${prefix}secondary-foreground`]: colors.secondaryForeground,
+    [`${prefix}muted`]: colors.muted,
+    [`${prefix}muted-foreground`]: colors.mutedForeground,
+    [`${prefix}accent`]: colors.accent,
+    [`${prefix}accent-foreground`]: colors.accentForeground,
+    [`${prefix}destructive`]: colors.destructive,
+    [`${prefix}destructive-foreground`]: colors.destructiveForeground,
+    [`${prefix}border`]: colors.border,
+    [`${prefix}input`]: colors.input,
+    [`${prefix}ring`]: colors.ring,
+    [`${prefix}brand-yellow`]: colors.brand.yellow,
+    [`${prefix}brand-yellow-light`]: colors.brand.yellowLight,
+    [`${prefix}brand-off-black`]: colors.brand.offBlack,
+    [`${prefix}brand-pink`]: colors.brand.pink,
+    [`${prefix}brand-purple`]: colors.brand.purple,
+    [`${prefix}brand-blue`]: colors.brand.blue,
+    [`${prefix}brand-gold`]: colors.brand.gold,
+    [`${prefix}brand-brown`]: colors.brand.brown,
+    [`${prefix}brand-umber`]: colors.brand.umber,
+    [`${prefix}brand-mist`]: colors.brand.mist
+  };
+  return vars;
+};
+var tokensToCssVars = (tokens) => {
+  const light2 = colorToVars(tokens.colors, "--revit-color-");
+  const dark2 = colorToVars(tokens.colorsDark, "--revit-color-");
+  const shared = {
+    "--revit-radius-sm": tokens.radius.sm,
+    "--revit-radius-md": tokens.radius.md,
+    "--revit-radius-lg": tokens.radius.lg,
+    "--revit-radius-xl": tokens.radius.xl,
+    "--revit-radius-pill": tokens.radius.pill,
+    "--revit-font-sans": tokens.fontFamily.sans
+  };
+  return { light: { ...light2, ...shared }, dark: dark2 };
+};
+var decls = (vars) => Object.entries(vars).map(([name, value]) => `${name}: ${value};`).join("\n  ");
+var tokensToStylesheet = (tokens) => {
+  const { light: light2, dark: dark2 } = tokensToCssVars(tokens);
+  return `:root,
+.revit-ui {
+  ${decls(light2)}
+}
+html.dark,
+html[data-theme="dark"],
+.dark,
+[data-theme="dark"] {
+  ${decls(dark2)}
+}`;
+};
+
+// src/theme/tokens.revit.ts
+var brand = {
+  yellow: "#FFE500",
+  yellowLight: "#FFF06E",
+  offBlack: "#2C2C2C",
+  pink: "#FF005C",
+  purple: "#BA00FF",
+  blue: "#00FFFB",
+  gold: "#B8A500",
+  brown: "#78350F",
+  umber: "#58483B",
+  mist: "#F2F2F7"
+};
+var light = {
+  background: "#ffffff",
+  foreground: brand.offBlack,
+  card: "#ffffff",
+  cardForeground: brand.offBlack,
+  popover: "#ffffff",
+  popoverForeground: brand.offBlack,
+  primary: brand.yellow,
+  primaryForeground: "#000000",
+  secondary: "#000000",
+  secondaryForeground: "#ffffff",
+  muted: brand.mist,
+  mutedForeground: brand.umber,
+  accent: brand.yellowLight,
+  accentForeground: "#000000",
+  destructive: "#FF002B",
+  destructiveForeground: "#ffffff",
+  border: brand.mist,
+  input: brand.mist,
+  ring: brand.yellow,
+  brand
+};
+var dark = {
+  background: "#0f172a",
+  foreground: "#ffffff",
+  card: "#0f172a",
+  cardForeground: "#ffffff",
+  popover: "#0f172a",
+  popoverForeground: "#ffffff",
+  primary: brand.yellow,
+  primaryForeground: "#000000",
+  secondary: brand.yellow,
+  secondaryForeground: "#000000",
+  muted: "#1e293b",
+  mutedForeground: "#cbd5e1",
+  accent: "#1e293b",
+  accentForeground: "#ffffff",
+  destructive: "#FF002B",
+  destructiveForeground: "#ffffff",
+  border: "#334155",
+  input: "#334155",
+  ring: brand.yellow,
+  brand
+};
+var revitTokens = {
+  colors: light,
+  colorsDark: dark,
+  radius: {
+    sm: "0.375rem",
+    md: "0.5rem",
+    lg: "1.25rem",
+    xl: "1.5rem",
+    pill: "9999px"
+  },
+  fontFamily: {
+    sans: "Afacad, ui-sans-serif, system-ui, sans-serif"
+  }
+};
+
+// src/theme/RevitUIProvider.tsx
+import { Fragment, jsx as jsx127, jsxs as jsxs24 } from "react/jsx-runtime";
+var RevitUIProvider = ({ tokens = revitTokens, children }) => {
+  return /* @__PURE__ */ jsxs24(Fragment, { children: [
+    /* @__PURE__ */ jsx127("style", { "data-id": "RevitUITheme", dangerouslySetInnerHTML: { __html: tokensToStylesheet(tokens) } }),
+    /* @__PURE__ */ jsx127("div", { "data-id": "RevitUIProvider", className: "revit-ui font-sans", children })
+  ] });
+};
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  Alert,
+  AlertDescription,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  AlertTitle,
+  AspectRatio,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
+  BrandGradient,
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Button,
+  Calendar,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+  ChartContainer,
+  Tooltip2 as ChartTooltip,
+  Checkbox,
+  Collapsible,
+  CollapsibleContent2 as CollapsibleContent,
+  CollapsibleTrigger2 as CollapsibleTrigger,
+  Combobox,
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  ConfirmDialog,
+  ContextMenu,
+  ContextMenuContent,
+  ContextMenuItem,
+  ContextMenuTrigger,
+  DatePicker,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+  Drawer,
+  DrawerContent,
+  DrawerDescription,
+  DrawerTitle,
+  DrawerTrigger,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  FrostFab,
+  FrostNav,
+  FrostPanel,
+  FrostTile,
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+  ImageScrim,
+  Input,
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSlot,
+  Label2 as Label,
+  Menubar,
+  MenubarContent,
+  MenubarItem,
+  MenubarMenu,
+  MenubarSeparator,
+  MenubarTrigger,
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  Pagination,
+  PaginationBar,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+  Progress,
+  RadioGroup,
+  RadioGroupItem,
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup,
+  RevitUIProvider,
+  ScrollArea,
+  ScrollBar,
+  SearchBar,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator2 as Separator,
+  Sheet,
+  SheetContent,
+  SheetDescription,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarHeader,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarProvider,
+  SidebarTrigger,
+  Skeleton,
+  Slider,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Textarea,
+  Toaster,
+  Toggle,
+  ToggleGroup,
+  ToggleGroupItem,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  alertVariants,
+  badgeVariants,
+  buttonVariants,
+  cardVariants,
+  cn,
+  inputVariants,
+  labelVariants,
+  revitTokens,
+  selectTriggerVariants,
+  surfaces,
+  textareaVariants,
+  toast,
+  toggleVariants,
+  tokensToCssVars,
+  tokensToStylesheet,
+  useFormField,
+  useSidebar
+};
+//# sourceMappingURL=index.js.map