@otfdashkit/ui 0.1.1 → 0.1.3

package/dist/index.js

@@ -2,7 +2,7 @@
 
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var React131 = require('react');
+var React136 = require('react');
 var AccordionPrimitive = require('@radix-ui/react-accordion');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -21,10 +21,9 @@ var DialogPrimitive = require('@radix-ui/react-dialog');
 var ContextMenuPrimitive = require('@radix-ui/react-context-menu');
 var vaul = require('vaul');
 var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
-var reactHookForm = require('react-hook-form');
-var LabelPrimitive = require('@radix-ui/react-label');
 var HoverCardPrimitive = require('@radix-ui/react-hover-card');
 var inputOtp = require('input-otp');
+var LabelPrimitive = require('@radix-ui/react-label');
 var MenubarPrimitive = require('@radix-ui/react-menubar');
 var NavigationMenuPrimitive = require('@radix-ui/react-navigation-menu');
 var PopoverPrimitive = require('@radix-ui/react-popover');
@@ -56,6 +55,7 @@ var extensionTable = require('@tiptap/extension-table');
 var extensionTableRow = require('@tiptap/extension-table-row');
 var extensionTableCell = require('@tiptap/extension-table-cell');
 var extensionTableHeader = require('@tiptap/extension-table-header');
+var reactHookForm = require('react-hook-form');
 var zod = require('@hookform/resolvers/zod');
 var z = require('zod');
 var reactColorful = require('react-colorful');
@@ -84,7 +84,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React131__namespace = /*#__PURE__*/_interopNamespace(React131);
+var React136__namespace = /*#__PURE__*/_interopNamespace(React136);
 var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
 var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
 var AspectRatioPrimitive__namespace = /*#__PURE__*/_interopNamespace(AspectRatioPrimitive);
@@ -96,8 +96,8 @@ var CollapsiblePrimitive__namespace = /*#__PURE__*/_interopNamespace(Collapsible
 var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
 var ContextMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(ContextMenuPrimitive);
 var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
-var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
 var HoverCardPrimitive__namespace = /*#__PURE__*/_interopNamespace(HoverCardPrimitive);
+var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
 var MenubarPrimitive__namespace = /*#__PURE__*/_interopNamespace(MenubarPrimitive);
 var NavigationMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(NavigationMenuPrimitive);
 var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
@@ -124,7 +124,7 @@ function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
 var Accordion = AccordionPrimitive__namespace.Root;
-var AccordionItem = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AccordionItem = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AccordionPrimitive__namespace.Item,
   {
     ref,
@@ -133,7 +133,7 @@ var AccordionItem = React131__namespace.forwardRef(({ className, ...props }, ref
   }
 ));
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React131__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
+var AccordionTrigger = React136__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
   AccordionPrimitive__namespace.Trigger,
   {
     ref,
@@ -149,7 +149,7 @@ var AccordionTrigger = React131__namespace.forwardRef(({ className, children, ..
   }
 ) }));
 AccordionTrigger.displayName = AccordionPrimitive__namespace.Trigger.displayName;
-var AccordionContent = React131__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AccordionContent = React136__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AccordionPrimitive__namespace.Content,
   {
     ref,
@@ -181,7 +181,7 @@ var buttonVariants = classVarianceAuthority.cva(
     defaultVariants: { variant: "default", size: "default" }
   }
 );
