@lessly/ui 0.20.0 → 0.22.0

package/dist/index.js

@@ -324,22 +324,53 @@ var labelVariants = cva2(
 var Label2 = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
 Label2.displayName = LabelPrimitive.Root.displayName;
 
+// src/components/page-header.tsx
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+function PageHeader({ title, subtitle, icon: Icon, media, badge, actions, id }) {
+  if (Icon && !subtitle && !media && process.env.NODE_ENV !== "production") {
+    console.warn("PageHeader: `icon` needs a `subtitle` to render the medallion; medallion dropped.");
+  }
+  const leading = media ?? (Icon && subtitle ? /* @__PURE__ */ jsx7(
+    "span",
+    {
+      "data-slot": "page-header-medallion",
+      className: "inline-flex size-12 shrink-0 items-center justify-center rounded-full border border-border-subtle bg-bg-secondary text-text-secondary",
+      children: /* @__PURE__ */ jsx7(Icon, { className: "size-6", "aria-hidden": true })
+    }
+  ) : null);
+  const heading = /* @__PURE__ */ jsx7("h2", { id, className: "text-lg font-semibold text-text-primary", children: title });
+  if (!leading && !subtitle && !badge && !actions) {
+    return heading;
+  }
+  return /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
+    leading,
+    /* @__PURE__ */ jsxs3("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
+        heading,
+        badge
+      ] }),
+      subtitle && /* @__PURE__ */ jsx7("p", { className: "text-sm text-text-secondary", children: subtitle })
+    ] }),
+    actions && /* @__PURE__ */ jsx7("div", { className: "ml-auto shrink-0", children: actions })
+  ] });
+}
+
 // src/components/section-intro.tsx
 import { Info } from "lucide-react";
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs4 } 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 })
+  return /* @__PURE__ */ jsxs4("div", { className: "bg-bg-brand-subtle rounded-xl px-5 py-4 flex items-start gap-3 mb-5", children: [
+    /* @__PURE__ */ jsx8(Info, { className: "w-4 h-4 text-text-brand mt-0.5 flex-shrink-0", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxs4("div", { children: [
+      /* @__PURE__ */ jsx8("p", { className: "text-[0.8125rem] text-text-primary leading-relaxed", children: what }),
+      /* @__PURE__ */ jsx8("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";
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
 function Select({
   value,
   onValueChange,
@@ -354,8 +385,8 @@ function Select({
   optionTestId
 }) {
   const selected = options.find((o) => o.value === value);
-  return /* @__PURE__ */ jsxs4(DropdownMenu, { children: [
-    /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxs5(
       DropdownMenuTrigger,
       {
         type: "button",
@@ -369,24 +400,24 @@ function Select({
           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__ */ jsx9("span", { className: cn("truncate", !selected && "text-text-tertiary"), children: selected ? selected.label : placeholder }),
+          /* @__PURE__ */ jsx9(ChevronDown, { className: "ml-2 h-4 w-4 shrink-0 text-text-tertiary" })
         ]
       }
     ),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9(
       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)) })
+        children: /* @__PURE__ */ jsx9(DropdownMenuRadioGroup, { value: value ?? "", onValueChange, children: options.map((o) => /* @__PURE__ */ jsx9(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";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function Switch({
   checked,
   onCheckedChange,
@@ -396,7 +427,7 @@ function Switch({
   "aria-label": ariaLabel,
   "data-testid": testId
 }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "button",
     {
       type: "button",
@@ -408,7 +439,7 @@ function Switch({
       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(
+      children: /* @__PURE__ */ jsx10(
         "span",
         {
           "aria-hidden": "true",
@@ -423,8 +454,8 @@ function Switch({
 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(
+import { jsx as jsx11 } from "react/jsx-runtime";
+var Checkbox = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -433,7 +464,7 @@ var Checkbox = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx10(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current", children: /* @__PURE__ */ jsx10(Check2, { className: "h-4 w-4" }) })
+    children: /* @__PURE__ */ jsx11(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current", children: /* @__PURE__ */ jsx11(Check2, { className: "h-4 w-4" }) })
   }
 ));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
@@ -442,10 +473,10 @@ Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 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 }));
+import { jsx as jsx12 } from "react/jsx-runtime";
+var RadioGroup2 = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(RadioGroupPrimitive.Root, { ref, className: cn("grid gap-2", className), ...props }));
 RadioGroup2.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+var RadioGroupItem = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   RadioGroupPrimitive.Item,
   {
     ref,
@@ -454,17 +485,17 @@ var RadioGroupItem = React8.forwardRef(({ className, ...props }, ref) => /* @__P
       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" }) })
+    children: /* @__PURE__ */ jsx12(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx12(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";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var Textarea = React9.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(
       "textarea",
       {
         ref,
@@ -482,18 +513,18 @@ 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";
+import { jsx as jsx14, jsxs as jsxs6 } 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(
+  return /* @__PURE__ */ jsxs6(
     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(
+        /* @__PURE__ */ jsx14(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-bg-secondary", children: /* @__PURE__ */ jsx14(SliderPrimitive.Range, { className: "absolute h-full bg-blue-400" }) }),
+        Array.from({ length: thumbCount }).map((_, i) => /* @__PURE__ */ jsx14(
           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"
@@ -510,7 +541,7 @@ Slider.displayName = SliderPrimitive.Root.displayName;
 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";
+import { jsx as jsx15 } 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",
   {
@@ -528,30 +559,30 @@ var toggleVariants = cva3(
     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 }));
+var Toggle = React11.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx15(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";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var ToggleGroupContext = React12.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React12.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx15(
+var ToggleGroup = React12.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx16(
   ToggleGroupPrimitive.Root,
   {
     ref,
     className: cn("flex items-center justify-center gap-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx15(ToggleGroupContext.Provider, { value: { variant, size }, children })
+    children: /* @__PURE__ */ jsx16(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(
+  return /* @__PURE__ */ jsx16(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -567,8 +598,8 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 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(
+import { jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
+var InputOTP = React13.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx17(
   OTPInput,
   {
     ref,
@@ -579,7 +610,7 @@ var InputOTP = React13.forwardRef(({ className, containerClassName, ...props },
 ));
 InputOTP.displayName = "InputOTP";
 var InputOTPGroup = React13.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx16("div", { ref, className: cn("flex items-center", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx17("div", { ref, className: cn("flex items-center", className), ...props })
 );
 InputOTPGroup.displayName = "InputOTPGroup";
 var InputOTPSlot = React13.forwardRef(({ index, className, ...props }, ref) => {
@@ -588,7 +619,7 @@ var InputOTPSlot = React13.forwardRef(({ index, className, ...props }, ref) => {
   const char = slot?.char;
   const hasFakeCaret = slot?.hasFakeCaret;
   const isActive = slot?.isActive;
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
       ref,
@@ -600,25 +631,25 @@ var InputOTPSlot = React13.forwardRef(({ index, className, ...props }, ref) => {
       ...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" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx17("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx17("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" }) })
+  ({ ...props }, ref) => /* @__PURE__ */ jsx17("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx17(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";
+import { jsx as jsx18 } 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(
+var PopoverContent = React14.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx18(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx18(
   PopoverPrimitive.Content,
   {
     ref,
@@ -636,11 +667,11 @@ 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";
+import { jsx as jsx19 } 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(
+var TooltipContent = React15.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx19(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx19(
   TooltipPrimitive.Content,
   {
     ref,
@@ -657,10 +688,10 @@ 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";
+import { jsx as jsx20 } 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(
+var HoverCardContent = React16.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx20(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx20(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -680,12 +711,12 @@ 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";
+import { jsx as jsx21, jsxs as jsxs8 } 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(
+var SheetOverlay = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   SheetPrimitive.Overlay,
   {
     ref,
@@ -713,9 +744,9 @@ var sheetVariants = cva4(
     }
   }
 );
-var SheetContent = React17.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs7(SheetPortal, { children: [
-  /* @__PURE__ */ jsx20(SheetOverlay, {}),
-  /* @__PURE__ */ jsxs7(
+var SheetContent = React17.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(SheetPortal, { children: [
+  /* @__PURE__ */ jsx21(SheetOverlay, {}),
+  /* @__PURE__ */ jsxs8(
     SheetPrimitive.Content,
     {
       ref,
@@ -723,16 +754,16 @@ var SheetContent = React17.forwardRef(({ side = "right", className, children, ..
       ...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" })
+        /* @__PURE__ */ jsxs8(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__ */ jsx21(X2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx21("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
 SheetContent.displayName = SheetPrimitive.Content.displayName;
-var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx20(
+var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx21(
   "div",
   {
     className: cn("flex flex-col gap-1.5 text-left", className),
@@ -740,7 +771,7 @@ var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx20(
   }
 );
 SheetHeader.displayName = "SheetHeader";
-var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx20(
+var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx21(
   "div",
   {
     className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
@@ -748,7 +779,7 @@ var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx20(
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var SheetTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   SheetPrimitive.Title,
   {
     ref,
@@ -757,7 +788,7 @@ var SheetTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var SheetDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   SheetPrimitive.Description,
   {
     ref,
@@ -770,16 +801,16 @@ 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";
+import { jsx as jsx22, jsxs as jsxs9 } from "react/jsx-runtime";
 var Drawer = ({
   shouldScaleBackground = true,
   ...props
-}) => /* @__PURE__ */ jsx21(DrawerPrimitive.Root, { shouldScaleBackground, ...props });
+}) => /* @__PURE__ */ jsx22(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(
+var DrawerOverlay = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   DrawerPrimitive.Overlay,
   {
     ref,
@@ -788,9 +819,9 @@ var DrawerOverlay = React18.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
-var DrawerContent = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(DrawerPortal, { children: [
-  /* @__PURE__ */ jsx21(DrawerOverlay, {}),
-  /* @__PURE__ */ jsxs8(
+var DrawerContent = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs9(DrawerPortal, { children: [
+  /* @__PURE__ */ jsx22(DrawerOverlay, {}),
+  /* @__PURE__ */ jsxs9(
     DrawerPrimitive.Content,
     {
       ref,
@@ -800,18 +831,18 @@ var DrawerContent = React18.forwardRef(({ className, children, ...props }, ref)
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx21("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-bg-secondary" }),
+        /* @__PURE__ */ jsx22("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 });
+var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx22("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 });
+var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx22("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(
+var DrawerTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   DrawerPrimitive.Title,
   {
     ref,
@@ -820,7 +851,7 @@ var DrawerTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
-var DrawerDescription = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
+var DrawerDescription = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   DrawerPrimitive.Description,
   {
     ref,
@@ -833,11 +864,11 @@ 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";
+import { jsx as jsx23, jsxs as jsxs10 } 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(
+var AlertDialogOverlay = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   AlertDialogPrimitive.Overlay,
   {
     ref,
@@ -849,9 +880,9 @@ var AlertDialogOverlay = React19.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs9(AlertDialogPortal, { children: [
-  /* @__PURE__ */ jsx22(AlertDialogOverlay, {}),
-  /* @__PURE__ */ jsx22(
+var AlertDialogContent = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs10(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsx23(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsx23(
     AlertDialogPrimitive.Content,
     {
       ref,
@@ -864,7 +895,7 @@ var AlertDialogContent = React19.forwardRef(({ className, ...props }, ref) => /*
   )
 ] }));
 AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx22(
+var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx23(
   "div",
   {
     className: cn("flex flex-col gap-1.5 text-left", className),
@@ -872,7 +903,7 @@ var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx22(
   }
 );
 AlertDialogHeader.displayName = "AlertDialogHeader";
-var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx22(
+var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx23(
   "div",
   {
     className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
@@ -880,7 +911,7 @@ var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx22(
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var AlertDialogTitle = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -889,7 +920,7 @@ var AlertDialogTitle = React19.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var AlertDialogDescription = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -898,7 +929,7 @@ var AlertDialogDescription = React19.forwardRef(({ className, ...props }, ref) =
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var AlertDialogAction = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   AlertDialogPrimitive.Action,
   {
     ref,
@@ -907,7 +938,7 @@ var AlertDialogAction = React19.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var AlertDialogCancel = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -921,14 +952,14 @@ AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 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";
+import { jsx as jsx24, jsxs as jsxs11 } 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(
+var ContextMenuSubTrigger = React20.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs11(
   ContextMenuPrimitive.SubTrigger,
   {
     ref,
@@ -940,12 +971,12 @@ var ContextMenuSubTrigger = React20.forwardRef(({ className, inset, children, ..
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx23(ChevronRight2, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx24(ChevronRight2, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var ContextMenuSubContent = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   ContextMenuPrimitive.SubContent,
   {
     ref,
@@ -957,7 +988,7 @@ var ContextMenuSubContent = React20.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-var ContextMenuContent = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx23(
+var ContextMenuContent = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx24(
   ContextMenuPrimitive.Content,
   {
     ref,
@@ -969,7 +1000,7 @@ var ContextMenuContent = React20.forwardRef(({ className, ...props }, ref) => /*
   }
 ) }));
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React20.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx23(
+var ContextMenuItem = React20.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx24(
   ContextMenuPrimitive.Item,
   {
     ref,
@@ -982,7 +1013,7 @@ var ContextMenuItem = React20.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = React20.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs10(
+var ContextMenuCheckboxItem = React20.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs11(
   ContextMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -993,13 +1024,13 @@ var ContextMenuCheckboxItem = React20.forwardRef(({ className, children, checked
     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" }) }) }),
+      /* @__PURE__ */ jsx24("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx24(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(Check3, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
+var ContextMenuRadioItem = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs11(
   ContextMenuPrimitive.RadioItem,
   {
     ref,
@@ -1009,13 +1040,13 @@ var ContextMenuRadioItem = React20.forwardRef(({ className, children, ...props }
     ),
     ...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" }) }) }),
+      /* @__PURE__ */ jsx24("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx24(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(Circle3, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React20.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx23(
+var ContextMenuLabel = React20.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx24(
   ContextMenuPrimitive.Label,
   {
     ref,
@@ -1024,7 +1055,7 @@ var ContextMenuLabel = React20.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var ContextMenuSeparator = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   ContextMenuPrimitive.Separator,
   {
     ref,
@@ -1034,7 +1065,7 @@ var ContextMenuSeparator = React20.forwardRef(({ className, ...props }, ref) =>
 ));
 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 });
+  return /* @__PURE__ */ jsx24("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
 };
 ContextMenuShortcut.displayName = "ContextMenuShortcut";
 
@@ -1042,14 +1073,14 @@ ContextMenuShortcut.displayName = "ContextMenuShortcut";
 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 });
+import { jsx as jsx25, jsxs as jsxs12 } from "react/jsx-runtime";
+var MenubarMenu = (props) => /* @__PURE__ */ jsx25(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(
+var Menubar = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   MenubarPrimitive.Root,
   {
     ref,
@@ -1061,7 +1092,7 @@ var Menubar = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var MenubarTrigger = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   MenubarPrimitive.Trigger,
   {
     ref,
@@ -1073,7 +1104,7 @@ var MenubarTrigger = React21.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React21.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs11(
+var MenubarSubTrigger = React21.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs12(
   MenubarPrimitive.SubTrigger,
   {
     ref,
@@ -1085,12 +1116,12 @@ var MenubarSubTrigger = React21.forwardRef(({ className, inset, children, ...pro
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx24(ChevronRight3, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx25(ChevronRight3, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var MenubarSubContent = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   MenubarPrimitive.SubContent,
   {
     ref,
@@ -1102,7 +1133,7 @@ var MenubarSubContent = React21.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 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(
+var MenubarContent = React21.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx25(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx25(
   MenubarPrimitive.Content,
   {
     ref,
@@ -1117,7 +1148,7 @@ var MenubarContent = React21.forwardRef(({ className, align = "start", alignOffs
   }
 ) }));
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React21.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx24(
+var MenubarItem = React21.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx25(
   MenubarPrimitive.Item,
   {
     ref,
@@ -1130,7 +1161,7 @@ var MenubarItem = React21.forwardRef(({ className, inset, ...props }, ref) => /*
   }
 ));
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React21.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs11(
+var MenubarCheckboxItem = React21.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs12(
   MenubarPrimitive.CheckboxItem,
   {
     ref,
@@ -1141,13 +1172,13 @@ var MenubarCheckboxItem = React21.forwardRef(({ className, children, checked, ..
     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" }) }) }),
+      /* @__PURE__ */ jsx25("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx25(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx25(Check4, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React21.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs11(
+var MenubarRadioItem = React21.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs12(
   MenubarPrimitive.RadioItem,
   {
     ref,
@@ -1157,13 +1188,13 @@ var MenubarRadioItem = React21.forwardRef(({ className, children, ...props }, re
     ),
     ...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" }) }) }),
+      /* @__PURE__ */ jsx25("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx25(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx25(Circle4, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React21.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx24(
+var MenubarLabel = React21.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx25(
   MenubarPrimitive.Label,
   {
     ref,
@@ -1172,7 +1203,7 @@ var MenubarLabel = React21.forwardRef(({ className, inset, ...props }, ref) => /
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var MenubarSeparator = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   MenubarPrimitive.Separator,
   {
     ref,
@@ -1182,14 +1213,14 @@ var MenubarSeparator = React21.forwardRef(({ className, ...props }, ref) => /* @
 ));
 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 });
+  return /* @__PURE__ */ jsx25("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";
+import { jsx as jsx26 } 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",
   {
@@ -1207,22 +1238,22 @@ var badgeVariants = cva5(
   }
 );
 var Badge = React22.forwardRef(
-  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx25("div", { ref, className: cn(badgeVariants({ variant }), className), ...props })
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx26("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";
+import { jsx as jsx27 } 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 }) })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx27("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx27("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 }));
+var TableHeader = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27("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 }));
+var TableBody = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
 TableBody.displayName = "TableBody";
-var TableFooter = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var TableFooter = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   "tfoot",
   {
     ref,
@@ -1235,7 +1266,7 @@ var TableFooter = React23.forwardRef(({ className, ...props }, ref) => /* @__PUR
 ));
 TableFooter.displayName = "TableFooter";
 var TableRow = React23.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
     "tr",
     {
       ref,
@@ -1248,7 +1279,7 @@ var TableRow = React23.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var TableHead = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   "th",
   {
     ref,
@@ -1260,7 +1291,7 @@ var TableHead = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var TableCell = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   "td",
   {
     ref,
@@ -1269,22 +1300,22 @@ var TableCell = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 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 }));
+var TableCaption = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27("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";
+import { jsx as jsx28 } 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 })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx28("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(
+import { jsx as jsx29 } from "react/jsx-runtime";
+var Avatar = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   AvatarPrimitive.Root,
   {
     ref,
@@ -1293,9 +1324,9 @@ var Avatar = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 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 }));
+var AvatarImage = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(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(
+var AvatarFallback = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -1311,8 +1342,8 @@ 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(
+import { jsx as jsx30 } from "react/jsx-runtime";
+var Separator4 = React26.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx30(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -1331,15 +1362,15 @@ 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(
+import { jsx as jsx31 } from "react/jsx-runtime";
+var Progress = React27.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx31(
   ProgressPrimitive.Root,
   {
     ref,
     value,
     className: cn("relative h-4 w-full overflow-hidden rounded-full bg-bg-secondary", className),
     ...props,
-    children: /* @__PURE__ */ jsx30(
+    children: /* @__PURE__ */ jsx31(
       ProgressPrimitive.Indicator,
       {
         className: "h-full w-full flex-1 bg-blue-400 transition-all",
@@ -1357,9 +1388,9 @@ 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";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+var TabsList = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
   TabsPrimitive.List,
   {
     ref,
@@ -1371,7 +1402,7 @@ var TabsList = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+var TabsTrigger = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -1383,7 +1414,7 @@ var TabsTrigger = React28.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+var TabsContent = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
   TabsPrimitive.Content,
   {
     ref,
@@ -1400,9 +1431,9 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
 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";
+import { jsx as jsx33, jsxs as jsxs13 } from "react/jsx-runtime";
 var Accordion = AccordionPrimitive.Root;
-var AccordionItem = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+var AccordionItem = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   AccordionPrimitive.Item,
   {
     ref,
@@ -1411,7 +1442,7 @@ var AccordionItem = React29.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 AccordionItem.displayName = AccordionPrimitive.Item.displayName;
-var AccordionTrigger = React29.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx32(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs12(
+var AccordionTrigger = React29.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx33(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs13(
   AccordionPrimitive.Trigger,
   {
     ref,
@@ -1422,12 +1453,12 @@ var AccordionTrigger = React29.forwardRef(({ className, children, ...props }, re
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx32(ChevronDown2, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+      /* @__PURE__ */ jsx33(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(
+var AccordionContent = React29.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx33(
   AccordionPrimitive.Content,
   {
     ref,
@@ -1435,7 +1466,7 @@ var AccordionContent = React29.forwardRef(({ className, children, ...props }, re
       "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 })
+    children: /* @__PURE__ */ jsx33("div", { className: cn("pb-4 pt-0", className), children })
   }
 ));
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;
@@ -1443,10 +1474,10 @@ 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";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var Collapsible = CollapsiblePrimitive.Root;
 var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
-var CollapsibleContent2 = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var CollapsibleContent2 = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   CollapsiblePrimitive.CollapsibleContent,
   {
     ref,
@@ -1462,22 +1493,22 @@ CollapsibleContent2.displayName = CollapsiblePrimitive.CollapsibleContent.displa
 // 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(
+import { jsx as jsx35, jsxs as jsxs14 } from "react/jsx-runtime";
+var ScrollArea = React31.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs14(
   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, {})
+      /* @__PURE__ */ jsx35(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx35(ScrollBar, {}),
+      /* @__PURE__ */ jsx35(ScrollAreaPrimitive.Corner, {})
     ]
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React31.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx34(
+var ScrollBar = React31.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx35(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -1489,7 +1520,7 @@ var ScrollBar = React31.forwardRef(({ className, orientation = "vertical", ...pr
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx34(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border-default" })
+    children: /* @__PURE__ */ jsx35(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border-default" })
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
@@ -1497,7 +1528,7 @@ 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";
+import { jsx as jsx36 } 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",
   {
@@ -1512,7 +1543,7 @@ var alertVariants = cva6(
     defaultVariants: { variant: "default" }
   }
 );
-var Alert = React32.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx35(
+var Alert = React32.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx36(
   "div",
   {
     ref,
@@ -1522,7 +1553,7 @@ var Alert = React32.forwardRef(({ className, variant, ...props }, ref) => /* @__
   }
 ));
 Alert.displayName = "Alert";
-var AlertTitle = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var AlertTitle = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
   "h5",
   {
     ref,
@@ -1531,7 +1562,7 @@ var AlertTitle = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var AlertDescription = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
   "div",
   {
     ref,
@@ -1545,11 +1576,11 @@ AlertDescription.displayName = "AlertDescription";
 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 }));
+import { jsx as jsx37, jsxs as jsxs15 } from "react/jsx-runtime";
+var Breadcrumb = React33.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx37("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
 var BreadcrumbList = React33.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
     "ol",
     {
       ref,
@@ -1563,12 +1594,12 @@ var BreadcrumbList = React33.forwardRef(
 );
 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 })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx37("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(
+  return /* @__PURE__ */ jsx37(
     Comp,
     {
       ref,
@@ -1579,7 +1610,7 @@ var BreadcrumbLink = React33.forwardRef(({ asChild, className, ...props }, ref)
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
 var BreadcrumbPage = React33.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
     "span",
     {
       ref,
@@ -1596,18 +1627,18 @@ var BreadcrumbSeparator = ({
   children,
   className,
   ...props
-}) => /* @__PURE__ */ jsx36(
+}) => /* @__PURE__ */ jsx37(
   "li",
   {
     role: "presentation",
     "aria-hidden": "true",
     className: cn("[&>svg]:h-4 [&>svg]:w-4", className),
     ...props,
-    children: children ?? /* @__PURE__ */ jsx36(ChevronRight4, {})
+    children: children ?? /* @__PURE__ */ jsx37(ChevronRight4, {})
   }
 );
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
-var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs14(
+var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs15(
   "span",
   {
     role: "presentation",
@@ -1615,8 +1646,8 @@ var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs14(
     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" })
+      /* @__PURE__ */ jsx37(MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx37("span", { className: "sr-only", children: "More" })
     ]
   }
 );
@@ -1625,8 +1656,8 @@ 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(
+import { jsx as jsx38, jsxs as jsxs16 } from "react/jsx-runtime";
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx38(
   "nav",
   {
     role: "navigation",
@@ -1637,14 +1668,14 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx37(
 );
 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 })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx38("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 })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx38("li", { ref, className: cn("", className), ...props })
 );
 PaginationItem.displayName = "PaginationItem";
-var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @__PURE__ */ jsx37(
+var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @__PURE__ */ jsx38(
   "a",
   {
     "aria-current": isActive ? "page" : void 0,
@@ -1656,7 +1687,7 @@ var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @_
   }
 );
 PaginationLink.displayName = "PaginationLink";
-var PaginationPrevious = ({ className, ...props }) => /* @__PURE__ */ jsxs15(
+var PaginationPrevious = ({ className, ...props }) => /* @__PURE__ */ jsxs16(
   PaginationLink,
   {
     "aria-label": "Go to previous page",
@@ -1664,13 +1695,13 @@ var PaginationPrevious = ({ className, ...props }) => /* @__PURE__ */ jsxs15(
     className: cn("gap-1 pl-2.5", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx37(ChevronLeft, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx37("span", { children: "Previous" })
+      /* @__PURE__ */ jsx38(ChevronLeft, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx38("span", { children: "Previous" })
     ]
   }
 );
 PaginationPrevious.displayName = "PaginationPrevious";
-var PaginationNext = ({ className, ...props }) => /* @__PURE__ */ jsxs15(
+var PaginationNext = ({ className, ...props }) => /* @__PURE__ */ jsxs16(
   PaginationLink,
   {
     "aria-label": "Go to next page",
@@ -1678,21 +1709,21 @@ var PaginationNext = ({ className, ...props }) => /* @__PURE__ */ jsxs15(
     className: cn("gap-1 pr-2.5", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx37("span", { children: "Next" }),
-      /* @__PURE__ */ jsx37(ChevronRight5, { className: "h-4 w-4" })
+      /* @__PURE__ */ jsx38("span", { children: "Next" }),
+      /* @__PURE__ */ jsx38(ChevronRight5, { className: "h-4 w-4" })
     ]
   }
 );
 PaginationNext.displayName = "PaginationNext";
-var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs15(
+var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs16(
   "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" })
+      /* @__PURE__ */ jsx38(MoreHorizontal2, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx38("span", { className: "sr-only", children: "More pages" })
     ]
   }
 );
@@ -1702,8 +1733,8 @@ PaginationEllipsis.displayName = "PaginationEllipsis";
 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(
+import { jsx as jsx39, jsxs as jsxs17 } from "react/jsx-runtime";
+var Command = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   CommandPrimitive,
   {
     ref,
@@ -1715,10 +1746,10 @@ var Command = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 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(
+var CommandDialog = ({ children, ...props }) => /* @__PURE__ */ jsx39(Dialog, { ...props, children: /* @__PURE__ */ jsx39(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsx39(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__ */ jsxs17("div", { className: "flex items-center border-b border-border-subtle px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ jsx39(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ jsx39(
     CommandPrimitive.Input,
     {
       ref,
@@ -1731,7 +1762,7 @@ var CommandInput = React35.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var CommandList = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   CommandPrimitive.List,
   {
     ref,
@@ -1740,7 +1771,7 @@ var CommandList = React35.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React35.forwardRef((props, ref) => /* @__PURE__ */ jsx38(
+var CommandEmpty = React35.forwardRef((props, ref) => /* @__PURE__ */ jsx39(
   CommandPrimitive.Empty,
   {
     ref,
@@ -1749,7 +1780,7 @@ var CommandEmpty = React35.forwardRef((props, ref) => /* @__PURE__ */ jsx38(
   }
 ));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var CommandGroup = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   CommandPrimitive.Group,
   {
     ref,
@@ -1761,7 +1792,7 @@ var CommandGroup = React35.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var CommandSeparator = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   CommandPrimitive.Separator,
   {
     ref,
@@ -1770,7 +1801,7 @@ var CommandSeparator = React35.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var CommandItem = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   CommandPrimitive.Item,
   {
     ref,
@@ -1782,7 +1813,7 @@ var CommandItem = React35.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandItem.displayName = CommandPrimitive.Item.displayName;
-var CommandShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx38(
+var CommandShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx39(
   "span",
   {
     className: cn("ml-auto text-xs tracking-widest text-text-tertiary", className),
@@ -1796,8 +1827,8 @@ 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(
+import { jsx as jsx40, jsxs as jsxs18 } from "react/jsx-runtime";
+var NavigationMenu = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs18(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -1805,12 +1836,12 @@ var NavigationMenu = React36.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx39(NavigationMenuViewport, {})
+      /* @__PURE__ */ jsx40(NavigationMenuViewport, {})
     ]
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
+var NavigationMenuList = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -1823,7 +1854,7 @@ 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(
+var NavigationMenuTrigger = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs18(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -1832,7 +1863,7 @@ var NavigationMenuTrigger = React36.forwardRef(({ className, children, ...props
     children: [
       children,
       " ",
-      /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx40(
         ChevronDown3,
         {
           className: "relative top-[1px] ml-1 h-4 w-4 transition duration-200 group-data-[state=open]:rotate-180",
@@ -1843,7 +1874,7 @@ var NavigationMenuTrigger = React36.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
+var NavigationMenuContent = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -1856,7 +1887,7 @@ var NavigationMenuContent = React36.forwardRef(({ className, ...props }, ref) =>
 ));
 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(
+var NavigationMenuViewport = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx40(
   NavigationMenuPrimitive.Viewport,
   {
     ref,
@@ -1868,7 +1899,7 @@ var NavigationMenuViewport = React36.forwardRef(({ className, ...props }, ref) =
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
+var NavigationMenuIndicator = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -1877,7 +1908,7 @@ var NavigationMenuIndicator = React36.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx39("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border-subtle shadow-md" })
+    children: /* @__PURE__ */ jsx40("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border-subtle shadow-md" })
   }
 ));
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
@@ -1940,10 +1971,10 @@ function useTheme() {
 
 // src/components/sonner.tsx
 import { Toaster as SonnerToaster, toast } from "sonner";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 var Toaster = ({ ...props }) => {
   const { resolvedTheme } = useTheme();
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     SonnerToaster,
     {
       theme: resolvedTheme,
@@ -1963,7 +1994,7 @@ var Toaster = ({ ...props }) => {
 
 // src/theme/ThemeToggle.tsx
 import { Sun, Moon, Monitor } from "lucide-react";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var icons = {
   light: Sun,
   dark: Moon,
@@ -1977,14 +2008,14 @@ var nextTheme = {
 function ThemeToggle() {
   const { theme, setTheme } = useTheme();
   const Icon = icons[theme];
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "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" })
+      children: /* @__PURE__ */ jsx42(Icon, { className: "w-4 h-4" })
     }
   );
 }
@@ -1992,9 +2023,9 @@ function ThemeToggle() {
 // 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";
+import { jsx as jsx43 } from "react/jsx-runtime";
 function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     DayPicker,
     {
       showOutsideDays,
@@ -2037,7 +2068,7 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
         ...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 })
+        Chevron: ({ className: cls, orientation, ...rest }) => orientation === "left" ? /* @__PURE__ */ jsx43(ChevronLeft2, { className: cn("size-4", cls), ...rest }) : /* @__PURE__ */ jsx43(ChevronRight6, { className: cn("size-4", cls), ...rest })
       },
       ...props
     }
@@ -2048,7 +2079,7 @@ 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";
+import { jsx as jsx44, jsxs as jsxs19 } from "react/jsx-runtime";
 var DEFAULT_FORMAT = {
   year: "numeric",
   month: "long",
@@ -2062,8 +2093,8 @@ function DatePicker({
   className
 }) {
   const [open, setOpen] = React37.useState(false);
-  return /* @__PURE__ */ jsxs18(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx43(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx44(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs19(
       Button,
       {
         type: "button",
@@ -2071,12 +2102,12 @@ function DatePicker({
         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" }),
+          /* @__PURE__ */ jsx44(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(
+    /* @__PURE__ */ jsx44(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx44(
       Calendar,
       {
         mode: "single",
@@ -2096,7 +2127,7 @@ DatePicker.displayName = "DatePicker";
 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";
+import { jsx as jsx45, jsxs as jsxs20 } from "react/jsx-runtime";
 var CarouselContext = React38.createContext(null);
 function useCarousel() {
   const context = React38.useContext(CarouselContext);
@@ -2143,7 +2174,7 @@ var Carousel = React38.forwardRef(({ orientation = "horizontal", opts, setApi, p
       api.off("select", onSelect);
     };
   }, [api, onSelect]);
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     CarouselContext.Provider,
     {
       value: {
@@ -2156,7 +2187,7 @@ var Carousel = React38.forwardRef(({ orientation = "horizontal", opts, setApi, p
         canScrollPrev,
         canScrollNext
       },
-      children: /* @__PURE__ */ jsx44(
+      children: /* @__PURE__ */ jsx45(
         "div",
         {
           ref,
@@ -2175,7 +2206,7 @@ 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(
+    return /* @__PURE__ */ jsx45("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx45(
       "div",
       {
         ref,
@@ -2189,7 +2220,7 @@ CarouselContent.displayName = "CarouselContent";
 var CarouselItem = React38.forwardRef(
   ({ className, ...props }, ref) => {
     const { orientation } = useCarousel();
-    return /* @__PURE__ */ jsx44(
+    return /* @__PURE__ */ jsx45(
       "div",
       {
         ref,
@@ -2208,7 +2239,7 @@ var CarouselItem = React38.forwardRef(
 CarouselItem.displayName = "CarouselItem";
 var CarouselPrevious = React38.forwardRef(({ className, ...props }, ref) => {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     "button",
     {
       ref,
@@ -2223,8 +2254,8 @@ var CarouselPrevious = React38.forwardRef(({ className, ...props }, ref) => {
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ jsx44(ArrowLeft, { className: "size-4" }),
-        /* @__PURE__ */ jsx44("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ jsx45(ArrowLeft, { className: "size-4" }),
+        /* @__PURE__ */ jsx45("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
   );
@@ -2232,7 +2263,7 @@ var CarouselPrevious = React38.forwardRef(({ className, ...props }, ref) => {
 CarouselPrevious.displayName = "CarouselPrevious";
 var CarouselNext = React38.forwardRef(({ className, ...props }, ref) => {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     "button",
     {
       ref,
@@ -2247,8 +2278,8 @@ var CarouselNext = React38.forwardRef(({ className, ...props }, ref) => {
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ jsx44(ArrowRight, { className: "size-4" }),
-        /* @__PURE__ */ jsx44("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ jsx45(ArrowRight, { className: "size-4" }),
+        /* @__PURE__ */ jsx45("span", { className: "sr-only", children: "Next slide" })
       ]
     }
   );
@@ -2264,11 +2295,11 @@ import {
   useFormContext,
   useFormState
 } from "react-hook-form";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx46 } 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 }) });
+  return /* @__PURE__ */ jsx46(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx46(Controller, { ...props }) });
 }
 var FormItemContext = React39.createContext(null);
 function useFormField() {
@@ -2291,13 +2322,13 @@ function useFormField() {
 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 }) });
+    return /* @__PURE__ */ jsx46(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx46("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(
+  return /* @__PURE__ */ jsx46(
     Label2,
     {
       ref,
@@ -2310,7 +2341,7 @@ var FormLabel = React39.forwardRef(({ className, ...props }, ref) => {
 FormLabel.displayName = "FormLabel";
 var FormControl = React39.forwardRef(({ ...props }, ref) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     Slot3,
     {
       ref,
@@ -2324,7 +2355,7 @@ var FormControl = React39.forwardRef(({ ...props }, ref) => {
 FormControl.displayName = "FormControl";
 var FormDescription = React39.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "p",
     {
       ref,
@@ -2339,7 +2370,7 @@ 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(
+  return /* @__PURE__ */ jsx46(
     "p",
     {
       ref,
@@ -2355,7 +2386,7 @@ 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";
+import { jsx as jsx47, jsxs as jsxs21 } from "react/jsx-runtime";
 var statusDotVariants = cva8("inline-block shrink-0 rounded-full", {
   variants: {
     status: {
@@ -2370,7 +2401,7 @@ var statusDotVariants = cva8("inline-block shrink-0 rounded-full", {
   defaultVariants: { status: "neutral", size: "md" }
 });
 var StatusDot = React40.forwardRef(
-  ({ className, status, size, pulse = false, ...props }, ref) => /* @__PURE__ */ jsxs20(
+  ({ className, status, size, pulse = false, ...props }, ref) => /* @__PURE__ */ jsxs21(
     "span",
     {
       ref,
@@ -2379,14 +2410,14 @@ var StatusDot = React40.forwardRef(
       className: cn("relative inline-flex", className),
       ...props,
       children: [
-        pulse && /* @__PURE__ */ jsx46(
+        pulse && /* @__PURE__ */ jsx47(
           "span",
           {
             "aria-hidden": "true",
             className: cn(statusDotVariants({ status, size }), "absolute inset-0 animate-ping opacity-75")
           }
         ),
-        /* @__PURE__ */ jsx46("span", { className: cn(statusDotVariants({ status, size })) })
+        /* @__PURE__ */ jsx47("span", { className: cn(statusDotVariants({ status, size })) })
       ]
     }
   )
@@ -2396,9 +2427,9 @@ 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";
+import { jsx as jsx48, jsxs as jsxs22 } from "react/jsx-runtime";
 var DocsLink = React41.forwardRef(
-  ({ href = "https://docs.lessly.com", label = "Docs", className, ...props }, ref) => /* @__PURE__ */ jsxs21(
+  ({ href = "https://docs.lessly.com", label = "Docs", className, ...props }, ref) => /* @__PURE__ */ jsxs22(
     "a",
     {
       ref,
@@ -2411,9 +2442,9 @@ var DocsLink = React41.forwardRef(
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx47(BookOpen, { className: "size-4", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx48(BookOpen, { className: "size-4", "aria-hidden": "true" }),
         label,
-        /* @__PURE__ */ jsx47(ExternalLink, { className: "size-3 text-text-tertiary", "aria-hidden": "true" })
+        /* @__PURE__ */ jsx48(ExternalLink, { className: "size-3 text-text-tertiary", "aria-hidden": "true" })
       ]
     }
   )
@@ -2422,9 +2453,9 @@ DocsLink.displayName = "DocsLink";
 
 // src/components/empty-state.tsx
 import * as React42 from "react";
-import { jsx as jsx48, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs23 } from "react/jsx-runtime";
 var EmptyState = React42.forwardRef(
-  ({ icon: Icon, title, description, action, className, ...props }, ref) => /* @__PURE__ */ jsxs22(
+  ({ icon: Icon, title, description, action, className, ...props }, ref) => /* @__PURE__ */ jsxs23(
     "div",
     {
       ref,
@@ -2434,201 +2465,25 @@ var EmptyState = React42.forwardRef(
       ),
       ...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 })
+        Icon && /* @__PURE__ */ jsx49("div", { className: "mb-4 flex size-11 items-center justify-center rounded-full bg-bg-secondary", children: /* @__PURE__ */ jsx49(Icon, { className: "size-5 text-icon-secondary", "aria-hidden": "true" }) }),
+        /* @__PURE__ */ jsx49("p", { className: "text-base font-semibold text-text-primary", children: title }),
+        description && /* @__PURE__ */ jsx49("p", { className: "mt-1 max-w-sm text-sm text-text-secondary", children: description }),
+        action && /* @__PURE__ */ jsx49("div", { className: "mt-4", children: action })
       ]
     }
   )
 );
 EmptyState.displayName = "EmptyState";
 
-// src/components/sign-in-screen.tsx
-import * as React43 from "react";
-
-// src/lib/auth-surface.ts
-var AUTH_GLOW_BG = "radial-gradient(560px 320px at 28% 16%, var(--auth-glow-a), transparent 68%),radial-gradient(520px 340px at 78% 90%, var(--auth-glow-b), transparent 66%),var(--bg-sunken)";
-var AUTH_FILLED_BUTTON = "flex h-[46px] w-full items-center justify-center gap-[11px] rounded-[10px] border border-transparent bg-text-primary px-[14px] text-[14.5px] font-semibold tracking-[-0.005em] text-bg-sunken transition-opacity hover:opacity-[0.92] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-text-brand active:translate-y-px disabled:cursor-not-allowed disabled:opacity-[0.55]";
-var AUTH_QUIET_BUTTON = "flex h-[46px] w-full items-center justify-center gap-[11px] rounded-[10px] border border-border-default bg-transparent px-[14px] text-[14.5px] font-medium tracking-[-0.005em] text-text-secondary transition-colors hover:bg-bg-secondary focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-text-brand";
-var AUTH_BUTTON_SHADOW = "var(--auth-btn-shadow)";
-
-// src/components/sign-in-screen.tsx
-import { Fragment, jsx as jsx49, jsxs as jsxs23 } from "react/jsx-runtime";
-var DEFAULT_TITLE = {
-  login: "Sign in",
-  forbidden: "Access restricted",
-  error: "Couldn't load"
-};
-var DEFAULT_DESCRIPTION = {
-  forbidden: "This app is limited to one Workspace group.",
-  error: "Something interrupted sign-in. Try again in a moment."
-};
-function Spinner({ className }) {
-  return /* @__PURE__ */ jsx49(
-    "span",
-    {
-      "aria-hidden": "true",
-      className: cn(
-        "inline-block animate-spin rounded-full border-2 border-current border-t-transparent",
-        className
-      )
-    }
-  );
-}
-function GoogleGlyph() {
-  return /* @__PURE__ */ jsx49("span", { className: "inline-flex size-[26px] flex-none items-center justify-center rounded-md bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.05)_inset]", children: /* @__PURE__ */ jsxs23("svg", { width: "17", height: "17", viewBox: "0 0 18 18", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx49("path", { fill: "#4285F4", d: "M17.64 9.2c0-.64-.06-1.25-.16-1.84H9v3.48h4.84a4.14 4.14 0 0 1-1.8 2.72v2.26h2.92c1.7-1.57 2.68-3.88 2.68-6.62z" }),
-    /* @__PURE__ */ jsx49("path", { fill: "#34A853", d: "M9 18c2.43 0 4.47-.8 5.96-2.18l-2.92-2.26c-.8.54-1.84.86-3.04.86-2.34 0-4.32-1.58-5.03-3.7H.96v2.33A9 9 0 0 0 9 18z" }),
-    /* @__PURE__ */ jsx49("path", { fill: "#FBBC05", d: "M3.97 10.72a5.4 5.4 0 0 1 0-3.44V4.95H.96a9 9 0 0 0 0 8.1l3.01-2.33z" }),
-    /* @__PURE__ */ jsx49("path", { fill: "#EA4335", d: "M9 3.58c1.32 0 2.5.46 3.44 1.35l2.58-2.58C13.46.9 11.43 0 9 0A9 9 0 0 0 .96 4.95l3.01 2.33C4.68 5.16 6.66 3.58 9 3.58z" })
-  ] }) });
-}
-var LockIcon = (props) => /* @__PURE__ */ jsxs23("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...props, children: [
-  /* @__PURE__ */ jsx49("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2" }),
-  /* @__PURE__ */ jsx49("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
-] });
-var WarningIcon = (props) => /* @__PURE__ */ jsxs23("svg", { width: "17", height: "17", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...props, children: [
-  /* @__PURE__ */ jsx49("path", { d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
-  /* @__PURE__ */ jsx49("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
-  /* @__PURE__ */ jsx49("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
-] });
-var ErrorIcon = (props) => /* @__PURE__ */ jsxs23("svg", { width: "17", height: "17", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...props, children: [
-  /* @__PURE__ */ jsx49("circle", { cx: "12", cy: "12", r: "10" }),
-  /* @__PURE__ */ jsx49("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
-  /* @__PURE__ */ jsx49("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
-] });
-var RetryIcon = (props) => /* @__PURE__ */ jsxs23("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...props, children: [
-  /* @__PURE__ */ jsx49("path", { d: "M23 4v6h-6" }),
-  /* @__PURE__ */ jsx49("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" })
-] });
-var calloutBase = "mb-[22px] flex gap-[10px] rounded-[10px] border px-[13px] py-[12px] text-left text-[13px] leading-[1.5] text-text-secondary [&_code]:font-mono [&_code]:text-[12px] [&_code]:text-text-primary [&_strong]:font-semibold [&_strong]:text-text-primary";
-function LockNote({ children }) {
-  return /* @__PURE__ */ jsxs23("div", { className: "mx-auto mt-[20px] flex flex-wrap items-center justify-center gap-[7px] text-[12px] leading-[1.4] text-text-secondary [&_code]:rounded-[5px] [&_code]:bg-bg-secondary [&_code]:px-[6px] [&_code]:py-[2px] [&_code]:font-mono [&_code]:text-[11.5px] [&_code]:text-text-secondary", children: [
-    /* @__PURE__ */ jsx49(LockIcon, { className: "flex-none text-text-tertiary" }),
-    children
-  ] });
-}
-var SignInScreen = React43.forwardRef(
-  ({
-    state: state2 = "login",
-    brand,
-    eyebrow,
-    title,
-    description,
-    googleLabel = "Continue with Google",
-    onGoogle,
-    signingIn = false,
-    signingInLabel = "Signing you in\u2026",
-    restriction,
-    forbidden,
-    error,
-    onRetry,
-    retryLabel = "Try again",
-    loadingLabel = "Loading\u2026",
-    footer,
-    className,
-    ...props
-  }, ref) => {
-    const shell = (children) => /* @__PURE__ */ jsx49(
-      "div",
-      {
-        ref,
-        className: cn(
-          "relative flex min-h-screen w-full items-center justify-center overflow-hidden px-6 py-12 text-text-primary",
-          className
-        ),
-        style: { background: AUTH_GLOW_BG },
-        ...props,
-        children
-      }
-    );
-    const brandMark = /* @__PURE__ */ jsx49("div", { className: "text-[24px] font-bold leading-none tracking-[-0.02em] text-text-primary", children: brand });
-    if (state2 === "loading") {
-      return shell(
-        /* @__PURE__ */ jsxs23("div", { className: "flex flex-col items-center gap-[16px] text-text-secondary", children: [
-          brandMark,
-          /* @__PURE__ */ jsx49(Spinner, { className: "size-[22px] text-text-tertiary opacity-90" }),
-          /* @__PURE__ */ jsx49("span", { role: "status", className: "text-[13.5px] tracking-[-0.005em]", children: loadingLabel })
-        ] })
-      );
-    }
-    const heading = title ?? DEFAULT_TITLE[state2];
-    const sub = description ?? DEFAULT_DESCRIPTION[state2];
-    return shell(
-      /* @__PURE__ */ jsxs23(
-        "div",
-        {
-          className: "relative w-full max-w-[360px] rounded-2xl bg-bg-surface px-[34px] pb-[30px] pt-[38px] text-center",
-          style: {
-            border: "1px solid var(--auth-card-border)",
-            boxShadow: "var(--auth-card-shadow)"
-          },
-          children: [
-            /* @__PURE__ */ jsx49("div", { className: "mb-[22px]", children: brandMark }),
-            eyebrow && state2 === "login" && /* @__PURE__ */ jsx49("p", { className: "mb-[12px] text-[13px] font-medium text-text-tertiary", children: eyebrow }),
-            /* @__PURE__ */ jsx49("h1", { className: "mb-[8px] text-[20px] font-semibold leading-[1.25] tracking-[-0.015em] text-text-primary", children: heading }),
-            sub && /* @__PURE__ */ jsx49("p", { className: "mx-auto mb-[24px] max-w-[280px] text-[13.5px] leading-[1.5] text-text-secondary", children: sub }),
-            state2 === "login" && /* @__PURE__ */ jsx49(
-              "button",
-              {
-                type: "button",
-                onClick: onGoogle,
-                disabled: signingIn,
-                "aria-busy": signingIn || void 0,
-                className: AUTH_FILLED_BUTTON,
-                style: { boxShadow: AUTH_BUTTON_SHADOW },
-                children: signingIn ? /* @__PURE__ */ jsxs23(Fragment, { children: [
-                  /* @__PURE__ */ jsx49(Spinner, { className: "size-[17px] opacity-50" }),
-                  /* @__PURE__ */ jsx49("span", { children: signingInLabel })
-                ] }) : /* @__PURE__ */ jsxs23(Fragment, { children: [
-                  /* @__PURE__ */ jsx49(GoogleGlyph, {}),
-                  /* @__PURE__ */ jsx49("span", { children: googleLabel })
-                ] })
-              }
-            ),
-            state2 === "forbidden" && forbidden && /* @__PURE__ */ jsxs23("div", { role: "status", className: cn(calloutBase, "border-border-warning bg-bg-warning-subtle"), children: [
-              /* @__PURE__ */ jsx49(WarningIcon, { className: "mt-px flex-none text-border-warning" }),
-              /* @__PURE__ */ jsx49("span", { children: forbidden })
-            ] }),
-            state2 === "error" && /* @__PURE__ */ jsxs23(Fragment, { children: [
-              /* @__PURE__ */ jsxs23("div", { role: "alert", className: cn(calloutBase, "border-border-danger bg-bg-danger-subtle"), children: [
-                /* @__PURE__ */ jsx49(ErrorIcon, { className: "mt-px flex-none text-border-danger" }),
-                /* @__PURE__ */ jsx49("span", { children: error ?? "The identity provider didn\u2019t respond. Retry in a moment." })
-              ] }),
-              onRetry && /* @__PURE__ */ jsxs23(
-                "button",
-                {
-                  type: "button",
-                  onClick: onRetry,
-                  className: AUTH_FILLED_BUTTON,
-                  style: { boxShadow: AUTH_BUTTON_SHADOW },
-                  children: [
-                    /* @__PURE__ */ jsx49(RetryIcon, {}),
-                    /* @__PURE__ */ jsx49("span", { children: retryLabel })
-                  ]
-                }
-              )
-            ] }),
-            restriction && (state2 === "login" || state2 === "forbidden") && /* @__PURE__ */ jsx49(LockNote, { children: restriction }),
-            footer != null && /* @__PURE__ */ jsx49("div", { className: "mt-[24px] text-[11px] tracking-[0.005em] text-text-tertiary", children: footer })
-          ]
-        }
-      )
-    );
-  }
-);
-SignInScreen.displayName = "SignInScreen";
-
 // src/components/copy-button.tsx
-import * as React44 from "react";
+import * as React43 from "react";
 import { Check as Check5, Copy } from "lucide-react";
 import { jsx as jsx50 } from "react/jsx-runtime";
-var CopyButton = React44.forwardRef(
+var CopyButton = React43.forwardRef(
   ({ value, label = "Copy", className, variant = "ghost", size = "icon", onClick, ...props }, ref) => {
-    const [copied, setCopied] = React44.useState(false);
-    const timer = React44.useRef(void 0);
-    React44.useEffect(() => () => clearTimeout(timer.current), []);
+    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;
@@ -2659,7 +2514,7 @@ var CopyButton = React44.forwardRef(
 CopyButton.displayName = "CopyButton";
 
 // src/components/stat-card.tsx
-import * as React45 from "react";
+import * as React44 from "react";
 import { ArrowDown, ArrowUp, Info as Info2, Minus as Minus2 } from "lucide-react";
 import { jsx as jsx51, jsxs as jsxs24 } from "react/jsx-runtime";
 var directionIcons = {
@@ -2677,7 +2532,7 @@ var toneFromDirection = {
   down: "negative",
   neutral: "neutral"
 };
-var StatCard = React45.forwardRef(
+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];
@@ -2716,10 +2571,10 @@ var StatCard = React45.forwardRef(
 StatCard.displayName = "StatCard";
 
 // src/components/confirm-dialog.tsx
-import * as React46 from "react";
+import * as React45 from "react";
 import { Loader2 } from "lucide-react";
 import { jsx as jsx52, jsxs as jsxs25 } from "react/jsx-runtime";
-var InlineError = React46.forwardRef(
+var InlineError = React45.forwardRef(
   ({ children, className, ...props }, ref) => /* @__PURE__ */ jsx52(
     "div",
     {
@@ -2746,12 +2601,12 @@ function ConfirmDialog({
   destructive = false,
   onConfirm
 }) {
-  const [internalOpen, setInternalOpen] = React46.useState(false);
+  const [internalOpen, setInternalOpen] = React45.useState(false);
   const isControlled = open !== void 0;
   const actualOpen = isControlled ? open : internalOpen;
-  const [busy, setBusy] = React46.useState(false);
-  const [error, setError] = React46.useState(null);
-  React46.useEffect(() => {
+  const [busy, setBusy] = React45.useState(false);
+  const [error, setError] = React45.useState(null);
+  React45.useEffect(() => {
     if (!actualOpen) setError(null);
   }, [actualOpen]);
   const setOpen = (next) => {
@@ -2794,7 +2649,7 @@ function ConfirmDialog({
 
 // src/components/user-menu.tsx
 import { ChevronsUpDown } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx53, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx53, jsxs as jsxs26 } from "react/jsx-runtime";
 function initialsOf(name) {
   const parts = name.trim().split(/\s+/).filter(Boolean);
   if (parts.length === 0) return "?";
@@ -2850,7 +2705,7 @@ function UserMenu({ user, items, collapsed = false, align = "start" }) {
           /* @__PURE__ */ jsx53(DropdownMenuSeparator, { className: "mx-0 shrink-0 bg-border-subtle" }),
           items.map((item, i) => {
             const Icon = item.icon;
-            const content = /* @__PURE__ */ jsxs26(Fragment2, { children: [
+            const content = /* @__PURE__ */ jsxs26(Fragment, { children: [
               Icon && /* @__PURE__ */ jsx53(Icon, { className: "size-4", "aria-hidden": "true" }),
               item.label
             ] });
@@ -2887,7 +2742,7 @@ function ExtensionLink({ uiMode, to, className, children, ...anchorProps }) {
 ExtensionLink.displayName = "ExtensionLink";
 
 // src/components/extension-icon.tsx
-import * as React47 from "react";
+import * as React46 from "react";
 import * as LucideIcons from "lucide-react";
 import { Puzzle } from "lucide-react";
 import { jsx as jsx55 } from "react/jsx-runtime";
@@ -2915,7 +2770,7 @@ function warnUnknownIconOnce(name) {
   warnedUnknownIcons.add(name);
   console.warn(`[@lessly/ui] ExtensionIcon: unknown icon "${name}" \u2014 falling back to Puzzle.`);
 }
-var ExtensionIcon = React47.forwardRef(
+var ExtensionIcon = React46.forwardRef(
   ({ name, ...props }, ref) => {
     const Icon = resolveIcon(name);
     if (!Icon) {
@@ -2969,9 +2824,9 @@ function useSidebar(options = {}) {
 }
 
 // src/components/nav-row.tsx
-import * as React48 from "react";
+import * as React47 from "react";
 import { Slot as Slot4 } from "@radix-ui/react-slot";
-import { Fragment as Fragment3, jsx as jsx56, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx56, jsxs as jsxs27 } from "react/jsx-runtime";
 var base = "flex w-full items-center text-left text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus";
 var shape = {
   rail: "gap-[14px] rounded-xl px-2.5 py-2",
@@ -2987,8 +2842,8 @@ var state = {
     active: "font-semibold text-text-brand hover:bg-[var(--menu-hov)]"
   }
 };
-var NavRow = React48.forwardRef(function NavRow2({ icon, label, active = false, variant, trailing, hideLabel = false, asChild = false, className, children, ...props }, ref) {
-  const content = /* @__PURE__ */ jsxs27(Fragment3, { children: [
+var NavRow = React47.forwardRef(function NavRow2({ icon, label, active = false, variant, trailing, hideLabel = false, asChild = false, className, children, ...props }, ref) {
+  const content = /* @__PURE__ */ jsxs27(Fragment2, { children: [
     icon && /* @__PURE__ */ jsx56(
       "span",
       {
@@ -3002,17 +2857,17 @@ var NavRow = React48.forwardRef(function NavRow2({ icon, label, active = false,
   ] });
   const classes = cn(base, shape[variant], state[variant][active ? "active" : "idle"], className);
   if (asChild) {
-    const child = React48.Children.only(children);
-    return /* @__PURE__ */ jsx56(Slot4, { ref, className: classes, "aria-label": hideLabel ? label : void 0, ...props, children: React48.cloneElement(child, void 0, content) });
+    const child = React47.Children.only(children);
+    return /* @__PURE__ */ jsx56(Slot4, { ref, className: classes, "aria-label": hideLabel ? label : void 0, ...props, children: React47.cloneElement(child, void 0, content) });
   }
   return /* @__PURE__ */ jsx56("button", { ref, type: "button", className: classes, "aria-label": hideLabel ? label : void 0, ...props, children: content });
 });
 NavRow.displayName = "NavRow";
 
 // src/components/nav-section-label.tsx
-import * as React49 from "react";
+import * as React48 from "react";
 import { jsx as jsx57 } from "react/jsx-runtime";
-var NavSectionLabel = React49.forwardRef(
+var NavSectionLabel = React48.forwardRef(
   function NavSectionLabel2({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx57(
       "div",
@@ -3027,7 +2882,7 @@ var NavSectionLabel = React49.forwardRef(
 NavSectionLabel.displayName = "NavSectionLabel";
 
 // src/components/menu-popup.tsx
-import * as React50 from "react";
+import * as React49 from "react";
 import { jsx as jsx58, jsxs as jsxs28 } from "react/jsx-runtime";
 function MenuPopup({
   trigger,
@@ -3057,7 +2912,7 @@ function MenuPopup({
     )
   ] });
 }
-var MenuDivider = React50.forwardRef(
+var MenuDivider = React49.forwardRef(
   function MenuDivider2({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx58(
       "div",
@@ -3148,7 +3003,7 @@ function SidebarNav({
 
 // src/components/app-sidebar.tsx
 import { PanelLeft } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx60, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx60, jsxs as jsxs30 } from "react/jsx-runtime";
 function Divider({ collapsed, testId, className }) {
   return /* @__PURE__ */ jsx60(
     "div",
@@ -3236,7 +3091,7 @@ function AppSidebar({
               children: /* @__PURE__ */ jsx60(PanelLeft, { className: "size-4", "aria-hidden": "true" })
             }
           )
-        ) : logoCollapsed ?? logo : /* @__PURE__ */ jsxs30(Fragment4, { children: [
+        ) : logoCollapsed ?? logo : /* @__PURE__ */ jsxs30(Fragment3, { children: [
           header ?? logo,
           pin
         ] }) }),
@@ -3252,7 +3107,7 @@ function AppSidebar({
             children: /* @__PURE__ */ jsx60(SidebarNav, { items, collapsed, basePath, LinkComponent, isItemActive })
           }
         ),
-        footer && /* @__PURE__ */ jsxs30(Fragment4, { children: [
+        footer && /* @__PURE__ */ jsxs30(Fragment3, { children: [
           /* @__PURE__ */ jsx60(Divider, { collapsed, testId: "sidebar-divider-account" }),
           /* @__PURE__ */ jsx60("div", { className: cn("py-2", collapsed ? "px-1" : "px-3"), children: footer })
         ] })
@@ -3262,22 +3117,22 @@ function AppSidebar({
 }
 
 // src/components/sidebar-product-header.tsx
-import * as React51 from "react";
+import * as React50 from "react";
 import { Slot as Slot5 } from "@radix-ui/react-slot";
 import { ChevronsUpDown as ChevronsUpDown2 } from "lucide-react";
-import { Fragment as Fragment5, jsx as jsx61, jsxs as jsxs31 } from "react/jsx-runtime";
-var SidebarProductHeader = React51.forwardRef(
+import { Fragment as Fragment4, jsx as jsx61, jsxs as jsxs31 } from "react/jsx-runtime";
+var SidebarProductHeader = React50.forwardRef(
   function SidebarProductHeader2({ name, icon, trailing, asChild = false, className, children, ...props }, ref) {
     const adornment = trailing === void 0 ? /* @__PURE__ */ jsx61(ChevronsUpDown2, { size: 14, "aria-hidden": "true", className: "shrink-0 text-text-tertiary" }) : trailing;
-    const content = /* @__PURE__ */ jsxs31(Fragment5, { children: [
+    const content = /* @__PURE__ */ jsxs31(Fragment4, { children: [
       icon && /* @__PURE__ */ jsx61("span", { className: "flex size-7 shrink-0 items-center justify-center overflow-hidden rounded-md", "aria-hidden": "true", children: icon }),
       /* @__PURE__ */ jsx61("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-text-primary", children: name }),
       adornment && /* @__PURE__ */ jsx61("span", { className: "flex shrink-0 items-center", children: adornment })
     ] });
     const classes = cn("flex w-full items-center gap-2.5 rounded-xl px-1.5 py-0 text-left", className);
     if (asChild) {
-      const child = React51.Children.only(children);
-      return /* @__PURE__ */ jsx61(Slot5, { ref, className: classes, ...props, children: React51.cloneElement(child, void 0, content) });
+      const child = React50.Children.only(children);
+      return /* @__PURE__ */ jsx61(Slot5, { ref, className: classes, ...props, children: React50.cloneElement(child, void 0, content) });
     }
     return /* @__PURE__ */ jsx61("button", { ref, type: "button", className: classes, ...props, children: content });
   }
@@ -3286,7 +3141,7 @@ SidebarProductHeader.displayName = "SidebarProductHeader";
 
 // src/components/org-product-switcher.tsx
 import { ChevronsUpDown as ChevronsUpDown3, Check as Check6 } from "lucide-react";
-import { Fragment as Fragment6, jsx as jsx62, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx62, jsxs as jsxs32 } from "react/jsx-runtime";
 var triggerBox = "flex w-full items-center gap-2.5 rounded-xl px-1.5 py-1 text-left transition-colors hover:bg-[var(--hov-bg)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus";
 var menuItem = "gap-2 rounded-md px-2 py-1.5 text-sm font-medium text-text-secondary focus:bg-[var(--menu-hov)] focus:text-text-primary";
 var sectionLabel = "px-2 pt-1.5 pb-1 text-xs font-medium text-text-tertiary";
@@ -3354,12 +3209,12 @@ function OrgProductSwitcher({
             /* @__PURE__ */ jsx62("span", { className: "min-w-0 flex-1 truncate", children: p.name }),
             p.id === activeProductId && /* @__PURE__ */ jsx62(Check6, { className: "size-4 shrink-0 text-text-secondary", "aria-hidden": "true" })
           ] }, p.id)),
-          actions && actions.length > 0 && /* @__PURE__ */ jsxs32(Fragment6, { children: [
+          actions && actions.length > 0 && /* @__PURE__ */ jsxs32(Fragment5, { children: [
             /* @__PURE__ */ jsx62(DropdownMenuSeparator, { className: "mx-0 shrink-0 bg-border-subtle" }),
             actions.map((a) => /* @__PURE__ */ jsx62(DropdownMenuItem, { className: menuItem, onSelect: a.onSelect, asChild: Boolean(a.href), children: a.href ? /* @__PURE__ */ jsxs32("a", { href: a.href, children: [
               a.icon,
               a.label
-            ] }) : /* @__PURE__ */ jsxs32(Fragment6, { children: [
+            ] }) : /* @__PURE__ */ jsxs32(Fragment5, { children: [
               a.icon,
               a.label
             ] }) }, a.id))
@@ -3433,17 +3288,17 @@ function SidebarBackHeader({
 SidebarBackHeader.displayName = "SidebarBackHeader";
 
 // src/components/app-shell.tsx
-import * as React52 from "react";
+import * as React51 from "react";
 import { Menu as Menu2 } from "lucide-react";
 import { useLocation as useLocation2 } from "react-router";
 import { jsx as jsx64, jsxs as jsxs34 } from "react/jsx-runtime";
 function expandedSidebar(sidebar) {
-  return React52.isValidElement(sidebar) ? React52.cloneElement(sidebar, { collapsed: false }) : sidebar;
+  return React51.isValidElement(sidebar) ? React51.cloneElement(sidebar, { collapsed: false }) : sidebar;
 }
 function AppShell({ sidebar, topBar, children, className }) {
   const { pathname } = useLocation2();
-  const [mobileOpen, setMobileOpen] = React52.useState(false);
-  React52.useEffect(() => {
+  const [mobileOpen, setMobileOpen] = React51.useState(false);
+  React51.useEffect(() => {
     setMobileOpen(false);
   }, [pathname]);
   const isMobile = useIsMobile();
@@ -3474,10 +3329,10 @@ function AppShell({ sidebar, topBar, children, className }) {
 var AuthenticatedLayout = AppShell;
 
 // src/components/grid.tsx
-import * as React53 from "react";
+import * as React52 from "react";
 import { Slot as Slot6 } from "@radix-ui/react-slot";
 import { jsx as jsx65 } from "react/jsx-runtime";
-var Grid = React53.forwardRef(
+var Grid = React52.forwardRef(
   ({ fluid = false, asChild = false, className, ...props }, ref) => {
     const Comp = asChild ? Slot6 : "div";
     return /* @__PURE__ */ jsx65(
@@ -3498,7 +3353,7 @@ var Grid = React53.forwardRef(
 Grid.displayName = "Grid";
 
 // src/components/col.tsx
-import * as React54 from "react";
+import * as React53 from "react";
 import { Slot as Slot7 } from "@radix-ui/react-slot";
 import { jsx as jsx66 } from "react/jsx-runtime";
 var TIER_MAX = { base: 4, md: 8, xl: 12 };
@@ -3620,7 +3475,7 @@ function responsiveClasses(span, offset) {
   }
   return cn(...spanClasses, ...startClasses);
 }
-var Col = React54.forwardRef(
+var Col = React53.forwardRef(
   ({ span, offset, asChild = false, className, ...props }, ref) => {
     const Comp = asChild ? Slot7 : "div";
     return /* @__PURE__ */ jsx66(Comp, { ref, className: cn(responsiveClasses(span, offset), className), ...props });
@@ -3629,7 +3484,7 @@ var Col = React54.forwardRef(
 Col.displayName = "Col";
 
 // src/components/code-block.tsx
-import * as React55 from "react";
+import * as React54 from "react";
 import { jsx as jsx67, jsxs as jsxs35 } from "react/jsx-runtime";
 var TOKEN_CLASS = {
   comment: "text-text-tertiary italic",
@@ -3758,9 +3613,9 @@ function tokenize(code, lang) {
   }
   return tokens;
 }
-var CodeBlock = React55.forwardRef(
+var CodeBlock = React54.forwardRef(
   ({ code, lang = "tsx", copy = false, filename, scroll = false, className, ...props }, ref) => {
-    const tokens = React55.useMemo(() => tokenize(code, lang), [code, lang]);
+    const tokens = React54.useMemo(() => tokenize(code, lang), [code, lang]);
     const framed = Boolean(filename) || copy;
     const pre = /* @__PURE__ */ jsx67(
       "pre",
@@ -3787,7 +3642,7 @@ var CodeBlock = React55.forwardRef(
   }
 );
 CodeBlock.displayName = "CodeBlock";
-var Code = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67(
+var Code = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67(
   "code",
   {
     ref,
@@ -3801,10 +3656,10 @@ var Code = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 Code.displayName = "Code";
 
 // src/components/grid-overlay.tsx
-import * as React56 from "react";
+import * as React55 from "react";
 import { jsx as jsx68 } from "react/jsx-runtime";
 var BASELINE = "var(--grid-gutter) / 2";
-var GridOverlay = React56.forwardRef(
+var GridOverlay = React55.forwardRef(
   ({ columns, baseline = false, className, style, ...props }, ref) => {
     const count = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;
     return /* @__PURE__ */ jsx68(
@@ -3832,7 +3687,7 @@ var GridOverlay = React56.forwardRef(
 GridOverlay.displayName = "GridOverlay";
 
 // src/components/segment-chip.tsx
-import * as React57 from "react";
+import * as React56 from "react";
 import { cva as cva9 } from "class-variance-authority";
 import { Link2 as Link22, KeyRound, Clock, Plus } from "lucide-react";
 import { jsx as jsx69, jsxs as jsxs36 } from "react/jsx-runtime";
@@ -3856,7 +3711,7 @@ var kindIcons = {
   pending: Clock,
   available: Plus
 };
-var SegmentChip = React57.forwardRef(
+var SegmentChip = React56.forwardRef(
   ({ kind, resource, icon, hideIcon = false, className, ...props }, ref) => {
     const Icon = icon ?? kindIcons[kind ?? "granted"];
     return /* @__PURE__ */ jsxs36("span", { ref, className: cn(segmentChipVariants({ kind }), className), ...props, children: [
@@ -3868,9 +3723,9 @@ var SegmentChip = React57.forwardRef(
 SegmentChip.displayName = "SegmentChip";
 
 // src/components/connection-card.tsx
-import * as React58 from "react";
+import * as React57 from "react";
 import { AlertTriangle, ChevronDown as ChevronDown4 } from "lucide-react";
-import { Fragment as Fragment7, jsx as jsx70, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx70, jsxs as jsxs37 } from "react/jsx-runtime";
 var authLabels = { app: "App", oauth: "OAuth", token: "token" };
 var statusMeta = {
   connected: { label: "Connected", badge: "success", dot: "success" },
@@ -3880,7 +3735,7 @@ var statusMeta = {
 function monogram(name) {
   return name.replace(/[^a-zA-Z0-9 ]/g, " ").split(/\s+/).filter(Boolean).slice(0, 2).map((w) => w[0].toUpperCase()).join("");
 }
-var ConnectionCard = React58.forwardRef(
+var ConnectionCard = React57.forwardRef(
   ({
     name,
     scope,
@@ -3933,7 +3788,7 @@ var ConnectionCard = React58.forwardRef(
     ) : null;
     const footerAction = collapsible ? action : connected && action;
     const footer = grantedCount !== void 0 || footerAction ? /* @__PURE__ */ jsxs37("div", { className: "flex items-center justify-between border-t border-border-subtle px-4 py-3", children: [
-      /* @__PURE__ */ jsx70("span", { className: "text-sm text-text-secondary", children: grantedCount !== void 0 ? /* @__PURE__ */ jsxs37(Fragment7, { children: [
+      /* @__PURE__ */ jsx70("span", { className: "text-sm text-text-secondary", children: grantedCount !== void 0 ? /* @__PURE__ */ jsxs37(Fragment6, { children: [
         "Granted to ",
         /* @__PURE__ */ jsx70("span", { className: "font-semibold text-text-primary", children: grantedCount }),
         " ",
@@ -4007,17 +3862,17 @@ var ConnectionCard = React58.forwardRef(
 ConnectionCard.displayName = "ConnectionCard";
 
 // src/components/request-row.tsx
-import * as React59 from "react";
-import { Fragment as Fragment8, jsx as jsx71, jsxs as jsxs38 } from "react/jsx-runtime";
+import * as React58 from "react";
+import { Fragment as Fragment7, jsx as jsx71, jsxs as jsxs38 } from "react/jsx-runtime";
 function monogram2(name) {
   return name.replace(/[^a-zA-Z0-9 ]/g, " ").split(/\s+/).filter(Boolean).slice(0, 2).map((w) => w[0].toUpperCase()).join("");
 }
-var RequestRow = React59.forwardRef(
+var RequestRow = React58.forwardRef(
   ({ surface, name, state: state2, glyph, subtitle, grantedResource, onApprove, onDeny, onRequest, action, className, ...props }, ref) => {
     let controls = action;
     if (controls === void 0) {
       if (surface === "org" && state2 === "pending") {
-        controls = /* @__PURE__ */ jsxs38(Fragment8, { children: [
+        controls = /* @__PURE__ */ jsxs38(Fragment7, { children: [
           /* @__PURE__ */ jsx71(Button, { variant: "outline", size: "sm", onClick: onDeny, children: "Deny" }),
           /* @__PURE__ */ jsx71(Button, { size: "sm", onClick: onApprove, children: "Approve" })
         ] });
@@ -4063,7 +3918,7 @@ var RequestRow = React59.forwardRef(
 RequestRow.displayName = "RequestRow";
 
 // src/components/feedback-button.tsx
-import * as React60 from "react";
+import * as React59 from "react";
 import { MessageSquare, Loader2 as Loader22, CheckCircle2 } from "lucide-react";
 import { jsx as jsx72, jsxs as jsxs39 } from "react/jsx-runtime";
 var TITLE_MAX = 256;
@@ -4079,15 +3934,15 @@ var DEFAULT_LABELS = {
 };
 function FeedbackButton({ onSubmit, labels, className }) {
   const l = { ...DEFAULT_LABELS, ...labels };
-  const uid = React60.useId();
+  const uid = React59.useId();
   const titleId = `${uid}-title`;
   const detailsId = `${uid}-details`;
   const titleErrId = `${uid}-title-error`;
   const detailsErrId = `${uid}-details-error`;
-  const [open, setOpen] = React60.useState(false);
-  const [status, setStatus] = React60.useState("idle");
-  const [title, setTitle] = React60.useState("");
-  const [details, setDetails] = React60.useState("");
+  const [open, setOpen] = React59.useState(false);
+  const [status, setStatus] = React59.useState("idle");
+  const [title, setTitle] = React59.useState("");
+  const [details, setDetails] = React59.useState("");
   const titleTooLong = title.length > TITLE_MAX;
   const detailsTooLong = details.length > DETAILS_MAX;
   const titleEmpty = title.trim().length === 0;
@@ -4311,7 +4166,7 @@ function isNotificationSettled(item) {
 }
 
 // src/components/notification-bell.tsx
-import * as React61 from "react";
+import * as React60 from "react";
 import { BellRing, Check as Check7, Settings } from "lucide-react";
 import { jsx as jsx74, jsxs as jsxs41 } from "react/jsx-runtime";
 function MarkReadButton({ title, onClick }) {
@@ -4393,7 +4248,7 @@ function BellRow({
     ] })
   ] });
 }
-var NotificationBell = React61.forwardRef(
+var NotificationBell = React60.forwardRef(
   ({
     items,
     unreadCount,
@@ -4410,7 +4265,7 @@ var NotificationBell = React61.forwardRef(
     className
   }, ref) => {
     const unread = unreadCount ?? items.filter((n) => !n.read && n.cls !== "ephemeral").length;
-    const age = React61.useCallback(
+    const age = React60.useCallback(
       (createdAt) => formatAge ? formatAge(createdAt) : formatRelativeAge(createdAt),
       [formatAge]
     );
@@ -4488,7 +4343,7 @@ var NotificationBell = React61.forwardRef(
 NotificationBell.displayName = "NotificationBell";
 
 // src/components/notification-center.tsx
-import * as React62 from "react";
+import * as React61 from "react";
 import { ArrowUpRight, Check as Check8, Search as Search2 } from "lucide-react";
 import { jsx as jsx75, jsxs as jsxs42 } from "react/jsx-runtime";
 var chipBase = "rounded-lg px-3 py-1.5 text-sm font-medium transition-colors";
@@ -4558,7 +4413,7 @@ function CenterRow({
     ] })
   ] });
 }
-var NotificationCenter = React62.forwardRef(
+var NotificationCenter = React61.forwardRef(
   ({
     items,
     title = "Notifications",
@@ -4574,16 +4429,16 @@ var NotificationCenter = React62.forwardRef(
     formatAge,
     className
   }, ref) => {
-    const [status, setStatus] = React62.useState("all");
-    const [source, setSource] = React62.useState("all");
-    const [product, setProduct] = React62.useState("all");
-    const [query, setQuery] = React62.useState("");
-    const [limit, setLimit] = React62.useState(pageSize);
-    const age = React62.useCallback(
+    const [status, setStatus] = React61.useState("all");
+    const [source, setSource] = React61.useState("all");
+    const [product, setProduct] = React61.useState("all");
+    const [query, setQuery] = React61.useState("");
+    const [limit, setLimit] = React61.useState(pageSize);
+    const age = React61.useCallback(
       (createdAt) => formatAge ? formatAge(createdAt) : formatRelativeAge(createdAt),
       [formatAge]
     );
-    const sourceChips = React62.useMemo(
+    const sourceChips = React61.useMemo(
       () => sources ?? Array.from(new Set(items.map((n) => n.source))),
       [sources, items]
     );
@@ -4717,9 +4572,9 @@ var NotificationCenter = React62.forwardRef(
 NotificationCenter.displayName = "NotificationCenter";
 
 // src/components/notification-settings.tsx
-import * as React63 from "react";
+import * as React62 from "react";
 import { Moon as Moon2, Plus as Plus2, Volume2 } from "lucide-react";
-import { Fragment as Fragment9, jsx as jsx76, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx76, jsxs as jsxs43 } from "react/jsx-runtime";
 var THRESHOLDS = [
   ["everything", "Everything"],
   ["important", "Important"],
@@ -4754,7 +4609,7 @@ function ThresholdControl({
     }
   );
 }
-var NotificationSettings = React63.forwardRef(
+var NotificationSettings = React62.forwardRef(
   ({
     subscriptions,
     value,
@@ -4767,7 +4622,7 @@ var NotificationSettings = React63.forwardRef(
     pushSlot,
     className
   }, ref) => {
-    const [tab, setTab] = React63.useState(DEFAULT_KEY);
+    const [tab, setTab] = React62.useState(DEFAULT_KEY);
     const isDefault = tab === DEFAULT_KEY;
     const defaults = value[DEFAULT_KEY] ?? { thresholds: {} };
     const customized = !isDefault && Object.prototype.hasOwnProperty.call(value, tab);
@@ -4829,7 +4684,7 @@ var NotificationSettings = React63.forwardRef(
           t.id
         )) })
       ] }),
-      isDefault ? /* @__PURE__ */ jsxs43(Fragment9, { children: [
+      isDefault ? /* @__PURE__ */ jsxs43(Fragment8, { children: [
         /* @__PURE__ */ jsx76("p", { className: "text-sm leading-relaxed text-text-secondary", children: "Your defaults, applied to every product unless you customize one. Everything addressed to you always lands in the in-app record; that cannot be turned off." }),
         /* @__PURE__ */ jsxs43(Card, { className: "border-none bg-bg-elevated p-5", children: [
           /* @__PURE__ */ jsx76("p", { className: "mb-1.5 text-xs font-bold uppercase tracking-wide text-text-tertiary", children: "Push to" }),
@@ -4895,7 +4750,7 @@ var NotificationSettings = React63.forwardRef(
             ]
           }
         )
-      ] }) : /* @__PURE__ */ jsxs43(Fragment9, { children: [
+      ] }) : /* @__PURE__ */ jsxs43(Fragment8, { children: [
         /* @__PURE__ */ jsx76(Card, { className: "border-none bg-bg-brand-subtle p-3.5", children: /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsxs43("div", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ jsxs43("p", { className: "text-sm font-semibold text-text-brand", children: [
@@ -4922,14 +4777,14 @@ var NotificationSettings = React63.forwardRef(
 NotificationSettings.displayName = "NotificationSettings";
 
 // src/components/notification-toast.tsx
-import * as React64 from "react";
+import * as React63 from "react";
 import { X as X3 } from "lucide-react";
 import { jsx as jsx77, jsxs as jsxs44 } from "react/jsx-runtime";
 var chipBase2 = "rounded-lg px-2.5 py-1 text-sm font-medium transition-colors";
 var chipPrimary = "bg-bg-brand text-text-on-brand hover:bg-bg-brand-hover";
 var chipDestructive = "bg-bg-elevated text-text-danger hover:bg-bg-surface";
 var linkAction = "text-sm font-semibold text-text-brand transition-colors hover:text-text-primary";
-var NotificationToast = React64.forwardRef(
+var NotificationToast = React63.forwardRef(
   ({
     item,
     showSource = true,
@@ -4998,7 +4853,7 @@ var NotificationToast = React64.forwardRef(
 NotificationToast.displayName = "NotificationToast";
 
 // src/components/notification-toaster.tsx
-import * as React65 from "react";
+import * as React64 from "react";
 import { jsx as jsx78 } from "react/jsx-runtime";
 var positions = {
   "bottom-right": "bottom-6 right-6 flex-col",
@@ -5006,7 +4861,7 @@ var positions = {
   "top-right": "top-6 right-6 flex-col-reverse",
   "top-left": "top-6 left-6 flex-col-reverse"
 };
-var NotificationToaster = React65.forwardRef(
+var NotificationToaster = React64.forwardRef(
   ({
     items,
     dwell,
@@ -5020,15 +4875,15 @@ var NotificationToaster = React65.forwardRef(
     className
   }, ref) => {
     const shown = items.slice(0, max);
-    const [paused, setPaused] = React65.useState(false);
-    const onDismissRef = React65.useRef(onDismiss);
+    const [paused, setPaused] = React64.useState(false);
+    const onDismissRef = React64.useRef(onDismiss);
     onDismissRef.current = onDismiss;
     const fyiDwell = dwell?.fyi;
     const importantDwell = dwell?.important;
     const criticalDwell = dwell?.critical;
-    const remaining = React65.useRef(/* @__PURE__ */ new Map());
+    const remaining = React64.useRef(/* @__PURE__ */ new Map());
     const liveIds = shown.map((item) => `${item.id}:${item.severity}`).join(" ");
-    React65.useEffect(() => {
+    React64.useEffect(() => {
       const owedById = remaining.current;
       const dwellSeconds = {
         fyi: fyiDwell ?? TOAST_DWELL.fyi,
@@ -5353,7 +5208,15 @@ var COUNTRY_OPTIONS = [
 ];
 
 // src/components/organization-onboarding-form.tsx
-import * as React66 from "react";
+import * as React65 from "react";
+
+// src/lib/auth-surface.ts
+var AUTH_GLOW_BG = "radial-gradient(560px 320px at 28% 16%, var(--auth-glow-a), transparent 68%),radial-gradient(520px 340px at 78% 90%, var(--auth-glow-b), transparent 66%),var(--bg-sunken)";
+var AUTH_FILLED_BUTTON = "flex h-[46px] w-full items-center justify-center gap-[11px] rounded-[10px] border border-transparent bg-text-primary px-[14px] text-[14.5px] font-semibold tracking-[-0.005em] text-bg-sunken transition-opacity hover:opacity-[0.92] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-text-brand active:translate-y-px disabled:cursor-not-allowed disabled:opacity-[0.55]";
+var AUTH_QUIET_BUTTON = "flex h-[46px] w-full items-center justify-center gap-[11px] rounded-[10px] border border-border-default bg-transparent px-[14px] text-[14.5px] font-medium tracking-[-0.005em] text-text-secondary transition-colors hover:bg-bg-secondary focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-text-brand";
+var AUTH_BUTTON_SHADOW = "var(--auth-btn-shadow)";
+
+// src/components/organization-onboarding-form.tsx
 import { jsx as jsx79, jsxs as jsxs45 } from "react/jsx-runtime";
 var CONTROLLER_SHARE_PCT = 50;
 var MAX_BENEFICIAL_OWNERS = 50;
@@ -5385,21 +5248,21 @@ function OrganizationOnboardingForm({
   onCancel,
   className
 }) {
-  const [name, setName] = React66.useState(defaultValues?.name ?? "");
-  const [legalName, setLegalName] = React66.useState(defaultValues?.legal_name ?? "");
-  const [ownerName, setOwnerName] = React66.useState(defaultValues?.owner_name ?? "");
-  const [countryOfIncorporation, setCountryOfIncorporation] = React66.useState(
+  const [name, setName] = React65.useState(defaultValues?.name ?? "");
+  const [legalName, setLegalName] = React65.useState(defaultValues?.legal_name ?? "");
+  const [ownerName, setOwnerName] = React65.useState(defaultValues?.owner_name ?? "");
+  const [countryOfIncorporation, setCountryOfIncorporation] = React65.useState(
     defaultValues?.country_of_incorporation ?? ""
   );
-  const [residencyCountry, setResidencyCountry] = React66.useState(
+  const [residencyCountry, setResidencyCountry] = React65.useState(
     defaultValues?.residency_country ?? ""
   );
-  const [owners, setOwners] = React66.useState(
+  const [owners, setOwners] = React65.useState(
     () => initialRows(defaultValues?.beneficial_owners)
   );
-  const [ownershipConfirmed, setOwnershipConfirmed] = React66.useState(false);
-  const nextKeyRef = React66.useRef(owners.length);
-  const submittingRef = React66.useRef(false);
+  const [ownershipConfirmed, setOwnershipConfirmed] = React65.useState(false);
+  const nextKeyRef = React65.useRef(owners.length);
+  const submittingRef = React65.useRef(false);
   const trimmed = name.trim();
   const filledOwners = owners.filter((row) => !isRowBlank(row));
   const ownerShares = filledOwners.map((row) => parseShare(row.share));
@@ -5444,7 +5307,7 @@ function OrganizationOnboardingForm({
       ...needsOwnershipConfirmation ? { ownership_confirmed: ownershipConfirmed } : {}
     });
   };
-  React66.useEffect(() => {
+  React65.useEffect(() => {
     submittingRef.current = false;
   }, [
     name,
@@ -5768,7 +5631,7 @@ function OrganizationCreateScreen({
 }
 
 // src/components/product-create-screen.tsx
-import * as React67 from "react";
+import * as React66 from "react";
 import { jsx as jsx82, jsxs as jsxs47 } from "react/jsx-runtime";
 var productRow = "flex w-full items-center justify-between rounded-md border border-border-default bg-bg-primary px-3 py-2 text-left text-sm text-text-primary";
 function ProductCreateScreen({
@@ -5795,11 +5658,11 @@ function ProductCreateScreen({
   footer,
   ...props
 }) {
-  const [name, setName] = React67.useState(defaultName);
-  const submittingRef = React67.useRef(false);
+  const [name, setName] = React66.useState(defaultName);
+  const submittingRef = React66.useRef(false);
   const trimmed = name.trim();
   const canSubmit = trimmed !== "" && !submitting;
-  React67.useEffect(() => {
+  React66.useEffect(() => {
     submittingRef.current = false;
   }, [name, submitting, serverError]);
   const handleSubmit = (event) => {
@@ -6086,6 +5949,7 @@ export {
   OrgProductSwitcher,
   OrganizationCreateScreen,
   OrganizationOnboardingForm,
+  PageHeader,
   Pagination,
   PaginationContent,
   PaginationEllipsis,
@@ -6122,7 +5986,6 @@ export {
   SidebarNav,
   SidebarNavLink,
   SidebarProductHeader,
-  SignInScreen,
   Skeleton,
   Slider,
   StatCard,