@lessly/ui 0.2.0

package/dist/index.js

@@ -0,0 +1,3189 @@
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/button.tsx
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-blue-400 text-text-on-brand hover:bg-blue-350",
+        destructive: "bg-bg-danger text-text-on-danger hover:bg-bg-danger/90",
+        outline: "border border-border-default bg-transparent text-text-primary hover:bg-bg-secondary",
+        secondary: "bg-bg-secondary text-text-primary hover:bg-bg-secondary/80",
+        ghost: "hover:bg-bg-secondary text-text-primary",
+        link: "text-text-link underline-offset-4 hover:underline hover:text-text-link-hover"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
+  }
+);
+Button.displayName = "Button";
+
+// src/components/card.tsx
+import * as React2 from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Card = React2.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
+    "div",
+    {
+      ref,
+      className: cn(
+        "rounded-xl border border-border-subtle bg-bg-surface text-text-primary shadow-sm",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Card.displayName = "Card";
+var CardHeader = React2.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx2("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
+);
+CardHeader.displayName = "CardHeader";
+var CardTitle = React2.forwardRef(
+  ({ className, ...props }, ref) => {
+    return (
+      // eslint-disable-next-line jsx-a11y/heading-has-content -- content passed via {...props} spread
+      /* @__PURE__ */ jsx2(
+        "h3",
+        {
+          ref,
+          className: cn("text-2xl font-semibold leading-none tracking-tight", className),
+          ...props
+        }
+      )
+    );
+  }
+);
+CardTitle.displayName = "CardTitle";
+var CardDescription = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2("p", { ref, className: cn("text-sm text-text-secondary", className), ...props }));
+CardDescription.displayName = "CardDescription";
+var CardContent = React2.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx2("div", { ref, className: cn("p-6 pt-0", className), ...props })
+);
+CardContent.displayName = "CardContent";
+var CardFooter = React2.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx2("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
+);
+CardFooter.displayName = "CardFooter";
+
+// src/components/dialog.tsx
+import * as React3 from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { X } from "lucide-react";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogClose = DialogPrimitive.Close;
+var DialogOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var DialogContent = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
+  /* @__PURE__ */ jsx3(DialogOverlay, {}),
+  /* @__PURE__ */ jsxs(
+    DialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-border-subtle bg-bg-elevated p-6 shadow-lg duration-200 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 sm:rounded-lg",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm text-text-tertiary opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-border-focus disabled:pointer-events-none", children: [
+          /* @__PURE__ */ jsx3(X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx3("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx3(
+  "div",
+  {
+    className: cn("flex flex-col gap-1.5 text-left", className),
+    ...props
+  }
+);
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx3(
+  "div",
+  {
+    className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+    ...props
+  }
+);
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold text-text-primary", className),
+    ...props
+  }
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-text-secondary", className),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+// src/components/dropdown-menu.tsx
+import * as React4 from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { Check, ChevronRight, Circle } from "lucide-react";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive.Group;
+var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+var DropdownMenuSubTrigger = React4.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs2(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-bg-secondary data-[state=open]:bg-bg-secondary",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx4(ChevronRight, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-border-subtle bg-bg-elevated p-1 text-text-primary shadow-lg 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
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = React4.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx4(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx4(
+  DropdownMenuPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-border-subtle bg-bg-elevated p-1 text-text-primary shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React4.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx4(
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-bg-secondary focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React4.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs2(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-bg-secondary focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx4("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx4(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx4(Check, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React4.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs2(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-bg-secondary focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx4("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx4(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx4(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React4.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx4(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-bg-secondary", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuShortcut = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx4("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+
+// src/components/input.tsx
+import * as React5 from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var Input = React5.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ jsx5(
+      "input",
+      {
+        type,
+        className: cn(
+          "flex h-10 w-full rounded-md border border-border-default bg-bg-primary text-text-primary px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-text-tertiary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+// src/components/label.tsx
+import * as React6 from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var labelVariants = cva2(
+  "text-text-primary text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label2 = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
+Label2.displayName = LabelPrimitive.Root.displayName;
+
+// src/components/section-intro.tsx
+import { Info } from "lucide-react";
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+function SectionIntro({ what, when }) {
+  return /* @__PURE__ */ jsxs3("div", { className: "bg-bg-brand-subtle rounded-xl px-5 py-4 flex items-start gap-3 mb-5", children: [
+    /* @__PURE__ */ jsx7(Info, { className: "w-4 h-4 text-text-brand mt-0.5 flex-shrink-0", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxs3("div", { children: [
+      /* @__PURE__ */ jsx7("p", { className: "text-[0.8125rem] text-text-primary leading-relaxed", children: what }),
+      /* @__PURE__ */ jsx7("p", { className: "text-[0.8125rem] text-text-secondary leading-relaxed mt-1", children: when })
+    ] })
+  ] });
+}
+
+// src/components/select.tsx
+import { ChevronDown } from "lucide-react";
+import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+function Select({
+  value,
+  onValueChange,
+  options,
+  placeholder = "Select\u2026",
+  disabled,
+  className,
+  "data-testid": testId,
+  optionTestId
+}) {
+  const selected = options.find((o) => o.value === value);
+  return /* @__PURE__ */ jsxs4(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxs4(
+      DropdownMenuTrigger,
+      {
+        type: "button",
+        "data-testid": testId,
+        disabled,
+        className: cn(
+          "flex h-10 w-full items-center justify-between rounded-md border border-border-default bg-bg-primary px-3 text-sm text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx8("span", { className: cn("truncate", !selected && "text-text-tertiary"), children: selected ? selected.label : placeholder }),
+          /* @__PURE__ */ jsx8(ChevronDown, { className: "ml-2 h-4 w-4 shrink-0 text-text-tertiary" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx8(
+      DropdownMenuContent,
+      {
+        align: "start",
+        className: "max-h-64 w-[var(--radix-dropdown-menu-trigger-width)] overflow-y-auto",
+        children: /* @__PURE__ */ jsx8(DropdownMenuRadioGroup, { value: value ?? "", onValueChange, children: options.map((o) => /* @__PURE__ */ jsx8(DropdownMenuRadioItem, { value: o.value, "data-testid": optionTestId?.(o.value), children: o.label }, o.value)) })
+      }
+    )
+  ] });
+}
+
+// src/components/switch.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+function Switch({
+  checked,
+  onCheckedChange,
+  disabled = false,
+  id,
+  className = "",
+  "aria-label": ariaLabel,
+  "data-testid": testId
+}) {
+  return /* @__PURE__ */ jsx9(
+    "button",
+    {
+      type: "button",
+      role: "switch",
+      id,
+      "aria-checked": checked,
+      "aria-label": ariaLabel,
+      "data-testid": testId,
+      disabled,
+      onClick: () => onCheckedChange(!checked),
+      className: `relative inline-flex h-6 w-10 shrink-0 cursor-pointer rounded-full transition-colors outline-none focus-visible:ring-2 focus-visible:ring-border-focus focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface ${checked ? "bg-bg-brand-bright" : "bg-border-default"} ${disabled ? "cursor-not-allowed opacity-50" : ""} ${className}`,
+      children: /* @__PURE__ */ jsx9(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: `pointer-events-none absolute top-1/2 left-0 h-4 w-4 -translate-y-1/2 rounded-full bg-white shadow transition-transform ${checked ? "translate-x-5" : "translate-x-1"}`
+        }
+      )
+    }
+  );
+}
+
+// src/components/checkbox.tsx
+import * as React7 from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Check as Check2 } from "lucide-react";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var Checkbox = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "peer size-4 shrink-0 rounded-sm border border-border-default focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-blue-400 data-[state=checked]:text-text-on-brand data-[state=checked]:border-blue-400",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx10(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current", children: /* @__PURE__ */ jsx10(Check2, { className: "h-4 w-4" }) })
+  }
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+// src/components/radio-group.tsx
+import * as React8 from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { Circle as Circle2 } from "lucide-react";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var RadioGroup2 = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(RadioGroupPrimitive.Root, { ref, className: cn("grid gap-2", className), ...props }));
+RadioGroup2.displayName = RadioGroupPrimitive.Root.displayName;
+var RadioGroupItem = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+  RadioGroupPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "aspect-square size-4 rounded-full border border-border-default text-blue-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-blue-400",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx11(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx11(Circle2, { className: "h-2.5 w-2.5 fill-blue-400 text-blue-400" }) })
+  }
+));
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+
+// src/components/textarea.tsx
+import * as React9 from "react";
+import { jsx as jsx12 } from "react/jsx-runtime";
+var Textarea = React9.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx12(
+      "textarea",
+      {
+        ref,
+        className: cn(
+          "flex min-h-20 w-full rounded-md border border-border-default bg-bg-primary px-3 py-2 text-sm text-text-primary placeholder:text-text-tertiary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+// src/components/slider.tsx
+import * as React10 from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+var Slider = React10.forwardRef(({ className, ...props }, ref) => {
+  const thumbCount = (Array.isArray(props.value) ? props.value.length : void 0) ?? (Array.isArray(props.defaultValue) ? props.defaultValue.length : void 0) ?? 1;
+  return /* @__PURE__ */ jsxs5(
+    SliderPrimitive.Root,
+    {
+      ref,
+      className: cn("relative flex w-full touch-none select-none items-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx13(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-bg-secondary", children: /* @__PURE__ */ jsx13(SliderPrimitive.Range, { className: "absolute h-full bg-blue-400" }) }),
+        Array.from({ length: thumbCount }).map((_, i) => /* @__PURE__ */ jsx13(
+          SliderPrimitive.Thumb,
+          {
+            className: "block size-5 rounded-full border border-border-brand bg-bg-elevated shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
+          },
+          i
+        ))
+      ]
+    }
+  );
+});
+Slider.displayName = SliderPrimitive.Root.displayName;
+
+// src/components/toggle.tsx
+import * as React11 from "react";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { cva as cva3 } from "class-variance-authority";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var toggleVariants = cva3(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-bg-secondary hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-bg-secondary data-[state=on]:text-text-primary [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-border-default bg-transparent"
+      },
+      size: {
+        default: "h-10 min-w-10 px-3",
+        sm: "h-9 min-w-9 px-2.5",
+        lg: "h-12 min-w-12 px-5"
+      }
+    },
+    defaultVariants: { variant: "default", size: "default" }
+  }
+);
+var Toggle = React11.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx14(TogglePrimitive.Root, { ref, className: cn(toggleVariants({ variant, size, className })), ...props }));
+Toggle.displayName = TogglePrimitive.Root.displayName;
+
+// src/components/toggle-group.tsx
+import * as React12 from "react";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import { jsx as jsx15 } from "react/jsx-runtime";
+var ToggleGroupContext = React12.createContext({
+  size: "default",
+  variant: "default"
+});
+var ToggleGroup = React12.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx15(
+  ToggleGroupPrimitive.Root,
+  {
+    ref,
+    className: cn("flex items-center justify-center gap-1", className),
+    ...props,
+    children: /* @__PURE__ */ jsx15(ToggleGroupContext.Provider, { value: { variant, size }, children })
+  }
+));
+ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
+var ToggleGroupItem = React12.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React12.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx15(
+    ToggleGroupPrimitive.Item,
+    {
+      ref,
+      className: cn(toggleVariants({ variant: context.variant || variant, size: context.size || size }), className),
+      ...props,
+      children
+    }
+  );
+});
+ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
+
+// src/components/input-otp.tsx
+import * as React13 from "react";
+import { OTPInput, OTPInputContext } from "input-otp";
+import { Minus } from "lucide-react";
+import { jsx as jsx16, jsxs as jsxs6 } from "react/jsx-runtime";
+var InputOTP = React13.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx16(
+  OTPInput,
+  {
+    ref,
+    containerClassName: cn("flex items-center gap-2 has-[:disabled]:opacity-50", containerClassName),
+    className: cn("disabled:cursor-not-allowed", className),
+    ...props
+  }
+));
+InputOTP.displayName = "InputOTP";
+var InputOTPGroup = React13.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx16("div", { ref, className: cn("flex items-center", className), ...props })
+);
+InputOTPGroup.displayName = "InputOTPGroup";
+var InputOTPSlot = React13.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React13.useContext(OTPInputContext);
+  const slot = inputOTPContext.slots[index];
+  const char = slot?.char;
+  const hasFakeCaret = slot?.hasFakeCaret;
+  const isActive = slot?.isActive;
+  return /* @__PURE__ */ jsxs6(
+    "div",
+    {
+      ref,
+      className: cn(
+        "relative flex size-10 items-center justify-center border-y border-r border-border-default text-sm text-text-primary transition-all first:rounded-l-md first:border-l last:rounded-r-md",
+        isActive && "z-10 ring-2 ring-border-focus",
+        className
+      ),
+      ...props,
+      children: [
+        char,
+        hasFakeCaret && /* @__PURE__ */ jsx16("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx16("div", { className: "h-4 w-px animate-pulse bg-text-primary" }) })
+      ]
+    }
+  );
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+var InputOTPSeparator = React13.forwardRef(
+  ({ ...props }, ref) => /* @__PURE__ */ jsx16("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx16(Minus, { className: "h-4 w-4 text-text-tertiary" }) })
+);
+InputOTPSeparator.displayName = "InputOTPSeparator";
+
+// src/components/popover.tsx
+import * as React14 from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { jsx as jsx17 } from "react/jsx-runtime";
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverAnchor = PopoverPrimitive.Anchor;
+var PopoverContent = React14.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx17(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx17(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 w-72 rounded-md border border-border-subtle bg-bg-elevated p-4 text-text-primary shadow-md 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+// src/components/tooltip.tsx
+import * as React15 from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = React15.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx18(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx18(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 overflow-hidden rounded-md border border-border-subtle bg-bg-elevated px-3 py-1.5 text-xs text-text-primary shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+) }));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+
+// src/components/hover-card.tsx
+import * as React16 from "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+import { jsx as jsx19 } from "react/jsx-runtime";
+var HoverCard = HoverCardPrimitive.Root;
+var HoverCardTrigger = HoverCardPrimitive.Trigger;
+var HoverCardContent = React16.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx19(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx19(
+  HoverCardPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 w-64 rounded-md border border-border-subtle bg-bg-elevated p-4 text-text-primary shadow-md 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+) }));
+HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
+
+// src/components/sheet.tsx
+import * as React17 from "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { cva as cva4 } from "class-variance-authority";
+import { X as X2 } from "lucide-react";
+import { jsx as jsx20, jsxs as jsxs7 } from "react/jsx-runtime";
+var Sheet = SheetPrimitive.Root;
+var SheetTrigger = SheetPrimitive.Trigger;
+var SheetClose = SheetPrimitive.Close;
+var SheetPortal = SheetPrimitive.Portal;
+var SheetOverlay = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+  SheetPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+var sheetVariants = cva4(
+  "fixed z-50 gap-4 bg-bg-elevated p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b border-border-subtle data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 border-t border-border-subtle data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r border-border-subtle data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4 border-l border-border-subtle data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+var SheetContent = React17.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs7(SheetPortal, { children: [
+  /* @__PURE__ */ jsx20(SheetOverlay, {}),
+  /* @__PURE__ */ jsxs7(
+    SheetPrimitive.Content,
+    {
+      ref,
+      className: cn(sheetVariants({ side }), className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxs7(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm text-text-tertiary opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-border-focus disabled:pointer-events-none", children: [
+          /* @__PURE__ */ jsx20(X2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx20("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx20(
+  "div",
+  {
+    className: cn("flex flex-col gap-1.5 text-left", className),
+    ...props
+  }
+);
+SheetHeader.displayName = "SheetHeader";
+var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx20(
+  "div",
+  {
+    className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+    ...props
+  }
+);
+SheetFooter.displayName = "SheetFooter";
+var SheetTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+  SheetPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold text-text-primary", className),
+    ...props
+  }
+));
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+var SheetDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+  SheetPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-text-secondary", className),
+    ...props
+  }
+));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+
+// src/components/drawer.tsx
+import * as React18 from "react";
+import { Drawer as DrawerPrimitive } from "vaul";
+import { jsx as jsx21, jsxs as jsxs8 } from "react/jsx-runtime";
+var Drawer = ({
+  shouldScaleBackground = true,
+  ...props
+}) => /* @__PURE__ */ jsx21(DrawerPrimitive.Root, { shouldScaleBackground, ...props });
+Drawer.displayName = "Drawer";
+var DrawerTrigger = DrawerPrimitive.Trigger;
+var DrawerPortal = DrawerPrimitive.Portal;
+var DrawerClose = DrawerPrimitive.Close;
+var DrawerOverlay = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
+  DrawerPrimitive.Overlay,
+  {
+    ref,
+    className: cn("fixed inset-0 z-50 bg-black/50", className),
+    ...props
+  }
+));
+DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
+var DrawerContent = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(DrawerPortal, { children: [
+  /* @__PURE__ */ jsx21(DrawerOverlay, {}),
+  /* @__PURE__ */ jsxs8(
+    DrawerPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border border-border-subtle bg-bg-elevated",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx21("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-bg-secondary" }),
+        children
+      ]
+    }
+  )
+] }));
+DrawerContent.displayName = "DrawerContent";
+var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx21("div", { className: cn("grid gap-1.5 p-4 text-center sm:text-left", className), ...props });
+DrawerHeader.displayName = "DrawerHeader";
+var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx21("div", { className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props });
+DrawerFooter.displayName = "DrawerFooter";
+var DrawerTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
+  DrawerPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold text-text-primary", className),
+    ...props
+  }
+));
+DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
+var DrawerDescription = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
+  DrawerPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-text-secondary", className),
+    ...props
+  }
+));
+DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
+
+// src/components/alert-dialog.tsx
+import * as React19 from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import { jsx as jsx22, jsxs as jsxs9 } from "react/jsx-runtime";
+var AlertDialog = AlertDialogPrimitive.Root;
+var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+var AlertDialogPortal = AlertDialogPrimitive.Portal;
+var AlertDialogOverlay = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+  AlertDialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+var AlertDialogContent = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs9(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsx22(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsx22(
+    AlertDialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-border-subtle bg-bg-elevated p-6 shadow-lg duration-200 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 sm:rounded-lg",
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx22(
+  "div",
+  {
+    className: cn("flex flex-col gap-1.5 text-left", className),
+    ...props
+  }
+);
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx22(
+  "div",
+  {
+    className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+    ...props
+  }
+);
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+  AlertDialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold text-text-primary", className),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+var AlertDialogDescription = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+  AlertDialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-text-secondary", className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+var AlertDialogAction = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+  AlertDialogPrimitive.Action,
+  {
+    ref,
+    className: cn(buttonVariants(), className),
+    ...props
+  }
+));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+var AlertDialogCancel = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+  AlertDialogPrimitive.Cancel,
+  {
+    ref,
+    className: cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className),
+    ...props
+  }
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+
+// src/components/context-menu.tsx
+import * as React20 from "react";
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+import { Check as Check3, ChevronRight as ChevronRight2, Circle as Circle3 } from "lucide-react";
+import { jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
+var ContextMenu = ContextMenuPrimitive.Root;
+var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
+var ContextMenuGroup = ContextMenuPrimitive.Group;
+var ContextMenuPortal = ContextMenuPrimitive.Portal;
+var ContextMenuSub = ContextMenuPrimitive.Sub;
+var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
+var ContextMenuSubTrigger = React20.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
+  ContextMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-bg-secondary data-[state=open]:bg-bg-secondary",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx23(ChevronRight2, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
+var ContextMenuSubContent = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+  ContextMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-border-subtle bg-bg-elevated p-1 text-text-primary shadow-lg 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
+  }
+));
+ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
+var ContextMenuContent = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx23(
+  ContextMenuPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-border-subtle bg-bg-elevated p-1 text-text-primary shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+) }));
+ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
+var ContextMenuItem = React20.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx23(
+  ContextMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-bg-secondary focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
+var ContextMenuCheckboxItem = React20.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs10(
+  ContextMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-bg-secondary focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx23("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx23(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx23(Check3, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
+var ContextMenuRadioItem = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
+  ContextMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-bg-secondary focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx23("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx23(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx23(Circle3, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
+var ContextMenuLabel = React20.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx23(
+  ContextMenuPrimitive.Label,
+  {
+    ref,
+    className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
+    ...props
+  }
+));
+ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
+var ContextMenuSeparator = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+  ContextMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-bg-secondary", className),
+    ...props
+  }
+));
+ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
+var ContextMenuShortcut = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx23("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
+};
+ContextMenuShortcut.displayName = "ContextMenuShortcut";
+
+// src/components/menubar.tsx
+import * as React21 from "react";
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+import { Check as Check4, ChevronRight as ChevronRight3, Circle as Circle4 } from "lucide-react";
+import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
+var MenubarMenu = (props) => /* @__PURE__ */ jsx24(MenubarPrimitive.Menu, { ...props });
+MenubarMenu.displayName = "MenubarMenu";
+var MenubarGroup = MenubarPrimitive.Group;
+var MenubarPortal = MenubarPrimitive.Portal;
+var MenubarSub = MenubarPrimitive.Sub;
+var MenubarRadioGroup = MenubarPrimitive.RadioGroup;
+var Menubar = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+  MenubarPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "flex h-10 items-center gap-1 rounded-md border border-border-subtle bg-bg-elevated p-1",
+      className
+    ),
+    ...props
+  }
+));
+Menubar.displayName = MenubarPrimitive.Root.displayName;
+var MenubarTrigger = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+  MenubarPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none focus:bg-bg-secondary data-[state=open]:bg-bg-secondary",
+      className
+    ),
+    ...props
+  }
+));
+MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
+var MenubarSubTrigger = React21.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs11(
+  MenubarPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-bg-secondary data-[state=open]:bg-bg-secondary",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx24(ChevronRight3, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
+var MenubarSubContent = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+  MenubarPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-border-subtle bg-bg-elevated p-1 text-text-primary shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+));
+MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
+var MenubarContent = React21.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx24(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx24(
+  MenubarPrimitive.Content,
+  {
+    ref,
+    align,
+    alignOffset,
+    sideOffset,
+    className: cn(
+      "z-50 min-w-[12rem] overflow-hidden rounded-md border border-border-subtle bg-bg-elevated p-1 text-text-primary shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+) }));
+MenubarContent.displayName = MenubarPrimitive.Content.displayName;
+var MenubarItem = React21.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx24(
+  MenubarPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-bg-secondary focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+MenubarItem.displayName = MenubarPrimitive.Item.displayName;
+var MenubarCheckboxItem = React21.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs11(
+  MenubarPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-bg-secondary focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx24("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx24(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(Check4, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
+var MenubarRadioItem = React21.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs11(
+  MenubarPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-bg-secondary focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx24("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx24(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(Circle4, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
+var MenubarLabel = React21.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx24(
+  MenubarPrimitive.Label,
+  {
+    ref,
+    className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
+    ...props
+  }
+));
+MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
+var MenubarSeparator = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+  MenubarPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-bg-secondary", className),
+    ...props
+  }
+));
+MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;
+var MenubarShortcut = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx24("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
+};
+MenubarShortcut.displayName = "MenubarShortcut";
+
+// src/components/badge.tsx
+import * as React22 from "react";
+import { cva as cva5 } from "class-variance-authority";
+import { jsx as jsx25 } from "react/jsx-runtime";
+var badgeVariants = cva5(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-blue-400 text-text-on-brand",
+        secondary: "border-transparent bg-bg-secondary text-text-primary",
+        outline: "border-border-default text-text-primary",
+        destructive: "border-transparent bg-bg-danger text-text-on-danger",
+        success: "border-transparent bg-bg-success text-text-on-success",
+        warning: "border-transparent bg-bg-warning text-text-on-warning"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+var Badge = React22.forwardRef(
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx25("div", { ref, className: cn(badgeVariants({ variant }), className), ...props })
+);
+Badge.displayName = "Badge";
+
+// src/components/table.tsx
+import * as React23 from "react";
+import { jsx as jsx26 } from "react/jsx-runtime";
+var Table = React23.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx26("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx26("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
+);
+Table.displayName = "Table";
+var TableHeader = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26("thead", { ref, className: cn("[&_tr]:border-b [&_tr]:border-border-subtle", className), ...props }));
+TableHeader.displayName = "TableHeader";
+var TableBody = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+TableBody.displayName = "TableBody";
+var TableFooter = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+  "tfoot",
+  {
+    ref,
+    className: cn(
+      "border-t border-border-subtle bg-bg-secondary/50 font-medium [&>tr]:last:border-b-0",
+      className
+    ),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+var TableRow = React23.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+    "tr",
+    {
+      ref,
+      className: cn(
+        "border-b border-border-subtle transition-colors hover:bg-bg-secondary/50 data-[state=selected]:bg-bg-secondary",
+        className
+      ),
+      ...props
+    }
+  )
+);
+TableRow.displayName = "TableRow";
+var TableHead = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+  "th",
+  {
+    ref,
+    className: cn(
+      "h-12 px-4 text-left align-middle font-medium text-text-secondary [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+));
+TableHead.displayName = "TableHead";
+var TableCell = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+  "td",
+  {
+    ref,
+    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+    ...props
+  }
+));
+TableCell.displayName = "TableCell";
+var TableCaption = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26("caption", { ref, className: cn("mt-4 text-sm text-text-secondary", className), ...props }));
+TableCaption.displayName = "TableCaption";
+
+// src/components/skeleton.tsx
+import * as React24 from "react";
+import { jsx as jsx27 } from "react/jsx-runtime";
+var Skeleton = React24.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx27("div", { ref, className: cn("animate-pulse rounded-md bg-bg-secondary", className), ...props })
+);
+Skeleton.displayName = "Skeleton";
+
+// src/components/avatar.tsx
+import * as React25 from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { jsx as jsx28 } from "react/jsx-runtime";
+var Avatar = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+  AvatarPrimitive.Root,
+  {
+    ref,
+    className: cn("relative flex size-10 shrink-0 overflow-hidden rounded-full", className),
+    ...props
+  }
+));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+var AvatarImage = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(AvatarPrimitive.Image, { ref, className: cn("aspect-square h-full w-full", className), ...props }));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+var AvatarFallback = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center rounded-full bg-bg-secondary text-text-primary",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+
+// src/components/separator.tsx
+import * as React26 from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { jsx as jsx29 } from "react/jsx-runtime";
+var Separator4 = React26.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx29(
+  SeparatorPrimitive.Root,
+  {
+    ref,
+    decorative,
+    orientation,
+    className: cn(
+      "shrink-0 bg-border-subtle",
+      orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
+      className
+    ),
+    ...props
+  }
+));
+Separator4.displayName = SeparatorPrimitive.Root.displayName;
+
+// src/components/progress.tsx
+import * as React27 from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import { jsx as jsx30 } from "react/jsx-runtime";
+var Progress = React27.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx30(
+  ProgressPrimitive.Root,
+  {
+    ref,
+    value,
+    className: cn("relative h-4 w-full overflow-hidden rounded-full bg-bg-secondary", className),
+    ...props,
+    children: /* @__PURE__ */ jsx30(
+      ProgressPrimitive.Indicator,
+      {
+        className: "h-full w-full flex-1 bg-blue-400 transition-all",
+        style: { transform: `translateX(-${100 - (value || 0)}%)` }
+      }
+    )
+  }
+));
+Progress.displayName = ProgressPrimitive.Root.displayName;
+
+// src/components/aspect-ratio.tsx
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+var AspectRatio = AspectRatioPrimitive.Root;
+
+// src/components/tabs.tsx
+import * as React28 from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { jsx as jsx31 } from "react/jsx-runtime";
+var Tabs = TabsPrimitive.Root;
+var TabsList = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+  TabsPrimitive.List,
+  {
+    ref,
+    className: cn(
+      "inline-flex h-10 items-center justify-center rounded-md bg-bg-secondary p-1 text-text-secondary",
+      className
+    ),
+    ...props
+  }
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+var TabsTrigger = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+  TabsPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-bg-elevated data-[state=active]:text-text-primary data-[state=active]:shadow-sm",
+      className
+    ),
+    ...props
+  }
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+var TabsContent = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+  TabsPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
+      className
+    ),
+    ...props
+  }
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+// src/components/accordion.tsx
+import * as React29 from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDown as ChevronDown2 } from "lucide-react";
+import { jsx as jsx32, jsxs as jsxs12 } from "react/jsx-runtime";
+var Accordion = AccordionPrimitive.Root;
+var AccordionItem = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+  AccordionPrimitive.Item,
+  {
+    ref,
+    className: cn("border-b border-border-subtle", className),
+    ...props
+  }
+));
+AccordionItem.displayName = AccordionPrimitive.Item.displayName;
+var AccordionTrigger = React29.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx32(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs12(
+  AccordionPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx32(ChevronDown2, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+    ]
+  }
+) }));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+var AccordionContent = React29.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx32(
+  AccordionPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx32("div", { className: cn("pb-4 pt-0", className), children })
+  }
+));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+
+// src/components/collapsible.tsx
+import * as React30 from "react";
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+import { jsx as jsx33 } from "react/jsx-runtime";
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
+var CollapsibleContent2 = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+  CollapsiblePrimitive.CollapsibleContent,
+  {
+    ref,
+    className: cn(
+      "overflow-hidden text-sm data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
+      className
+    ),
+    ...props
+  }
+));
+CollapsibleContent2.displayName = CollapsiblePrimitive.CollapsibleContent.displayName;
+
+// src/components/scroll-area.tsx
+import * as React31 from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { jsx as jsx34, jsxs as jsxs13 } from "react/jsx-runtime";
+var ScrollArea = React31.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs13(
+  ScrollAreaPrimitive.Root,
+  {
+    ref,
+    className: cn("relative overflow-hidden", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx34(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx34(ScrollBar, {}),
+      /* @__PURE__ */ jsx34(ScrollAreaPrimitive.Corner, {})
+    ]
+  }
+));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React31.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx34(
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: cn(
+      "flex touch-none select-none transition-colors",
+      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx34(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border-default" })
+  }
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+
+// src/components/alert.tsx
+import * as React32 from "react";
+import { cva as cva6 } from "class-variance-authority";
+import { jsx as jsx35 } from "react/jsx-runtime";
+var alertVariants = cva6(
+  "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-bg-elevated border-border-subtle text-text-primary",
+        destructive: "bg-bg-danger border-border-danger text-text-on-danger",
+        success: "bg-bg-success border-border-success text-text-on-success",
+        warning: "bg-bg-warning border-border-warning text-text-on-warning"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+var Alert = React32.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx35(
+  "div",
+  {
+    ref,
+    role: "alert",
+    className: cn(alertVariants({ variant }), className),
+    ...props
+  }
+));
+Alert.displayName = "Alert";
+var AlertTitle = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+  "h5",
+  {
+    ref,
+    className: cn("mb-1 font-medium leading-none tracking-tight", className),
+    ...props
+  }
+));
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+  "div",
+  {
+    ref,
+    className: cn("text-sm [&_p]:leading-relaxed", className),
+    ...props
+  }
+));
+AlertDescription.displayName = "AlertDescription";
+
+// src/components/breadcrumb.tsx
+import * as React33 from "react";
+import { Slot as Slot2 } from "@radix-ui/react-slot";
+import { ChevronRight as ChevronRight4, MoreHorizontal } from "lucide-react";
+import { jsx as jsx36, jsxs as jsxs14 } from "react/jsx-runtime";
+var Breadcrumb = React33.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx36("nav", { ref, "aria-label": "breadcrumb", ...props }));
+Breadcrumb.displayName = "Breadcrumb";
+var BreadcrumbList = React33.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+    "ol",
+    {
+      ref,
+      className: cn(
+        "flex flex-wrap items-center gap-1.5 break-words text-sm text-text-tertiary sm:gap-2.5",
+        className
+      ),
+      ...props
+    }
+  )
+);
+BreadcrumbList.displayName = "BreadcrumbList";
+var BreadcrumbItem = React33.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx36("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
+);
+BreadcrumbItem.displayName = "BreadcrumbItem";
+var BreadcrumbLink = React33.forwardRef(({ asChild, className, ...props }, ref) => {
+  const Comp = asChild ? Slot2 : "a";
+  return /* @__PURE__ */ jsx36(
+    Comp,
+    {
+      ref,
+      className: cn("transition-colors hover:text-text-primary", className),
+      ...props
+    }
+  );
+});
+BreadcrumbLink.displayName = "BreadcrumbLink";
+var BreadcrumbPage = React33.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+    "span",
+    {
+      ref,
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: cn("font-normal text-text-primary", className),
+      ...props
+    }
+  )
+);
+BreadcrumbPage.displayName = "BreadcrumbPage";
+var BreadcrumbSeparator = ({
+  children,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx36(
+  "li",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("[&>svg]:h-4 [&>svg]:w-4", className),
+    ...props,
+    children: children ?? /* @__PURE__ */ jsx36(ChevronRight4, {})
+  }
+);
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs14(
+  "span",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("flex h-9 w-9 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx36(MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx36("span", { className: "sr-only", children: "More" })
+    ]
+  }
+);
+BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
+
+// src/components/pagination.tsx
+import * as React34 from "react";
+import { ChevronLeft, ChevronRight as ChevronRight5, MoreHorizontal as MoreHorizontal2 } from "lucide-react";
+import { jsx as jsx37, jsxs as jsxs15 } from "react/jsx-runtime";
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx37(
+  "nav",
+  {
+    role: "navigation",
+    "aria-label": "pagination",
+    className: cn("mx-auto flex w-full justify-center", className),
+    ...props
+  }
+);
+Pagination.displayName = "Pagination";
+var PaginationContent = React34.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx37("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props })
+);
+PaginationContent.displayName = "PaginationContent";
+var PaginationItem = React34.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx37("li", { ref, className: cn("", className), ...props })
+);
+PaginationItem.displayName = "PaginationItem";
+var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @__PURE__ */ jsx37(
+  "a",
+  {
+    "aria-current": isActive ? "page" : void 0,
+    className: cn(
+      buttonVariants({ variant: isActive ? "outline" : "ghost", size }),
+      className
+    ),
+    ...props
+  }
+);
+PaginationLink.displayName = "PaginationLink";
+var PaginationPrevious = ({ className, ...props }) => /* @__PURE__ */ jsxs15(
+  PaginationLink,
+  {
+    "aria-label": "Go to previous page",
+    size: "default",
+    className: cn("gap-1 pl-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx37(ChevronLeft, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx37("span", { children: "Previous" })
+    ]
+  }
+);
+PaginationPrevious.displayName = "PaginationPrevious";
+var PaginationNext = ({ className, ...props }) => /* @__PURE__ */ jsxs15(
+  PaginationLink,
+  {
+    "aria-label": "Go to next page",
+    size: "default",
+    className: cn("gap-1 pr-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx37("span", { children: "Next" }),
+      /* @__PURE__ */ jsx37(ChevronRight5, { className: "h-4 w-4" })
+    ]
+  }
+);
+PaginationNext.displayName = "PaginationNext";
+var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs15(
+  "span",
+  {
+    "aria-hidden": true,
+    className: cn("flex h-9 w-9 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx37(MoreHorizontal2, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx37("span", { className: "sr-only", children: "More pages" })
+    ]
+  }
+);
+PaginationEllipsis.displayName = "PaginationEllipsis";
+
+// src/components/command.tsx
+import * as React35 from "react";
+import { Command as CommandPrimitive } from "cmdk";
+import { Search } from "lucide-react";
+import { jsx as jsx38, jsxs as jsxs16 } from "react/jsx-runtime";
+var Command = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+  CommandPrimitive,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-bg-elevated text-text-primary",
+      className
+    ),
+    ...props
+  }
+));
+Command.displayName = CommandPrimitive.displayName;
+var CommandDialog = ({ children, ...props }) => /* @__PURE__ */ jsx38(Dialog, { ...props, children: /* @__PURE__ */ jsx38(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsx38(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-text-tertiary [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
+var CommandInput = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs16("div", { className: "flex items-center border-b border-border-subtle px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ jsx38(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ jsx38(
+    CommandPrimitive.Input,
+    {
+      ref,
+      className: cn(
+        "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-text-tertiary disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+CommandInput.displayName = CommandPrimitive.Input.displayName;
+var CommandList = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+  CommandPrimitive.List,
+  {
+    ref,
+    className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
+    ...props
+  }
+));
+CommandList.displayName = CommandPrimitive.List.displayName;
+var CommandEmpty = React35.forwardRef((props, ref) => /* @__PURE__ */ jsx38(
+  CommandPrimitive.Empty,
+  {
+    ref,
+    className: "py-6 text-center text-sm text-text-tertiary",
+    ...props
+  }
+));
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
+var CommandGroup = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+  CommandPrimitive.Group,
+  {
+    ref,
+    className: cn(
+      "overflow-hidden p-1 text-text-primary [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-text-tertiary",
+      className
+    ),
+    ...props
+  }
+));
+CommandGroup.displayName = CommandPrimitive.Group.displayName;
+var CommandSeparator = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+  CommandPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 h-px bg-border-subtle", className),
+    ...props
+  }
+));
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
+var CommandItem = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+  CommandPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-bg-secondary data-[selected=true]:text-text-primary",
+      className
+    ),
+    ...props
+  }
+));
+CommandItem.displayName = CommandPrimitive.Item.displayName;
+var CommandShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx38(
+  "span",
+  {
+    className: cn("ml-auto text-xs tracking-widest text-text-tertiary", className),
+    ...props
+  }
+);
+CommandShortcut.displayName = "CommandShortcut";
+
+// src/components/navigation-menu.tsx
+import * as React36 from "react";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import { cva as cva7 } from "class-variance-authority";
+import { ChevronDown as ChevronDown3 } from "lucide-react";
+import { jsx as jsx39, jsxs as jsxs17 } from "react/jsx-runtime";
+var NavigationMenu = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs17(
+  NavigationMenuPrimitive.Root,
+  {
+    ref,
+    className: cn("relative z-10 flex max-w-max flex-1 items-center justify-center", className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx39(NavigationMenuViewport, {})
+    ]
+  }
+));
+NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
+var NavigationMenuList = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
+  NavigationMenuPrimitive.List,
+  {
+    ref,
+    className: cn("group flex flex-1 list-none items-center justify-center gap-1", className),
+    ...props
+  }
+));
+NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
+var NavigationMenuItem = NavigationMenuPrimitive.Item;
+var navigationMenuTriggerStyle = cva7(
+  "group inline-flex h-10 w-max items-center justify-center rounded-md bg-bg-elevated px-4 py-2 text-sm font-medium transition-colors hover:bg-bg-secondary hover:text-text-primary focus:bg-bg-secondary focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-bg-secondary"
+);
+var NavigationMenuTrigger = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs17(
+  NavigationMenuPrimitive.Trigger,
+  {
+    ref,
+    className: cn(navigationMenuTriggerStyle(), "group", className),
+    ...props,
+    children: [
+      children,
+      " ",
+      /* @__PURE__ */ jsx39(
+        ChevronDown3,
+        {
+          className: "relative top-[1px] ml-1 h-4 w-4 transition duration-200 group-data-[state=open]:rotate-180",
+          "aria-hidden": "true"
+        }
+      )
+    ]
+  }
+));
+NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
+var NavigationMenuContent = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
+  NavigationMenuPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto",
+      className
+    ),
+    ...props
+  }
+));
+NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
+var NavigationMenuLink = NavigationMenuPrimitive.Link;
+var NavigationMenuViewport = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx39(
+  NavigationMenuPrimitive.Viewport,
+  {
+    ref,
+    className: cn(
+      "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border border-border-subtle bg-bg-elevated text-text-primary shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
+      className
+    ),
+    ...props
+  }
+) }));
+NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
+var NavigationMenuIndicator = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
+  NavigationMenuPrimitive.Indicator,
+  {
+    ref,
+    className: cn(
+      "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx39("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border-subtle shadow-md" })
+  }
+));
+NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
+
+// src/hooks/useTheme.ts
+import { useEffect, useState, useCallback } from "react";
+var STORAGE_KEY = "lessly_theme";
+function getSystemTheme() {
+  if (typeof window === "undefined") return "dark";
+  return window.matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark";
+}
+function resolveTheme(theme) {
+  return theme === "system" ? getSystemTheme() : theme;
+}
+function applyTheme(resolved) {
+  const root = document.documentElement;
+  if (resolved === "light") {
+    root.classList.add("light");
+    root.classList.remove("dark");
+  } else {
+    root.classList.remove("light");
+    root.classList.add("dark");
+  }
+}
+function useTheme() {
+  const [theme, setThemeState] = useState(() => {
+    const stored = localStorage.getItem(STORAGE_KEY);
+    return stored || "system";
+  });
+  const resolvedTheme = resolveTheme(theme);
+  const setTheme = useCallback((newTheme) => {
+    setThemeState(newTheme);
+    localStorage.setItem(STORAGE_KEY, newTheme);
+    applyTheme(resolveTheme(newTheme));
+    window.dispatchEvent(new CustomEvent("lessly-theme-change", { detail: newTheme }));
+  }, []);
+  useEffect(() => {
+    applyTheme(resolvedTheme);
+  }, [resolvedTheme]);
+  useEffect(() => {
+    const handler = (e) => {
+      const newTheme = e.detail;
+      setThemeState(newTheme);
+    };
+    window.addEventListener("lessly-theme-change", handler);
+    return () => window.removeEventListener("lessly-theme-change", handler);
+  }, []);
+  useEffect(() => {
+    if (theme !== "system") return;
+    const mql = window.matchMedia("(prefers-color-scheme: light)");
+    const handler = () => applyTheme(getSystemTheme());
+    mql.addEventListener("change", handler);
+    return () => mql.removeEventListener("change", handler);
+  }, [theme]);
+  return { theme, setTheme, resolvedTheme };
+}
+
+// src/components/sonner.tsx
+import { Toaster as SonnerToaster, toast } from "sonner";
+import { jsx as jsx40 } from "react/jsx-runtime";
+var Toaster = ({ ...props }) => {
+  const { resolvedTheme } = useTheme();
+  return /* @__PURE__ */ jsx40(
+    SonnerToaster,
+    {
+      theme: resolvedTheme,
+      className: "toaster group",
+      toastOptions: {
+        classNames: {
+          toast: "group toast bg-bg-elevated border border-border-subtle text-text-primary shadow-lg",
+          description: "text-text-secondary",
+          actionButton: "bg-blue-400 text-text-on-brand",
+          cancelButton: "bg-bg-secondary text-text-primary"
+        }
+      },
+      ...props
+    }
+  );
+};
+
+// src/theme/ThemeToggle.tsx
+import { Sun, Moon, Monitor } from "lucide-react";
+import { jsx as jsx41 } from "react/jsx-runtime";
+var icons = {
+  light: Sun,
+  dark: Moon,
+  system: Monitor
+};
+var nextTheme = {
+  system: "light",
+  light: "dark",
+  dark: "system"
+};
+function ThemeToggle() {
+  const { theme, setTheme } = useTheme();
+  const Icon = icons[theme];
+  return /* @__PURE__ */ jsx41(
+    "button",
+    {
+      onClick: () => setTheme(nextTheme[theme]),
+      className: "p-2 rounded-lg text-text-secondary hover:bg-bg-secondary transition-colors",
+      "aria-label": `Switch to ${nextTheme[theme]} theme`,
+      title: `Theme: ${theme}`,
+      children: /* @__PURE__ */ jsx41(Icon, { className: "w-4 h-4" })
+    }
+  );
+}
+
+// src/components/calendar.tsx
+import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight6 } from "lucide-react";
+import { DayPicker } from "react-day-picker";
+import { jsx as jsx42 } from "react/jsx-runtime";
+function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
+  return /* @__PURE__ */ jsx42(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: cn("p-3", className),
+      classNames: {
+        months: "flex flex-col sm:flex-row gap-4",
+        month: "flex flex-col gap-4",
+        month_caption: "flex justify-center pt-1 relative items-center h-9",
+        caption_label: "text-sm font-medium text-text-primary",
+        nav: "flex items-center gap-1 absolute inset-x-0 top-1 justify-between px-1",
+        button_previous: cn(
+          buttonVariants({ variant: "outline" }),
+          "size-7 p-0 opacity-70 hover:opacity-100"
+        ),
+        button_next: cn(
+          buttonVariants({ variant: "outline" }),
+          "size-7 p-0 opacity-70 hover:opacity-100"
+        ),
+        month_grid: "w-full border-collapse space-y-1",
+        weekdays: "flex",
+        weekday: "text-text-tertiary rounded-md w-9 font-normal text-xs",
+        week: "flex w-full mt-2",
+        day: "relative p-0 text-center text-sm focus-within:relative focus-within:z-20",
+        day_button: cn(
+          "inline-flex size-9 items-center justify-center rounded-md p-0 font-normal text-text-primary transition-colors",
+          "hover:bg-bg-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
+          "aria-selected:opacity-100"
+        ),
+        selected: "[&>button]:bg-blue-400 [&>button]:text-text-on-brand [&>button]:hover:bg-blue-350 [&>button]:hover:text-text-on-brand",
+        // Scope today's surface to non-selected buttons so a selected "today"
+        // keeps the brand fill (rdp sets aria-selected on the selected button)
+        // rather than colliding at equal specificity.
+        today: '[&>button:not([aria-selected="true"])]:bg-bg-secondary [&>button:not([aria-selected="true"])]:text-text-primary',
+        outside: "[&>button]:text-text-tertiary [&>button]:opacity-50",
+        disabled: "[&>button]:text-text-disabled [&>button]:opacity-50",
+        range_start: "[&>button]:bg-blue-400 [&>button]:text-text-on-brand rounded-l-md",
+        range_end: "[&>button]:bg-blue-400 [&>button]:text-text-on-brand rounded-r-md",
+        range_middle: "[&>button]:bg-bg-secondary [&>button]:text-text-primary [&>button]:rounded-none",
+        hidden: "invisible",
+        ...classNames
+      },
+      components: {
+        Chevron: ({ className: cls, orientation, ...rest }) => orientation === "left" ? /* @__PURE__ */ jsx42(ChevronLeft2, { className: cn("size-4", cls), ...rest }) : /* @__PURE__ */ jsx42(ChevronRight6, { className: cn("size-4", cls), ...rest })
+      },
+      ...props
+    }
+  );
+}
+Calendar.displayName = "Calendar";
+
+// src/components/date-picker.tsx
+import * as React37 from "react";
+import { Calendar as CalendarIcon } from "lucide-react";
+import { jsx as jsx43, jsxs as jsxs18 } from "react/jsx-runtime";
+var DEFAULT_FORMAT = {
+  year: "numeric",
+  month: "long",
+  day: "numeric"
+};
+function DatePicker({
+  value,
+  onValueChange,
+  placeholder = "Pick a date",
+  disabled,
+  className
+}) {
+  const [open, setOpen] = React37.useState(false);
+  return /* @__PURE__ */ jsxs18(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx43(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs18(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        disabled,
+        className: cn("w-[240px] justify-start gap-2 text-left font-normal", !value && "text-text-tertiary", className),
+        children: [
+          /* @__PURE__ */ jsx43(CalendarIcon, { className: "size-4 shrink-0" }),
+          value ? value.toLocaleDateString(void 0, DEFAULT_FORMAT) : placeholder
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx43(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx43(
+      Calendar,
+      {
+        mode: "single",
+        selected: value,
+        defaultMonth: value,
+        onSelect: (date) => {
+          onValueChange(date);
+          setOpen(false);
+        }
+      }
+    ) })
+  ] });
+}
+DatePicker.displayName = "DatePicker";
+
+// src/components/carousel.tsx
+import * as React38 from "react";
+import useEmblaCarousel from "embla-carousel-react";
+import { ArrowLeft, ArrowRight } from "lucide-react";
+import { jsx as jsx44, jsxs as jsxs19 } from "react/jsx-runtime";
+var CarouselContext = React38.createContext(null);
+function useCarousel() {
+  const context = React38.useContext(CarouselContext);
+  if (!context) throw new Error("useCarousel must be used within a <Carousel />");
+  return context;
+}
+var Carousel = React38.forwardRef(({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }, ref) => {
+  const [carouselRef, api] = useEmblaCarousel(
+    { ...opts, axis: orientation === "horizontal" ? "x" : "y" },
+    plugins
+  );
+  const [canScrollPrev, setCanScrollPrev] = React38.useState(false);
+  const [canScrollNext, setCanScrollNext] = React38.useState(false);
+  const onSelect = React38.useCallback((emblaApi) => {
+    if (!emblaApi) return;
+    setCanScrollPrev(emblaApi.canScrollPrev());
+    setCanScrollNext(emblaApi.canScrollNext());
+  }, []);
+  const scrollPrev = React38.useCallback(() => api?.scrollPrev(), [api]);
+  const scrollNext = React38.useCallback(() => api?.scrollNext(), [api]);
+  const handleKeyDown = React38.useCallback(
+    (event) => {
+      if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        scrollPrev();
+      } else if (event.key === "ArrowRight") {
+        event.preventDefault();
+        scrollNext();
+      }
+    },
+    [scrollPrev, scrollNext]
+  );
+  React38.useEffect(() => {
+    if (!api || !setApi) return;
+    setApi(api);
+  }, [api, setApi]);
+  React38.useEffect(() => {
+    if (!api) return;
+    onSelect(api);
+    api.on("reInit", onSelect);
+    api.on("select", onSelect);
+    return () => {
+      api.off("reInit", onSelect);
+      api.off("select", onSelect);
+    };
+  }, [api, onSelect]);
+  return /* @__PURE__ */ jsx44(
+    CarouselContext.Provider,
+    {
+      value: {
+        carouselRef,
+        api,
+        opts,
+        orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+        scrollPrev,
+        scrollNext,
+        canScrollPrev,
+        canScrollNext
+      },
+      children: /* @__PURE__ */ jsx44(
+        "div",
+        {
+          ref,
+          onKeyDownCapture: handleKeyDown,
+          className: cn("relative", className),
+          role: "region",
+          "aria-roledescription": "carousel",
+          ...props,
+          children
+        }
+      )
+    }
+  );
+});
+Carousel.displayName = "Carousel";
+var CarouselContent = React38.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { carouselRef, orientation } = useCarousel();
+    return /* @__PURE__ */ jsx44("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx44(
+      "div",
+      {
+        ref,
+        className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className),
+        ...props
+      }
+    ) });
+  }
+);
+CarouselContent.displayName = "CarouselContent";
+var CarouselItem = React38.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { orientation } = useCarousel();
+    return /* @__PURE__ */ jsx44(
+      "div",
+      {
+        ref,
+        role: "group",
+        "aria-roledescription": "slide",
+        className: cn(
+          "min-w-0 shrink-0 grow-0 basis-full",
+          orientation === "horizontal" ? "pl-4" : "pt-4",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+CarouselItem.displayName = "CarouselItem";
+var CarouselPrevious = React38.forwardRef(({ className, ...props }, ref) => {
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+  return /* @__PURE__ */ jsxs19(
+    "button",
+    {
+      ref,
+      type: "button",
+      className: cn(
+        buttonVariants({ variant: "outline" }),
+        "absolute size-8 rounded-full p-0",
+        orientation === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollPrev,
+      onClick: scrollPrev,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx44(ArrowLeft, { className: "size-4" }),
+        /* @__PURE__ */ jsx44("span", { className: "sr-only", children: "Previous slide" })
+      ]
+    }
+  );
+});
+CarouselPrevious.displayName = "CarouselPrevious";
+var CarouselNext = React38.forwardRef(({ className, ...props }, ref) => {
+  const { orientation, scrollNext, canScrollNext } = useCarousel();
+  return /* @__PURE__ */ jsxs19(
+    "button",
+    {
+      ref,
+      type: "button",
+      className: cn(
+        buttonVariants({ variant: "outline" }),
+        "absolute size-8 rounded-full p-0",
+        orientation === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollNext,
+      onClick: scrollNext,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx44(ArrowRight, { className: "size-4" }),
+        /* @__PURE__ */ jsx44("span", { className: "sr-only", children: "Next slide" })
+      ]
+    }
+  );
+});
+CarouselNext.displayName = "CarouselNext";
+
+// src/components/form.tsx
+import * as React39 from "react";
+import { Slot as Slot3 } from "@radix-ui/react-slot";
+import {
+  Controller,
+  FormProvider,
+  useFormContext,
+  useFormState
+} from "react-hook-form";
+import { jsx as jsx45 } from "react/jsx-runtime";
+var Form = FormProvider;
+var FormFieldContext = React39.createContext(null);
+function FormField({ ...props }) {
+  return /* @__PURE__ */ jsx45(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx45(Controller, { ...props }) });
+}
+var FormItemContext = React39.createContext(null);
+function useFormField() {
+  const fieldContext = React39.useContext(FormFieldContext);
+  const itemContext = React39.useContext(FormItemContext);
+  const { getFieldState } = useFormContext();
+  const formState = useFormState({ name: fieldContext?.name });
+  if (!fieldContext) throw new Error("useFormField should be used within <FormField>");
+  const fieldState = getFieldState(fieldContext.name, formState);
+  const { id } = itemContext ?? { id: "" };
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState
+  };
+}
+var FormItem = React39.forwardRef(
+  ({ className, ...props }, ref) => {
+    const id = React39.useId();
+    return /* @__PURE__ */ jsx45(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx45("div", { ref, className: cn("space-y-2", className), ...props }) });
+  }
+);
+FormItem.displayName = "FormItem";
+var FormLabel = React39.forwardRef(({ className, ...props }, ref) => {
+  const { error, formItemId } = useFormField();
+  return /* @__PURE__ */ jsx45(
+    Label2,
+    {
+      ref,
+      className: cn(error && "text-text-danger", className),
+      htmlFor: formItemId,
+      ...props
+    }
+  );
+});
+FormLabel.displayName = "FormLabel";
+var FormControl = React39.forwardRef(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ jsx45(
+    Slot3,
+    {
+      ref,
+      id: formItemId,
+      "aria-describedby": !error ? formDescriptionId : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...props
+    }
+  );
+});
+FormControl.displayName = "FormControl";
+var FormDescription = React39.forwardRef(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ jsx45(
+    "p",
+    {
+      ref,
+      id: formDescriptionId,
+      className: cn("text-sm text-text-tertiary", className),
+      ...props
+    }
+  );
+});
+FormDescription.displayName = "FormDescription";
+var FormMessage = React39.forwardRef(({ className, children, ...props }, ref) => {
+  const { error, formMessageId } = useFormField();
+  const body = error ? String(error?.message ?? "") : children;
+  if (!body) return null;
+  return /* @__PURE__ */ jsx45(
+    "p",
+    {
+      ref,
+      id: formMessageId,
+      className: cn("text-sm font-medium text-text-danger", className),
+      ...props,
+      children: body
+    }
+  );
+});
+FormMessage.displayName = "FormMessage";
+
+// src/components/status-dot.tsx
+import * as React40 from "react";
+import { cva as cva8 } from "class-variance-authority";
+import { jsx as jsx46, jsxs as jsxs20 } from "react/jsx-runtime";
+var statusDotVariants = cva8("inline-block shrink-0 rounded-full", {
+  variants: {
+    status: {
+      success: "bg-bg-success",
+      brand: "bg-blue-400",
+      warning: "bg-bg-warning",
+      danger: "bg-bg-danger",
+      neutral: "bg-neutral-400"
+    },
+    size: { sm: "size-1.5", md: "size-2", lg: "size-2.5" }
+  },
+  defaultVariants: { status: "neutral", size: "md" }
+});
+var StatusDot = React40.forwardRef(
+  ({ className, status, size, pulse = false, ...props }, ref) => /* @__PURE__ */ jsxs20(
+    "span",
+    {
+      ref,
+      role: "status",
+      "aria-label": status ?? "neutral",
+      className: cn("relative inline-flex", className),
+      ...props,
+      children: [
+        pulse && /* @__PURE__ */ jsx46(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: cn(statusDotVariants({ status, size }), "absolute inset-0 animate-ping opacity-75")
+          }
+        ),
+        /* @__PURE__ */ jsx46("span", { className: cn(statusDotVariants({ status, size })) })
+      ]
+    }
+  )
+);
+StatusDot.displayName = "StatusDot";
+
+// src/components/docs-link.tsx
+import * as React41 from "react";
+import { BookOpen, ExternalLink } from "lucide-react";
+import { jsx as jsx47, jsxs as jsxs21 } from "react/jsx-runtime";
+var DocsLink = React41.forwardRef(
+  ({ href = "https://docs.lessly.com", label = "Docs", className, ...props }, ref) => /* @__PURE__ */ jsxs21(
+    "a",
+    {
+      ref,
+      href,
+      target: "_blank",
+      rel: "noreferrer noopener",
+      className: cn(
+        "inline-flex items-center gap-1.5 rounded-md px-2.5 py-1 text-sm text-text-secondary transition-colors hover:bg-bg-secondary hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx47(BookOpen, { className: "size-4", "aria-hidden": "true" }),
+        label,
+        /* @__PURE__ */ jsx47(ExternalLink, { className: "size-3 text-text-tertiary", "aria-hidden": "true" })
+      ]
+    }
+  )
+);
+DocsLink.displayName = "DocsLink";
+
+// src/components/empty-state.tsx
+import * as React42 from "react";
+import { jsx as jsx48, jsxs as jsxs22 } from "react/jsx-runtime";
+var EmptyState = React42.forwardRef(
+  ({ icon: Icon, title, description, action, className, ...props }, ref) => /* @__PURE__ */ jsxs22(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex flex-col items-center justify-center rounded-xl border border-dashed border-border-default bg-bg-surface px-6 py-12 text-center",
+        className
+      ),
+      ...props,
+      children: [
+        Icon && /* @__PURE__ */ jsx48("div", { className: "mb-4 flex size-11 items-center justify-center rounded-full bg-bg-secondary", children: /* @__PURE__ */ jsx48(Icon, { className: "size-5 text-icon-secondary", "aria-hidden": "true" }) }),
+        /* @__PURE__ */ jsx48("p", { className: "text-base font-semibold text-text-primary", children: title }),
+        description && /* @__PURE__ */ jsx48("p", { className: "mt-1 max-w-sm text-sm text-text-secondary", children: description }),
+        action && /* @__PURE__ */ jsx48("div", { className: "mt-4", children: action })
+      ]
+    }
+  )
+);
+EmptyState.displayName = "EmptyState";
+
+// src/components/copy-button.tsx
+import * as React43 from "react";
+import { Check as Check5, Copy } from "lucide-react";
+import { jsx as jsx49 } from "react/jsx-runtime";
+var CopyButton = React43.forwardRef(
+  ({ value, label = "Copy", className, variant = "ghost", size = "icon", onClick, ...props }, ref) => {
+    const [copied, setCopied] = React43.useState(false);
+    const timer = React43.useRef(void 0);
+    React43.useEffect(() => () => clearTimeout(timer.current), []);
+    const handleClick = async (e) => {
+      onClick?.(e);
+      if (!navigator.clipboard?.writeText) return;
+      try {
+        await navigator.clipboard.writeText(value);
+        setCopied(true);
+        clearTimeout(timer.current);
+        timer.current = setTimeout(() => setCopied(false), 1500);
+      } catch {
+      }
+    };
+    return /* @__PURE__ */ jsx49(
+      Button,
+      {
+        ref,
+        type: "button",
+        variant,
+        size,
+        onClick: handleClick,
+        className: cn(className),
+        ...props,
+        "aria-label": copied ? "Copied" : label,
+        children: copied ? /* @__PURE__ */ jsx49(Check5, { className: "size-4 text-text-success" }) : /* @__PURE__ */ jsx49(Copy, { className: "size-4" })
+      }
+    );
+  }
+);
+CopyButton.displayName = "CopyButton";
+
+// src/components/stat-card.tsx
+import * as React44 from "react";
+import { ArrowDown, ArrowUp, Info as Info2, Minus as Minus2 } from "lucide-react";
+import { jsx as jsx50, jsxs as jsxs23 } from "react/jsx-runtime";
+var directionIcons = {
+  up: ArrowUp,
+  down: ArrowDown,
+  neutral: Minus2
+};
+var toneClasses = {
+  positive: "text-text-success",
+  negative: "text-text-danger",
+  neutral: "text-text-tertiary"
+};
+var toneFromDirection = {
+  up: "positive",
+  down: "negative",
+  neutral: "neutral"
+};
+var StatCard = React44.forwardRef(
+  ({ label, value, delta, hint, sub, icon: Icon, className, ...props }, ref) => {
+    const direction = delta?.direction ?? "neutral";
+    const tone = delta?.tone ?? toneFromDirection[direction];
+    const DeltaIcon = directionIcons[direction];
+    const deltaClass = toneClasses[tone];
+    return /* @__PURE__ */ jsxs23(
+      "div",
+      {
+        ref,
+        className: cn("rounded-xl border border-border-subtle bg-bg-surface p-5", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsx50("span", { className: "text-xs font-medium uppercase tracking-wide text-text-tertiary", children: label }),
+              hint && /* @__PURE__ */ jsx50(TooltipProvider, { children: /* @__PURE__ */ jsxs23(Tooltip, { children: [
+                /* @__PURE__ */ jsx50(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx50("button", { type: "button", "aria-label": "More info", className: "inline-flex cursor-help text-icon-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus rounded-sm", children: /* @__PURE__ */ jsx50(Info2, { className: "size-3.5", "aria-hidden": "true" }) }) }),
+                /* @__PURE__ */ jsx50(TooltipContent, { children: hint })
+              ] }) })
+            ] }),
+            Icon && /* @__PURE__ */ jsx50(Icon, { className: "size-4 text-icon-secondary", "aria-hidden": "true" })
+          ] }),
+          /* @__PURE__ */ jsx50("div", { className: "mt-2 text-3xl font-semibold text-text-primary", children: value }),
+          (delta || sub) && /* @__PURE__ */ jsxs23("div", { className: "mt-2 flex items-center gap-2 text-sm", children: [
+            delta && /* @__PURE__ */ jsxs23("span", { className: cn("inline-flex items-center gap-0.5 font-medium", deltaClass), children: [
+              /* @__PURE__ */ jsx50(DeltaIcon, { className: "size-3.5", "aria-hidden": "true" }),
+              delta.value
+            ] }),
+            sub && /* @__PURE__ */ jsx50("span", { className: "text-text-tertiary", children: sub })
+          ] })
+        ]
+      }
+    );
+  }
+);
+StatCard.displayName = "StatCard";
+
+// src/components/confirm-dialog.tsx
+import * as React45 from "react";
+import { Loader2 } from "lucide-react";
+import { jsx as jsx51, jsxs as jsxs24 } from "react/jsx-runtime";
+var InlineError = React45.forwardRef(
+  ({ children, className, ...props }, ref) => /* @__PURE__ */ jsx51(
+    "div",
+    {
+      ref,
+      role: "alert",
+      className: cn(
+        "rounded-md border border-border-danger bg-bg-danger-subtle px-3 py-2 text-sm text-text-danger",
+        className
+      ),
+      ...props,
+      children
+    }
+  )
+);
+InlineError.displayName = "InlineError";
+function ConfirmDialog({
+  open,
+  onOpenChange,
+  trigger,
+  title,
+  description,
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  destructive = false,
+  onConfirm
+}) {
+  const [internalOpen, setInternalOpen] = React45.useState(false);
+  const isControlled = open !== void 0;
+  const actualOpen = isControlled ? open : internalOpen;
+  const [busy, setBusy] = React45.useState(false);
+  const [error, setError] = React45.useState(null);
+  React45.useEffect(() => {
+    if (!actualOpen) setError(null);
+  }, [actualOpen]);
+  const setOpen = (next) => {
+    if (!isControlled) setInternalOpen(next);
+    onOpenChange?.(next);
+    if (!next) setError(null);
+  };
+  const handleConfirm = async () => {
+    setBusy(true);
+    setError(null);
+    try {
+      await onConfirm();
+      setOpen(false);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Something went wrong");
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs24(Dialog, { open: actualOpen, onOpenChange: (next) => {
+    if (!busy) setOpen(next);
+  }, children: [
+    trigger && /* @__PURE__ */ jsx51(DialogTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsxs24(DialogContent, { children: [
+      /* @__PURE__ */ jsxs24(DialogHeader, { children: [
+        /* @__PURE__ */ jsx51(DialogTitle, { children: title }),
+        description && /* @__PURE__ */ jsx51(DialogDescription, { children: description })
+      ] }),
+      error && /* @__PURE__ */ jsx51(InlineError, { children: error }),
+      /* @__PURE__ */ jsxs24(DialogFooter, { children: [
+        /* @__PURE__ */ jsx51(Button, { variant: "outline", disabled: busy, onClick: () => setOpen(false), children: cancelLabel }),
+        /* @__PURE__ */ jsxs24(Button, { variant: destructive ? "destructive" : "default", disabled: busy, onClick: handleConfirm, children: [
+          busy && /* @__PURE__ */ jsx51(Loader2, { className: "size-4 animate-spin", "aria-hidden": "true" }),
+          confirmLabel
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/user-menu.tsx
+import { ChevronsUpDown } from "lucide-react";
+import { Fragment, jsx as jsx52, jsxs as jsxs25 } from "react/jsx-runtime";
+function initialsOf(name) {
+  const parts = name.trim().split(/\s+/).filter(Boolean);
+  if (parts.length === 0) return "?";
+  if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase();
+  return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();
+}
+function UserMenu({ user, items, collapsed = false, align = "end" }) {
+  const avatar = /* @__PURE__ */ jsxs25(Avatar, { className: collapsed ? "size-9" : "size-8", children: [
+    user.avatarUrl && /* @__PURE__ */ jsx52(AvatarImage, { src: user.avatarUrl, alt: user.name }),
+    /* @__PURE__ */ jsx52(AvatarFallback, { className: "text-xs", children: initialsOf(user.name) })
+  ] });
+  const trigger = collapsed ? /* @__PURE__ */ jsx52(
+    "button",
+    {
+      type: "button",
+      "aria-label": user.name,
+      className: "rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
+      children: avatar
+    }
+  ) : /* @__PURE__ */ jsxs25(
+    "button",
+    {
+      type: "button",
+      className: "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left transition-colors hover:bg-bg-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
+      children: [
+        avatar,
+        /* @__PURE__ */ jsxs25("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx52("span", { className: "block truncate text-sm font-medium text-text-primary", children: user.name }),
+          user.email && /* @__PURE__ */ jsx52("span", { className: "block truncate text-xs text-text-tertiary", children: user.email })
+        ] }),
+        /* @__PURE__ */ jsx52(ChevronsUpDown, { className: "size-4 shrink-0 text-icon-secondary", "aria-hidden": "true" })
+      ]
+    }
+  );
+  const menuTrigger = /* @__PURE__ */ jsx52(DropdownMenuTrigger, { asChild: true, children: trigger });
+  const menu = /* @__PURE__ */ jsxs25(DropdownMenu, { children: [
+    collapsed ? /* @__PURE__ */ jsx52(TooltipProvider, { children: /* @__PURE__ */ jsxs25(Tooltip, { children: [
+      /* @__PURE__ */ jsx52(TooltipTrigger, { asChild: true, children: menuTrigger }),
+      /* @__PURE__ */ jsx52(TooltipContent, { side: "right", children: user.name })
+    ] }) }) : menuTrigger,
+    /* @__PURE__ */ jsxs25(DropdownMenuContent, { align, className: "w-56", children: [
+      /* @__PURE__ */ jsxs25(DropdownMenuLabel, { children: [
+        /* @__PURE__ */ jsx52("span", { className: "block truncate text-sm font-medium text-text-primary", children: user.name }),
+        user.email && /* @__PURE__ */ jsx52("span", { className: "block truncate text-xs font-normal text-text-tertiary", children: user.email })
+      ] }),
+      /* @__PURE__ */ jsx52(DropdownMenuSeparator, {}),
+      items.map((item, i) => {
+        const Icon = item.icon;
+        const content = /* @__PURE__ */ jsxs25(Fragment, { children: [
+          Icon && /* @__PURE__ */ jsx52(Icon, { className: "size-4", "aria-hidden": "true" }),
+          item.label
+        ] });
+        return /* @__PURE__ */ jsx52(
+          DropdownMenuItem,
+          {
+            onSelect: item.onSelect,
+            className: cn("gap-2", item.destructive && "text-text-danger focus:text-text-danger"),
+            asChild: Boolean(item.href),
+            children: item.href ? /* @__PURE__ */ jsx52("a", { href: item.href, children: content }) : content
+          },
+          `${item.label}-${i}`
+        );
+      })
+    ] })
+  ] });
+  return menu;
+}
+
+// src/components/extension-link.tsx
+import { Link as Link2 } from "react-router";
+import { jsx as jsx53 } from "react/jsx-runtime";
+function ExtensionLink({ uiMode, to, className, children, ...anchorProps }) {
+  if (uiMode === "federation") {
+    return /* @__PURE__ */ jsx53(Link2, { to, className, ...anchorProps, children });
+  }
+  return /* @__PURE__ */ jsx53("a", { href: to, className, ...anchorProps, children });
+}
+ExtensionLink.displayName = "ExtensionLink";
+
+// src/components/extension-icon.tsx
+import * as React46 from "react";
+import * as LucideIcons from "lucide-react";
+import { Puzzle } from "lucide-react";
+import { jsx as jsx54 } from "react/jsx-runtime";
+var FORWARD_REF = /* @__PURE__ */ Symbol.for("react.forward_ref");
+var catalog = LucideIcons;
+function toPascalCase(name) {
+  return name.split("-").filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
+}
+function resolveIcon(name) {
+  const exportName = toPascalCase(name);
+  if (!exportName || exportName === "Icon") return void 0;
+  const candidate = catalog[exportName];
+  if (candidate != null && typeof candidate === "object" && candidate.$$typeof === FORWARD_REF) {
+    return candidate;
+  }
+  return void 0;
+}
+function isKnownExtensionIcon(name) {
+  return resolveIcon(name) !== void 0;
+}
+var warnedUnknownIcons = /* @__PURE__ */ new Set();
+function warnUnknownIconOnce(name) {
+  if (process.env.NODE_ENV === "production") return;
+  if (warnedUnknownIcons.has(name)) return;
+  warnedUnknownIcons.add(name);
+  console.warn(`[@lessly/ui] ExtensionIcon: unknown icon "${name}" \u2014 falling back to Puzzle.`);
+}
+var ExtensionIcon = React46.forwardRef(
+  ({ name, ...props }, ref) => {
+    const Icon = resolveIcon(name);
+    if (!Icon) {
+      warnUnknownIconOnce(name);
+      return /* @__PURE__ */ jsx54(Puzzle, { ref, ...props });
+    }
+    return /* @__PURE__ */ jsx54(Icon, { ref, ...props });
+  }
+);
+ExtensionIcon.displayName = "ExtensionIcon";
+
+// src/hooks/use-mobile.ts
+import { useEffect as useEffect5, useState as useState6 } from "react";
+var MD_BREAKPOINT = 768;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = useState6(
+    typeof window !== "undefined" ? window.innerWidth < MD_BREAKPOINT : false
+  );
+  useEffect5(() => {
+    const mql = window.matchMedia(`(max-width: ${String(MD_BREAKPOINT - 1)}px)`);
+    const handler = (e) => {
+      setIsMobile(e.matches);
+    };
+    mql.addEventListener("change", handler);
+    setIsMobile(mql.matches);
+    return () => {
+      mql.removeEventListener("change", handler);
+    };
+  }, []);
+  return isMobile;
+}
+
+// src/hooks/use-sidebar.ts
+import { useCallback as useCallback3, useState as useState7 } from "react";
+function useSidebar(options = {}) {
+  const { collapsed: controlled, defaultCollapsed = false, onCollapsedChange } = options;
+  const isControlled = controlled !== void 0;
+  const [internal, setInternal] = useState7(defaultCollapsed);
+  const collapsed = isControlled ? controlled : internal;
+  const setCollapsed = useCallback3(
+    (next) => {
+      if (!isControlled) setInternal(next);
+      onCollapsedChange?.(next);
+    },
+    [isControlled, onCollapsedChange]
+  );
+  const toggle = useCallback3(() => {
+    setCollapsed(!collapsed);
+  }, [collapsed, setCollapsed]);
+  return { collapsed, setCollapsed, toggle };
+}
+
+// src/components/sidebar-nav.tsx
+import { Link as Link3, useLocation } from "react-router";
+import { jsx as jsx55, jsxs as jsxs26 } from "react/jsx-runtime";
+function isActivePath(pathname, full, exact) {
+  if (exact) return pathname === full;
+  return pathname === full || pathname.startsWith(`${full}/`);
+}
+function SidebarNavLink({
+  item,
+  collapsed = false,
+  active = false,
+  basePath = "",
+  LinkComponent,
+  className
+}) {
+  const Comp = LinkComponent ?? Link3;
+  const to = `${basePath}${item.href}`;
+  const Icon = item.icon;
+  const link = /* @__PURE__ */ jsxs26(
+    Comp,
+    {
+      to,
+      className: cn(
+        "flex items-center rounded-lg text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
+        collapsed ? "size-9 justify-center" : "w-full gap-2.5 px-2.5 py-[7px]",
+        active ? "bg-bg-secondary font-medium text-text-brand" : "text-text-secondary hover:bg-bg-secondary hover:text-text-primary",
+        className
+      ),
+      "aria-current": active ? "page" : void 0,
+      "aria-label": collapsed ? item.label : void 0,
+      children: [
+        Icon && /* @__PURE__ */ jsx55(Icon, { className: "size-[18px] shrink-0", "aria-hidden": "true" }),
+        !collapsed && item.label
+      ]
+    }
+  );
+  if (!collapsed) return link;
+  return /* @__PURE__ */ jsxs26(Tooltip, { children: [
+    /* @__PURE__ */ jsx55(TooltipTrigger, { asChild: true, children: link }),
+    /* @__PURE__ */ jsx55(TooltipContent, { side: "right", children: item.label })
+  ] });
+}
+function SidebarNav({
+  items,
+  collapsed = false,
+  basePath = "",
+  LinkComponent,
+  isItemActive,
+  className
+}) {
+  const { pathname } = useLocation();
+  const nav = /* @__PURE__ */ jsx55(
+    "nav",
+    {
+      className: cn(
+        "flex flex-col gap-0.5",
+        collapsed ? "items-center px-1" : "px-2",
+        className
+      ),
+      children: items.map((item) => {
+        const full = `${basePath}${item.href}`;
+        const active = isItemActive ? isItemActive(item, pathname) : isActivePath(pathname, full, item.exact);
+        return /* @__PURE__ */ jsx55(
+          SidebarNavLink,
+          {
+            item,
+            active,
+            collapsed,
+            basePath,
+            LinkComponent
+          },
+          item.href
+        );
+      })
+    }
+  );
+  return collapsed ? /* @__PURE__ */ jsx55(TooltipProvider, { children: nav }) : nav;
+}
+
+// src/components/app-sidebar.tsx
+import { PanelLeft } from "lucide-react";
+import { jsx as jsx56, jsxs as jsxs27 } from "react/jsx-runtime";
+function AppSidebar({
+  items,
+  logo,
+  logoCollapsed,
+  header,
+  footer,
+  collapsed: controlled,
+  defaultCollapsed,
+  onCollapsedChange,
+  basePath,
+  LinkComponent,
+  isItemActive,
+  className
+}) {
+  const { collapsed, toggle } = useSidebar({
+    collapsed: controlled,
+    defaultCollapsed,
+    onCollapsedChange
+  });
+  return /* @__PURE__ */ jsxs27(
+    "aside",
+    {
+      "data-collapsed": collapsed,
+      className: cn(
+        "flex h-full flex-col overflow-hidden rounded-2xl border border-border-subtle bg-bg-surface transition-[width] duration-200 ease-in-out",
+        collapsed ? "w-[52px]" : "w-[220px]",
+        className
+      ),
+      children: [
+        collapsed ? /* @__PURE__ */ jsx56("div", { className: "flex justify-center border-b border-border-subtle p-2", children: header ?? /* @__PURE__ */ jsxs27("div", { className: "group relative flex size-8 items-center justify-center", children: [
+          /* @__PURE__ */ jsx56("span", { className: "pointer-events-none transition-opacity group-hover:opacity-0 group-focus-within:opacity-0", children: logoCollapsed ?? logo }),
+          /* @__PURE__ */ jsx56(
+            "button",
+            {
+              type: "button",
+              onClick: toggle,
+              "aria-label": "Expand sidebar",
+              "aria-expanded": false,
+              className: "absolute inset-0 flex items-center justify-center rounded-md text-text-secondary opacity-0 transition-opacity hover:bg-bg-secondary focus-visible:outline-none focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-border-focus group-hover:opacity-100 group-focus-within:opacity-100",
+              children: /* @__PURE__ */ jsx56(PanelLeft, { className: "size-4", "aria-hidden": "true" })
+            }
+          )
+        ] }) }) : /* @__PURE__ */ jsxs27("div", { className: "flex items-center justify-between border-b border-border-subtle p-2", children: [
+          header ?? logo,
+          /* @__PURE__ */ jsx56(
+            "button",
+            {
+              type: "button",
+              onClick: toggle,
+              "aria-label": "Collapse sidebar",
+              "aria-expanded": true,
+              className: "flex size-6 items-center justify-center rounded-md text-text-secondary transition-colors hover:bg-bg-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
+              children: /* @__PURE__ */ jsx56(PanelLeft, { className: "size-4", "aria-hidden": "true" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx56("div", { className: "flex-1 overflow-y-auto overflow-x-hidden py-2", children: /* @__PURE__ */ jsx56(SidebarNav, { items, collapsed, basePath, LinkComponent, isItemActive }) }),
+        footer && /* @__PURE__ */ jsx56("div", { className: cn("border-t border-border-subtle", collapsed ? "px-1 py-2" : "px-2 py-2"), children: footer })
+      ]
+    }
+  );
+}
+
+// src/components/app-shell.tsx
+import * as React47 from "react";
+import { Menu as Menu2 } from "lucide-react";
+import { useLocation as useLocation2 } from "react-router";
+import { jsx as jsx57, jsxs as jsxs28 } from "react/jsx-runtime";
+function expandedSidebar(sidebar) {
+  return React47.isValidElement(sidebar) ? React47.cloneElement(sidebar, { collapsed: false }) : sidebar;
+}
+function AppShell({ sidebar, topBar, children, className }) {
+  const { pathname } = useLocation2();
+  const [mobileOpen, setMobileOpen] = React47.useState(false);
+  React47.useEffect(() => {
+    setMobileOpen(false);
+  }, [pathname]);
+  const isMobile = useIsMobile();
+  if (isMobile) {
+    return /* @__PURE__ */ jsx57(TooltipProvider, { children: /* @__PURE__ */ jsxs28("div", { className: cn("flex min-h-screen flex-col bg-bg-sunken", className), children: [
+      /* @__PURE__ */ jsxs28("header", { className: "flex shrink-0 items-center justify-between border-b border-border-subtle bg-bg-surface px-4 py-3", children: [
+        /* @__PURE__ */ jsxs28(Sheet, { open: mobileOpen, onOpenChange: setMobileOpen, children: [
+          /* @__PURE__ */ jsx57(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx57(Button, { variant: "ghost", size: "icon", className: "size-8 text-text-secondary", "aria-label": "Open navigation", children: /* @__PURE__ */ jsx57(Menu2, { className: "size-5" }) }) }),
+          /* @__PURE__ */ jsxs28(SheetContent, { side: "left", className: "w-[240px] bg-bg-surface p-0", children: [
+            /* @__PURE__ */ jsx57(SheetTitle, { className: "sr-only", children: "Navigation" }),
+            /* @__PURE__ */ jsx57(SheetDescription, { className: "sr-only", children: "Application navigation menu" }),
+            expandedSidebar(sidebar)
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx57("div", { className: "flex items-center gap-2", children: topBar })
+      ] }),
+      /* @__PURE__ */ jsx57("main", { className: "flex-1 overflow-auto p-4", children })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx57(TooltipProvider, { children: /* @__PURE__ */ jsxs28("div", { className: cn("flex min-h-screen gap-3 bg-bg-sunken p-6", className), children: [
+    /* @__PURE__ */ jsx57("div", { className: "sticky top-6 h-[calc(100vh-48px)] shrink-0", children: sidebar }),
+    /* @__PURE__ */ jsxs28("div", { className: "flex min-w-0 flex-1 flex-col overflow-hidden rounded-2xl border border-border-subtle bg-bg-surface", children: [
+      /* @__PURE__ */ jsx57("div", { className: "flex min-h-[52px] shrink-0 items-center justify-end gap-2 border-b border-border-subtle px-5", children: topBar }),
+      /* @__PURE__ */ jsx57("main", { className: "flex-1 overflow-auto px-7 py-8", children })
+    ] })
+  ] }) });
+}
+var AuthenticatedLayout = AppShell;
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  Alert,
+  AlertDescription,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  AlertTitle,
+  AppShell,
+  AppSidebar,
+  AspectRatio,
+  AuthenticatedLayout,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Button,
+  Calendar,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+  Checkbox,
+  Collapsible,
+  CollapsibleContent2 as CollapsibleContent,
+  CollapsibleTrigger2 as CollapsibleTrigger,
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
+  ConfirmDialog,
+  ContextMenu,
+  ContextMenuCheckboxItem,
+  ContextMenuContent,
+  ContextMenuGroup,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuPortal,
+  ContextMenuRadioGroup,
+  ContextMenuRadioItem,
+  ContextMenuSeparator,
+  ContextMenuShortcut,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuTrigger,
+  CopyButton,
+  DatePicker,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  DocsLink,
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerOverlay,
+  DrawerPortal,
+  DrawerTitle,
+  DrawerTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  EmptyState,
+  ExtensionIcon,
+  ExtensionLink,
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+  InlineError,
+  Input,
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSeparator,
+  InputOTPSlot,
+  Label2 as Label,
+  Menubar,
+  MenubarCheckboxItem,
+  MenubarContent,
+  MenubarGroup,
+  MenubarItem,
+  MenubarLabel,
+  MenubarMenu,
+  MenubarPortal,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarSeparator,
+  MenubarShortcut,
+  MenubarSub,
+  MenubarSubContent,
+  MenubarSubTrigger,
+  MenubarTrigger,
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuIndicator,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  NavigationMenuViewport,
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+  Popover,
+  PopoverAnchor,
+  PopoverContent,
+  PopoverTrigger,
+  Progress,
+  RadioGroup2 as RadioGroup,
+  RadioGroupItem,
+  ScrollArea,
+  ScrollBar,
+  SectionIntro,
+  Select,
+  Separator4 as Separator,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger,
+  SidebarNav,
+  SidebarNavLink,
+  Skeleton,
+  Slider,
+  StatCard,
+  StatusDot,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Textarea,
+  ThemeToggle,
+  Toaster,
+  Toggle,
+  ToggleGroup,
+  ToggleGroupItem,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  UserMenu,
+  alertVariants,
+  badgeVariants,
+  buttonVariants,
+  cn,
+  isKnownExtensionIcon,
+  navigationMenuTriggerStyle,
+  statusDotVariants,
+  toast,
+  toggleVariants,
+  useCarousel,
+  useFormField,
+  useIsMobile,
+  useSidebar,
+  useTheme
+};