-var Button = React131__namespace.default.forwardRef(
+var Button = React136__namespace.default.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
     return /* @__PURE__ */ jsxRuntime.jsx(Comp, { className: cn(buttonVariants({ variant, size }), className), ref, ...props });
@@ -191,7 +191,7 @@ Button.displayName = "Button";
 var AlertDialog = AlertDialogPrimitive__namespace.Root;
 var AlertDialogTrigger = AlertDialogPrimitive__namespace.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive__namespace.Portal;
-var AlertDialogOverlay = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogOverlay = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Overlay,
   {
     className: cn(
@@ -203,7 +203,7 @@ var AlertDialogOverlay = React131__namespace.forwardRef(({ className, ...props }
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
-var AlertDialogContent = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
+var AlertDialogContent = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsx(
     AlertDialogPrimitive__namespace.Content,
@@ -246,7 +246,7 @@ var AlertDialogFooter = ({
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogTitle = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Title,
   {
     ref,
@@ -255,7 +255,7 @@ var AlertDialogTitle = React131__namespace.forwardRef(({ className, ...props },
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive__namespace.Title.displayName;
-var AlertDialogDescription = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogDescription = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Description,
   {
     ref,
@@ -264,7 +264,7 @@ var AlertDialogDescription = React131__namespace.forwardRef(({ className, ...pro
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
-var AlertDialogAction = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogAction = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Action,
   {
     ref,
@@ -273,7 +273,7 @@ var AlertDialogAction = React131__namespace.forwardRef(({ className, ...props },
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
-var AlertDialogCancel = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogCancel = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Cancel,
   {
     ref,
@@ -300,7 +300,7 @@ var alertVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Alert = React131__namespace.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Alert = React136__namespace.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -310,7 +310,7 @@ var Alert = React131__namespace.forwardRef(({ className, variant, ...props }, re
   }
 ));
 Alert.displayName = "Alert";
-var AlertTitle = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertTitle = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "h5",
   {
     ref,
@@ -319,7 +319,7 @@ var AlertTitle = React131__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDescription = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -329,7 +329,7 @@ var AlertDescription = React131__namespace.forwardRef(({ className, ...props },
 ));
 AlertDescription.displayName = "AlertDescription";
 var AspectRatio = AspectRatioPrimitive__namespace.Root;
-var Avatar = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Avatar = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Root,
   {
     ref,
@@ -338,9 +338,9 @@ var Avatar = React131__namespace.default.forwardRef(({ className, ...props }, re
   }
 ));
 Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
-var AvatarImage = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AvatarPrimitive__namespace.Image, { ref, className: cn("aspect-square h-full w-full object-cover", className), ...props }));
+var AvatarImage = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AvatarPrimitive__namespace.Image, { ref, className: cn("aspect-square h-full w-full object-cover", className), ...props }));
 AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
-var AvatarFallback = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AvatarFallback = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Fallback,
   {
     ref,
@@ -349,15 +349,15 @@ var AvatarFallback = React131__namespace.default.forwardRef(({ className, ...pro
   }
 ));
 AvatarFallback.displayName = AvatarPrimitive__namespace.Fallback.displayName;
-var AvatarGroup = React131__namespace.default.forwardRef(
+var AvatarGroup = React136__namespace.default.forwardRef(
   ({ className, max = 4, size = 32, spacing, renderOverflow, children, ...props }, ref) => {
-    const items = React131__namespace.default.Children.toArray(children).filter(React131__namespace.default.isValidElement);
+    const items = React136__namespace.default.Children.toArray(children).filter(React136__namespace.default.isValidElement);
     const overlap = spacing ?? Math.round(size / 3);
     const visible = items.slice(0, max);
     const remaining = Math.max(0, items.length - max);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("flex items-center", className), "data-slot": "avatar-group", ...props, children: [
       visible.map(
-        (child, i) => React131__namespace.default.cloneElement(child, {
+        (child, i) => React136__namespace.default.cloneElement(child, {
           key: child.key ?? i,
           style: {
             width: size,
@@ -563,8 +563,8 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = reactDayPicker.getDefaultClassNames();
-  const ref = React131__namespace.useRef(null);
-  React131__namespace.useEffect(() => {
+  const ref = React136__namespace.useRef(null);
+  React136__namespace.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -587,7 +587,7 @@ function CalendarDayButton({
     }
   );
 }
-var Card = React131__namespace.default.forwardRef(
+var Card = React136__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -598,35 +598,35 @@ var Card = React131__namespace.default.forwardRef(
   )
 );
 Card.displayName = "Card";
-var CardHeader = React131__namespace.default.forwardRef(
+var CardHeader = React136__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React131__namespace.default.forwardRef(
+var CardTitle = React136__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("font-semibold leading-none tracking-tight", className), ...props })
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React131__namespace.default.forwardRef(
+var CardDescription = React136__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
 );
 CardDescription.displayName = "CardDescription";
-var CardContent = React131__namespace.default.forwardRef(
+var CardContent = React136__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props })
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React131__namespace.default.forwardRef(
+var CardFooter = React136__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
 );
 CardFooter.displayName = "CardFooter";
-var CarouselContext = React131__namespace.createContext(null);
+var CarouselContext = React136__namespace.createContext(null);
 function useCarousel() {
-  const context = React131__namespace.useContext(CarouselContext);
+  const context = React136__namespace.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React131__namespace.forwardRef(
+var Carousel = React136__namespace.forwardRef(
   ({
     orientation = "horizontal",
     opts,
@@ -643,22 +643,22 @@ var Carousel = React131__namespace.forwardRef(
       },
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React131__namespace.useState(false);
-    const [canScrollNext, setCanScrollNext] = React131__namespace.useState(false);
-    const onSelect = React131__namespace.useCallback((api2) => {
+    const [canScrollPrev, setCanScrollPrev] = React136__namespace.useState(false);
+    const [canScrollNext, setCanScrollNext] = React136__namespace.useState(false);
+    const onSelect = React136__namespace.useCallback((api2) => {
       if (!api2) {
         return;
       }
       setCanScrollPrev(api2.canScrollPrev());
       setCanScrollNext(api2.canScrollNext());
     }, []);
-    const scrollPrev = React131__namespace.useCallback(() => {
+    const scrollPrev = React136__namespace.useCallback(() => {
       api?.scrollPrev();
     }, [api]);
-    const scrollNext = React131__namespace.useCallback(() => {
+    const scrollNext = React136__namespace.useCallback(() => {
       api?.scrollNext();
     }, [api]);
-    const handleKeyDown = React131__namespace.useCallback(
+    const handleKeyDown = React136__namespace.useCallback(
       (event) => {
         if (event.key === "ArrowLeft") {
           event.preventDefault();
@@ -670,13 +670,13 @@ var Carousel = React131__namespace.forwardRef(
       },
       [scrollPrev, scrollNext]
     );
-    React131__namespace.useEffect(() => {
+    React136__namespace.useEffect(() => {
       if (!api || !setApi) {
         return;
       }
       setApi(api);
     }, [api, setApi]);
-    React131__namespace.useEffect(() => {
+    React136__namespace.useEffect(() => {
       if (!api) {
         return;
       }
@@ -717,7 +717,7 @@ var Carousel = React131__namespace.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselContent = React131__namespace.forwardRef(({ className, ...props }, ref) => {
+var CarouselContent = React136__namespace.forwardRef(({ className, ...props }, ref) => {
   const { carouselRef, orientation } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -733,7 +733,7 @@ var CarouselContent = React131__namespace.forwardRef(({ className, ...props }, r
   ) });
 });
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React131__namespace.forwardRef(({ className, ...props }, ref) => {
+var CarouselItem = React136__namespace.forwardRef(({ className, ...props }, ref) => {
   const { orientation } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -751,7 +751,7 @@ var CarouselItem = React131__namespace.forwardRef(({ className, ...props }, ref)
   );
 });
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React131__namespace.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+var CarouselPrevious = React136__namespace.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Button,
@@ -775,7 +775,7 @@ var CarouselPrevious = React131__namespace.forwardRef(({ className, variant = "o
   );
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React131__namespace.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+var CarouselNext = React136__namespace.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Button,
@@ -799,17 +799,173 @@ var CarouselNext = React131__namespace.forwardRef(({ className, variant = "outli
   );
 });
 CarouselNext.displayName = "CarouselNext";
+var SIZE = {
+  sm: { price: "text-sm", compare: "text-xs" },
+  md: { price: "text-lg", compare: "text-sm" },
+  lg: { price: "text-2xl", compare: "text-base" }
+};
+function formatMoney(minor, currency, locale) {
+  return new Intl.NumberFormat(locale, { style: "currency", currency }).format(minor / 100);
+}
+var PriceTag = React136__namespace.default.forwardRef(
+  ({ amount, compareAt, currency = "USD", locale = "en-US", size = "md", showDiscount = true, className, ...props }, ref) => {
+    const onSale = compareAt !== void 0 && compareAt > amount;
+    const pct = onSale ? Math.round((1 - amount / compareAt) * 100) : 0;
+    const s = SIZE[size];
+    return /* @__PURE__ */ jsxRuntime.jsxs("span", { ref, className: cn("inline-flex items-baseline gap-2 font-sans tabular-nums", className), ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("font-semibold tracking-tight text-foreground", s.price), children: formatMoney(amount, currency, locale) }),
+      onSale && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-muted-foreground line-through", s.compare), children: formatMoney(compareAt, currency, locale) }),
+        showDiscount && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rounded-full bg-destructive/10 px-2 py-0.5 text-xs font-semibold text-destructive", children: [
+          "\u2212",
+          pct,
+          "%"
+        ] })
+      ] })
+    ] });
+  }
+);
+PriceTag.displayName = "PriceTag";
+var QuantityStepper = React136__namespace.default.forwardRef(
+  ({
+    value: valueProp,
+    defaultValue = 1,
+    onValueChange,
+    min = 1,
+    max = 99,
+    step = 1,
+    size = "md",
+    disabled = false,
+    className,
+    "aria-label": ariaLabel = "Quantity",
+    ...props
+  }, ref) => {
+    const isControlled = valueProp !== void 0;
+    const [internal, setInternal] = React136__namespace.default.useState(defaultValue);
+    const value = isControlled ? valueProp : internal;
+    const commit = (next) => {
+      const clamped = Math.max(min, Math.min(max, next));
+      if (!isControlled) setInternal(clamped);
+      onValueChange?.(clamped);
+    };
+    const dim = size === "sm" ? "h-7 w-7" : "h-9 w-9";
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        role: "group",
+        "aria-label": ariaLabel,
+        className: cn("inline-flex items-center rounded-md border border-input", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "icon",
+              className: cn("rounded-r-none", dim),
+              disabled: disabled || value <= min,
+              onClick: () => commit(value - step),
+              "aria-label": "Decrease quantity",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minus, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "aria-live": "polite",
+              className: cn("select-none text-center text-sm font-medium tabular-nums", size === "sm" ? "min-w-7" : "min-w-8"),
+              children: value
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "icon",
+              className: cn("rounded-l-none", dim),
+              disabled: disabled || value >= max,
+              onClick: () => commit(value + step),
+              "aria-label": "Increase quantity",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+QuantityStepper.displayName = "QuantityStepper";
+var CartLineItem = React136__namespace.default.forwardRef(
+  ({
+    image,
+    title,
+    variant,
+    price,
+    compareAt,
+    currency = "USD",
+    quantity,
+    onQuantityChange,
+    onRemove,
+    minQuantity = 1,
+    maxQuantity = 99,
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: cn("flex items-center gap-4 rounded-lg border border-border bg-card p-3", className),
+        ...props,
+        children: [
+          image && /* @__PURE__ */ jsxRuntime.jsx("img", { src: image, alt: "", className: "h-16 w-16 flex-none rounded-md object-cover" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium text-card-foreground", children: title }),
+            variant && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm text-muted-foreground", children: variant }),
+            /* @__PURE__ */ jsxRuntime.jsx(PriceTag, { amount: price, compareAt, currency, size: "sm" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            QuantityStepper,
+            {
+              value: quantity,
+              min: minQuantity,
+              max: maxQuantity,
+              onValueChange: onQuantityChange,
+              size: "sm"
+            }
+          ),
+          onRemove && /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "icon",
+              className: "h-8 w-8 text-muted-foreground hover:text-destructive",
+              onClick: onRemove,
+              "aria-label": `Remove ${title}`,
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+CartLineItem.displayName = "CartLineItem";
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React131__namespace.createContext(null);
+var ChartContext = React136__namespace.createContext(null);
 function useChart() {
-  const context = React131__namespace.useContext(ChartContext);
+  const context = React136__namespace.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
   return context;
 }
-var ChartContainer = React131__namespace.forwardRef(({ id, className, children, config, ...props }, ref) => {
-  const uniqueId = React131__namespace.useId();
+var ChartContainer = React136__namespace.forwardRef(({ id, className, children, config, ...props }, ref) => {
+  const uniqueId = React136__namespace.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsxRuntime.jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -855,7 +1011,7 @@ ${colorConfig.map(([key, itemConfig]) => {
   );
 };
 var ChartTooltip = RechartsPrimitive__namespace.Tooltip;
-var ChartTooltipContent = React131__namespace.forwardRef(
+var ChartTooltipContent = React136__namespace.forwardRef(
   ({
     active,
     payload,
@@ -872,7 +1028,7 @@ var ChartTooltipContent = React131__namespace.forwardRef(
     labelKey
   }, ref) => {
     const { config } = useChart();
-    const tooltipLabel = React131__namespace.useMemo(() => {
+    const tooltipLabel = React136__namespace.useMemo(() => {
       if (hideLabel || !payload?.length) {
         return null;
       }
@@ -968,7 +1124,7 @@ var ChartTooltipContent = React131__namespace.forwardRef(
 );
 ChartTooltipContent.displayName = "ChartTooltip";
 var ChartLegend = RechartsPrimitive__namespace.Legend;
-var ChartLegendContent = React131__namespace.forwardRef(
+var ChartLegendContent = React136__namespace.forwardRef(
   ({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
     const { config } = useChart();
     if (!payload?.length) {
@@ -1026,7 +1182,7 @@ function getPayloadConfigFromPayload(config, payload, key) {
   }
   return configLabelKey in config ? config[configLabelKey] : config[key];
 }
-var Checkbox = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Checkbox = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   CheckboxPrimitive__namespace.Root,
   {
     ref,
@@ -1066,7 +1222,7 @@ function detectTheme(node) {
   }
   return document.documentElement.classList.contains("dark") ? "dark" : "light";
 }
-var CodeBlock = React131__namespace.default.forwardRef(
+var CodeBlock = React136__namespace.default.forwardRef(
   ({
     code,
     language = "tsx",
@@ -1077,10 +1233,10 @@ var CodeBlock = React131__namespace.default.forwardRef(
     className,
     ...props
   }, ref) => {
-    const containerRef = React131__namespace.default.useRef(null);
-    const [html, setHtml] = React131__namespace.default.useState(null);
-    const [copied, setCopied] = React131__namespace.default.useState(false);
-    React131__namespace.default.useEffect(() => {
+    const containerRef = React136__namespace.default.useRef(null);
+    const [html, setHtml] = React136__namespace.default.useState(null);
+    const [copied, setCopied] = React136__namespace.default.useState(false);
+    React136__namespace.default.useEffect(() => {
       let cancelled = false;
       getHighlighter().then((hl) => {
         if (cancelled) return;
@@ -1095,7 +1251,7 @@ var CodeBlock = React131__namespace.default.forwardRef(
         cancelled = true;
       };
     }, [code, language, theme]);
-    const onCopy = React131__namespace.default.useCallback(async () => {
+    const onCopy = React136__namespace.default.useCallback(async () => {
       try {
         await navigator.clipboard.writeText(code);
         setCopied(true);
@@ -1103,7 +1259,7 @@ var CodeBlock = React131__namespace.default.forwardRef(
       } catch {
       }
     }, [code]);
-    const lines = React131__namespace.default.useMemo(() => code.split("\n"), [code]);
+    const lines = React136__namespace.default.useMemo(() => code.split("\n"), [code]);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -1171,7 +1327,7 @@ var Dialog = DialogPrimitive__namespace.Root;
 var DialogTrigger = DialogPrimitive__namespace.Trigger;
 var DialogPortal = DialogPrimitive__namespace.Portal;
 var DialogClose = DialogPrimitive__namespace.Close;
-var DialogOverlay = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogOverlay = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     ref,
@@ -1185,7 +1341,7 @@ var DialogOverlay = React131__namespace.default.forwardRef(({ className, ...prop
   }
 ));
 DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
-var DialogContent = React131__namespace.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
+var DialogContent = React136__namespace.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsxs(
     DialogPrimitive__namespace.Content,
@@ -1215,7 +1371,7 @@ var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("
 DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogTitle = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Title,
   {
     ref,
@@ -1224,7 +1380,7 @@ var DialogTitle = React131__namespace.default.forwardRef(({ className, ...props
   }
 ));
 DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var DialogDescription = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogDescription = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Description,
   {
     ref,
@@ -1233,7 +1389,7 @@ var DialogDescription = React131__namespace.default.forwardRef(({ className, ...
   }
 ));
 DialogDescription.displayName = DialogPrimitive__namespace.Description.displayName;
-var Command = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Command = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command,
   {
     ref,
@@ -1248,7 +1404,7 @@ Command.displayName = cmdk.Command.displayName;
 var CommandDialog = ({ children, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsxRuntime.jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
 };
-var CommandInput = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+var CommandInput = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
   /* @__PURE__ */ jsxRuntime.jsx(
     cmdk.Command.Input,
@@ -1263,7 +1419,7 @@ var CommandInput = React131__namespace.forwardRef(({ className, ...props }, ref)
   )
 ] }));
 CommandInput.displayName = cmdk.Command.Input.displayName;
-var CommandList = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandList = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.List,
   {
     ref,
@@ -1272,7 +1428,7 @@ var CommandList = React131__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 CommandList.displayName = cmdk.Command.List.displayName;
-var CommandEmpty = React131__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandEmpty = React136__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Empty,
   {
     ref,
@@ -1281,7 +1437,7 @@ var CommandEmpty = React131__namespace.forwardRef((props, ref) => /* @__PURE__ *
   }
 ));
 CommandEmpty.displayName = cmdk.Command.Empty.displayName;
-var CommandGroup = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandGroup = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Group,
   {
     ref,
@@ -1293,7 +1449,7 @@ var CommandGroup = React131__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 CommandGroup.displayName = cmdk.Command.Group.displayName;
-var CommandSeparator = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandSeparator = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Separator,
   {
     ref,
@@ -1302,7 +1458,7 @@ var CommandSeparator = React131__namespace.forwardRef(({ className, ...props },
   }
 ));
 CommandSeparator.displayName = cmdk.Command.Separator.displayName;
-var CommandItem = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandItem = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Item,
   {
     ref,
@@ -1330,7 +1486,7 @@ var CommandShortcut = ({
   );
 };
 CommandShortcut.displayName = "CommandShortcut";
-var Comparison = React131__namespace.default.forwardRef(
+var Comparison = React136__namespace.default.forwardRef(
   ({
     before,
     after,
@@ -1346,10 +1502,10 @@ var Comparison = React131__namespace.default.forwardRef(
     ...props
   }, ref) => {
     const isControlled = valueProp !== void 0;
-    const [internal, setInternal] = React131__namespace.default.useState(defaultValue);
+    const [internal, setInternal] = React136__namespace.default.useState(defaultValue);
     const value = Math.max(0, Math.min(100, isControlled ? valueProp : internal));
-    const containerRef = React131__namespace.default.useRef(null);
-    const commit = React131__namespace.default.useCallback(
+    const containerRef = React136__namespace.default.useRef(null);
+    const commit = React136__namespace.default.useCallback(
       (next) => {
         const clamped = Math.max(0, Math.min(100, next));
         if (!isControlled) setInternal(clamped);
@@ -1357,7 +1513,7 @@ var Comparison = React131__namespace.default.forwardRef(
       },
       [isControlled, onValueChange]
     );
-    const updateFromPointer = React131__namespace.default.useCallback(
+    const updateFromPointer = React136__namespace.default.useCallback(
       (clientX, clientY) => {
         const el = containerRef.current;
         if (!el) return;
@@ -1480,30 +1636,30 @@ var ContextMenuSub = ContextMenuPrimitive__namespace.Sub;
 var ContextMenuRadioGroup = ContextMenuPrimitive__namespace.RadioGroup;
 var contentStyle = "z-50 min-w-[8rem] overflow-hidden rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--popover))] p-1 text-[hsl(var(--popover-foreground))] shadow-md animate-in fade-in-80";
 var itemStyle = "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-[hsl(var(--accent))] focus:text-[hsl(var(--accent-foreground))] data-[disabled]:pointer-events-none data-[disabled]:opacity-50";
-var ContextMenuContent = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Content, { ref, className: cn(contentStyle, className), ...props }) }));
+var ContextMenuContent = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Content, { ref, className: cn(contentStyle, className), ...props }) }));
 ContextMenuContent.displayName = ContextMenuPrimitive__namespace.Content.displayName;
-var ContextMenuItem = React131__namespace.default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Item, { ref, className: cn(itemStyle, inset && "pl-8", className), ...props }));
+var ContextMenuItem = React136__namespace.default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Item, { ref, className: cn(itemStyle, inset && "pl-8", className), ...props }));
 ContextMenuItem.displayName = ContextMenuPrimitive__namespace.Item.displayName;
-var ContextMenuCheckboxItem = React131__namespace.default.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuPrimitive__namespace.CheckboxItem, { ref, className: cn(itemStyle, "pl-8", className), checked, ...props, children: [
+var ContextMenuCheckboxItem = React136__namespace.default.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuPrimitive__namespace.CheckboxItem, { ref, className: cn(itemStyle, "pl-8", className), checked, ...props, children: [
   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }) }),
   children
 ] }));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive__namespace.CheckboxItem.displayName;
-var ContextMenuRadioItem = React131__namespace.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuPrimitive__namespace.RadioItem, { ref, className: cn(itemStyle, "pl-8", className), ...props, children: [
+var ContextMenuRadioItem = React136__namespace.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuPrimitive__namespace.RadioItem, { ref, className: cn(itemStyle, "pl-8", className), ...props, children: [
   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-2 w-2 fill-current" }) }) }),
   children
 ] }));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive__namespace.RadioItem.displayName;
-var ContextMenuLabel = React131__namespace.default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Label, { ref, className: cn("px-2 py-1.5 text-xs font-semibold text-[hsl(var(--muted-foreground))]", inset && "pl-8", className), ...props }));
+var ContextMenuLabel = React136__namespace.default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Label, { ref, className: cn("px-2 py-1.5 text-xs font-semibold text-[hsl(var(--muted-foreground))]", inset && "pl-8", className), ...props }));
 ContextMenuLabel.displayName = ContextMenuPrimitive__namespace.Label.displayName;
-var ContextMenuSeparator = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-[hsl(var(--muted))]", className), ...props }));
+var ContextMenuSeparator = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-[hsl(var(--muted))]", className), ...props }));
 ContextMenuSeparator.displayName = ContextMenuPrimitive__namespace.Separator.displayName;
-var ContextMenuSubTrigger = React131__namespace.default.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuPrimitive__namespace.SubTrigger, { ref, className: cn(itemStyle, inset && "pl-8", className), ...props, children: [
+var ContextMenuSubTrigger = React136__namespace.default.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuPrimitive__namespace.SubTrigger, { ref, className: cn(itemStyle, inset && "pl-8", className), ...props, children: [
   children,
   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "ml-auto h-4 w-4" })
 ] }));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive__namespace.SubTrigger.displayName;
-var ContextMenuSubContent = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.SubContent, { ref, className: cn(contentStyle, className), ...props }));
+var ContextMenuSubContent = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.SubContent, { ref, className: cn(contentStyle, className), ...props }));
 ContextMenuSubContent.displayName = ContextMenuPrimitive__namespace.SubContent.displayName;
 var ContextMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
 var Drawer = ({
@@ -1520,7 +1676,7 @@ Drawer.displayName = "Drawer";
 var DrawerTrigger = vaul.Drawer.Trigger;
 var DrawerPortal = vaul.Drawer.Portal;
 var DrawerClose = vaul.Drawer.Close;
-var DrawerOverlay = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DrawerOverlay = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   vaul.Drawer.Overlay,
   {
     ref,
@@ -1529,7 +1685,7 @@ var DrawerOverlay = React131__namespace.forwardRef(({ className, ...props }, ref
   }
 ));
 DrawerOverlay.displayName = vaul.Drawer.Overlay.displayName;
-var DrawerContent = React131__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DrawerPortal, { children: [
+var DrawerContent = React136__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DrawerPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(DrawerOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsxs(
     vaul.Drawer.Content,
@@ -1570,7 +1726,7 @@ var DrawerFooter = ({
   }
 );
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DrawerTitle = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   vaul.Drawer.Title,
   {
     ref,
@@ -1582,7 +1738,7 @@ var DrawerTitle = React131__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 DrawerTitle.displayName = vaul.Drawer.Title.displayName;
-var DrawerDescription = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DrawerDescription = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   vaul.Drawer.Description,
   {
     ref,
@@ -1607,134 +1763,65 @@ var itemStyle2 = cn(
   "focus:bg-[hsl(var(--accent))] focus:text-[hsl(var(--accent-foreground))]",
   "data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
 );
-var DropdownMenuContent = React131__namespace.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Content, { ref, sideOffset, className: cn(contentStyle2, className), ...props }) }));
+var DropdownMenuContent = React136__namespace.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Content, { ref, sideOffset, className: cn(contentStyle2, className), ...props }) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
-var DropdownMenuItem = React131__namespace.default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Item, { ref, className: cn(itemStyle2, inset && "pl-8", className), ...props }));
+var DropdownMenuItem = React136__namespace.default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Item, { ref, className: cn(itemStyle2, inset && "pl-8", className), ...props }));
 DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
-var DropdownMenuCheckboxItem = React131__namespace.default.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.CheckboxItem, { ref, className: cn(itemStyle2, "pl-8", className), checked, ...props, children: [
+var DropdownMenuCheckboxItem = React136__namespace.default.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.CheckboxItem, { ref, className: cn(itemStyle2, "pl-8", className), checked, ...props, children: [
   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }) }),
   children
 ] }));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React131__namespace.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.RadioItem, { ref, className: cn(itemStyle2, "pl-8", className), ...props, children: [
+var DropdownMenuRadioItem = React136__namespace.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.RadioItem, { ref, className: cn(itemStyle2, "pl-8", className), ...props, children: [
   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-2 w-2 fill-current" }) }) }),
   children
 ] }));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
-var DropdownMenuLabel = React131__namespace.default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Label, { ref, className: cn("px-2 py-1.5 text-xs font-semibold text-[hsl(var(--muted-foreground))]", inset && "pl-8", className), ...props }));
+var DropdownMenuLabel = React136__namespace.default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Label, { ref, className: cn("px-2 py-1.5 text-xs font-semibold text-[hsl(var(--muted-foreground))]", inset && "pl-8", className), ...props }));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
-var DropdownMenuSeparator = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-[hsl(var(--muted))]", className), ...props }));
+var DropdownMenuSeparator = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-[hsl(var(--muted))]", className), ...props }));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive__namespace.Separator.displayName;
-var DropdownMenuSubTrigger = React131__namespace.default.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.SubTrigger, { ref, className: cn(itemStyle2, inset && "pl-8", "data-[state=open]:bg-[hsl(var(--accent))]", className), ...props, children: [
+var DropdownMenuSubTrigger = React136__namespace.default.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.SubTrigger, { ref, className: cn(itemStyle2, inset && "pl-8", "data-[state=open]:bg-[hsl(var(--accent))]", className), ...props, children: [
   children,
   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "ml-auto h-4 w-4" })
 ] }));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
-var DropdownMenuSubContent = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.SubContent, { ref, className: cn(contentStyle2, className), ...props }));
+var DropdownMenuSubContent = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.SubContent, { ref, className: cn(contentStyle2, className), ...props }));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
 var DropdownMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-var labelVariants = classVarianceAuthority.cva(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-);
-var Label3 = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  LabelPrimitive__namespace.Root,
-  {
-    ref,
-    className: cn(labelVariants(), className),
+var EmptyCart = React136__namespace.default.forwardRef(
+  ({
+    title = "Your cart is empty",
+    description = "Browse the catalog and add something you love.",
+    actionLabel = "Continue shopping",
+    onAction,
+    icon,
+    className,
     ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: cn("flex flex-col items-center justify-center gap-4 px-6 py-12 text-center", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-14 w-14 items-center justify-center rounded-full bg-[hsl(var(--muted))] text-[hsl(var(--muted-foreground))]", children: icon ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShoppingCart, { className: "h-6 w-6", strokeWidth: 1.5 }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-semibold text-foreground", children: title }),
+            description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-xs text-sm text-muted-foreground", children: description })
+          ] }),
+          actionLabel && onAction && /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: onAction, className: "mt-1", children: actionLabel })
+        ]
+      }
+    );
   }
-));
-Label3.displayName = LabelPrimitive__namespace.Root.displayName;
-var FormFieldContext = React131__namespace.createContext(null);
-var useFormField = () => {
-  const fieldContext = React131__namespace.useContext(FormFieldContext);
-  const itemContext = React131__namespace.useContext(FormItemContext);
-  const { getFieldState, formState } = reactHookForm.useFormContext();
-  if (!fieldContext) {
-    throw new Error("useFormField should be used within <FormField>");
-  }
-  if (!itemContext) {
-    throw new Error("useFormField should be used within <FormItem>");
-  }
-  const fieldState = getFieldState(fieldContext.name, formState);
-  const { id } = itemContext;
-  return {
-    id,
-    name: fieldContext.name,
-    formItemId: `${id}-form-item`,
-    formDescriptionId: `${id}-form-item-description`,
-    formMessageId: `${id}-form-item-message`,
-    ...fieldState
-  };
-};
-var FormItemContext = React131__namespace.createContext(null);
-var FormItem = React131__namespace.forwardRef(({ className, ...props }, ref) => {
-  const id = React131__namespace.useId();
-  return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("space-y-2", className), ...props }) });
-});
-FormItem.displayName = "FormItem";
-var FormLabel = React131__namespace.forwardRef(({ className, ...props }, ref) => {
-  const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Label3,
-    {
-      ref,
-      className: cn(error && "text-destructive", className),
-      htmlFor: formItemId,
-      ...props
-    }
-  );
-});
-FormLabel.displayName = "FormLabel";
-var FormControl = React131__namespace.forwardRef(({ ...props }, ref) => {
-  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactSlot.Slot,
-    {
-      ref,
-      id: formItemId,
-      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
-      "aria-invalid": !!error,
-      ...props
-    }
-  );
-});
-FormControl.displayName = "FormControl";
-var FormDescription = React131__namespace.forwardRef(({ className, ...props }, ref) => {
-  const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "p",
-    {
-      ref,
-      id: formDescriptionId,
-      className: cn("text-[0.8rem] text-muted-foreground", className),
-      ...props
-    }
-  );
-});
-FormDescription.displayName = "FormDescription";
-var FormMessage = React131__namespace.forwardRef(({ className, children, ...props }, ref) => {
-  const { error, formMessageId } = useFormField();
-  const body = error ? String(error?.message ?? "") : children;
-  if (!body) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "p",
-    {
-      ref,
-      id: formMessageId,
-      className: cn("text-[0.8rem] font-medium text-destructive", className),
-      ...props,
-      children: body
-    }
-  );
-});
-FormMessage.displayName = "FormMessage";
+);
+EmptyCart.displayName = "EmptyCart";
 var HoverCard = HoverCardPrimitive__namespace.Root;
 var HoverCardTrigger = HoverCardPrimitive__namespace.Trigger;
-var HoverCardContent = React131__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var HoverCardContent = React136__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   HoverCardPrimitive__namespace.Content,
   {
     ref,
@@ -1748,7 +1835,7 @@ var HoverCardContent = React131__namespace.forwardRef(({ className, align = "cen
   }
 ));
 HoverCardContent.displayName = HoverCardPrimitive__namespace.Content.displayName;
-var InputOTP = React131__namespace.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var InputOTP = React136__namespace.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   inputOtp.OTPInput,
   {
     ref,
@@ -1761,10 +1848,10 @@ var InputOTP = React131__namespace.forwardRef(({ className, containerClassName,
   }
 ));
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center", className), ...props }));
+var InputOTPGroup = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center", className), ...props }));
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React131__namespace.forwardRef(({ index, className, ...props }, ref) => {
-  const inputOTPContext = React131__namespace.useContext(inputOtp.OTPInputContext);
+var InputOTPSlot = React136__namespace.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React136__namespace.useContext(inputOtp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -1784,9 +1871,9 @@ var InputOTPSlot = React131__namespace.forwardRef(({ index, className, ...props
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React131__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minus, {}) }));
+var InputOTPSeparator = React136__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minus, {}) }));
 InputOTPSeparator.displayName = "InputOTPSeparator";
-var Input = React131__namespace.default.forwardRef(
+var Input = React136__namespace.default.forwardRef(
   ({ className, type, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "input",
     {
@@ -1805,7 +1892,19 @@ var Input = React131__namespace.default.forwardRef(
   )
 );
 Input.displayName = "Input";
-var LogoCarousel = React131__namespace.default.forwardRef(
+var labelVariants = classVarianceAuthority.cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label3 = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  LabelPrimitive__namespace.Root,
+  {
+    ref,
+    className: cn(labelVariants(), className),
+    ...props
+  }
+));
+Label3.displayName = LabelPrimitive__namespace.Root.displayName;
+var LogoCarousel = React136__namespace.default.forwardRef(
   ({
     className,
     logos,
@@ -1899,7 +1998,7 @@ var SPEED_DURATION = {
   normal: "40s",
   fast: "20s"
 };
-var Marquee = React131__namespace.default.forwardRef(
+var Marquee = React136__namespace.default.forwardRef(
   ({
     children,
     speed = "normal",
@@ -1963,7 +2062,7 @@ function MenubarSub({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.Sub, { "data-slot": "menubar-sub", ...props });
 }
-var Menubar = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Menubar = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   MenubarPrimitive__namespace.Root,
   {
     ref,
@@ -1975,7 +2074,7 @@ var Menubar = React131__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 Menubar.displayName = MenubarPrimitive__namespace.Root.displayName;
-var MenubarTrigger = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var MenubarTrigger = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   MenubarPrimitive__namespace.Trigger,
   {
     ref,
@@ -1987,7 +2086,7 @@ var MenubarTrigger = React131__namespace.forwardRef(({ className, ...props }, re
   }
 ));
 MenubarTrigger.displayName = MenubarPrimitive__namespace.Trigger.displayName;
-var MenubarSubTrigger = React131__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var MenubarSubTrigger = React136__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   MenubarPrimitive__namespace.SubTrigger,
   {
     ref,
@@ -2004,7 +2103,7 @@ var MenubarSubTrigger = React131__namespace.forwardRef(({ className, inset, chil
   }
 ));
 MenubarSubTrigger.displayName = MenubarPrimitive__namespace.SubTrigger.displayName;
-var MenubarSubContent = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var MenubarSubContent = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   MenubarPrimitive__namespace.SubContent,
   {
     ref,
@@ -2016,7 +2115,7 @@ var MenubarSubContent = React131__namespace.forwardRef(({ className, ...props },
   }
 ));
 MenubarSubContent.displayName = MenubarPrimitive__namespace.SubContent.displayName;
-var MenubarContent = React131__namespace.forwardRef(
+var MenubarContent = React136__namespace.forwardRef(
   ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
     MenubarPrimitive__namespace.Content,
     {
@@ -2033,7 +2132,7 @@ var MenubarContent = React131__namespace.forwardRef(
   ) })
 );
 MenubarContent.displayName = MenubarPrimitive__namespace.Content.displayName;
-var MenubarItem = React131__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var MenubarItem = React136__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   MenubarPrimitive__namespace.Item,
   {
     ref,
@@ -2046,7 +2145,7 @@ var MenubarItem = React131__namespace.forwardRef(({ className, inset, ...props }
   }
 ));
 MenubarItem.displayName = MenubarPrimitive__namespace.Item.displayName;
-var MenubarCheckboxItem = React131__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var MenubarCheckboxItem = React136__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   MenubarPrimitive__namespace.CheckboxItem,
   {
     ref,
@@ -2063,7 +2162,7 @@ var MenubarCheckboxItem = React131__namespace.forwardRef(({ className, children,
   }
 ));
 MenubarCheckboxItem.displayName = MenubarPrimitive__namespace.CheckboxItem.displayName;
-var MenubarRadioItem = React131__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var MenubarRadioItem = React136__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   MenubarPrimitive__namespace.RadioItem,
   {
     ref,
@@ -2079,7 +2178,7 @@ var MenubarRadioItem = React131__namespace.forwardRef(({ className, children, ..
   }
 ));
 MenubarRadioItem.displayName = MenubarPrimitive__namespace.RadioItem.displayName;
-var MenubarLabel = React131__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var MenubarLabel = React136__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   MenubarPrimitive__namespace.Label,
   {
     ref,
@@ -2092,7 +2191,7 @@ var MenubarLabel = React131__namespace.forwardRef(({ className, inset, ...props
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive__namespace.Label.displayName;
-var MenubarSeparator = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var MenubarSeparator = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   MenubarPrimitive__namespace.Separator,
   {
     ref,
@@ -2117,7 +2216,7 @@ var MenubarShortcut = ({
   );
 };
 MenubarShortcut.displayname = "MenubarShortcut";
-var NavigationMenu = React131__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var NavigationMenu = React136__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   NavigationMenuPrimitive__namespace.Root,
   {
     ref,
@@ -2133,7 +2232,7 @@ var NavigationMenu = React131__namespace.forwardRef(({ className, children, ...p
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive__namespace.Root.displayName;
-var NavigationMenuList = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var NavigationMenuList = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   NavigationMenuPrimitive__namespace.List,
   {
     ref,
@@ -2149,7 +2248,7 @@ var NavigationMenuItem = NavigationMenuPrimitive__namespace.Item;
 var navigationMenuTriggerStyle = classVarianceAuthority.cva(
   "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent"
 );
-var NavigationMenuTrigger = React131__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var NavigationMenuTrigger = React136__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   NavigationMenuPrimitive__namespace.Trigger,
   {
     ref,
@@ -2169,7 +2268,7 @@ var NavigationMenuTrigger = React131__namespace.forwardRef(({ className, childre
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive__namespace.Trigger.displayName;
-var NavigationMenuContent = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var NavigationMenuContent = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   NavigationMenuPrimitive__namespace.Content,
   {
     ref,
@@ -2182,7 +2281,7 @@ var NavigationMenuContent = React131__namespace.forwardRef(({ className, ...prop
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive__namespace.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive__namespace.Link;
-var NavigationMenuViewport = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsxRuntime.jsx(
+var NavigationMenuViewport = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsxRuntime.jsx(
   NavigationMenuPrimitive__namespace.Viewport,
   {
     className: cn(
@@ -2194,7 +2293,7 @@ var NavigationMenuViewport = React131__namespace.forwardRef(({ className, ...pro
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive__namespace.Viewport.displayName;
-var NavigationMenuIndicator = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var NavigationMenuIndicator = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   NavigationMenuPrimitive__namespace.Indicator,
   {
     ref,
@@ -2217,7 +2316,7 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var PaginationContent = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "ul",
   {
     ref,
@@ -2226,7 +2325,7 @@ var PaginationContent = React131__namespace.forwardRef(({ className, ...props },
   }
 ));
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: cn("", className), ...props }));
+var PaginationItem = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: cn("", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = ({
   className,
@@ -2301,7 +2400,7 @@ PaginationEllipsis.displayName = "PaginationEllipsis";
 var Popover = PopoverPrimitive__namespace.Root;
 var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
 var PopoverAnchor = PopoverPrimitive__namespace.Anchor;
-var PopoverContent = React131__namespace.default.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var PopoverContent = React136__namespace.default.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
   PopoverPrimitive__namespace.Content,
   {
     ref,
@@ -2318,7 +2417,7 @@ var PopoverContent = React131__namespace.default.forwardRef(({ className, align
   }
 ) }));
 PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
-var Progress = React131__namespace.default.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Progress = React136__namespace.default.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ProgressPrimitive__namespace.Root,
   {
     ref,
@@ -2334,7 +2433,7 @@ var Progress = React131__namespace.default.forwardRef(({ className, value, ...pr
   }
 ));
 Progress.displayName = ProgressPrimitive__namespace.Root.displayName;
-var QrCode = React131__namespace.default.forwardRef(
+var QrCode = React136__namespace.default.forwardRef(
   ({
     value,
     size = 192,
@@ -2391,9 +2490,9 @@ var QrCode = React131__namespace.default.forwardRef(
   }
 );
 QrCode.displayName = "QrCode";
-var RadioGroup4 = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(RadioGroupPrimitive__namespace.Root, { className: cn("grid gap-2", className), ref, ...props }));
+var RadioGroup4 = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(RadioGroupPrimitive__namespace.Root, { className: cn("grid gap-2", className), ref, ...props }));
 RadioGroup4.displayName = RadioGroupPrimitive__namespace.Root.displayName;
-var RadioGroupItem = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var RadioGroupItem = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   RadioGroupPrimitive__namespace.Item,
   {
     ref,
@@ -2408,12 +2507,12 @@ var RadioGroupItem = React131__namespace.default.forwardRef(({ className, ...pro
   }
 ));
 RadioGroupItem.displayName = RadioGroupPrimitive__namespace.Item.displayName;
-var SIZE = {
+var SIZE2 = {
   sm: "h-4 w-4",
   md: "h-5 w-5",
   lg: "h-6 w-6"
 };
-var Rating = React131__namespace.default.forwardRef(
+var Rating = React136__namespace.default.forwardRef(
   ({
     value: valueProp,
     defaultValue = 0,
@@ -2429,10 +2528,10 @@ var Rating = React131__namespace.default.forwardRef(
     ...props
   }, ref) => {
     const isControlled = valueProp !== void 0;
-    const [internal, setInternal] = React131__namespace.default.useState(defaultValue);
+    const [internal, setInternal] = React136__namespace.default.useState(defaultValue);
     const value = isControlled ? valueProp : internal;
     const step = allowHalf ? 0.5 : 1;
-    const commit = React131__namespace.default.useCallback(
+    const commit = React136__namespace.default.useCallback(
       (next) => {
         const clamped = Math.max(0, Math.min(max, next));
         if (!isControlled) setInternal(clamped);
@@ -2479,13 +2578,13 @@ var Rating = React131__namespace.default.forwardRef(
         children: Array.from({ length: max }).map((_, i) => {
           const fillPercent = Math.max(0, Math.min(1, value - i)) * 100;
           const Icon2 = /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative inline-block leading-none", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("block text-muted-foreground/40", SIZE[size]), children: emptyIcon ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Star, { className: "h-full w-full", strokeWidth: 1.5 }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("block text-muted-foreground/40", SIZE2[size]), children: emptyIcon ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Star, { className: "h-full w-full", strokeWidth: 1.5 }) }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "span",
               {
                 className: cn(
                   "absolute inset-0 overflow-hidden text-[hsl(var(--primary))]",
-                  SIZE[size]
+                  SIZE2[size]
                 ),
                 style: { width: `${fillPercent}%` },
                 "aria-hidden": "true",
@@ -2546,7 +2645,7 @@ var ResizableHandle = ({
     children: withHandle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GripVertical, { className: "h-2.5 w-2.5" }) })
   }
 );
-var ScrollArea = React131__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var ScrollArea = React136__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   ScrollAreaPrimitive__namespace.Root,
   {
     ref,
@@ -2560,7 +2659,7 @@ var ScrollArea = React131__namespace.forwardRef(({ className, children, ...props
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive__namespace.Root.displayName;
-var ScrollBar = React131__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ScrollBar = React136__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
   {
     ref,
@@ -2579,7 +2678,7 @@ ScrollBar.displayName = ScrollAreaPrimitive__namespace.ScrollAreaScrollbar.displ
 var Select = SelectPrimitive__namespace.Root;
 var SelectGroup = SelectPrimitive__namespace.Group;
 var SelectValue = SelectPrimitive__namespace.Value;
-var SelectTrigger = React131__namespace.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectTrigger = React136__namespace.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Trigger,
   {
     ref,
@@ -2599,7 +2698,7 @@ var SelectTrigger = React131__namespace.default.forwardRef(({ className, childre
   }
 ));
 SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
-var SelectScrollUpButton = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollUpButton = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollUpButton,
   {
     ref,
@@ -2609,7 +2708,7 @@ var SelectScrollUpButton = React131__namespace.default.forwardRef(({ className,
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
-var SelectScrollDownButton = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollDownButton = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollDownButton,
   {
     ref,
@@ -2619,7 +2718,7 @@ var SelectScrollDownButton = React131__namespace.default.forwardRef(({ className
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
-var SelectContent = React131__namespace.default.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectContent = React136__namespace.default.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Content,
   {
     ref,
@@ -2646,7 +2745,7 @@ var SelectContent = React131__namespace.default.forwardRef(({ className, childre
   }
 ) }));
 SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
-var SelectLabel = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectLabel = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Label,
   {
     ref,
@@ -2655,7 +2754,7 @@ var SelectLabel = React131__namespace.default.forwardRef(({ className, ...props
   }
 ));
 SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
-var SelectItem = React131__namespace.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectItem = React136__namespace.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Item,
   {
     ref,
@@ -2673,7 +2772,7 @@ var SelectItem = React131__namespace.default.forwardRef(({ className, children,
   }
 ));
 SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
-var SelectSeparator = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectSeparator = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Separator,
   {
     ref,
@@ -2682,7 +2781,7 @@ var SelectSeparator = React131__namespace.default.forwardRef(({ className, ...pr
   }
 ));
 SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
-var Separator6 = React131__namespace.default.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Separator6 = React136__namespace.default.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SeparatorPrimitive__namespace.Root,
   {
     ref,
@@ -2701,7 +2800,7 @@ var Sheet = DialogPrimitive__namespace.Root;
 var SheetTrigger = DialogPrimitive__namespace.Trigger;
 var SheetClose = DialogPrimitive__namespace.Close;
 var SheetPortal = DialogPrimitive__namespace.Portal;
-var SheetOverlay = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SheetOverlay = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     ref,
@@ -2729,7 +2828,7 @@ var sheetVariants = classVarianceAuthority.cva(
     defaultVariants: { side: "right" }
   }
 );
-var SheetContent = React131__namespace.default.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
+var SheetContent = React136__namespace.default.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-[hsl(var(--ring))]", children: [
@@ -2742,9 +2841,9 @@ var SheetContent = React131__namespace.default.forwardRef(({ side = "right", cla
 SheetContent.displayName = DialogPrimitive__namespace.Content.displayName;
 var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
-var SheetTitle = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
+var SheetTitle = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
 SheetTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var SheetDescription = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Description, { ref, className: cn("text-sm text-[hsl(var(--muted-foreground))]", className), ...props }));
+var SheetDescription = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Description, { ref, className: cn("text-sm text-[hsl(var(--muted-foreground))]", className), ...props }));
 SheetDescription.displayName = DialogPrimitive__namespace.Description.displayName;
 function Skeleton({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2755,7 +2854,7 @@ function Skeleton({ className, ...props }) {
     }
   );
 }
-var Slider = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var Slider = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SliderPrimitive__namespace.Root,
   {
     ref,
@@ -2779,7 +2878,7 @@ function Spinner({ className, ...props }) {
     }
   );
 }
-var Switch = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Switch = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SwitchPrimitive__namespace.Root,
   {
     ref,
@@ -2805,7 +2904,7 @@ var Switch = React131__namespace.default.forwardRef(({ className, ...props }, re
   }
 ));
 Switch.displayName = SwitchPrimitive__namespace.Root.displayName;
-var Table = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+var Table = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
   "table",
   {
     ref,
@@ -2814,9 +2913,9 @@ var Table = React131__namespace.forwardRef(({ className, ...props }, ref) => /*
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableBody = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tbody",
   {
     ref,
@@ -2825,7 +2924,7 @@ var TableBody = React131__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableFooter = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tfoot",
   {
     ref,
@@ -2837,7 +2936,7 @@ var TableFooter = React131__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableRow = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tr",
   {
     ref,
@@ -2849,7 +2948,7 @@ var TableRow = React131__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableHead = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "th",
   {
     ref,
@@ -2861,7 +2960,7 @@ var TableHead = React131__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableCell = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "td",
   {
     ref,
@@ -2873,7 +2972,7 @@ var TableCell = React131__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableCaption = React136__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "caption",
   {
     ref,
@@ -2883,7 +2982,7 @@ var TableCaption = React131__namespace.forwardRef(({ className, ...props }, ref)
 ));
 TableCaption.displayName = "TableCaption";
 var Tabs = TabsPrimitive__namespace.Root;
-var TabsList = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsList = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.List,
   {
     ref,
@@ -2895,7 +2994,7 @@ var TabsList = React131__namespace.default.forwardRef(({ className, ...props },
   }
 ));
 TabsList.displayName = TabsPrimitive__namespace.List.displayName;
-var TabsTrigger = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsTrigger = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.Trigger,
   {
     ref,
@@ -2910,7 +3009,7 @@ var TabsTrigger = React131__namespace.default.forwardRef(({ className, ...props
   }
 ));
 TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
-var TabsContent = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsContent = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.Content,
   {
     ref,
@@ -2922,7 +3021,7 @@ var TabsContent = React131__namespace.default.forwardRef(({ className, ...props
   }
 ));
 TabsContent.displayName = TabsPrimitive__namespace.Content.displayName;
-var Textarea = React131__namespace.default.forwardRef(
+var Textarea = React136__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "textarea",
     {
@@ -2940,7 +3039,7 @@ var Textarea = React131__namespace.default.forwardRef(
   )
 );
 Textarea.displayName = "Textarea";
-var TextureCard = React131__namespace.forwardRef(
+var TextureCard = React136__namespace.forwardRef(
   ({ children, className, padding = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -2957,15 +3056,15 @@ var TextureCard = React131__namespace.forwardRef(
   )
 );
 TextureCard.displayName = "TextureCard";
-var TextureCardHeader = React131__namespace.forwardRef(
+var TextureCardHeader = React136__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex flex-col gap-1.5 mb-4", className), ...props })
 );
 TextureCardHeader.displayName = "TextureCardHeader";
-var TextureCardTitle = React131__namespace.forwardRef(
+var TextureCardTitle = React136__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("h3", { ref, className: cn("font-semibold text-base leading-tight tracking-tight text-foreground", className), ...props })
 );
 TextureCardTitle.displayName = "TextureCardTitle";
-var TextureCardDescription = React131__namespace.forwardRef(
+var TextureCardDescription = React136__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
 );
 TextureCardDescription.displayName = "TextureCardDescription";
@@ -2989,7 +3088,7 @@ var toggleVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Toggle = React131__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Toggle = React136__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TogglePrimitive__namespace.Root,
   {
     ref,
@@ -2998,11 +3097,11 @@ var Toggle = React131__namespace.forwardRef(({ className, variant, size, ...prop
   }
 ));
 Toggle.displayName = TogglePrimitive__namespace.Root.displayName;
-var ToggleGroupContext = React131__namespace.createContext({
+var ToggleGroupContext = React136__namespace.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React131__namespace.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ToggleGroup = React136__namespace.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ToggleGroupPrimitive__namespace.Root,
   {
     ref,
@@ -3012,8 +3111,8 @@ var ToggleGroup = React131__namespace.forwardRef(({ className, variant, size, ch
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive__namespace.Root.displayName;
-var ToggleGroupItem = React131__namespace.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React131__namespace.useContext(ToggleGroupContext);
+var ToggleGroupItem = React136__namespace.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React136__namespace.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ToggleGroupPrimitive__namespace.Item,
     {
@@ -3034,7 +3133,7 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive__namespace.Item.displayName;
 var TooltipProvider = TooltipPrimitive__namespace.Provider;
 var Tooltip2 = TooltipPrimitive__namespace.Root;
 var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
-var TooltipContent = React131__namespace.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var TooltipContent = React136__namespace.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
   TooltipPrimitive__namespace.Content,
   {
     ref,
@@ -3050,6 +3149,52 @@ var TooltipContent = React131__namespace.default.forwardRef(({ className, sideOf
   }
 ) }));
 TooltipContent.displayName = TooltipPrimitive__namespace.Content.displayName;
+var VariantPicker = React136__namespace.default.forwardRef(
+  ({ label, options, value: valueProp, defaultValue, onValueChange, className, ...props }, ref) => {
+    const isControlled = valueProp !== void 0;
+    const [internal, setInternal] = React136__namespace.default.useState(defaultValue);
+    const value = isControlled ? valueProp : internal;
+    const select = (v) => {
+      if (!isControlled) setInternal(v);
+      onValueChange?.(v);
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, role: "radiogroup", "aria-label": label, className: cn("flex flex-col gap-2", className), ...props, children: [
+      label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: options.map((opt) => {
+        const selected = value === opt.value;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": selected,
+            disabled: opt.disabled,
+            onClick: () => select(opt.value),
+            className: cn(
+              "inline-flex items-center gap-2 rounded-md border px-3 py-1.5 text-sm font-medium transition-colors",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+              selected ? "border-primary bg-primary/10 text-[hsl(var(--primary))]" : "border-border hover:bg-accent hover:text-accent-foreground",
+              opt.disabled && "cursor-not-allowed text-muted-foreground line-through opacity-50"
+            ),
+            children: [
+              opt.swatch && /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "h-4 w-4 rounded-full border border-border",
+                  style: { backgroundColor: opt.swatch }
+                }
+              ),
+              opt.label
+            ]
+          },
+          opt.value
+        );
+      }) })
+    ] });
+  }
+);
+VariantPicker.displayName = "VariantPicker";
 var bannerVariants = classVarianceAuthority.cva(
   "relative flex items-start gap-3 rounded-lg border px-4 py-3.5 text-sm transition-all",
   {
@@ -3146,8 +3291,8 @@ function Banner({
   className,
   children
 }) {
-  const [dismissed, setDismissed] = React131__namespace.default.useState(false);
-  const [exiting, setExiting] = React131__namespace.default.useState(false);
+  const [dismissed, setDismissed] = React136__namespace.default.useState(false);
+  const [exiting, setExiting] = React136__namespace.default.useState(false);
   const handleDismiss = () => {
     setExiting(true);
     setTimeout(() => {
@@ -3208,7 +3353,7 @@ function BreadcrumbSeparator({ className }) {
   return /* @__PURE__ */ jsxRuntime.jsx("li", { role: "presentation", "aria-hidden": "true", className: cn("flex items-center text-[hsl(var(--muted-foreground))]", className), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-3.5 w-3.5" }) });
 }
 function Breadcrumb({ children, className }) {
-  const items = React131__namespace.default.Children.toArray(children);
+  const items = React136__namespace.default.Children.toArray(children);
   const withSeparators = [];
   items.forEach((item, i) => {
     withSeparators.push(item);
@@ -3216,9 +3361,30 @@ function Breadcrumb({ children, className }) {
   });
   return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "breadcrumb", children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: cn("flex flex-wrap items-center gap-1", className), children: withSeparators }) });
 }
+function CommandItem2({ icon, label, description, shortcut, active, onClick, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      onClick,
+      className: cn(
+        "flex items-center gap-3 rounded-md px-3 py-2 cursor-pointer transition-colors",
+        active ? "bg-[hsl(var(--accent))] text-[hsl(var(--accent-foreground))]" : "hover:bg-[hsl(var(--accent)/0.6)]",
+        className
+      ),
+      children: [
+        icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-[hsl(var(--muted-foreground))] h-4 w-4 flex items-center justify-center", children: icon }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium truncate", children: label }),
+          description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-[hsl(var(--muted-foreground))] truncate", children: description })
+        ] }),
+        shortcut && /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: "shrink-0 pointer-events-none inline-flex h-5 items-center gap-1 rounded border border-[hsl(var(--border))] bg-[hsl(var(--muted))] px-1.5 text-[10px] font-medium text-[hsl(var(--muted-foreground))]", children: shortcut })
+      ]
+    }
+  );
+}
 function EditableCell({ value: initial, onSave }) {
-  const [editing, setEditing] = React131__namespace.default.useState(false);
-  const [val, setVal] = React131__namespace.default.useState(String(initial ?? ""));
+  const [editing, setEditing] = React136__namespace.default.useState(false);
+  const [val, setVal] = React136__namespace.default.useState(String(initial ?? ""));
   const commit = () => {
     onSave(val);
     setEditing(false);
@@ -3249,10 +3415,10 @@ var selectionCol = () => ({
   enableResizing: false
 });
 function DataGrid({ columns, data: initialData, onDataChange, editable, className }) {
-  const [data, setData] = React131__namespace.default.useState(initialData);
-  const [rowSelection, setRowSelection] = React131__namespace.default.useState({});
+  const [data, setData] = React136__namespace.default.useState(initialData);
+  const [rowSelection, setRowSelection] = React136__namespace.default.useState({});
   const columnResizeMode = "onChange";
-  const editableColumns = React131__namespace.default.useMemo(() => {
+  const editableColumns = React136__namespace.default.useMemo(() => {
     if (!editable) return columns;
     return columns.map((col) => ({
       ...col,
@@ -3271,7 +3437,7 @@ function DataGrid({ columns, data: initialData, onDataChange, editable, classNam
       )
     }));
   }, [columns, data, editable, onDataChange]);
-  const allColumns = React131__namespace.default.useMemo(() => [selectionCol(), ...editableColumns], [editableColumns]);
+  const allColumns = React136__namespace.default.useMemo(() => [selectionCol(), ...editableColumns], [editableColumns]);
   const table = reactTable.useReactTable({
     data,
     columns: allColumns,
@@ -3342,7 +3508,7 @@ function DataTableToolbar({ table, searchColumn }) {
   ) });
 }
 function DataTable({ columns, data, pageSize = 10, searchable, searchColumn, loading }) {
-  const [sorting, setSorting] = React131__namespace.default.useState([]);
+  const [sorting, setSorting] = React136__namespace.default.useState([]);
   const table = reactTable.useReactTable({
     data,
     columns,
@@ -3367,18 +3533,57 @@ function DataTable({ columns, data, pageSize = 10, searchable, searchColumn, loa
     /* @__PURE__ */ jsxRuntime.jsx(DataTablePagination, { table })
   ] });
 }
-var EmptyStateIcon = React131__namespace.default.forwardRef(
+var EmptyStateIcon = React136__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex h-12 w-12 items-center justify-center rounded-full bg-[hsl(var(--muted))] text-[hsl(var(--muted-foreground))]", className), ...props })
 );
 EmptyStateIcon.displayName = "EmptyStateIcon";
-function EmptyState({ icon, title, description, action, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col items-center justify-center gap-3 py-12 text-center", className), children: [
-    icon && /* @__PURE__ */ jsxRuntime.jsx(EmptyStateIcon, { children: icon }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-[hsl(var(--foreground))]", children: title }),
-      description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: description })
+var sizeMap = {
+  sm: "py-8 gap-2",
+  default: "py-12 gap-3",
+  lg: "py-20 gap-4"
+};
+var titleSizeMap = {
+  sm: "text-sm font-semibold",
+  default: "text-base font-semibold",
+  lg: "text-lg font-semibold"
+};
+var descSizeMap = {
+  sm: "text-xs",
+  default: "text-sm",
+  lg: "text-base"
+};
+var iconSizeMap = {
+  sm: "h-10 w-10",
+  default: "h-12 w-12",
+  lg: "h-16 w-16"
+};
+function EmptyState({
+  icon,
+  title,
+  description,
+  action,
+  secondaryAction,
+  size = "default",
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col items-center justify-center text-center", sizeMap[size], className), children: [
+    icon && /* @__PURE__ */ jsxRuntime.jsx(EmptyStateIcon, { className: iconSizeMap[size], children: icon }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1 max-w-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn(titleSizeMap[size], "text-[hsl(var(--foreground))]"), children: title }),
+      description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(descSizeMap[size], "text-[hsl(var(--muted-foreground))]"), children: description })
     ] }),
-    action && /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: action.onClick, className: "mt-1", children: action.label })
+    (action || secondaryAction) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mt-1", children: [
+      action && /* @__PURE__ */ jsxRuntime.jsx(Button, { size: size === "sm" ? "sm" : "default", onClick: action.onClick, children: action.label }),
+      secondaryAction && /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          variant: "outline",
+          size: size === "sm" ? "sm" : "default",
+          onClick: secondaryAction.onClick,
+          children: secondaryAction.label
+        }
+      )
+    ] })
   ] });
 }
 function HotkeyBadge({ children, className }) {
@@ -3398,13 +3603,13 @@ var colorMap = {
   error: "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400",
   purple: "bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-400"
 };
-var sizeMap = {
+var sizeMap2 = {
   sm: "h-7 w-7 [&>*]:h-3.5 [&>*]:w-3.5",
   md: "h-10 w-10 [&>*]:h-5 [&>*]:w-5",
   lg: "h-14 w-14 [&>*]:h-7 [&>*]:w-7"
 };
 function IconBadge({ icon, color = "default", size = "md", className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("inline-flex items-center justify-center rounded-full shrink-0", colorMap[color], sizeMap[size], className), children: icon });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("inline-flex items-center justify-center rounded-full shrink-0", colorMap[color], sizeMap2[size], className), children: icon });
 }
 function LoadingOverlay({ loading, text, fullPage, children, className }) {
   if (fullPage) {
@@ -3421,13 +3626,13 @@ function LoadingOverlay({ loading, text, fullPage, children, className }) {
     ] }) })
   ] });
 }
-var sizeMap2 = {
+var sizeMap3 = {
   sm: { avatar: "h-7 w-7", name: "text-sm", subtitle: "text-xs" },
   md: { avatar: "h-9 w-9", name: "text-sm font-medium", subtitle: "text-xs" },
   lg: { avatar: "h-12 w-12", name: "text-base font-medium", subtitle: "text-sm" }
 };
 function Persona({ name, subtitle, src, size = "md", badge, className }) {
-  const s = sizeMap2[size];
+  const s = sizeMap3[size];
   const initials = name.split(" ").map((w) => w[0]).slice(0, 2).join("").toUpperCase();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-2.5", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative shrink-0", children: [
@@ -3443,7 +3648,7 @@ function Persona({ name, subtitle, src, size = "md", badge, className }) {
     ] })
   ] });
 }
-var PropertyList = React131__namespace.default.forwardRef(
+var PropertyList = React136__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("dl", { ref, className: cn("divide-y divide-[hsl(var(--border))]", className), ...props })
 );
 PropertyList.displayName = "PropertyList";
@@ -3529,7 +3734,7 @@ function StructuredListItem({ left, title, description, right, onClick, classNam
     }
   );
 }
-var StructuredList = React131__namespace.default.forwardRef(
+var StructuredList = React136__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("space-y-4", className), ...props })
 );
 StructuredList.displayName = "StructuredList";
@@ -3539,7 +3744,7 @@ var dotColors = {
   error: "bg-red-500",
   warning: "bg-yellow-500"
 };
-var TimelineContent = React131__namespace.default.forwardRef(
+var TimelineContent = React136__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("pb-1", className), ...props })
 );
 TimelineContent.displayName = "TimelineContent";
@@ -3562,9 +3767,9 @@ function TimelineItem({ icon, title, description, timestamp, variant = "default"
   ] });
 }
 function Timeline({ children, className }) {
-  const items = React131__namespace.default.Children.toArray(children);
+  const items = React136__namespace.default.Children.toArray(children);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("", className), children: items.map(
-    (child, i) => React131__namespace.default.isValidElement(child) ? React131__namespace.default.cloneElement(child, { isLast: i === items.length - 1 }) : child
+    (child, i) => React136__namespace.default.isValidElement(child) ? React136__namespace.default.cloneElement(child, { isLast: i === items.length - 1 }) : child
   ) });
 }
 var INITIAL_MESSAGES = [
@@ -3589,8 +3794,8 @@ function ChatBubble({ msg }) {
   ] });
 }
 function ChatDetail({ className }) {
-  const [messages, setMessages] = React131.useState(INITIAL_MESSAGES);
-  const [input, setInput] = React131.useState("");
+  const [messages, setMessages] = React136.useState(INITIAL_MESSAGES);
+  const [input, setInput] = React136.useState("");
   const send = () => {
     if (!input.trim()) return;
     const now = (/* @__PURE__ */ new Date()).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
@@ -3623,9 +3828,9 @@ function ChatDetail({ className }) {
 }
 var REACTIONS = ["\u{1F60A}", "\u{1F610}", "\u{1F615}", "\u{1F621}", "\u{1F929}"];
 function FeedbackModal({ onSubmit, className }) {
-  const [reaction, setReaction] = React131.useState("");
-  const [text, setText] = React131.useState("");
-  const [submitted, setSubmitted] = React131.useState(false);
+  const [reaction, setReaction] = React136.useState("");
+  const [text, setText] = React136.useState("");
+  const [submitted, setSubmitted] = React136.useState(false);
   const handleSubmit = () => {
     onSubmit?.({ reaction, text });
     setSubmitted(true);
@@ -3748,7 +3953,7 @@ function FileRow({ file, onDelete }) {
   ] });
 }
 function FilesList({ className }) {
-  const [files, setFiles] = React131__namespace.default.useState(FILES2);
+  const [files, setFiles] = React136__namespace.default.useState(FILES2);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("rounded-md border border-[hsl(var(--border))] overflow-hidden", className), children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full", children: [
     /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-[hsl(var(--muted)/0.5)]", children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: ["Name", "Type", "Size", "Modified", ""].map((h) => /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-[hsl(var(--muted-foreground))]", children: h }, h)) }) }),
     /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: files.map((f) => /* @__PURE__ */ jsxRuntime.jsx(FileRow, { file: f, onDelete: () => setFiles((fs) => fs.filter((x) => x.id !== f.id)) }, f.id)) })
@@ -3761,7 +3966,7 @@ function IntegrationCard({
   connected = false,
   className
 }) {
-  const [isConnected, setIsConnected] = React131.useState(connected);
+  const [isConnected, setIsConnected] = React136.useState(connected);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-4 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4", className), children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-md bg-[hsl(var(--muted))] text-[hsl(var(--muted-foreground))]", children: icon ?? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-bold", children: name[0] }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
@@ -3795,9 +4000,9 @@ var PENDING = [
   { email: "sam@startup.io", role: "Viewer" }
 ];
 function InviteModal({ className }) {
-  const [email, setEmail] = React131.useState("");
-  const [role, setRole] = React131.useState("Member");
-  const [pending, setPending] = React131.useState(PENDING);
+  const [email, setEmail] = React136.useState("");
+  const [role, setRole] = React136.useState("Member");
+  const [pending, setPending] = React136.useState(PENDING);
   const invite = () => {
     if (!email.trim()) return;
     setPending((p) => [...p, { email: email.trim(), role }]);
@@ -3828,7 +4033,7 @@ function InviteModal({ className }) {
     pending.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "Pending invites" }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-[hsl(var(--border))] rounded-md border border-[hsl(var(--border))]", children: pending.map((p, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-3 py-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Avatar, { className: "h-6 w-6", children: /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-[10px]", children: p.email[0].toUpperCase() }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(Avatar, { className: "h-6 w-6", children: /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-[10px]", children: p.email.charAt(0).toUpperCase() }) }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-sm truncate", children: p.email }),
         /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "outline", className: "text-[10px] px-1.5 py-0.5 shrink-0", children: p.role }),
         /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setPending((ps) => ps.filter((_, j) => j !== i)), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3.5 w-3.5 text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))]" }) })
@@ -3844,9 +4049,9 @@ var INITIAL_TAGS = [
   { id: "4", name: "Research", color: "bg-purple-500" }
 ];
 function ManageTagsModal({ className }) {
-  const [tags, setTags] = React131.useState(INITIAL_TAGS);
-  const [newTag, setNewTag] = React131.useState("");
-  const [colorIdx, setColorIdx] = React131.useState(0);
+  const [tags, setTags] = React136.useState(INITIAL_TAGS);
+  const [newTag, setNewTag] = React136.useState("");
+  const [colorIdx, setColorIdx] = React136.useState(0);
   const addTag = () => {
     if (!newTag.trim()) return;
     const id = `tag-${Date.now()}`;
@@ -4048,13 +4253,13 @@ function Heatmap({
   showLegend = true,
   formatTooltip
 }) {
-  const valueByDate = React131.useMemo(() => {
+  const valueByDate = React136.useMemo(() => {
     const m = /* @__PURE__ */ new Map();
     for (const d of data) m.set(d.date, d.value);
     return m;
   }, [data]);
-  const max = React131.useMemo(() => Math.max(1, ...data.map((d) => d.value)), [data]);
-  const grid = React131.useMemo(() => {
+  const max = React136.useMemo(() => Math.max(1, ...data.map((d) => d.value)), [data]);
+  const grid = React136.useMemo(() => {
     const end = startOfWeek(endDate);
     end.setDate(end.getDate() + 6);
     const cols = [];
@@ -4072,7 +4277,7 @@ function Heatmap({
     }
     return cols;
   }, [endDate, weeks, valueByDate]);
-  const monthLabels = React131.useMemo(() => {
+  const monthLabels = React136.useMemo(() => {
     const labels = [];
     let lastMonth = -1;
     grid.forEach((col, i) => {
@@ -4243,9 +4448,9 @@ function apply(mode) {
   document.documentElement.classList.toggle("dark", isDark);
 }
 function ThemeSwitch({ defaultMode, onChange, className, variant = "segmented" }) {
-  const [mode, setMode] = React131__namespace.default.useState(() => defaultMode ?? readInitial());
-  const didMount = React131__namespace.default.useRef(false);
-  React131__namespace.default.useEffect(() => {
+  const [mode, setMode] = React136__namespace.default.useState(() => defaultMode ?? readInitial());
+  const didMount = React136__namespace.default.useRef(false);
+  React136__namespace.default.useEffect(() => {
     if (!didMount.current) {
       didMount.current = true;
       return;
@@ -4257,7 +4462,7 @@ function ThemeSwitch({ defaultMode, onChange, className, variant = "segmented" }
     }
     onChange?.(mode);
   }, [mode, onChange]);
-  React131__namespace.default.useEffect(() => {
+  React136__namespace.default.useEffect(() => {
     if (mode !== "system" || typeof window === "undefined") return;
     const mql = window.matchMedia("(prefers-color-scheme: dark)");
     const handler = () => apply("system");
@@ -4348,7 +4553,7 @@ function FloatingActionButton({
   position = "bottom-right",
   className
 }) {
-  const [open, setOpen] = React131__namespace.default.useState(false);
+  const [open, setOpen] = React136__namespace.default.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -4389,7 +4594,7 @@ function FloatingActionButton({
                 ] }),
                 sections.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Separator6, {})
               ] }),
-              sections.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-2.5 space-y-3", children: sections.map((section, i) => /* @__PURE__ */ jsxRuntime.jsxs(React131__namespace.default.Fragment, { children: [
+              sections.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-2.5 space-y-3", children: sections.map((section, i) => /* @__PURE__ */ jsxRuntime.jsxs(React136__namespace.default.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                   /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[9px] font-semibold uppercase tracking-widest text-muted-foreground mb-1.5", children: section.label }),
                   section.content
@@ -4431,7 +4636,7 @@ function applyTheme(val) {
   }
 }
 function PaletteSwatches({ options = DEFAULT_THEME_OPTIONS }) {
-  const [activeValue, setActiveValue] = React131__namespace.default.useState(readStoredTheme);
+  const [activeValue, setActiveValue] = React136__namespace.default.useState(readStoredTheme);
   const activeOption = options.find((o) => o.value === activeValue) ?? options[0];
   const handleSelect = (value) => {
     setActiveValue(value);
@@ -4508,7 +4713,7 @@ function NotifRow({ label, description, checked, onChange }) {
   ] });
 }
 function NotificationSettings({ className }) {
-  const [states, setStates] = React131.useState(
+  const [states, setStates] = React136.useState(
     Object.fromEntries(NOTIFICATIONS.map((n) => [n.id, n.default]))
   );
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-6", className), children: [
@@ -4521,23 +4726,23 @@ function NotificationSettings({ className }) {
       NotifRow,
       {
         ...n,
-        checked: states[n.id],
+        checked: states[n.id] ?? false,
         onChange: (val) => setStates((s) => ({ ...s, [n.id]: val }))
       },
       n.id
     )) })
   ] });
 }
-var SidebarCtx = React131.createContext({
+var SidebarCtx = React136.createContext({
   collapsed: false,
   toggleCollapsed: () => {
   }
 });
 function useSidebar() {
-  return React131.useContext(SidebarCtx);
+  return React136.useContext(SidebarCtx);
 }
 function SidebarRoot({ children, storageKey = "sidebar-collapsed", defaultCollapsed = false, className }) {
-  const [collapsed, setCollapsed] = React131.useState(() => {
+  const [collapsed, setCollapsed] = React136.useState(() => {
     if (typeof window === "undefined") return defaultCollapsed;
     try {
       return JSON.parse(localStorage.getItem(storageKey) ?? String(defaultCollapsed));
@@ -4545,7 +4750,7 @@ function SidebarRoot({ children, storageKey = "sidebar-collapsed", defaultCollap
       return defaultCollapsed;
     }
   });
-  const toggleCollapsed = React131.useCallback(() => {
+  const toggleCollapsed = React136.useCallback(() => {
     setCollapsed((v) => {
       const next = !v;
       try {
@@ -4673,7 +4878,7 @@ function OrgMenu({
   onCreateOrg,
   className
 }) {
-  const [internalId, setInternalId] = React131.useState(defaultOrgId ?? ORGS[0]?.id ?? "1");
+  const [internalId, setInternalId] = React136.useState(defaultOrgId ?? ORGS[0]?.id ?? "1");
   const activeId = currentOrgId ?? internalId;
   const current = ORGS.find((o) => o.id === activeId) ?? ORGS[0];
   const { collapsed } = useSidebar();
@@ -4722,8 +4927,8 @@ var ROLES = [
   { value: "viewer", label: "Viewer", description: "Read-only access" }
 ];
 function RolesMenu({ value = "member", onChange, className }) {
-  const [role, setRole] = React131.useState(value);
-  const current = ROLES.find((r) => r.value === role) ?? ROLES[2];
+  const [role, setRole] = React136.useState(value);
+  const current = ROLES.find((r) => r.value === role) ?? ROLES[0];
   const handleChange = (v) => {
     setRole(v);
     onChange?.(v);
@@ -4752,8 +4957,8 @@ var USERS = [
   { id: "6", name: "Mike Liu", email: "mike@acme.com", initials: "ML" }
 ];
 function SelectUsersModal({ onConfirm, className }) {
-  const [query, setQuery] = React131.useState("");
-  const [selected, setSelected] = React131.useState(/* @__PURE__ */ new Set());
+  const [query, setQuery] = React136.useState("");
+  const [selected, setSelected] = React136.useState(/* @__PURE__ */ new Set());
   const filtered = USERS.filter(
     (u) => u.name.toLowerCase().includes(query.toLowerCase()) || u.email.toLowerCase().includes(query.toLowerCase())
   );
@@ -4963,7 +5168,7 @@ function SidebarLayoutSearch({
   children,
   className
 }) {
-  const [query, setQuery] = React131.useState("");
+  const [query, setQuery] = React136.useState("");
   const filtered = ALL_ITEMS.filter((i) => i.label.toLowerCase().includes(query.toLowerCase()));
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex h-[600px] overflow-hidden rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--background))]", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "flex w-60 flex-col border-r border-[hsl(var(--border))] bg-[hsl(var(--card))]", children: [
@@ -5054,7 +5259,7 @@ function TaskRow({ task, onToggle }) {
   ] });
 }
 function SortableTaskList({ className }) {
-  const [tasks, setTasks] = React131.useState(TASKS);
+  const [tasks, setTasks] = React136.useState(TASKS);
   const toggle = (id) => setTasks((ts) => ts.map((t) => t.id === id ? { ...t, done: !t.done } : t));
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4 space-y-4", className), children: SECTIONS.map((section) => {
     const items = tasks.filter((t) => t.status === section);
@@ -5108,8 +5313,8 @@ function StackedLayoutTabs({
   children,
   className
 }) {
-  const [activeTab, setActiveTab] = React131.useState(0);
-  const [activeNav, setActiveNav] = React131.useState(0);
+  const [activeTab, setActiveTab] = React136.useState(0);
+  const [activeNav, setActiveNav] = React136.useState(0);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex h-[600px] flex-col overflow-hidden rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--background))]", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "flex h-14 items-center gap-6 border-b border-[hsl(var(--border))] bg-[hsl(var(--card))] px-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-sm shrink-0", children: brandName }),
@@ -5252,8 +5457,8 @@ var MEMBERS = [
 ];
 var roleVariant = (role) => role === "Owner" ? "default" : role === "Admin" ? "secondary" : "outline";
 function WorkspaceMembers({ className }) {
-  const [query, setQuery] = React131.useState("");
-  const [members, setMembers] = React131.useState(MEMBERS);
+  const [query, setQuery] = React136.useState("");
+  const [members, setMembers] = React136.useState(MEMBERS);
   const filtered = members.filter(
     (m) => m.name.toLowerCase().includes(query.toLowerCase()) || m.email.toLowerCase().includes(query.toLowerCase())
   );
@@ -5307,8 +5512,8 @@ function BulkActions({ count, actions, onClear, className }) {
   ] });
 }
 function useCommandBar() {
-  const [open, setOpen] = React131__namespace.default.useState(false);
-  React131__namespace.default.useEffect(() => {
+  const [open, setOpen] = React136__namespace.default.useState(false);
+  React136__namespace.default.useEffect(() => {
     const handler = (e) => {
       if ((e.metaKey || e.ctrlKey) && e.key === "k") {
         e.preventDefault();
@@ -5348,12 +5553,12 @@ function CommandBarItem({ icon, label, shortcut, onSelect, active, className })
   );
 }
 function CommandBar({ open, onOpenChange, children, placeholder = "Search commands...", onSearch }) {
-  const [query, setQuery] = React131__namespace.default.useState("");
+  const [query, setQuery] = React136__namespace.default.useState("");
   const handleSearch = (v) => {
     setQuery(v);
     onSearch?.(v);
   };
-  const items = React131__namespace.default.useRef(null);
+  const items = React136__namespace.default.useRef(null);
   const handleKeyDown = (e) => {
     if (e.key === "Escape") {
       onOpenChange(false);
@@ -5394,10 +5599,10 @@ function CommandBar({ open, onOpenChange, children, placeholder = "Search comman
 var textOps = ["contains", "equals", "starts with"];
 var numOps = ["=", ">", "<", ">=", "<="];
 function AddFilterPopover({ filters, onAdd }) {
-  const [open, setOpen] = React131__namespace.default.useState(false);
-  const [key, setKey] = React131__namespace.default.useState("");
-  const [op, setOp] = React131__namespace.default.useState("");
-  const [val, setVal] = React131__namespace.default.useState("");
+  const [open, setOpen] = React136__namespace.default.useState(false);
+  const [key, setKey] = React136__namespace.default.useState("");
+  const [op, setOp] = React136__namespace.default.useState("");
+  const [val, setVal] = React136__namespace.default.useState("");
   const def = filters.find((f) => f.key === key);
   const ops = def?.type === "number" ? numOps : textOps;
   const handleAdd = () => {
@@ -5509,7 +5714,7 @@ function formatColumnSubLabel(date, scale) {
 function snapDate(date, scale) {
   return startOfScale(date, scale);
 }
-var Gantt = React131__namespace.default.forwardRef(
+var Gantt = React136__namespace.default.forwardRef(
   ({
     items,
     scale = "days",
@@ -5527,7 +5732,7 @@ var Gantt = React131__namespace.default.forwardRef(
   }, ref) => {
     const interactive = !!onItemMove || !!onItemResize;
     const columnWidth = DEFAULT_COLUMN_WIDTH[scale];
-    const viewport = React131__namespace.default.useMemo(() => {
+    const viewport = React136__namespace.default.useMemo(() => {
       const earliest = startDate ?? (items.length ? new Date(Math.min(...items.map((i) => i.start.getTime()))) : /* @__PURE__ */ new Date());
       const latest = endDate ?? (items.length ? new Date(Math.max(...items.map((i) => i.end.getTime()))) : dateFns.addDays(/* @__PURE__ */ new Date(), 14));
       return {
@@ -5537,7 +5742,7 @@ var Gantt = React131__namespace.default.forwardRef(
     }, [items, startDate, endDate, scale]);
     const colCount = totalColumns(viewport.start, viewport.end, scale);
     const timelineWidth = colCount * columnWidth;
-    const grouped = React131__namespace.default.useMemo(() => {
+    const grouped = React136__namespace.default.useMemo(() => {
       const map = /* @__PURE__ */ new Map();
       for (const it of items) {
         const k = it.group ?? void 0;
@@ -5547,7 +5752,7 @@ var Gantt = React131__namespace.default.forwardRef(
       return Array.from(map.entries());
     }, [items]);
     const hasGroups = grouped.some(([k]) => k !== void 0);
-    const [collapsed, setCollapsed] = React131__namespace.default.useState(() => /* @__PURE__ */ new Set());
+    const [collapsed, setCollapsed] = React136__namespace.default.useState(() => /* @__PURE__ */ new Set());
     const toggleGroup = (key) => {
       setCollapsed((prev) => {
         const next = new Set(prev);
@@ -5556,7 +5761,7 @@ var Gantt = React131__namespace.default.forwardRef(
         return next;
       });
     };
-    const rows = React131__namespace.default.useMemo(() => {
+    const rows = React136__namespace.default.useMemo(() => {
       const out = [];
       for (const [groupKey, list] of grouped) {
         if (groupKey !== void 0) {
@@ -5567,21 +5772,21 @@ var Gantt = React131__namespace.default.forwardRef(
       }
       return out;
     }, [grouped, collapsed]);
-    const itemRowIndex = React131__namespace.default.useMemo(() => {
+    const itemRowIndex = React136__namespace.default.useMemo(() => {
       const m = /* @__PURE__ */ new Map();
       rows.forEach((r, i) => {
         if (r.kind === "item") m.set(r.item.id, i);
       });
       return m;
     }, [rows]);
-    const todayOffsetPx = React131__namespace.default.useMemo(() => {
+    const todayOffsetPx = React136__namespace.default.useMemo(() => {
       if (!showToday) return null;
       const now = /* @__PURE__ */ new Date();
       const u = unitsBetween(viewport.start, now, scale);
       if (u < 0 || u > colCount) return null;
       return u * columnWidth;
     }, [showToday, viewport.start, scale, colCount, columnWidth]);
-    const columnDates = React131__namespace.default.useMemo(() => {
+    const columnDates = React136__namespace.default.useMemo(() => {
       return Array.from(
         { length: colCount },
         (_, i) => addUnits(viewport.start, i, scale)
@@ -5805,12 +6010,12 @@ function GanttBar({
 }) {
   const color = item.color ?? DEFAULT_COLOR2;
   const progress = Math.max(0, Math.min(100, item.progress ?? 0));
-  const [previewLeftDelta, setPreviewLeftDelta] = React131__namespace.default.useState(0);
-  const [previewRightDelta, setPreviewRightDelta] = React131__namespace.default.useState(0);
-  const dragMode = React131__namespace.default.useRef(null);
-  const startX = React131__namespace.default.useRef(0);
-  const longPressTimer = React131__namespace.default.useRef(null);
-  const moved = React131__namespace.default.useRef(false);
+  const [previewLeftDelta, setPreviewLeftDelta] = React136__namespace.default.useState(0);
+  const [previewRightDelta, setPreviewRightDelta] = React136__namespace.default.useState(0);
+  const dragMode = React136__namespace.default.useRef(null);
+  const startX = React136__namespace.default.useRef(0);
+  const longPressTimer = React136__namespace.default.useRef(null);
+  const moved = React136__namespace.default.useRef(false);
   const baseLeft = unitsBetween(viewportStart, item.start, scale) * columnWidth;
   const baseRight = unitsBetween(viewportStart, item.end, scale) * columnWidth;
   const baseWidth = Math.max(columnWidth * 0.25, baseRight - baseLeft);
@@ -6016,7 +6221,7 @@ function DependencyLayer({
   timelineWidth,
   totalHeight
 }) {
-  const itemById = React131__namespace.default.useMemo(() => {
+  const itemById = React136__namespace.default.useMemo(() => {
     const m = /* @__PURE__ */ new Map();
     for (const it of items) m.set(it.id, it);
     return m;
@@ -6115,9 +6320,9 @@ function KanbanColumn({ column, isOver }) {
   ] });
 }
 function Kanban({ columns: initialColumns, onMoveCard, className }) {
-  const [cols, setCols] = React131__namespace.default.useState(initialColumns);
-  const [activeCard, setActiveCard] = React131__namespace.default.useState(null);
-  const [overColId, setOverColId] = React131__namespace.default.useState(null);
+  const [cols, setCols] = React136__namespace.default.useState(initialColumns);
+  const [activeCard, setActiveCard] = React136__namespace.default.useState(null);
+  const [overColId, setOverColId] = React136__namespace.default.useState(null);
   const sensors = core.useSensors(core.useSensor(core.PointerSensor, { activationConstraint: { distance: 5 } }));
   const findColByCard = (cardId) => cols.find((c) => c.cards.some((card) => card.id === cardId));
   const onDragStart = ({ active }) => {
@@ -6186,10 +6391,10 @@ function ToolbarButton({
   ] });
 }
 function LinkPopover({ editor }) {
-  const [open, setOpen] = React131__namespace.default.useState(false);
-  const [url, setUrl] = React131__namespace.default.useState("");
+  const [open, setOpen] = React136__namespace.default.useState(false);
+  const [url, setUrl] = React136__namespace.default.useState("");
   const isActive = editor.isActive("link");
-  React131__namespace.default.useEffect(() => {
+  React136__namespace.default.useEffect(() => {
     if (!open) return;
     const current = editor.getAttributes("link")?.href;
     setUrl(current ?? "");
@@ -6654,7 +6859,7 @@ var proseClasses = cn(
   // Selected cells in tables
   "[&_.selectedCell]:bg-[hsl(var(--accent))]/40"
 );
-var RichEditor = React131__namespace.default.forwardRef(
+var RichEditor = React136__namespace.default.forwardRef(
   function RichEditor2({
     value,
     defaultValue,
@@ -6668,12 +6873,12 @@ var RichEditor = React131__namespace.default.forwardRef(
   }, ref) {
     const isControlled = value !== void 0;
     const initialContent = isControlled ? value ?? "" : defaultValue ?? "";
-    const debounceRef = React131__namespace.default.useRef(null);
-    const onChangeRef = React131__namespace.default.useRef(onChange);
-    React131__namespace.default.useEffect(() => {
+    const debounceRef = React136__namespace.default.useRef(null);
+    const onChangeRef = React136__namespace.default.useRef(onChange);
+    React136__namespace.default.useEffect(() => {
       onChangeRef.current = onChange;
     }, [onChange]);
-    const [charCount, setCharCount] = React131__namespace.default.useState(0);
+    const [charCount, setCharCount] = React136__namespace.default.useState(0);
     const editor = react$1.useEditor({
       editable,
       content: initialContent,
@@ -6716,18 +6921,18 @@ var RichEditor = React131__namespace.default.forwardRef(
         }, 100);
       }
     });
-    React131__namespace.default.useEffect(() => {
+    React136__namespace.default.useEffect(() => {
       if (!editor || !isControlled) return;
       const current = editor.getHTML();
       if ((value ?? "") !== current) {
         editor.commands.setContent(value ?? "", { emitUpdate: false });
       }
     }, [editor, isControlled, value]);
-    React131__namespace.default.useEffect(() => {
+    React136__namespace.default.useEffect(() => {
       if (!editor) return;
       if (editor.isEditable !== editable) editor.setEditable(editable);
     }, [editor, editable]);
-    React131__namespace.default.useEffect(() => {
+    React136__namespace.default.useEffect(() => {
       return () => {
         if (debounceRef.current) clearTimeout(debounceRef.current);
       };
@@ -6825,10 +7030,10 @@ function ToggleButtonGroup(props) {
       props.onChange(val);
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("inline-flex items-center gap-1 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.4)] p-0.5", className), children: React131__namespace.default.Children.map(children, (child) => {
-    if (!React131__namespace.default.isValidElement(child)) return child;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("inline-flex items-center gap-1 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.4)] p-0.5", className), children: React136__namespace.default.Children.map(children, (child) => {
+    if (!React136__namespace.default.isValidElement(child)) return child;
     const tb = child;
-    return React131__namespace.default.cloneElement(tb, {
+    return React136__namespace.default.cloneElement(tb, {
       pressed: isPressed(tb.props.value),
       onClick: () => handleClick(tb.props.value)
     });
@@ -7068,7 +7273,7 @@ function Sparkline({
   const max = Math.max(...data);
   const range = max - min || 1;
   const pad = 2;
-  const lastY = pad + (1 - (data[data.length - 1] - min) / range) * (height - pad * 2);
+  const lastY = pad + (1 - ((data.at(-1) ?? 0) - min) / range) * (height - pad * 2);
   const areaPath = type === "area" ? `${path} L ${width - pad},${height - pad} L ${pad},${height - pad} Z` : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
@@ -7092,7 +7297,7 @@ var colorMap2 = {
   warning: "bg-yellow-500",
   error: "bg-red-500"
 };
-var sizeMap3 = {
+var sizeMap4 = {
   sm: "h-1.5 w-1.5",
   md: "h-2.5 w-2.5",
   lg: "h-3.5 w-3.5"
@@ -7100,7 +7305,7 @@ var sizeMap3 = {
 function BeaconDot({ color = "primary", size = "md" }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative flex", children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("animate-ping absolute inline-flex h-full w-full rounded-full opacity-75", colorMap2[color]) }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("relative inline-flex rounded-full", sizeMap3[size], colorMap2[color]) })
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("relative inline-flex rounded-full", sizeMap4[size], colorMap2[color]) })
   ] });
 }
 function Beacon({ color = "primary", size = "md", children, className }) {
@@ -7112,24 +7317,24 @@ function Beacon({ color = "primary", size = "md", children, className }) {
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -top-1 -right-1 flex", children: /* @__PURE__ */ jsxRuntime.jsx(BeaconDot, { color, size }) })
   ] });
 }
-var TourContext = React131.createContext(null);
+var TourContext = React136.createContext(null);
 function useTour() {
-  const ctx = React131.useContext(TourContext);
+  const ctx = React136.useContext(TourContext);
   if (!ctx) throw new Error("useTour must be used within <Tour>");
   return ctx;
 }
 function Tour({ totalSteps, children }) {
-  const [currentStep, setCurrentStep] = React131.useState(0);
-  const [isActive, setIsActive] = React131.useState(false);
-  const stop = React131.useCallback(() => setIsActive(false), []);
-  const start = React131.useCallback(() => {
+  const [currentStep, setCurrentStep] = React136.useState(0);
+  const [isActive, setIsActive] = React136.useState(false);
+  const stop = React136.useCallback(() => setIsActive(false), []);
+  const start = React136.useCallback(() => {
     setCurrentStep(0);
     setIsActive(true);
   }, []);
-  const next = React131.useCallback(() => setCurrentStep((s) => Math.min(s + 1, totalSteps - 1)), [totalSteps]);
-  const prev = React131.useCallback(() => setCurrentStep((s) => Math.max(s - 1, 0)), []);
-  const goTo = React131.useCallback((step) => setCurrentStep(Math.max(0, Math.min(step, totalSteps - 1))), [totalSteps]);
-  React131.useEffect(() => {
+  const next = React136.useCallback(() => setCurrentStep((s) => Math.min(s + 1, totalSteps - 1)), [totalSteps]);
+  const prev = React136.useCallback(() => setCurrentStep((s) => Math.max(s - 1, 0)), []);
+  const goTo = React136.useCallback((step) => setCurrentStep(Math.max(0, Math.min(step, totalSteps - 1))), [totalSteps]);
+  React136.useEffect(() => {
     if (!isActive) return;
     const onKey = (e) => {
       if (e.key === "Escape") stop();
@@ -7177,13 +7382,13 @@ function TourStep({ step, title, description, placement = "bottom", children })
     ] })
   ] });
 }
-var ChecklistContext = React131.createContext(null);
+var ChecklistContext = React136.createContext(null);
 function useChecklist() {
-  const ctx = React131.useContext(ChecklistContext);
+  const ctx = React136.useContext(ChecklistContext);
   if (!ctx) throw new Error("<ChecklistItem> must be used inside <Checklist>");
   return ctx;
 }
-var Checklist = React131__namespace.default.forwardRef(
+var Checklist = React136__namespace.default.forwardRef(
   ({
     title = "Getting started",
     description,
@@ -7197,32 +7402,32 @@ var Checklist = React131__namespace.default.forwardRef(
     children,
     ...props
   }, ref) => {
-    const [internalCompleted, setInternalCompleted] = React131.useState({});
-    const [open, setOpen] = React131.useState(defaultOpen);
-    const completedFiredRef = React131__namespace.default.useRef(false);
+    const [internalCompleted, setInternalCompleted] = React136.useState({});
+    const [open, setOpen] = React136.useState(defaultOpen);
+    const completedFiredRef = React136__namespace.default.useRef(false);
     const isControlled = controlledCompleted !== void 0;
     const completed = isControlled ? controlledCompleted : internalCompleted;
-    const setCompleted = React131.useCallback(
+    const setCompleted = React136.useCallback(
       (id, value) => {
         if (!isControlled) setInternalCompleted((prev) => ({ ...prev, [id]: value }));
         onItemChange?.(id, value);
       },
       [isControlled, onItemChange]
     );
-    const total = React131.useMemo(() => {
+    const total = React136.useMemo(() => {
       let n = 0;
-      React131__namespace.default.Children.forEach(children, (child) => {
-        if (React131__namespace.default.isValidElement(child) && child.type.displayName === "ChecklistItem") {
+      React136__namespace.default.Children.forEach(children, (child) => {
+        if (React136__namespace.default.isValidElement(child) && child.type.displayName === "ChecklistItem") {
           n++;
         }
       });
       return n;
     }, [children]);
-    const doneCount = React131.useMemo(
+    const doneCount = React136.useMemo(
       () => Object.values(completed).filter(Boolean).length,
       [completed]
     );
-    React131__namespace.default.useEffect(() => {
+    React136__namespace.default.useEffect(() => {
       if (!completedFiredRef.current && total > 0 && doneCount >= total) {
         completedFiredRef.current = true;
         onComplete?.();
@@ -7283,11 +7488,11 @@ var Checklist = React131__namespace.default.forwardRef(
   }
 );
 Checklist.displayName = "Checklist";
-var ChecklistItem = React131__namespace.default.forwardRef(
+var ChecklistItem = React136__namespace.default.forwardRef(
   ({ id, title, description, action, onActivate, className, ...props }, ref) => {
     const { completed, setCompleted } = useChecklist();
     const done = !!completed[id];
-    const toggle = React131.useCallback(() => {
+    const toggle = React136.useCallback(() => {
       setCompleted(id, !done);
     }, [id, done, setCompleted]);
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -7366,9 +7571,9 @@ function IntroDisclosure({
   finishLabel = "Get started"
 }) {
   const isControlled = controlledOpen !== void 0;
-  const [internalOpen, setInternalOpen] = React131.useState(false);
-  const [step, setStep] = React131.useState(0);
-  React131.useEffect(() => {
+  const [internalOpen, setInternalOpen] = React136.useState(false);
+  const [step, setStep] = React136.useState(0);
+  React136.useEffect(() => {
     if (isControlled) return;
     if (typeof window === "undefined") return;
     if (!storageKey) {
@@ -7381,19 +7586,19 @@ function IntroDisclosure({
   const isOpen = isControlled ? controlledOpen : internalOpen;
   const total = steps.length;
   const isLast = step === total - 1;
-  const close = React131.useCallback(() => {
+  const close = React136.useCallback(() => {
     if (!isControlled) {
       setInternalOpen(false);
       if (storageKey && typeof window !== "undefined") window.localStorage.setItem(storageKey, "1");
     }
     onOpenChange?.(false);
   }, [isControlled, onOpenChange, storageKey]);
-  const next = React131.useCallback(() => {
+  const next = React136.useCallback(() => {
     if (isLast) close();
     else setStep((s) => s + 1);
   }, [isLast, close]);
-  const prev = React131.useCallback(() => setStep((s) => Math.max(0, s - 1)), []);
-  React131.useEffect(() => {
+  const prev = React136.useCallback(() => setStep((s) => Math.max(0, s - 1)), []);
+  React136.useEffect(() => {
     if (!isOpen) return;
     const onKey = (e) => {
       if (e.key === "Escape") close();
@@ -7403,7 +7608,7 @@ function IntroDisclosure({
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
   }, [isOpen, close, next, prev]);
-  const current = React131.useMemo(() => steps[Math.min(step, total - 1)], [steps, step, total]);
+  const current = React136.useMemo(() => steps[Math.min(step, total - 1)], [steps, step, total]);
   if (!isOpen || total === 0 || !current) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -7583,9 +7788,9 @@ function CalendarGrid({ year, month, selected, onSelect }) {
   ] });
 }
 function DatePicker({ value, onChange, placeholder = "Pick a date", disabled, className }) {
-  const [open, setOpen] = React131.useState(false);
+  const [open, setOpen] = React136.useState(false);
   const now = value ?? /* @__PURE__ */ new Date();
-  const [view, setView] = React131.useState({ year: now.getFullYear(), month: now.getMonth() });
+  const [view, setView] = React136.useState({ year: now.getFullYear(), month: now.getMonth() });
   function navigate(delta) {
     setView((v) => {
       const date = new Date(v.year, v.month + delta);
@@ -7631,7 +7836,7 @@ function Field({ label, description, error, required, children, className }) {
     error && /* @__PURE__ */ jsxRuntime.jsx(FieldError, { children: error })
   ] });
 }
-var FieldLabel = React131__namespace.default.forwardRef(
+var FieldLabel = React136__namespace.default.forwardRef(
   ({ className, required, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     "label",
     {
@@ -7646,7 +7851,7 @@ var FieldLabel = React131__namespace.default.forwardRef(
   )
 );
 FieldLabel.displayName = "FieldLabel";
-var FieldDescription = React131__namespace.default.forwardRef(
+var FieldDescription = React136__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "p",
     {
@@ -7657,7 +7862,7 @@ var FieldDescription = React131__namespace.default.forwardRef(
   )
 );
 FieldDescription.displayName = "FieldDescription";
-var FieldError = React131__namespace.default.forwardRef(
+var FieldError = React136__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "p",
     {
@@ -7720,6 +7925,7 @@ function FieldRenderer({ name, field, register, setValue, watch, error }) {
 }
 function AutoForm({ schema, onSubmit, defaultValues, submitLabel = "Submit" }) {
   const { register, handleSubmit, setValue, watch, formState } = reactHookForm.useForm({
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     resolver: zod.zodResolver(schema),
     defaultValues
   });
@@ -7757,7 +7963,7 @@ function defaultFor(format3, showAlpha) {
   if (format3 === "rgb") return showAlpha ? "rgba(59, 130, 246, 1)" : "rgb(59, 130, 246)";
   return showAlpha ? "hsla(217, 91%, 60%, 1)" : "hsl(217, 91%, 60%)";
 }
-var ColorPicker = React131__namespace.default.forwardRef(
+var ColorPicker = React136__namespace.default.forwardRef(
   ({
     value: valueProp,
     defaultValue,
@@ -7772,21 +7978,21 @@ var ColorPicker = React131__namespace.default.forwardRef(
   }, ref) => {
     const fallback = defaultValue ?? defaultFor(format3, showAlpha);
     const isControlled = valueProp !== void 0;
-    const [internal, setInternal] = React131__namespace.default.useState(fallback);
+    const [internal, setInternal] = React136__namespace.default.useState(fallback);
     const value = isControlled ? valueProp : internal;
-    const [draft, setDraft] = React131__namespace.default.useState(value);
-    const [draftValid, setDraftValid] = React131__namespace.default.useState(true);
-    React131__namespace.default.useEffect(() => {
+    const [draft, setDraft] = React136__namespace.default.useState(value);
+    const [draftValid, setDraftValid] = React136__namespace.default.useState(true);
+    React136__namespace.default.useEffect(() => {
       setDraft(value);
       setDraftValid(true);
     }, [value]);
-    const [eyeDropperSupported, setEyeDropperSupported] = React131__namespace.default.useState(false);
-    React131__namespace.default.useEffect(() => {
+    const [eyeDropperSupported, setEyeDropperSupported] = React136__namespace.default.useState(false);
+    React136__namespace.default.useEffect(() => {
       if (typeof window !== "undefined" && "EyeDropper" in window) {
         setEyeDropperSupported(true);
       }
     }, []);
-    const commit = React131__namespace.default.useCallback(
+    const commit = React136__namespace.default.useCallback(
       (next) => {
         if (!isControlled) setInternal(next);
         onValueChange?.(next);
@@ -7949,8 +8155,8 @@ function filterBySize(files, maxSize) {
   return maxSize ? files.filter((f) => f.size <= maxSize) : files;
 }
 function FileUpload({ accept, multiple, maxSize, onFiles, className, disabled }) {
-  const inputRef = React131.useRef(null);
-  const [dragging, setDragging] = React131.useState(false);
+  const inputRef = React136.useRef(null);
+  const [dragging, setDragging] = React136.useState(false);
   function handleFiles(raw) {
     if (!raw) return;
     const files = filterBySize(Array.from(raw), maxSize);
@@ -8023,7 +8229,91 @@ function FileUploadPreview({ files, onRemove, className }) {
     ] })
   ] }, i)) });
 }
-var FormLabel2 = React131__namespace.default.forwardRef(
+var FloatingLabelInput = React136__namespace.default.forwardRef(
+  ({ label, error, hint, wrapperClassName, className, id, value, defaultValue, onFocus, onBlur, onChange, ...props }, ref) => {
+    const autoId = React136.useId();
+    const inputId = id ?? autoId;
+    const errorId = error ? `${inputId}-error` : void 0;
+    const hintId = hint ? `${inputId}-hint` : void 0;
+    const describedBy = [errorId, hintId].filter(Boolean).join(" ") || void 0;
+    const [focused, setFocused] = React136.useState(false);
+    const [filled, setFilled] = React136.useState(() => {
+      if (value !== void 0 && value !== null && value !== "") return true;
+      if (defaultValue !== void 0 && defaultValue !== null && defaultValue !== "") return true;
+      return false;
+    });
+    const isFloated = focused || filled;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "floating-label-input", className: cn("flex flex-col gap-1.5", wrapperClassName), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref,
+            id: inputId,
+            value,
+            defaultValue,
+            "data-slot": "input",
+            "data-state": isFloated ? "floated" : "rest",
+            "aria-invalid": Boolean(error) || void 0,
+            "aria-describedby": describedBy,
+            onFocus: (e) => {
+              setFocused(true);
+              onFocus?.(e);
+            },
+            onBlur: (e) => {
+              setFocused(false);
+              onBlur?.(e);
+            },
+            onChange: (e) => {
+              setFilled(e.target.value.length > 0);
+              onChange?.(e);
+            },
+            className: cn(
+              // Reset + structure
+              "peer w-full appearance-none bg-transparent",
+              "h-14 rounded-md border px-3 pt-5 pb-1.5",
+              "text-base text-foreground leading-tight",
+              // Border / focus ring colors
+              "border-input focus:border-ring focus:outline-none focus:ring-2 focus:ring-ring/30",
+              error && "border-destructive focus:border-destructive focus:ring-destructive/30",
+              "disabled:cursor-not-allowed disabled:opacity-50",
+              "placeholder:text-transparent",
+              // hide native placeholder; label takes its job
+              className
+            ),
+            ...props
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "label",
+          {
+            htmlFor: inputId,
+            className: cn(
+              "pointer-events-none absolute left-3",
+              "origin-[0_50%] transition-all duration-150 ease-out",
+              "text-muted-foreground",
+              // Rest: centered vertically inside the field, full size
+              !isFloated && "top-1/2 -translate-y-1/2 text-base",
+              // Floated: tucked into the top with a small subtle background
+              isFloated && "top-1.5 text-[11px] uppercase tracking-wider text-foreground/85",
+              error && "text-destructive"
+            ),
+            children: label
+          }
+        )
+      ] }),
+      error ? /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className: "text-xs text-destructive", children: error }) : hint ? /* @__PURE__ */ jsxRuntime.jsx("p", { id: hintId, className: "text-xs text-muted-foreground", children: hint }) : null
+    ] });
+  }
+);
+FloatingLabelInput.displayName = "FloatingLabelInput";
+function FormField(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.Controller, { ...props });
+}
+function FormItem({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col gap-1.5", className), ...props });
+}
+var FormLabel = React136__namespace.default.forwardRef(
   ({ className, error, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "label",
     {
@@ -8037,14 +8327,24 @@ var FormLabel2 = React131__namespace.default.forwardRef(
     }
   )
 );
-FormLabel2.displayName = "FormLabel";
-var FormControl2 = React131__namespace.default.forwardRef(
+FormLabel.displayName = "FormLabel";
+var FormControl = React136__namespace.default.forwardRef(
   ({ ...props }, ref) => {
-    const id = React131.useId();
+    const id = React136.useId();
     return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, id, ...props });
   }
 );
-FormControl2.displayName = "FormControl";
+FormControl.displayName = "FormControl";
+function FormDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-xs text-[hsl(var(--muted-foreground))]", className), ...props });
+}
+function FormMessage({ className, children, name }) {
+  const { formState } = reactHookForm.useFormContext();
+  const error = name ? formState.errors[name] : void 0;
+  const message = error?.message ? String(error.message) : children;
+  if (!message) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-xs text-[hsl(var(--destructive))]", className), children: message });
+}
 function ObjectField({
   title,
   description,
@@ -8053,7 +8353,7 @@ function ObjectField({
   children,
   className
 }) {
-  const [open, setOpen] = React131.useState(defaultOpen);
+  const [open, setOpen] = React136.useState(defaultOpen);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("rounded-md border border-[hsl(var(--border))] overflow-hidden", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -8085,9 +8385,9 @@ function getStrength(value) {
   if (score <= 3) return { level: "medium", width: "w-2/3", color: "bg-yellow-500" };
   return { level: "strong", width: "w-full", color: "bg-green-500" };
 }
-var PasswordInput = React131__namespace.default.forwardRef(
+var PasswordInput = React136__namespace.default.forwardRef(
   ({ className, strength, ...props }, ref) => {
-    const [show, setShow] = React131.useState(false);
+    const [show, setShow] = React136.useState(false);
     const value = String(props.value ?? "");
     const str = getStrength(value);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
@@ -8120,9 +8420,9 @@ var PasswordInput = React131__namespace.default.forwardRef(
   }
 );
 PasswordInput.displayName = "PasswordInput";
-var SearchInput = React131__namespace.default.forwardRef(
+var SearchInput = React136__namespace.default.forwardRef(
   ({ className, shortcut, onClear, onChange, value: valueProp, defaultValue, ...props }, ref) => {
-    const [internalValue, setInternalValue] = React131.useState(defaultValue ?? "");
+    const [internalValue, setInternalValue] = React136.useState(defaultValue ?? "");
     const isControlled = valueProp !== void 0;
     const value = isControlled ? String(valueProp) : String(internalValue);
     function handleChange(e) {
@@ -8165,14 +8465,14 @@ var SearchInput = React131__namespace.default.forwardRef(
   }
 );
 SearchInput.displayName = "SearchInput";
-var StepFormContext = React131.createContext(null);
+var StepFormContext = React136.createContext(null);
 function useStepForm() {
-  const ctx = React131.useContext(StepFormContext);
+  const ctx = React136.useContext(StepFormContext);
   if (!ctx) throw new Error("useStepForm must be used within StepForm");
   return ctx;
 }
 function StepForm({ steps, onSubmit, children, className }) {
-  const [currentStep, setCurrentStep] = React131.useState(0);
+  const [currentStep, setCurrentStep] = React136.useState(0);
   const totalSteps = steps.length;
   const ctx = {
     currentStep,
@@ -8183,7 +8483,7 @@ function StepForm({ steps, onSubmit, children, className }) {
     isFirst: currentStep === 0,
     isLast: currentStep === totalSteps - 1
   };
-  const childArray = React131__namespace.default.Children.toArray(children);
+  const childArray = React136__namespace.default.Children.toArray(children);
   const currentChild = childArray[currentStep];
   return /* @__PURE__ */ jsxRuntime.jsx(StepFormContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-6", className), children: [
     /* @__PURE__ */ jsxRuntime.jsx(StepIndicator, { steps, currentStep }),
@@ -8192,7 +8492,7 @@ function StepForm({ steps, onSubmit, children, className }) {
   ] }) });
 }
 function StepIndicator({ steps, currentStep }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: steps.map((label, i) => /* @__PURE__ */ jsxRuntime.jsxs(React131__namespace.default.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: steps.map((label, i) => /* @__PURE__ */ jsxRuntime.jsxs(React136__namespace.default.Fragment, { children: [
     i > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("h-px flex-1 bg-[hsl(var(--border))]", i <= currentStep && "bg-[hsl(var(--primary))]") }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-1", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
@@ -8221,7 +8521,7 @@ function StepFormNavigation({ onSubmit, submitLabel = "Submit" }) {
     isLast ? /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", onClick: onSubmit, children: submitLabel }) : /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", onClick: next, children: "Next" })
   ] });
 }
-var Tags = React131__namespace.default.forwardRef(
+var Tags = React136__namespace.default.forwardRef(
   ({
     value: valueProp,
     defaultValue,
@@ -8237,25 +8537,25 @@ var Tags = React131__namespace.default.forwardRef(
     ...props
   }, ref) => {
     const isControlled = valueProp !== void 0;
-    const [internal, setInternal] = React131__namespace.default.useState(defaultValue ?? []);
+    const [internal, setInternal] = React136__namespace.default.useState(defaultValue ?? []);
     const tags = isControlled ? valueProp : internal;
-    const [input, setInput] = React131__namespace.default.useState("");
-    const [error, setError] = React131__namespace.default.useState(null);
-    const [focused, setFocused] = React131__namespace.default.useState(false);
-    const [activeIndex, setActiveIndex] = React131__namespace.default.useState(0);
-    const inputRef = React131__namespace.default.useRef(null);
-    const containerRef = React131__namespace.default.useRef(null);
-    React131__namespace.default.useImperativeHandle(ref, () => containerRef.current);
+    const [input, setInput] = React136__namespace.default.useState("");
+    const [error, setError] = React136__namespace.default.useState(null);
+    const [focused, setFocused] = React136__namespace.default.useState(false);
+    const [activeIndex, setActiveIndex] = React136__namespace.default.useState(0);
+    const inputRef = React136__namespace.default.useRef(null);
+    const containerRef = React136__namespace.default.useRef(null);
+    React136__namespace.default.useImperativeHandle(ref, () => containerRef.current);
     const atMax = maxTags !== void 0 && tags.length >= maxTags;
     const inputDisabled = disabled || atMax;
-    const commit = React131__namespace.default.useCallback(
+    const commit = React136__namespace.default.useCallback(
       (next) => {
         if (!isControlled) setInternal(next);
         onValueChange?.(next);
       },
       [isControlled, onValueChange]
     );
-    const addTag = React131__namespace.default.useCallback(
+    const addTag = React136__namespace.default.useCallback(
       (raw) => {
         const tag = raw.trim();
         if (!tag) return false;
@@ -8281,20 +8581,20 @@ var Tags = React131__namespace.default.forwardRef(
       },
       [tags, allowDuplicates, validate, atMax, commit]
     );
-    const removeTag = React131__namespace.default.useCallback(
+    const removeTag = React136__namespace.default.useCallback(
       (index) => {
         commit(tags.filter((_, i) => i !== index));
         setError(null);
       },
       [tags, commit]
     );
-    const filteredSuggestions = React131__namespace.default.useMemo(() => {
+    const filteredSuggestions = React136__namespace.default.useMemo(() => {
       if (!suggestions || !input.trim()) return [];
       const q = input.trim().toLowerCase();
       return suggestions.filter((s) => s.toLowerCase().includes(q)).filter((s) => allowDuplicates || !tags.includes(s)).slice(0, 8);
     }, [suggestions, input, tags, allowDuplicates]);
     const showPopover = focused && !inputDisabled && filteredSuggestions.length > 0;
-    React131__namespace.default.useEffect(() => {
+    React136__namespace.default.useEffect(() => {
       if (activeIndex >= filteredSuggestions.length) setActiveIndex(0);
     }, [filteredSuggestions.length, activeIndex]);
     const handleKeyDown = (e) => {
@@ -8436,7 +8736,7 @@ var Tags = React131__namespace.default.forwardRef(
   }
 );
 Tags.displayName = "Tags";
-var AppShellCtx = React131__namespace.default.createContext({
+var AppShellCtx = React136__namespace.default.createContext({
   collapsed: false,
   setCollapsed: () => {
   },
@@ -8444,12 +8744,12 @@ var AppShellCtx = React131__namespace.default.createContext({
   setMobileOpen: () => {
   }
 });
-var useAppShell = () => React131__namespace.default.useContext(AppShellCtx);
-var AppShell = React131__namespace.default.forwardRef(
+var useAppShell = () => React136__namespace.default.useContext(AppShellCtx);
+var AppShell = React136__namespace.default.forwardRef(
   ({ className, defaultCollapsed = false, children, ...props }, ref) => {
-    const [collapsed, setCollapsed] = React131__namespace.default.useState(defaultCollapsed);
-    const [mobileOpen, setMobileOpen] = React131__namespace.default.useState(false);
-    React131__namespace.default.useEffect(() => {
+    const [collapsed, setCollapsed] = React136__namespace.default.useState(defaultCollapsed);
+    const [mobileOpen, setMobileOpen] = React136__namespace.default.useState(false);
+    React136__namespace.default.useEffect(() => {
       const handleClick = (e) => {
         const target = e.target;
         if (target.closest("a[href]") || target.closest("[data-mobile-close]")) {
@@ -8480,7 +8780,7 @@ var AppShell = React131__namespace.default.forwardRef(
   }
 );
 AppShell.displayName = "AppShell";
-var AppShellSidebar = React131__namespace.default.forwardRef(
+var AppShellSidebar = React136__namespace.default.forwardRef(
   ({ className, ...props }, ref) => {
     const { mobileOpen } = useAppShell();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -8501,11 +8801,11 @@ var AppShellSidebar = React131__namespace.default.forwardRef(
   }
 );
 AppShellSidebar.displayName = "AppShellSidebar";
-var AppShellMain = React131__namespace.default.forwardRef(
+var AppShellMain = React136__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex-1 min-w-0 flex flex-col overflow-auto", className), ...props })
 );
 AppShellMain.displayName = "AppShellMain";
-var MobileSidebarTrigger = React131__namespace.default.forwardRef(
+var MobileSidebarTrigger = React136__namespace.default.forwardRef(
   ({ className, ...props }, ref) => {
     const { mobileOpen, setMobileOpen } = useAppShell();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -8527,21 +8827,21 @@ var MobileSidebarTrigger = React131__namespace.default.forwardRef(
   }
 );
 MobileSidebarTrigger.displayName = "MobileSidebarTrigger";
-var sizeMap4 = {
+var sizeMap5 = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
   lg: "max-w-screen-lg",
   xl: "max-w-screen-xl",
   full: "max-w-full"
 };
-var Container = React131__namespace.default.forwardRef(
+var Container = React136__namespace.default.forwardRef(
   ({ className, size = "lg", noPadding = false, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       ref,
       className: cn(
         "mx-auto w-full",
-        sizeMap4[size],
+        sizeMap5[size],
         !noPadding && "px-4 sm:px-6 lg:px-8",
         className
       ),
@@ -8550,7 +8850,7 @@ var Container = React131__namespace.default.forwardRef(
   )
 );
 Container.displayName = "Container";
-var Navbar = React131__namespace.default.forwardRef(
+var Navbar = React136__namespace.default.forwardRef(
   ({ className, sticky = false, border = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "nav",
     {
@@ -8566,7 +8866,7 @@ var Navbar = React131__namespace.default.forwardRef(
   )
 );
 Navbar.displayName = "Navbar";
-var NavbarBrand = React131__namespace.default.forwardRef(
+var NavbarBrand = React136__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center gap-2 px-4 shrink-0", className), ...props })
 );
 NavbarBrand.displayName = "NavbarBrand";
@@ -8575,7 +8875,7 @@ var alignMap = {
   center: "justify-center flex-1",
   end: "justify-end ml-auto"
 };
-var NavbarContent = React131__namespace.default.forwardRef(
+var NavbarContent = React136__namespace.default.forwardRef(
   ({ className, align = "start", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -8586,11 +8886,11 @@ var NavbarContent = React131__namespace.default.forwardRef(
   )
 );
 NavbarContent.displayName = "NavbarContent";
-var NavbarItem = React131__namespace.default.forwardRef(
+var NavbarItem = React136__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center", className), ...props })
 );
 NavbarItem.displayName = "NavbarItem";
-var Page = React131__namespace.default.forwardRef(
+var Page = React136__namespace.default.forwardRef(
   ({ className, maxWidth, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -8602,7 +8902,7 @@ var Page = React131__namespace.default.forwardRef(
   )
 );
 Page.displayName = "Page";
-var PageHeader = React131__namespace.default.forwardRef(
+var PageHeader = React136__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -8613,7 +8913,7 @@ var PageHeader = React131__namespace.default.forwardRef(
   )
 );
 PageHeader.displayName = "PageHeader";
-var PageTitle = React131__namespace.default.forwardRef(
+var PageTitle = React136__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "h1",
     {
@@ -8624,19 +8924,19 @@ var PageTitle = React131__namespace.default.forwardRef(
   )
 );
 PageTitle.displayName = "PageTitle";
-var PageDescription = React131__namespace.default.forwardRef(
+var PageDescription = React136__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("p", { ref, className: cn("text-sm text-[hsl(var(--muted-foreground))] mt-1", className), ...props })
 );
 PageDescription.displayName = "PageDescription";
-var PageActions = React131__namespace.default.forwardRef(
+var PageActions = React136__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center gap-2 shrink-0", className), ...props })
 );
 PageActions.displayName = "PageActions";
-var PageBody = React131__namespace.default.forwardRef(
+var PageBody = React136__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex-1 p-6 flex flex-col gap-6", className), ...props })
 );
 PageBody.displayName = "PageBody";
-var ResizeBox = React131__namespace.default.forwardRef(
+var ResizeBox = React136__namespace.default.forwardRef(
   ({ className, resize = "both", minWidth = 100, minHeight = 100, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -8653,7 +8953,7 @@ var HandleIcon = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "10", hei
   /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 5L5 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
   /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 8L8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
 ] });
-var ResizeHandle = React131__namespace.default.forwardRef(
+var ResizeHandle = React136__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -8669,16 +8969,16 @@ var ResizeHandle = React131__namespace.default.forwardRef(
   )
 );
 ResizeHandle.displayName = "ResizeHandle";
-var SidebarCtx2 = React131__namespace.default.createContext({ collapsed: false });
-var useSidebarCtx = () => React131__namespace.default.useContext(SidebarCtx2);
+var SidebarCtx2 = React136__namespace.default.createContext({ collapsed: false });
+var useSidebarCtx = () => React136__namespace.default.useContext(SidebarCtx2);
 var makeSlot = (name, cls) => {
-  const C = React131__namespace.default.forwardRef(
+  const C = React136__namespace.default.forwardRef(
     ({ className, ...p }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn(cls, className), ...p })
   );
   C.displayName = name;
   return C;
 };
-var Sidebar2 = React131__namespace.default.forwardRef(
+var Sidebar2 = React136__namespace.default.forwardRef(
   ({ className, collapsed = false, onCollapse, width = "240px", style, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SidebarCtx2.Provider, { value: { collapsed }, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -8706,7 +9006,7 @@ var SidebarContent = makeSlot("SidebarContent", "flex-1 overflow-y-auto py-2");
 var SidebarFooter2 = makeSlot("SidebarFooter", "px-3 py-3 border-t border-[hsl(var(--border))] shrink-0");
 var SidebarGroup = makeSlot("SidebarGroup", "mb-2");
 var SidebarSeparator2 = makeSlot("SidebarSeparator", "h-px bg-[hsl(var(--border))] mx-3 my-2");
-var SidebarGroupLabel = React131__namespace.default.forwardRef(
+var SidebarGroupLabel = React136__namespace.default.forwardRef(
   ({ className, ...props }, ref) => {
     const { collapsed } = useSidebarCtx();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -8720,7 +9020,7 @@ var SidebarGroupLabel = React131__namespace.default.forwardRef(
   }
 );
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarItem2 = React131__namespace.default.forwardRef(
+var SidebarItem2 = React136__namespace.default.forwardRef(
   ({ className, icon, label, active, href, badge, onClick, ...props }, ref) => {
     const { collapsed } = useSidebarCtx();
     const cls = cn(
@@ -8739,11 +9039,11 @@ var SidebarItem2 = React131__namespace.default.forwardRef(
   }
 );
 SidebarItem2.displayName = "SidebarItem";
-var SplitPage = React131__namespace.default.forwardRef(
+var SplitPage = React136__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex h-full w-full overflow-hidden", className), ...props })
 );
 SplitPage.displayName = "SplitPage";
-var SplitPageList = React131__namespace.default.forwardRef(
+var SplitPageList = React136__namespace.default.forwardRef(
   ({ className, width = "320px", style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -8755,7 +9055,7 @@ var SplitPageList = React131__namespace.default.forwardRef(
   )
 );
 SplitPageList.displayName = "SplitPageList";
-var SplitPageDetail = React131__namespace.default.forwardRef(
+var SplitPageDetail = React136__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex-1 min-w-0 h-full overflow-auto", className), ...props })
 );
 SplitPageDetail.displayName = "SplitPageDetail";
@@ -8780,7 +9080,7 @@ var justifyMap = {
   around: "justify-around",
   evenly: "justify-evenly"
 };
-var Stack = React131__namespace.default.forwardRef(
+var Stack = React136__namespace.default.forwardRef(
   ({ className, gap, direction = "col", align, justify, wrap, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -8799,15 +9099,15 @@ var Stack = React131__namespace.default.forwardRef(
   )
 );
 Stack.displayName = "Stack";
-var HStack = React131__namespace.default.forwardRef(
+var HStack = React136__namespace.default.forwardRef(
   (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Stack, { ref, direction: "row", ...props })
 );
 HStack.displayName = "HStack";
-var VStack = React131__namespace.default.forwardRef(
+var VStack = React136__namespace.default.forwardRef(
   (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Stack, { ref, direction: "col", ...props })
 );
 VStack.displayName = "VStack";
-var PageLayout = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var PageLayout = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -8817,7 +9117,7 @@ var PageLayout = React131__namespace.default.forwardRef(({ className, ...props }
   }
 ));
 PageLayout.displayName = "PageLayout";
-var PageHeader2 = React131__namespace.default.forwardRef(
+var PageHeader2 = React136__namespace.default.forwardRef(
   ({ className, title, description, actions, back, children }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -8839,7 +9139,7 @@ var PageHeader2 = React131__namespace.default.forwardRef(
   )
 );
 PageHeader2.displayName = "PageHeader";
-var PageContainer = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var PageContainer = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -8853,7 +9153,7 @@ var PageContainer = React131__namespace.default.forwardRef(({ className, ...prop
   }
 ));
 PageContainer.displayName = "PageContainer";
-var PageMain = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var PageMain = React136__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -8868,7 +9168,7 @@ var PageMain = React131__namespace.default.forwardRef(({ className, ...props },
   }
 ));
 PageMain.displayName = "PageMain";
-var CommandPaletteCtx = React131.createContext({
+var CommandPaletteCtx = React136.createContext({
   open: false,
   setOpen: () => {
   },
@@ -8878,9 +9178,9 @@ var CommandPaletteCtx = React131.createContext({
 function CommandPaletteProvider({
   children
 }) {
-  const [open, setOpen] = React131.useState(false);
-  const toggle = React131.useCallback(() => setOpen((v) => !v), []);
-  React131.useEffect(() => {
+  const [open, setOpen] = React136.useState(false);
+  const toggle = React136.useCallback(() => setOpen((v) => !v), []);
+  React136.useEffect(() => {
     const down = (e) => {
       if (e.key === "k" && (e.metaKey || e.ctrlKey) || e.key === "/") {
         if (e.key === "/" && e.target.tagName !== "BODY") return;
@@ -8894,7 +9194,7 @@ function CommandPaletteProvider({
   return /* @__PURE__ */ jsxRuntime.jsx(CommandPaletteCtx.Provider, { value: { open, setOpen, toggle }, children });
 }
 function useCommandPalette() {
-  return React131.useContext(CommandPaletteCtx);
+  return React136.useContext(CommandPaletteCtx);
 }
 function CommandPalette({
   open,
@@ -9002,7 +9302,7 @@ function CommandPalette({
     )
   ] });
 }
-var HotkeysCtx = React131.createContext({
+var HotkeysCtx = React136.createContext({
   hotkeys: [],
   registerHotkeys: () => () => {
   }
@@ -9025,16 +9325,16 @@ function HotkeysProvider({
   children,
   hotkeys: initialHotkeys = []
 }) {
-  const [hotkeys, setHotkeys] = React131.useState(initialHotkeys);
-  const seqRef = React131.useRef([]);
-  const seqTimerRef = React131.useRef(null);
-  const registerHotkeys = React131.useCallback((newHotkeys) => {
+  const [hotkeys, setHotkeys] = React136.useState(initialHotkeys);
+  const seqRef = React136.useRef([]);
+  const seqTimerRef = React136.useRef(null);
+  const registerHotkeys = React136.useCallback((newHotkeys) => {
     setHotkeys((prev) => [...prev, ...newHotkeys]);
     return () => {
       setHotkeys((prev) => prev.filter((h) => !newHotkeys.includes(h)));
     };
   }, []);
-  React131.useEffect(() => {
+  React136.useEffect(() => {
     const handleKeyDown = (e) => {
       const target = e.target;
       if (target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.tagName === "SELECT" || target.isContentEditable) {
@@ -9074,14 +9374,14 @@ function HotkeysProvider({
   return /* @__PURE__ */ jsxRuntime.jsx(HotkeysCtx.Provider, { value: { hotkeys, registerHotkeys }, children });
 }
 function useHotkeys() {
-  return React131.useContext(HotkeysCtx);
+  return React136.useContext(HotkeysCtx);
 }
 function HelpSheet({
   open,
   onClose
 }) {
   const { hotkeys } = useHotkeys();
-  React131.useEffect(() => {
+  React136.useEffect(() => {
     const handleEsc = (e) => {
       if (e.key === "Escape" && open) onClose();
     };
@@ -9235,9 +9535,9 @@ function ToastItem({ toast: t, onDismiss }) {
   );
 }
 function Toaster() {
-  const [toasts, setToasts] = React131.useState([]);
-  const timers = React131.useRef(/* @__PURE__ */ new Map());
-  const dismiss = React131.useCallback((id) => {
+  const [toasts, setToasts] = React136.useState([]);
+  const timers = React136.useRef(/* @__PURE__ */ new Map());
+  const dismiss = React136.useCallback((id) => {
     setToasts(
       (prev) => prev.map((t) => t.id === id ? { ...t, visible: false } : t)
     );
@@ -9250,7 +9550,7 @@ function Toaster() {
       timers.current.delete(id);
     }
   }, []);
-  React131.useEffect(() => {
+  React136.useEffect(() => {
     const unsubToast = toastEmitter.onToast((event) => {
       setToasts((prev) => {
         const next = [
@@ -9299,7 +9599,7 @@ var directionClasses = {
   bl: "bg-gradient-to-bl",
   l: "bg-gradient-to-l"
 };
-var GradientHeading = React131__namespace.default.forwardRef(
+var GradientHeading = React136__namespace.default.forwardRef(
   ({
     as: Tag = "h2",
     preset = "primary",
@@ -9345,7 +9645,7 @@ function formatNumber(value, decimals, format3, locale) {
   }
   return decimals > 0 ? value.toFixed(decimals) : String(Math.round(value));
 }
-var AnimatedNumber = React131__namespace.default.forwardRef(
+var AnimatedNumber = React136__namespace.default.forwardRef(
   ({
     value,
     from = 0,
@@ -9360,12 +9660,12 @@ var AnimatedNumber = React131__namespace.default.forwardRef(
     className,
     ...props
   }, ref) => {
-    const [displayed, setDisplayed] = React131.useState(autoStart ? from : value);
-    const rafRef = React131.useRef(null);
-    const startTimeRef = React131.useRef(null);
-    const containerRef = React131.useRef(null);
-    const hasStarted = React131.useRef(false);
-    const runAnimation = React131__namespace.default.useCallback(
+    const [displayed, setDisplayed] = React136.useState(autoStart ? from : value);
+    const rafRef = React136.useRef(null);
+    const startTimeRef = React136.useRef(null);
+    const containerRef = React136.useRef(null);
+    const hasStarted = React136.useRef(false);
+    const runAnimation = React136__namespace.default.useCallback(
       (startFrom) => {
         if (rafRef.current !== null) cancelAnimationFrame(rafRef.current);
         startTimeRef.current = null;
@@ -9388,7 +9688,7 @@ var AnimatedNumber = React131__namespace.default.forwardRef(
       },
       [value, duration, easing]
     );
-    React131.useEffect(() => {
+    React136.useEffect(() => {
       if (!autoStart) return void 0;
       if (typeof IntersectionObserver !== "undefined") {
         const el = containerRef.current;
@@ -9409,11 +9709,11 @@ var AnimatedNumber = React131__namespace.default.forwardRef(
         return void 0;
       }
     }, []);
-    React131.useEffect(() => {
+    React136.useEffect(() => {
       if (!hasStarted.current) return;
       runAnimation(displayed);
     }, [value]);
-    React131.useEffect(() => {
+    React136.useEffect(() => {
       return () => {
         if (rafRef.current !== null) cancelAnimationFrame(rafRef.current);
       };
@@ -9453,9 +9753,9 @@ function TextReveal({
   className,
   style
 }) {
-  const [revealed, setRevealed] = React131.useState(false);
-  const containerRef = React131.useRef(null);
-  React131.useEffect(() => {
+  const [revealed, setRevealed] = React136.useState(false);
+  const containerRef = React136.useRef(null);
+  React136.useEffect(() => {
     if (!autoStart) return void 0;
     const el = containerRef.current;
     if (!el) return void 0;
@@ -9477,7 +9777,7 @@ function TextReveal({
     }
   }, [autoStart, delay]);
   const units = mode === "chars" ? text.split("") : mode === "words" ? text.split(" ") : [text];
-  return React131__namespace.default.createElement(
+  return React136__namespace.default.createElement(
     Tag,
     {
       ref: containerRef,
@@ -9517,16 +9817,16 @@ function Typewriter({
   className,
   style
 }) {
-  const [display, setDisplay] = React131.useState("");
-  const [phase, setPhase] = React131.useState("typing");
-  const [wordIdx, setWordIdx] = React131.useState(0);
-  const [cursorVisible, setCursorVisible] = React131.useState(true);
-  const timerRef = React131.useRef(null);
-  React131.useEffect(() => {
+  const [display, setDisplay] = React136.useState("");
+  const [phase, setPhase] = React136.useState("typing");
+  const [wordIdx, setWordIdx] = React136.useState(0);
+  const [cursorVisible, setCursorVisible] = React136.useState(true);
+  const timerRef = React136.useRef(null);
+  React136.useEffect(() => {
     const id = setInterval(() => setCursorVisible((v) => !v), 530);
     return () => clearInterval(id);
   }, []);
-  React131.useEffect(() => {
+  React136.useEffect(() => {
     if (!words.length) return void 0;
     const word = words[wordIdx] ?? "";
     if (phase === "typing") {
@@ -9557,7 +9857,7 @@ function Typewriter({
       if (timerRef.current) clearTimeout(timerRef.current);
     };
   }, [display, phase, wordIdx, words, typeSpeed, deleteSpeed, pauseAfter, loop]);
-  return React131__namespace.default.createElement(
+  return React136__namespace.default.createElement(
     Tag,
     {
       "data-slot": "typewriter",
@@ -9596,9 +9896,9 @@ var headingVariants = classVarianceAuthority.cva("font-heading tracking-tight te
   },
   defaultVariants: { size: "lg", tone: "default" }
 });
-var Heading = React131__namespace.default.forwardRef(
+var Heading = React136__namespace.default.forwardRef(
   ({ as: Tag = "h2", size, tone, className, ...props }, ref) => {
-    return React131__namespace.default.createElement(Tag, {
+    return React136__namespace.default.createElement(Tag, {
       ref,
       "data-slot": "heading",
       className: cn(headingVariants({ size, tone }), className),
@@ -9628,9 +9928,9 @@ var bodyVariants = classVarianceAuthority.cva("font-sans", {
   },
   defaultVariants: { size: "md", tone: "default", weight: "normal" }
 });
-var Body = React131__namespace.default.forwardRef(
+var Body = React136__namespace.default.forwardRef(
   ({ as: Tag = "p", size, tone, weight, className, ...props }, ref) => {
-    return React131__namespace.default.createElement(Tag, {
+    return React136__namespace.default.createElement(Tag, {
       ref,
       "data-slot": "body",
       className: cn(bodyVariants({ size, tone, weight }), className),
@@ -9649,7 +9949,7 @@ var captionVariants = classVarianceAuthority.cva("font-sans text-[11px] font-sem
   },
   defaultVariants: { tone: "default" }
 });
-var Caption = React131__namespace.default.forwardRef(
+var Caption = React136__namespace.default.forwardRef(
   ({ tone, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
@@ -9661,7 +9961,7 @@ var Caption = React131__namespace.default.forwardRef(
   )
 );
 Caption.displayName = "Caption";
-var Code3 = React131__namespace.default.forwardRef(
+var Code3 = React136__namespace.default.forwardRef(
   ({ block, className, children, ...props }, ref) => {
     if (block) {
       return /* @__PURE__ */ jsxRuntime.jsx(
@@ -9713,7 +10013,7 @@ var presetStyles = {
   },
   custom: {}
 };
-var GradientBackground = React131__namespace.default.forwardRef(
+var GradientBackground = React136__namespace.default.forwardRef(
   ({
     fixed = false,
     preset = "slate",
@@ -9772,7 +10072,7 @@ var DEFAULT_COLORS4 = [
   "hsl(280 100% 70% / 0.25)",
   "hsl(217 33% 17% / 0.4)"
 ];
-var AnimatedGradient = React131__namespace.default.forwardRef(
+var AnimatedGradient = React136__namespace.default.forwardRef(
   ({
     colors = DEFAULT_COLORS4,
     speed = 1,
@@ -9783,7 +10083,7 @@ var AnimatedGradient = React131__namespace.default.forwardRef(
     style,
     ...props
   }, ref) => {
-    const idRef = React131.useRef(`ag-${Math.random().toString(36).slice(2, 7)}`);
+    const idRef = React136.useRef(`ag-${Math.random().toString(36).slice(2, 7)}`);
     idRef.current;
     const [c0 = DEFAULT_COLORS4[0], c1 = DEFAULT_COLORS4[1], c2 = DEFAULT_COLORS4[2]] = colors;
     const duration0 = (12 / speed).toFixed(1);
@@ -9891,7 +10191,7 @@ var AnimatedGradient = React131__namespace.default.forwardRef(
   }
 );
 AnimatedGradient.displayName = "AnimatedGradient";
-var DottedBackground = React131__namespace.default.forwardRef(
+var DottedBackground = React136__namespace.default.forwardRef(
   ({
     color,
     dotSize = 1,
@@ -9938,7 +10238,7 @@ var DottedBackground = React131__namespace.default.forwardRef(
   }
 );
 DottedBackground.displayName = "DottedBackground";
-var NoiseBackground = React131__namespace.default.forwardRef(
+var NoiseBackground = React136__namespace.default.forwardRef(
   ({
     opacity = 0.04,
     frequency = 0.65,
@@ -10034,7 +10334,7 @@ var DEFAULT_COLORS5 = [
   [0.55, 0.3, 0.95]
   // chart-3 violet
 ];
-var HeroShaderA = React131__namespace.default.forwardRef(
+var HeroShaderA = React136__namespace.default.forwardRef(
   ({
     className,
     colors = DEFAULT_COLORS5,
@@ -10045,11 +10345,11 @@ var HeroShaderA = React131__namespace.default.forwardRef(
     style,
     ...props
   }, ref) => {
-    const wrapRef = React131.useRef(null);
-    const canvasRef = React131.useRef(null);
-    const fallbackRef = React131.useRef(false);
-    React131__namespace.default.useImperativeHandle(ref, () => wrapRef.current);
-    React131.useEffect(() => {
+    const wrapRef = React136.useRef(null);
+    const canvasRef = React136.useRef(null);
+    const fallbackRef = React136.useRef(false);
+    React136__namespace.default.useImperativeHandle(ref, () => wrapRef.current);
+    React136.useEffect(() => {
       if (typeof window === "undefined") return;
       const reduceMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
       const canvas = canvasRef.current;
@@ -10185,7 +10485,7 @@ var HeroShaderA = React131__namespace.default.forwardRef(
   }
 );
 HeroShaderA.displayName = "HeroShaderA";
-var ScrollHeader = React131__namespace.default.forwardRef(
+var ScrollHeader = React136__namespace.default.forwardRef(
   ({
     title,
     subtitle,
@@ -10197,8 +10497,8 @@ var ScrollHeader = React131__namespace.default.forwardRef(
     sticky = true,
     className
   }, ref) => {
-    const [scrolled, setScrolled] = React131.useState(false);
-    React131.useEffect(() => {
+    const [scrolled, setScrolled] = React136.useState(false);
+    React136.useEffect(() => {
       const container = scrollRef?.current ?? window;
       const handleScroll = () => {
         const scrollY = container === window ? window.scrollY : container.scrollTop;
@@ -10272,7 +10572,7 @@ var DEFAULT_TRANSITION = {
   ease: [0.16, 1, 0.3, 1]
   // ease-out-expo (BezierDefinition)
 };
-var FadeIn = React131__namespace.default.forwardRef(
+var FadeIn = React136__namespace.default.forwardRef(
   ({ delay = 0, duration, children, ...props }, ref) => {
     const transition = {
       ...DEFAULT_TRANSITION,
@@ -10300,7 +10600,7 @@ var DIRECTION_PRESET_MAP = {
   left: "slideLeft",
   right: "slideRight"
 };
-var SlideIn = React131__namespace.default.forwardRef(
+var SlideIn = React136__namespace.default.forwardRef(
   ({ direction = "up", delay = 0, duration, children, ...props }, ref) => {
     const preset = MOTION_PRESETS[DIRECTION_PRESET_MAP[direction]];
     const transition = {
@@ -10323,7 +10623,7 @@ var SlideIn = React131__namespace.default.forwardRef(
   }
 );
 SlideIn.displayName = "SlideIn";
-var ScaleIn = React131__namespace.default.forwardRef(
+var ScaleIn = React136__namespace.default.forwardRef(
   ({ delay = 0, duration, children, ...props }, ref) => {
     const transition = {
       ...DEFAULT_TRANSITION,
@@ -10346,7 +10646,7 @@ var ScaleIn = React131__namespace.default.forwardRef(
 );
 ScaleIn.displayName = "ScaleIn";
 function Reveal({ preset = "fadeIn", delay = 0, once = true, children, className }) {
-  const ref = React131.useRef(null);
+  const ref = React136.useRef(null);
   const isInView = react.useInView(ref, { once });
   const variants = MOTION_PRESETS[preset];
   const transition = { ...DEFAULT_TRANSITION, delay };
@@ -10364,7 +10664,7 @@ function Reveal({ preset = "fadeIn", delay = 0, once = true, children, className
   );
 }
 function Stagger({ staggerDelay = 0.05, preset = "fadeIn", children, className, once = true }) {
-  const ref = React131.useRef(null);
+  const ref = React136.useRef(null);
   const isInView = react.useInView(ref, { once });
   const childVariants = MOTION_PRESETS[preset];
   const containerVariants = {
@@ -10387,19 +10687,19 @@ function Stagger({ staggerDelay = 0.05, preset = "fadeIn", children, className,
       initial: "hidden",
       animate: isInView ? "visible" : "hidden",
       className,
-      children: React131__namespace.default.Children.map(children, (child, i) => /* @__PURE__ */ jsxRuntime.jsx(react.motion.div, { variants: itemVariants, children: child }, i))
+      children: React136__namespace.default.Children.map(children, (child, i) => /* @__PURE__ */ jsxRuntime.jsx(react.motion.div, { variants: itemVariants, children: child }, i))
     }
   );
 }
-var Morph = React131__namespace.default.forwardRef(
+var Morph = React136__namespace.default.forwardRef(
   ({ layoutId, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(react.motion.div, { ref, layoutId, layout: true, ...props, children })
 );
 Morph.displayName = "Morph";
 var rippleCounter = 0;
-var Ripple = React131__namespace.default.forwardRef(
+var Ripple = React136__namespace.default.forwardRef(
   ({ color = "currentColor", duration = 0.6, children, style, ...props }, ref) => {
-    const [ripples, setRipples] = React131.useState([]);
-    const handlePointerDown = React131.useCallback(
+    const [ripples, setRipples] = React136.useState([]);
+    const handlePointerDown = React136.useCallback(
       (e) => {
         const rect = e.currentTarget.getBoundingClientRect();
         const x = e.clientX - rect.left;
@@ -10410,7 +10710,7 @@ var Ripple = React131__namespace.default.forwardRef(
       },
       []
     );
-    const removeRipple = React131.useCallback((key) => {
+    const removeRipple = React136.useCallback((key) => {
       setRipples((prev) => prev.filter((r) => r.key !== key));
     }, []);
     const rippleTransition = {
@@ -10452,9 +10752,9 @@ var Ripple = React131__namespace.default.forwardRef(
   }
 );
 Ripple.displayName = "Ripple";
-var Parallax = React131__namespace.default.forwardRef(
+var Parallax = React136__namespace.default.forwardRef(
   ({ offset = 50, scrollRef, children, style, ...props }, ref) => {
-    const innerRef = React131.useRef(null);
+    const innerRef = React136.useRef(null);
     const resolvedRef = ref ?? innerRef;
     const { scrollYProgress } = react.useScroll({
       target: resolvedRef,
@@ -10475,13 +10775,13 @@ var Parallax = React131__namespace.default.forwardRef(
 );
 Parallax.displayName = "Parallax";
 function useLayoutId(key) {
-  const id = React131.useId();
+  const id = React136.useId();
   return `${key}-${id}`;
 }
 function Transition({ show = true, children, mode = "wait" }) {
   return /* @__PURE__ */ jsxRuntime.jsx(react.AnimatePresence, { mode, children: show ? children : null });
 }
-var DataList = React131__namespace.default.forwardRef(
+var DataList = React136__namespace.default.forwardRef(
   ({ divided = true, bordered = true, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "ul",
     {
@@ -10498,7 +10798,7 @@ var DataList = React131__namespace.default.forwardRef(
   )
 );
 DataList.displayName = "DataList";
-var DataListItem = React131__namespace.default.forwardRef(
+var DataListItem = React136__namespace.default.forwardRef(
   ({ left, title, description, right, interactive, onSelect, className, children, ...props }, ref) => {
     const clickable = interactive || !!onSelect;
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -10558,7 +10858,7 @@ function getWeekDays(date, weekStartsOn) {
   const start = dateFns.startOfWeek(date, { weekStartsOn });
   return Array.from({ length: 7 }, (_, i) => dateFns.addDays(start, i));
 }
-var EventCalendar = React131__namespace.default.forwardRef(
+var EventCalendar = React136__namespace.default.forwardRef(
   ({
     events,
     view: viewProp,
@@ -10573,20 +10873,20 @@ var EventCalendar = React131__namespace.default.forwardRef(
     className,
     ...props
   }, ref) => {
-    const [internalView, setInternalView] = React131__namespace.default.useState("month");
+    const [internalView, setInternalView] = React136__namespace.default.useState("month");
     const view = viewProp ?? internalView;
-    const commitView = React131__namespace.default.useCallback(
+    const commitView = React136__namespace.default.useCallback(
       (next) => {
         if (viewProp === void 0) setInternalView(next);
         onViewChange?.(next);
       },
       [viewProp, onViewChange]
     );
-    const [internalDate, setInternalDate] = React131__namespace.default.useState(
+    const [internalDate, setInternalDate] = React136__namespace.default.useState(
       () => defaultDate ?? /* @__PURE__ */ new Date()
     );
     const date = dateProp ?? internalDate;
-    const commitDate = React131__namespace.default.useCallback(
+    const commitDate = React136__namespace.default.useCallback(
       (next) => {
         if (dateProp === void 0) setInternalDate(next);
         onDateChange?.(next);
@@ -10612,7 +10912,7 @@ var EventCalendar = React131__namespace.default.forwardRef(
         handleToday();
       }
     };
-    const headerLabel = React131__namespace.default.useMemo(() => {
+    const headerLabel = React136__namespace.default.useMemo(() => {
       if (view === "month") return dateFns.format(date, "MMMM yyyy");
       if (view === "week") {
         const start = dateFns.startOfWeek(date, { weekStartsOn });
@@ -10761,11 +11061,11 @@ function MonthView({
   onEventCreate,
   onDayPick
 }) {
-  const cells = React131__namespace.default.useMemo(
+  const cells = React136__namespace.default.useMemo(
     () => getMonthMatrix(date, weekStartsOn),
     [date, weekStartsOn]
   );
-  const weekdayLabels = React131__namespace.default.useMemo(() => {
+  const weekdayLabels = React136__namespace.default.useMemo(() => {
     const start = dateFns.startOfWeek(/* @__PURE__ */ new Date(), { weekStartsOn });
     return Array.from({ length: 7 }, (_, i) => dateFns.format(dateFns.addDays(start, i), "EEE"));
   }, [weekStartsOn]);
@@ -10912,7 +11212,7 @@ function HourGrid({
   onEventCreate,
   onEventResize
 }) {
-  const hours = React131__namespace.default.useMemo(() => Array.from({ length: 24 }, (_, i) => i), []);
+  const hours = React136__namespace.default.useMemo(() => Array.from({ length: 24 }, (_, i) => i), []);
   const today = /* @__PURE__ */ new Date();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -10966,7 +11266,7 @@ function DayColumn({
   onEventResize,
   showHeader
 }) {
-  const bodyRef = React131__namespace.default.useRef(null);
+  const bodyRef = React136__namespace.default.useRef(null);
   const handleEmptyClick = (e) => {
     if (e.target.closest("[data-event-block]")) return;
     if (!onEventCreate) return;
@@ -11047,10 +11347,10 @@ function EventBlock({ event, day, onClick, onResize }) {
     dateFns.differenceInMinutes(visibleEnd, visibleStart)
   );
   const top = startMinutes / 60 * HOUR_ROW_PX;
-  const [resizingDelta, setResizingDelta] = React131__namespace.default.useState(0);
+  const [resizingDelta, setResizingDelta] = React136__namespace.default.useState(0);
   const height = durationMinutes / 60 * HOUR_ROW_PX + resizingDelta;
-  const isResizing = React131__namespace.default.useRef(false);
-  const startY = React131__namespace.default.useRef(0);
+  const isResizing = React136__namespace.default.useRef(false);
+  const startY = React136__namespace.default.useRef(0);
   const handleResizePointerDown = (e) => {
     if (!onResize) return;
     e.preventDefault();
@@ -11139,7 +11439,7 @@ function WeekView({
   onEventCreate,
   onEventResize
 }) {
-  const days = React131__namespace.default.useMemo(
+  const days = React136__namespace.default.useMemo(
     () => getWeekDays(date, weekStartsOn),
     [date, weekStartsOn]
   );
@@ -11172,7 +11472,7 @@ function DayView({
     }
   ) });
 }
-var GridList = React131__namespace.default.forwardRef(
+var GridList = React136__namespace.default.forwardRef(
   ({ minItemWidth = 240, gap = 1, className, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "ul",
     {
@@ -11189,7 +11489,7 @@ var GridList = React131__namespace.default.forwardRef(
   )
 );
 GridList.displayName = "GridList";
-var GridListItem = React131__namespace.default.forwardRef(
+var GridListItem = React136__namespace.default.forwardRef(
   ({ interactive, onSelect, className, ...props }, ref) => {
     const clickable = interactive || !!onSelect;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -11260,7 +11560,7 @@ async function extractCroppedDataUrl(image, crop, format3, quality) {
   const mime = format3 === "jpeg" ? "image/jpeg" : format3 === "webp" ? "image/webp" : "image/png";
   return canvas.toDataURL(mime, quality);
 }
-var ImageCrop = React131__namespace.default.forwardRef(
+var ImageCrop = React136__namespace.default.forwardRef(
   ({
     src,
     aspect,
@@ -11275,13 +11575,13 @@ var ImageCrop = React131__namespace.default.forwardRef(
     className,
     ...props
   }, ref) => {
-    const [crop, setCrop] = React131__namespace.default.useState(void 0);
-    const imgRef = React131__namespace.default.useRef(null);
-    const timerRef = React131__namespace.default.useRef(null);
-    React131__namespace.default.useEffect(() => {
+    const [crop, setCrop] = React136__namespace.default.useState(void 0);
+    const imgRef = React136__namespace.default.useRef(null);
+    const timerRef = React136__namespace.default.useRef(null);
+    React136__namespace.default.useEffect(() => {
       setCrop(void 0);
     }, [src]);
-    React131__namespace.default.useEffect(() => {
+    React136__namespace.default.useEffect(() => {
       return () => {
         if (timerRef.current) clearTimeout(timerRef.current);
       };
@@ -11506,7 +11806,7 @@ function TreeRow({
     }
   );
 }
-var Tree = React131__namespace.default.forwardRef(
+var Tree = React136__namespace.default.forwardRef(
   ({
     data,
     defaultExpandedIds,
@@ -11522,21 +11822,21 @@ var Tree = React131__namespace.default.forwardRef(
     ...props
   }, ref) => {
     const isControlled = expandedIds !== void 0;
-    const [internalExpanded, setInternalExpanded] = React131__namespace.default.useState(
+    const [internalExpanded, setInternalExpanded] = React136__namespace.default.useState(
       () => new Set(defaultExpandedIds ?? [])
     );
-    const expandedSet = React131__namespace.default.useMemo(
+    const expandedSet = React136__namespace.default.useMemo(
       () => isControlled ? new Set(expandedIds) : internalExpanded,
       [isControlled, expandedIds, internalExpanded]
     );
-    const commitExpanded = React131__namespace.default.useCallback(
+    const commitExpanded = React136__namespace.default.useCallback(
       (next) => {
         if (!isControlled) setInternalExpanded(next);
         onExpandedChange?.(Array.from(next));
       },
       [isControlled, onExpandedChange]
     );
-    const toggle = React131__namespace.default.useCallback(
+    const toggle = React136__namespace.default.useCallback(
       (id) => {
         const next = new Set(expandedSet);
         if (next.has(id)) next.delete(id);
@@ -11545,7 +11845,7 @@ var Tree = React131__namespace.default.forwardRef(
       },
       [expandedSet, commitExpanded]
     );
-    const expand = React131__namespace.default.useCallback(
+    const expand = React136__namespace.default.useCallback(
       (id) => {
         if (expandedSet.has(id)) return;
         const next = new Set(expandedSet);
@@ -11554,7 +11854,7 @@ var Tree = React131__namespace.default.forwardRef(
       },
       [expandedSet, commitExpanded]
     );
-    const collapse = React131__namespace.default.useCallback(
+    const collapse = React136__namespace.default.useCallback(
       (id) => {
         if (!expandedSet.has(id)) return;
         const next = new Set(expandedSet);
@@ -11563,27 +11863,27 @@ var Tree = React131__namespace.default.forwardRef(
       },
       [expandedSet, commitExpanded]
     );
-    const rows = React131__namespace.default.useMemo(
+    const rows = React136__namespace.default.useMemo(
       () => flatten(data, expandedSet),
       [data, expandedSet]
     );
-    const [focusedId, setFocusedId] = React131__namespace.default.useState(
+    const [focusedId, setFocusedId] = React136__namespace.default.useState(
       () => selectedId ?? data[0]?.id ?? null
     );
-    const rowRefs = React131__namespace.default.useRef(/* @__PURE__ */ new Map());
-    const registerRef = React131__namespace.default.useCallback(
+    const rowRefs = React136__namespace.default.useRef(/* @__PURE__ */ new Map());
+    const registerRef = React136__namespace.default.useCallback(
       (id, el) => {
         if (el) rowRefs.current.set(id, el);
         else rowRefs.current.delete(id);
       },
       []
     );
-    const moveFocus = React131__namespace.default.useCallback((id) => {
+    const moveFocus = React136__namespace.default.useCallback((id) => {
       setFocusedId(id);
       const el = rowRefs.current.get(id);
       el?.focus();
     }, []);
-    const onRowKeyDown = React131__namespace.default.useCallback(
+    const onRowKeyDown = React136__namespace.default.useCallback(
       (e, row) => {
         const idx = rows.findIndex((r) => r.node.id === row.node.id);
         if (idx === -1) return;
@@ -11633,11 +11933,11 @@ var Tree = React131__namespace.default.forwardRef(
       core.useSensor(core.PointerSensor, { activationConstraint: { distance: 5 } }),
       core.useSensor(core.KeyboardSensor)
     );
-    const [activeDragId, setActiveDragId] = React131__namespace.default.useState(null);
-    const handleDragStart = React131__namespace.default.useCallback((e) => {
+    const [activeDragId, setActiveDragId] = React136__namespace.default.useState(null);
+    const handleDragStart = React136__namespace.default.useCallback((e) => {
       setActiveDragId(String(e.active.id));
     }, []);
-    const handleDragEnd = React131__namespace.default.useCallback(
+    const handleDragEnd = React136__namespace.default.useCallback(
       (e) => {
         setActiveDragId(null);
         const { active, over } = e;
@@ -11653,8 +11953,8 @@ var Tree = React131__namespace.default.forwardRef(
       },
       [onMove]
     );
-    const handleDragCancel = React131__namespace.default.useCallback(() => setActiveDragId(null), []);
-    const scrollerRef = React131__namespace.default.useRef(null);
+    const handleDragCancel = React136__namespace.default.useCallback(() => setActiveDragId(null), []);
+    const scrollerRef = React136__namespace.default.useRef(null);
     const virtualizer = reactVirtual.useVirtualizer({
       count: virtualize ? rows.length : 0,
       getScrollElement: () => scrollerRef.current,
@@ -11756,7 +12056,7 @@ async function exitFs() {
   if (d.exitFullscreen) return void d.exitFullscreen();
   if (d.webkitExitFullscreen) return void d.webkitExitFullscreen();
 }
-var VideoPlayer = React131__namespace.default.forwardRef(
+var VideoPlayer = React136__namespace.default.forwardRef(
   ({
     src,
     poster,
@@ -11773,33 +12073,33 @@ var VideoPlayer = React131__namespace.default.forwardRef(
     muted: mutedProp,
     ...videoProps
   }, ref) => {
-    const containerRef = React131__namespace.default.useRef(null);
-    const videoRef = React131__namespace.default.useRef(null);
-    const hideTimerRef = React131__namespace.default.useRef(null);
-    const [isPlaying, setIsPlaying] = React131__namespace.default.useState(false);
-    const [hasPlayed, setHasPlayed] = React131__namespace.default.useState(Boolean(autoPlay));
-    const [currentTime, setCurrentTime] = React131__namespace.default.useState(0);
-    const [duration, setDuration] = React131__namespace.default.useState(0);
-    const [buffered, setBuffered] = React131__namespace.default.useState(0);
-    const [volume, setVolume] = React131__namespace.default.useState(1);
-    const [isMuted, setIsMuted] = React131__namespace.default.useState(Boolean(mutedProp ?? autoPlay));
-    const [isFullscreen, setIsFullscreen] = React131__namespace.default.useState(false);
-    const [showControls, setShowControls] = React131__namespace.default.useState(true);
-    React131__namespace.default.useImperativeHandle(ref, () => containerRef.current);
-    React131__namespace.default.useEffect(() => {
+    const containerRef = React136__namespace.default.useRef(null);
+    const videoRef = React136__namespace.default.useRef(null);
+    const hideTimerRef = React136__namespace.default.useRef(null);
+    const [isPlaying, setIsPlaying] = React136__namespace.default.useState(false);
+    const [hasPlayed, setHasPlayed] = React136__namespace.default.useState(Boolean(autoPlay));
+    const [currentTime, setCurrentTime] = React136__namespace.default.useState(0);
+    const [duration, setDuration] = React136__namespace.default.useState(0);
+    const [buffered, setBuffered] = React136__namespace.default.useState(0);
+    const [volume, setVolume] = React136__namespace.default.useState(1);
+    const [isMuted, setIsMuted] = React136__namespace.default.useState(Boolean(mutedProp ?? autoPlay));
+    const [isFullscreen, setIsFullscreen] = React136__namespace.default.useState(false);
+    const [showControls, setShowControls] = React136__namespace.default.useState(true);
+    React136__namespace.default.useImperativeHandle(ref, () => containerRef.current);
+    React136__namespace.default.useEffect(() => {
       const v = videoRef.current;
       if (!v) return;
       v.volume = volume;
       v.muted = isMuted;
     }, [volume, isMuted]);
-    const showAndScheduleHide = React131__namespace.default.useCallback(() => {
+    const showAndScheduleHide = React136__namespace.default.useCallback(() => {
       setShowControls(true);
       if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
       if (isPlaying) {
         hideTimerRef.current = setTimeout(() => setShowControls(false), 3e3);
       }
     }, [isPlaying]);
-    React131__namespace.default.useEffect(() => {
+    React136__namespace.default.useEffect(() => {
       if (!isPlaying) {
         if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
         setShowControls(true);
@@ -11810,7 +12110,7 @@ var VideoPlayer = React131__namespace.default.forwardRef(
         if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
       };
     }, [isPlaying]);
-    React131__namespace.default.useEffect(() => {
+    React136__namespace.default.useEffect(() => {
       const onFsChange = () => setIsFullscreen(isFullscreenActive());
       document.addEventListener("fullscreenchange", onFsChange);
       document.addEventListener("webkitfullscreenchange", onFsChange);
@@ -11819,7 +12119,7 @@ var VideoPlayer = React131__namespace.default.forwardRef(
         document.removeEventListener("webkitfullscreenchange", onFsChange);
       };
     }, []);
-    const togglePlay = React131__namespace.default.useCallback(() => {
+    const togglePlay = React136__namespace.default.useCallback(() => {
       const v = videoRef.current;
       if (!v) return;
       if (v.paused) {
@@ -11828,22 +12128,22 @@ var VideoPlayer = React131__namespace.default.forwardRef(
         v.pause();
       }
     }, []);
-    const toggleMute = React131__namespace.default.useCallback(() => {
+    const toggleMute = React136__namespace.default.useCallback(() => {
       setIsMuted((m) => !m);
     }, []);
-    const toggleFullscreen = React131__namespace.default.useCallback(() => {
+    const toggleFullscreen = React136__namespace.default.useCallback(() => {
       const el = containerRef.current;
       if (!el) return;
       if (isFullscreenActive()) void exitFs();
       else void requestFs(el);
     }, []);
-    const seekTo = React131__namespace.default.useCallback((time) => {
+    const seekTo = React136__namespace.default.useCallback((time) => {
       const v = videoRef.current;
       if (!v) return;
       const clamped = Math.max(0, Math.min(v.duration || 0, time));
       v.currentTime = clamped;
     }, []);
-    const seekBy = React131__namespace.default.useCallback(
+    const seekBy = React136__namespace.default.useCallback(
       (delta) => {
         seekTo((videoRef.current?.currentTime ?? 0) + delta);
       },
@@ -12191,7 +12491,7 @@ function Combobox({
   className,
   contentWidth = "trigger"
 }) {
-  const [open, setOpen] = React131__namespace.default.useState(false);
+  const [open, setOpen] = React136__namespace.default.useState(false);
   const selected = options.find((o) => o.value === value);
   return /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -12285,9 +12585,9 @@ function ColorSchemeSelect({
   className
 }) {
   const fallback = defaultValue ?? options[0]?.value ?? "";
-  const [value, setValue] = React131__namespace.default.useState(() => readInitial2(fallback));
-  const didMount = React131__namespace.default.useRef(false);
-  React131__namespace.default.useEffect(() => {
+  const [value, setValue] = React136__namespace.default.useState(() => readInitial2(fallback));
+  const didMount = React136__namespace.default.useRef(false);
+  React136__namespace.default.useEffect(() => {
     if (!didMount.current) {
       didMount.current = true;
       return;
@@ -12332,10 +12632,10 @@ function SidebarResizer({
   onWidthChange,
   className
 }) {
-  const [isDragging, setIsDragging] = React131.useState(false);
-  const startX = React131.useRef(0);
-  const startWidth = React131.useRef(defaultWidth);
-  React131.useEffect(() => {
+  const [isDragging, setIsDragging] = React136.useState(false);
+  const startX = React136.useRef(0);
+  const startWidth = React136.useRef(defaultWidth);
+  React136.useEffect(() => {
     if (typeof window === "undefined") return;
     try {
       const stored = localStorage.getItem(storageKey);
@@ -12347,7 +12647,7 @@ function SidebarResizer({
     } catch {
     }
   }, [storageKey, min, max, onWidthChange]);
-  const handlePointerDown = React131.useCallback(
+  const handlePointerDown = React136.useCallback(
     (e) => {
       e.preventDefault();
       e.currentTarget.setPointerCapture(e.pointerId);
@@ -12360,7 +12660,7 @@ function SidebarResizer({
     },
     []
   );
-  const handlePointerMove = React131.useCallback(
+  const handlePointerMove = React136.useCallback(
     (e) => {
       if (!isDragging) return;
       const delta = e.clientX - startX.current;
@@ -12373,7 +12673,7 @@ function SidebarResizer({
     },
     [isDragging, min, max, onWidthChange]
   );
-  const handlePointerUp = React131.useCallback(
+  const handlePointerUp = React136.useCallback(
     (e) => {
       if (!isDragging) return;
       setIsDragging(false);
@@ -12411,10 +12711,10 @@ function getInitials(name) {
 }
 function WorkspacesMenu({ workspaces, current, onSelect, className }) {
   const { collapsed } = useSidebar();
-  const [open, setOpen] = React131.useState(false);
-  const ref = React131.useRef(null);
+  const [open, setOpen] = React136.useState(false);
+  const ref = React136.useRef(null);
   const currentWorkspace = workspaces.find((w) => w.id === current);
-  React131.useEffect(() => {
+  React136.useEffect(() => {
     if (!open) return;
     function handleClickOutside(e) {
       if (ref.current && !ref.current.contains(e.target)) {
@@ -12497,9 +12797,9 @@ function getInitials2(name) {
 }
 function AppShellUserMenu({ name, email, avatar, onSignOut, onProfile, onSettings, className }) {
   const { collapsed } = useSidebar();
-  const [open, setOpen] = React131.useState(false);
-  const ref = React131.useRef(null);
-  React131.useEffect(() => {
+  const [open, setOpen] = React136.useState(false);
+  const ref = React136.useRef(null);
+  React136.useEffect(() => {
     if (!open) return;
     function handleClickOutside(e) {
       if (ref.current && !ref.current.contains(e.target)) {
@@ -12733,6 +13033,10 @@ function SortableNav({ items, onReorder, className }) {
   return /* @__PURE__ */ jsxRuntime.jsx(core.DndContext, { sensors, collisionDetection: core.closestCenter, onDragEnd: handleDragEnd, children: /* @__PURE__ */ jsxRuntime.jsx(sortable.SortableContext, { items: items.map((i) => i.id), strategy: sortable.verticalListSortingStrategy, children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "data-slot": "sortable-nav", className: cn("space-y-0.5 px-2 py-1", className), children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(SortableNavItemWrapper, { item }, item.id)) }) }) });
 }
 
+Object.defineProperty(exports, "Form", {
+  enumerable: true,
+  get: function () { return reactHookForm.FormProvider; }
+});
 Object.defineProperty(exports, "AnimatePresence", {
   enumerable: true,
   get: function () { return react.AnimatePresence; }
@@ -12822,6 +13126,7 @@ exports.CarouselContent = CarouselContent;
 exports.CarouselItem = CarouselItem;
 exports.CarouselNext = CarouselNext;
 exports.CarouselPrevious = CarouselPrevious;
+exports.CartLineItem = CartLineItem;
 exports.ChartContainer = ChartContainer;
 exports.ChartLegend = ChartLegend;
 exports.ChartLegendContent = ChartLegendContent;
@@ -12849,7 +13154,9 @@ exports.CommandDialog = CommandDialog;
 exports.CommandEmpty = CommandEmpty;
 exports.CommandGroup = CommandGroup;
 exports.CommandInput = CommandInput;
+exports.CommandItem = CommandItem;
 exports.CommandList = CommandList;
+exports.CommandListItem = CommandItem2;
 exports.CommandPalette = CommandPalette;
 exports.CommandPaletteProvider = CommandPaletteProvider;
 exports.CommandSeparator = CommandSeparator;
@@ -12917,6 +13224,7 @@ exports.DropdownMenuSub = DropdownMenuSub;
 exports.DropdownMenuSubContent = DropdownMenuSubContent;
 exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
 exports.DropdownMenuTrigger = DropdownMenuTrigger;
+exports.EmptyCart = EmptyCart;
 exports.EmptyState = EmptyState;
 exports.EmptyStateIcon = EmptyStateIcon;
 exports.EventCalendar = EventCalendar;
@@ -12934,7 +13242,14 @@ exports.FilterBadge = FilterBadge;
 exports.FilterItem = FilterItem;
 exports.Filters = Filters;
 exports.FloatingActionButton = FloatingActionButton;
+exports.FloatingLabelInput = FloatingLabelInput;
 exports.FloatingThemePicker = FloatingThemePicker;
+exports.FormControl = FormControl;
+exports.FormDescription = FormDescription;
+exports.FormField = FormField;
+exports.FormItem = FormItem;
+exports.FormLabel = FormLabel;
+exports.FormMessage = FormMessage;
 exports.Gantt = Gantt;
 exports.GradientBackground = GradientBackground;
 exports.GradientHeading = GradientHeading;
@@ -13033,10 +13348,12 @@ exports.Popover = Popover;
 exports.PopoverAnchor = PopoverAnchor;
 exports.PopoverContent = PopoverContent;
 exports.PopoverTrigger = PopoverTrigger;
+exports.PriceTag = PriceTag;
 exports.Progress = Progress;
 exports.PropertyItem = PropertyItem;
 exports.PropertyList = PropertyList;
 exports.QrCode = QrCode;
+exports.QuantityStepper = QuantityStepper;
 exports.RadioGroup = RadioGroup4;
 exports.RadioGroupItem = RadioGroupItem;
 exports.Rating = Rating;
@@ -13159,6 +13476,7 @@ exports.Tree = Tree;
 exports.Typewriter = Typewriter;
 exports.UserMenu = UserMenu;
 exports.VStack = VStack;
+exports.VariantPicker = VariantPicker;
 exports.VideoPlayer = VideoPlayer;
 exports.WorkspaceMembers = WorkspaceMembers;
 exports.WorkspacesMenu = WorkspacesMenu;
@@ -13172,7 +13490,6 @@ exports.toggleVariants = toggleVariants;
 exports.useAppShell = useAppShell;
 exports.useCommandBar = useCommandBar;
 exports.useCommandPalette = useCommandPalette;
-exports.useFormField = useFormField;
 exports.useHotkeys = useHotkeys;
 exports.useLayoutId = useLayoutId;
 exports.useSidebar = useSidebar;