@otfdashkit/ui 0.1.2 → 0.1.4

package/dist/index.js

@@ -2,7 +2,7 @@
 
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var React131 = require('react');
+var React137 = require('react');
 var AccordionPrimitive = require('@radix-ui/react-accordion');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -60,9 +60,9 @@ var zod = require('@hookform/resolvers/zod');
 var z = require('zod');
 var reactColorful = require('react-colorful');
 var react = require('motion/react');
+var reactVirtual = require('@tanstack/react-virtual');
 var ReactCrop = require('react-image-crop');
 require('react-image-crop/dist/ReactCrop.css');
-var reactVirtual = require('@tanstack/react-virtual');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -84,7 +84,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React131__namespace = /*#__PURE__*/_interopNamespace(React131);
+var React137__namespace = /*#__PURE__*/_interopNamespace(React137);
 var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
 var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
 var AspectRatioPrimitive__namespace = /*#__PURE__*/_interopNamespace(AspectRatioPrimitive);
@@ -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 = React137__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 = React137__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 = React137__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AccordionPrimitive__namespace.Content,
   {
     ref,
@@ -169,29 +169,67 @@ var buttonVariants = classVarianceAuthority.cva(
         outline: "border border-border bg-transparent hover:bg-accent hover:text-accent-foreground",
         ghost: "hover:bg-accent hover:text-accent-foreground",
         destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        link: "text-primary underline-offset-4 hover:underline"
+        link: "text-primary underline-offset-4 hover:underline",
+        gradient: [
+          "bg-gradient-to-b from-primary to-[hsl(var(--primary)/0.8)]",
+          "text-primary-foreground",
+          "shadow-[0_1px_0_0_rgba(255,255,255,0.1)_inset,0_-1px_0_0_rgba(0,0,0,0.25)_inset]",
+          "hover:from-[hsl(var(--primary)/0.9)] hover:to-[hsl(var(--primary)/0.7)]",
+          "active:from-[hsl(var(--primary)/0.8)] active:to-[hsl(var(--primary)/0.6)]"
+        ].join(" "),
+        texture: [
+          "relative border border-border/40",
+          "bg-gradient-to-b from-card to-[hsl(var(--card)/0.9)]",
+          "text-foreground",
+          "shadow-[0_0_0_1px_hsl(var(--border)/0.2)_inset]",
+          "hover:border-border/60 hover:bg-accent",
+          "active:shadow-none"
+        ].join(" "),
+        // Loud by design: keep for primary CTAs. The sweep keyframe ships in themes/base.css.
+        shimmer: [
+          "relative isolate overflow-hidden",
+          "bg-primary text-primary-foreground",
+          "shadow-[0_1px_0_rgba(255,255,255,0.18)_inset,0_-1px_0_rgba(0,0,0,0.25)_inset]",
+          "hover:bg-primary/95",
+          "before:absolute before:inset-[-1px] before:rounded-[inherit] before:-z-10",
+          "before:bg-[conic-gradient(from_0deg,transparent_0deg,transparent_70deg,rgba(255,255,255,0.55)_90deg,transparent_110deg,transparent_360deg)]",
+          "before:animate-[shimmer-rotate_2.6s_linear_infinite] motion-reduce:before:animate-none",
+          "after:absolute after:inset-0 after:rounded-[inherit] after:pointer-events-none",
+          "after:bg-[linear-gradient(115deg,transparent_30%,rgba(255,255,255,0.22)_50%,transparent_70%)]",
+          "after:translate-x-[-120%] hover:after:translate-x-[120%] after:transition-transform after:duration-[900ms] after:ease-out"
+        ].join(" ")
       },
       size: {
         sm: "h-8 px-3 text-xs",
         default: "h-9 px-4 py-2",
         lg: "h-11 px-6 text-base",
-        icon: "h-9 w-9"
+        xl: "h-12 px-8 text-base",
+        icon: "h-9 w-9",
+        "icon-sm": "h-7 w-7 p-0 text-xs"
       }
     },
     defaultVariants: { variant: "default", size: "default" }
   }
 );
-var Button = React131__namespace.default.forwardRef(
+var Button = React137__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 });
   }
 );
 Button.displayName = "Button";
+var IconButton = React137__namespace.default.forwardRef(
+  ({ icon, label, size = "default", variant = "ghost", className, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "button";
+    const sizeClass = size === "sm" ? "h-7 w-7" : size === "lg" ? "h-10 w-10" : "h-9 w-9";
+    return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, "aria-label": label, className: cn(buttonVariants({ variant }), sizeClass, "p-0 shrink-0", className), ...props, children: icon });
+  }
+);
+IconButton.displayName = "IconButton";
 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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Overlay,
   {
     className: cn(
@@ -203,7 +241,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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsx(
     AlertDialogPrimitive__namespace.Content,
@@ -246,7 +284,7 @@ var AlertDialogFooter = ({
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogTitle = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Title,
   {
     ref,
@@ -255,7 +293,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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Description,
   {
     ref,
@@ -264,7 +302,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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Action,
   {
     ref,
@@ -273,7 +311,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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Cancel,
   {
     ref,
@@ -300,7 +338,7 @@ var alertVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Alert = React131__namespace.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Alert = React137__namespace.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -310,7 +348,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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "h5",
   {
     ref,
@@ -319,7 +357,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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -329,7 +367,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 = React137__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Root,
   {
     ref,
@@ -338,9 +376,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 = React137__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 = React137__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Fallback,
   {
     ref,
@@ -349,15 +387,15 @@ var AvatarFallback = React131__namespace.default.forwardRef(({ className, ...pro
   }
 ));
 AvatarFallback.displayName = AvatarPrimitive__namespace.Fallback.displayName;
-var AvatarGroup = React131__namespace.default.forwardRef(
+var AvatarGroup = React137__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 = React137__namespace.default.Children.toArray(children).filter(React137__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) => React137__namespace.default.cloneElement(child, {
           key: child.key ?? i,
           style: {
             width: size,
@@ -563,8 +601,8 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = reactDayPicker.getDefaultClassNames();
-  const ref = React131__namespace.useRef(null);
-  React131__namespace.useEffect(() => {
+  const ref = React137__namespace.useRef(null);
+  React137__namespace.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -587,7 +625,7 @@ function CalendarDayButton({
     }
   );
 }
-var Card = React131__namespace.default.forwardRef(
+var Card = React137__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -598,35 +636,35 @@ var Card = React131__namespace.default.forwardRef(
   )
 );
 Card.displayName = "Card";
-var CardHeader = React131__namespace.default.forwardRef(
+var CardHeader = React137__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 = React137__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 = React137__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 = React137__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 = React137__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 = React137__namespace.createContext(null);
 function useCarousel() {
-  const context = React131__namespace.useContext(CarouselContext);
+  const context = React137__namespace.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React131__namespace.forwardRef(
+var Carousel = React137__namespace.forwardRef(
   ({
     orientation = "horizontal",
     opts,
@@ -643,22 +681,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] = React137__namespace.useState(false);
+    const [canScrollNext, setCanScrollNext] = React137__namespace.useState(false);
+    const onSelect = React137__namespace.useCallback((api2) => {
       if (!api2) {
         return;
       }
       setCanScrollPrev(api2.canScrollPrev());
       setCanScrollNext(api2.canScrollNext());
     }, []);
-    const scrollPrev = React131__namespace.useCallback(() => {
+    const scrollPrev = React137__namespace.useCallback(() => {
       api?.scrollPrev();
     }, [api]);
-    const scrollNext = React131__namespace.useCallback(() => {
+    const scrollNext = React137__namespace.useCallback(() => {
       api?.scrollNext();
     }, [api]);
-    const handleKeyDown = React131__namespace.useCallback(
+    const handleKeyDown = React137__namespace.useCallback(
       (event) => {
         if (event.key === "ArrowLeft") {
           event.preventDefault();
@@ -670,13 +708,13 @@ var Carousel = React131__namespace.forwardRef(
       },
       [scrollPrev, scrollNext]
     );
-    React131__namespace.useEffect(() => {
+    React137__namespace.useEffect(() => {
       if (!api || !setApi) {
         return;
       }
       setApi(api);
     }, [api, setApi]);
-    React131__namespace.useEffect(() => {
+    React137__namespace.useEffect(() => {
       if (!api) {
         return;
       }
@@ -717,7 +755,7 @@ var Carousel = React131__namespace.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselContent = React131__namespace.forwardRef(({ className, ...props }, ref) => {
+var CarouselContent = React137__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 +771,7 @@ var CarouselContent = React131__namespace.forwardRef(({ className, ...props }, r
   ) });
 });
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React131__namespace.forwardRef(({ className, ...props }, ref) => {
+var CarouselItem = React137__namespace.forwardRef(({ className, ...props }, ref) => {
   const { orientation } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -751,7 +789,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 = React137__namespace.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Button,
@@ -775,7 +813,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 = React137__namespace.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Button,
@@ -799,17 +837,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 = React137__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 = React137__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] = React137__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 = React137__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 = React137__namespace.createContext(null);
 function useChart() {
-  const context = React131__namespace.useContext(ChartContext);
+  const context = React137__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 = React137__namespace.forwardRef(({ id, className, children, config, ...props }, ref) => {
+  const uniqueId = React137__namespace.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsxRuntime.jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -855,7 +1049,7 @@ ${colorConfig.map(([key, itemConfig]) => {
   );
 };
 var ChartTooltip = RechartsPrimitive__namespace.Tooltip;
-var ChartTooltipContent = React131__namespace.forwardRef(
+var ChartTooltipContent = React137__namespace.forwardRef(
   ({
     active,
     payload,
@@ -872,7 +1066,7 @@ var ChartTooltipContent = React131__namespace.forwardRef(
     labelKey
   }, ref) => {
     const { config } = useChart();
-    const tooltipLabel = React131__namespace.useMemo(() => {
+    const tooltipLabel = React137__namespace.useMemo(() => {
       if (hideLabel || !payload?.length) {
         return null;
       }
@@ -968,7 +1162,7 @@ var ChartTooltipContent = React131__namespace.forwardRef(
 );
 ChartTooltipContent.displayName = "ChartTooltip";
 var ChartLegend = RechartsPrimitive__namespace.Legend;
-var ChartLegendContent = React131__namespace.forwardRef(
+var ChartLegendContent = React137__namespace.forwardRef(
   ({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
     const { config } = useChart();
     if (!payload?.length) {
@@ -1026,7 +1220,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 = React137__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   CheckboxPrimitive__namespace.Root,
   {
     ref,
@@ -1066,7 +1260,7 @@ function detectTheme(node) {
   }
   return document.documentElement.classList.contains("dark") ? "dark" : "light";
 }
-var CodeBlock = React131__namespace.default.forwardRef(
+var CodeBlock = React137__namespace.default.forwardRef(
   ({
     code,
     language = "tsx",
@@ -1077,10 +1271,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 = React137__namespace.default.useRef(null);
+    const [html, setHtml] = React137__namespace.default.useState(null);
+    const [copied, setCopied] = React137__namespace.default.useState(false);
+    React137__namespace.default.useEffect(() => {
       let cancelled = false;
       getHighlighter().then((hl) => {
         if (cancelled) return;
@@ -1095,7 +1289,7 @@ var CodeBlock = React131__namespace.default.forwardRef(
         cancelled = true;
       };
     }, [code, language, theme]);
-    const onCopy = React131__namespace.default.useCallback(async () => {
+    const onCopy = React137__namespace.default.useCallback(async () => {
       try {
         await navigator.clipboard.writeText(code);
         setCopied(true);
@@ -1103,7 +1297,7 @@ var CodeBlock = React131__namespace.default.forwardRef(
       } catch {
       }
     }, [code]);
-    const lines = React131__namespace.default.useMemo(() => code.split("\n"), [code]);
+    const lines = React137__namespace.default.useMemo(() => code.split("\n"), [code]);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -1171,7 +1365,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 = React137__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     ref,
@@ -1185,7 +1379,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 = React137__namespace.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsxs(
     DialogPrimitive__namespace.Content,
@@ -1215,7 +1409,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 = React137__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Title,
   {
     ref,
@@ -1224,7 +1418,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 = React137__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Description,
   {
     ref,
@@ -1233,7 +1427,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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command,
   {
     ref,
@@ -1248,7 +1442,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 = React137__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 +1457,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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.List,
   {
     ref,
@@ -1272,7 +1466,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 = React137__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Empty,
   {
     ref,
@@ -1281,7 +1475,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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Group,
   {
     ref,
@@ -1293,7 +1487,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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Separator,
   {
     ref,
@@ -1302,7 +1496,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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Item,
   {
     ref,
@@ -1330,7 +1524,7 @@ var CommandShortcut = ({
   );
 };
 CommandShortcut.displayName = "CommandShortcut";
-var Comparison = React131__namespace.default.forwardRef(
+var Comparison = React137__namespace.default.forwardRef(
   ({
     before,
     after,
@@ -1346,10 +1540,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] = React137__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 = React137__namespace.default.useRef(null);
+    const commit = React137__namespace.default.useCallback(
       (next) => {
         const clamped = Math.max(0, Math.min(100, next));
         if (!isControlled) setInternal(clamped);
@@ -1357,7 +1551,7 @@ var Comparison = React131__namespace.default.forwardRef(
       },
       [isControlled, onValueChange]
     );
-    const updateFromPointer = React131__namespace.default.useCallback(
+    const updateFromPointer = React137__namespace.default.useCallback(
       (clientX, clientY) => {
         const el = containerRef.current;
         if (!el) return;
@@ -1480,30 +1674,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 = React137__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 = React137__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 = React137__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 = React137__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 = React137__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 = React137__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 = React137__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 = React137__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 +1714,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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   vaul.Drawer.Overlay,
   {
     ref,
@@ -1529,7 +1723,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 = React137__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DrawerPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(DrawerOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsxs(
     vaul.Drawer.Content,
@@ -1570,7 +1764,7 @@ var DrawerFooter = ({
   }
 );
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DrawerTitle = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   vaul.Drawer.Title,
   {
     ref,
@@ -1582,7 +1776,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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   vaul.Drawer.Description,
   {
     ref,
@@ -1607,36 +1801,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 = React137__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 = React137__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 = React137__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 = React137__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 = React137__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 = React137__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 = React137__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 = React137__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 EmptyCart = React137__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 })
+        ]
+      }
+    );
+  }
+);
+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 = React137__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   HoverCardPrimitive__namespace.Content,
   {
     ref,
@@ -1650,7 +1873,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 = React137__namespace.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   inputOtp.OTPInput,
   {
     ref,
@@ -1663,10 +1886,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 = React137__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 = React137__namespace.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React137__namespace.useContext(inputOtp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -1686,9 +1909,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 = React137__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 = React137__namespace.default.forwardRef(
   ({ className, type, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "input",
     {
@@ -1710,7 +1933,7 @@ Input.displayName = "Input";
 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(
+var Label3 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   LabelPrimitive__namespace.Root,
   {
     ref,
@@ -1719,7 +1942,7 @@ var Label3 = React131__namespace.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 Label3.displayName = LabelPrimitive__namespace.Root.displayName;
-var LogoCarousel = React131__namespace.default.forwardRef(
+var LogoCarousel = React137__namespace.default.forwardRef(
   ({
     className,
     logos,
@@ -1813,7 +2036,7 @@ var SPEED_DURATION = {
   normal: "40s",
   fast: "20s"
 };
-var Marquee = React131__namespace.default.forwardRef(
+var Marquee = React137__namespace.default.forwardRef(
   ({
     children,
     speed = "normal",
@@ -1877,7 +2100,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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   MenubarPrimitive__namespace.Root,
   {
     ref,
@@ -1889,7 +2112,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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   MenubarPrimitive__namespace.Trigger,
   {
     ref,
@@ -1901,7 +2124,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 = React137__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   MenubarPrimitive__namespace.SubTrigger,
   {
     ref,
@@ -1918,7 +2141,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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   MenubarPrimitive__namespace.SubContent,
   {
     ref,
@@ -1930,7 +2153,7 @@ var MenubarSubContent = React131__namespace.forwardRef(({ className, ...props },
   }
 ));
 MenubarSubContent.displayName = MenubarPrimitive__namespace.SubContent.displayName;
-var MenubarContent = React131__namespace.forwardRef(
+var MenubarContent = React137__namespace.forwardRef(
   ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
     MenubarPrimitive__namespace.Content,
     {
@@ -1947,7 +2170,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 = React137__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   MenubarPrimitive__namespace.Item,
   {
     ref,
@@ -1960,7 +2183,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 = React137__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   MenubarPrimitive__namespace.CheckboxItem,
   {
     ref,
@@ -1977,7 +2200,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 = React137__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   MenubarPrimitive__namespace.RadioItem,
   {
     ref,
@@ -1993,7 +2216,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 = React137__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   MenubarPrimitive__namespace.Label,
   {
     ref,
@@ -2006,7 +2229,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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   MenubarPrimitive__namespace.Separator,
   {
     ref,
@@ -2031,7 +2254,7 @@ var MenubarShortcut = ({
   );
 };
 MenubarShortcut.displayname = "MenubarShortcut";
-var NavigationMenu = React131__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var NavigationMenu = React137__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   NavigationMenuPrimitive__namespace.Root,
   {
     ref,
@@ -2047,7 +2270,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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   NavigationMenuPrimitive__namespace.List,
   {
     ref,
@@ -2063,7 +2286,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 = React137__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   NavigationMenuPrimitive__namespace.Trigger,
   {
     ref,
@@ -2083,7 +2306,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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   NavigationMenuPrimitive__namespace.Content,
   {
     ref,
@@ -2096,7 +2319,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 = React137__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(
@@ -2108,7 +2331,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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   NavigationMenuPrimitive__namespace.Indicator,
   {
     ref,
@@ -2131,7 +2354,7 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var PaginationContent = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "ul",
   {
     ref,
@@ -2140,7 +2363,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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: cn("", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = ({
   className,
@@ -2215,7 +2438,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 = React137__namespace.default.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
   PopoverPrimitive__namespace.Content,
   {
     ref,
@@ -2232,7 +2455,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 = React137__namespace.default.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ProgressPrimitive__namespace.Root,
   {
     ref,
@@ -2248,7 +2471,7 @@ var Progress = React131__namespace.default.forwardRef(({ className, value, ...pr
   }
 ));
 Progress.displayName = ProgressPrimitive__namespace.Root.displayName;
-var QrCode = React131__namespace.default.forwardRef(
+var QrCode = React137__namespace.default.forwardRef(
   ({
     value,
     size = 192,
@@ -2305,9 +2528,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 = React137__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 = React137__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   RadioGroupPrimitive__namespace.Item,
   {
     ref,
@@ -2322,12 +2545,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 = React137__namespace.default.forwardRef(
   ({
     value: valueProp,
     defaultValue = 0,
@@ -2343,10 +2566,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] = React137__namespace.default.useState(defaultValue);
     const value = isControlled ? valueProp : internal;
     const step = allowHalf ? 0.5 : 1;
-    const commit = React131__namespace.default.useCallback(
+    const commit = React137__namespace.default.useCallback(
       (next) => {
         const clamped = Math.max(0, Math.min(max, next));
         if (!isControlled) setInternal(clamped);
@@ -2393,13 +2616,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",
@@ -2460,7 +2683,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 = React137__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   ScrollAreaPrimitive__namespace.Root,
   {
     ref,
@@ -2474,7 +2697,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 = React137__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
   {
     ref,
@@ -2493,7 +2716,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 = React137__namespace.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Trigger,
   {
     ref,
@@ -2513,7 +2736,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 = React137__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollUpButton,
   {
     ref,
@@ -2523,7 +2746,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 = React137__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollDownButton,
   {
     ref,
@@ -2533,7 +2756,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 = React137__namespace.default.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Content,
   {
     ref,
@@ -2560,7 +2783,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 = React137__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Label,
   {
     ref,
@@ -2569,7 +2792,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 = React137__namespace.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Item,
   {
     ref,
@@ -2587,7 +2810,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 = React137__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Separator,
   {
     ref,
@@ -2596,7 +2819,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 = React137__namespace.default.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SeparatorPrimitive__namespace.Root,
   {
     ref,
@@ -2615,7 +2838,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 = React137__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     ref,
@@ -2643,7 +2866,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 = React137__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: [
@@ -2656,9 +2879,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 = React137__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 = React137__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(
@@ -2669,7 +2892,7 @@ function Skeleton({ className, ...props }) {
     }
   );
 }
-var Slider = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var Slider = React137__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SliderPrimitive__namespace.Root,
   {
     ref,
@@ -2693,7 +2916,7 @@ function Spinner({ className, ...props }) {
     }
   );
 }
-var Switch = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Switch = React137__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SwitchPrimitive__namespace.Root,
   {
     ref,
@@ -2719,7 +2942,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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
   "table",
   {
     ref,
@@ -2728,9 +2951,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 = React137__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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tbody",
   {
     ref,
@@ -2739,7 +2962,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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tfoot",
   {
     ref,
@@ -2751,7 +2974,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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tr",
   {
     ref,
@@ -2763,7 +2986,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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "th",
   {
     ref,
@@ -2775,7 +2998,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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "td",
   {
     ref,
@@ -2787,7 +3010,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 = React137__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "caption",
   {
     ref,
@@ -2797,7 +3020,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 = React137__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.List,
   {
     ref,
@@ -2809,7 +3032,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 = React137__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.Trigger,
   {
     ref,
@@ -2824,7 +3047,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 = React137__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.Content,
   {
     ref,
@@ -2836,7 +3059,7 @@ var TabsContent = React131__namespace.default.forwardRef(({ className, ...props
   }
 ));
 TabsContent.displayName = TabsPrimitive__namespace.Content.displayName;
-var Textarea = React131__namespace.default.forwardRef(
+var Textarea = React137__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "textarea",
     {
@@ -2854,7 +3077,7 @@ var Textarea = React131__namespace.default.forwardRef(
   )
 );
 Textarea.displayName = "Textarea";
-var TextureCard = React131__namespace.forwardRef(
+var TextureCard = React137__namespace.forwardRef(
   ({ children, className, padding = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -2871,15 +3094,15 @@ var TextureCard = React131__namespace.forwardRef(
   )
 );
 TextureCard.displayName = "TextureCard";
-var TextureCardHeader = React131__namespace.forwardRef(
+var TextureCardHeader = React137__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 = React137__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 = React137__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
 );
 TextureCardDescription.displayName = "TextureCardDescription";
@@ -2903,7 +3126,7 @@ var toggleVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Toggle = React131__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Toggle = React137__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TogglePrimitive__namespace.Root,
   {
     ref,
@@ -2912,11 +3135,11 @@ var Toggle = React131__namespace.forwardRef(({ className, variant, size, ...prop
   }
 ));
 Toggle.displayName = TogglePrimitive__namespace.Root.displayName;
-var ToggleGroupContext = React131__namespace.createContext({
+var ToggleGroupContext = React137__namespace.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React131__namespace.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ToggleGroup = React137__namespace.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ToggleGroupPrimitive__namespace.Root,
   {
     ref,
@@ -2926,8 +3149,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 = React137__namespace.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React137__namespace.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ToggleGroupPrimitive__namespace.Item,
     {
@@ -2948,7 +3171,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 = React137__namespace.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
   TooltipPrimitive__namespace.Content,
   {
     ref,
@@ -2964,6 +3187,52 @@ var TooltipContent = React131__namespace.default.forwardRef(({ className, sideOf
   }
 ) }));
 TooltipContent.displayName = TooltipPrimitive__namespace.Content.displayName;
+var VariantPicker = React137__namespace.default.forwardRef(
+  ({ label, options, value: valueProp, defaultValue, onValueChange, className, ...props }, ref) => {
+    const isControlled = valueProp !== void 0;
+    const [internal, setInternal] = React137__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",
   {
@@ -3060,8 +3329,8 @@ function Banner({
   className,
   children
 }) {
-  const [dismissed, setDismissed] = React131__namespace.default.useState(false);
-  const [exiting, setExiting] = React131__namespace.default.useState(false);
+  const [dismissed, setDismissed] = React137__namespace.default.useState(false);
+  const [exiting, setExiting] = React137__namespace.default.useState(false);
   const handleDismiss = () => {
     setExiting(true);
     setTimeout(() => {
@@ -3122,7 +3391,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 = React137__namespace.default.Children.toArray(children);
   const withSeparators = [];
   items.forEach((item, i) => {
     withSeparators.push(item);
@@ -3152,8 +3421,8 @@ function CommandItem2({ icon, label, description, shortcut, active, onClick, cla
   );
 }
 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] = React137__namespace.default.useState(false);
+  const [val, setVal] = React137__namespace.default.useState(String(initial ?? ""));
   const commit = () => {
     onSave(val);
     setEditing(false);
@@ -3184,10 +3453,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] = React137__namespace.default.useState(initialData);
+  const [rowSelection, setRowSelection] = React137__namespace.default.useState({});
   const columnResizeMode = "onChange";
-  const editableColumns = React131__namespace.default.useMemo(() => {
+  const editableColumns = React137__namespace.default.useMemo(() => {
     if (!editable) return columns;
     return columns.map((col) => ({
       ...col,
@@ -3206,7 +3475,7 @@ function DataGrid({ columns, data: initialData, onDataChange, editable, classNam
       )
     }));
   }, [columns, data, editable, onDataChange]);
-  const allColumns = React131__namespace.default.useMemo(() => [selectionCol(), ...editableColumns], [editableColumns]);
+  const allColumns = React137__namespace.default.useMemo(() => [selectionCol(), ...editableColumns], [editableColumns]);
   const table = reactTable.useReactTable({
     data,
     columns: allColumns,
@@ -3277,7 +3546,7 @@ function DataTableToolbar({ table, searchColumn }) {
   ) });
 }
 function DataTable({ columns, data, pageSize = 10, searchable, searchColumn, loading }) {
-  const [sorting, setSorting] = React131__namespace.default.useState([]);
+  const [sorting, setSorting] = React137__namespace.default.useState([]);
   const table = reactTable.useReactTable({
     data,
     columns,
@@ -3302,7 +3571,7 @@ function DataTable({ columns, data, pageSize = 10, searchable, searchColumn, loa
     /* @__PURE__ */ jsxRuntime.jsx(DataTablePagination, { table })
   ] });
 }
-var EmptyStateIcon = React131__namespace.default.forwardRef(
+var EmptyStateIcon = React137__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";
@@ -3417,7 +3686,7 @@ function Persona({ name, subtitle, src, size = "md", badge, className }) {
     ] })
   ] });
 }
-var PropertyList = React131__namespace.default.forwardRef(
+var PropertyList = React137__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("dl", { ref, className: cn("divide-y divide-[hsl(var(--border))]", className), ...props })
 );
 PropertyList.displayName = "PropertyList";
@@ -3503,7 +3772,7 @@ function StructuredListItem({ left, title, description, right, onClick, classNam
     }
   );
 }
-var StructuredList = React131__namespace.default.forwardRef(
+var StructuredList = React137__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("space-y-4", className), ...props })
 );
 StructuredList.displayName = "StructuredList";
@@ -3513,7 +3782,7 @@ var dotColors = {
   error: "bg-red-500",
   warning: "bg-yellow-500"
 };
-var TimelineContent = React131__namespace.default.forwardRef(
+var TimelineContent = React137__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("pb-1", className), ...props })
 );
 TimelineContent.displayName = "TimelineContent";
@@ -3536,9 +3805,9 @@ function TimelineItem({ icon, title, description, timestamp, variant = "default"
   ] });
 }
 function Timeline({ children, className }) {
-  const items = React131__namespace.default.Children.toArray(children);
+  const items = React137__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) => React137__namespace.default.isValidElement(child) ? React137__namespace.default.cloneElement(child, { isLast: i === items.length - 1 }) : child
   ) });
 }
 var INITIAL_MESSAGES = [
@@ -3563,8 +3832,8 @@ function ChatBubble({ msg }) {
   ] });
 }
 function ChatDetail({ className }) {
-  const [messages, setMessages] = React131.useState(INITIAL_MESSAGES);
-  const [input, setInput] = React131.useState("");
+  const [messages, setMessages] = React137.useState(INITIAL_MESSAGES);
+  const [input, setInput] = React137.useState("");
   const send = () => {
     if (!input.trim()) return;
     const now = (/* @__PURE__ */ new Date()).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
@@ -3597,9 +3866,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] = React137.useState("");
+  const [text, setText] = React137.useState("");
+  const [submitted, setSubmitted] = React137.useState(false);
   const handleSubmit = () => {
     onSubmit?.({ reaction, text });
     setSubmitted(true);
@@ -3722,7 +3991,7 @@ function FileRow({ file, onDelete }) {
   ] });
 }
 function FilesList({ className }) {
-  const [files, setFiles] = React131__namespace.default.useState(FILES2);
+  const [files, setFiles] = React137__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)) })
@@ -3735,7 +4004,7 @@ function IntegrationCard({
   connected = false,
   className
 }) {
-  const [isConnected, setIsConnected] = React131.useState(connected);
+  const [isConnected, setIsConnected] = React137.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: [
@@ -3769,9 +4038,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] = React137.useState("");
+  const [role, setRole] = React137.useState("Member");
+  const [pending, setPending] = React137.useState(PENDING);
   const invite = () => {
     if (!email.trim()) return;
     setPending((p) => [...p, { email: email.trim(), role }]);
@@ -3818,9 +4087,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] = React137.useState(INITIAL_TAGS);
+  const [newTag, setNewTag] = React137.useState("");
+  const [colorIdx, setColorIdx] = React137.useState(0);
   const addTag = () => {
     if (!newTag.trim()) return;
     const id = `tag-${Date.now()}`;
@@ -4022,13 +4291,13 @@ function Heatmap({
   showLegend = true,
   formatTooltip
 }) {
-  const valueByDate = React131.useMemo(() => {
+  const valueByDate = React137.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 = React137.useMemo(() => Math.max(1, ...data.map((d) => d.value)), [data]);
+  const grid = React137.useMemo(() => {
     const end = startOfWeek(endDate);
     end.setDate(end.getDate() + 6);
     const cols = [];
@@ -4046,7 +4315,7 @@ function Heatmap({
     }
     return cols;
   }, [endDate, weeks, valueByDate]);
-  const monthLabels = React131.useMemo(() => {
+  const monthLabels = React137.useMemo(() => {
     const labels = [];
     let lastMonth = -1;
     grid.forEach((col, i) => {
@@ -4217,9 +4486,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] = React137__namespace.default.useState(() => defaultMode ?? readInitial());
+  const didMount = React137__namespace.default.useRef(false);
+  React137__namespace.default.useEffect(() => {
     if (!didMount.current) {
       didMount.current = true;
       return;
@@ -4231,7 +4500,7 @@ function ThemeSwitch({ defaultMode, onChange, className, variant = "segmented" }
     }
     onChange?.(mode);
   }, [mode, onChange]);
-  React131__namespace.default.useEffect(() => {
+  React137__namespace.default.useEffect(() => {
     if (mode !== "system" || typeof window === "undefined") return;
     const mql = window.matchMedia("(prefers-color-scheme: dark)");
     const handler = () => apply("system");
@@ -4322,7 +4591,7 @@ function FloatingActionButton({
   position = "bottom-right",
   className
 }) {
-  const [open, setOpen] = React131__namespace.default.useState(false);
+  const [open, setOpen] = React137__namespace.default.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -4363,7 +4632,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(React137__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
@@ -4405,7 +4674,7 @@ function applyTheme(val) {
   }
 }
 function PaletteSwatches({ options = DEFAULT_THEME_OPTIONS }) {
-  const [activeValue, setActiveValue] = React131__namespace.default.useState(readStoredTheme);
+  const [activeValue, setActiveValue] = React137__namespace.default.useState(readStoredTheme);
   const activeOption = options.find((o) => o.value === activeValue) ?? options[0];
   const handleSelect = (value) => {
     setActiveValue(value);
@@ -4482,7 +4751,7 @@ function NotifRow({ label, description, checked, onChange }) {
   ] });
 }
 function NotificationSettings({ className }) {
-  const [states, setStates] = React131.useState(
+  const [states, setStates] = React137.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: [
@@ -4502,16 +4771,16 @@ function NotificationSettings({ className }) {
     )) })
   ] });
 }
-var SidebarCtx = React131.createContext({
+var SidebarCtx = React137.createContext({
   collapsed: false,
   toggleCollapsed: () => {
   }
 });
 function useSidebar() {
-  return React131.useContext(SidebarCtx);
+  return React137.useContext(SidebarCtx);
 }
 function SidebarRoot({ children, storageKey = "sidebar-collapsed", defaultCollapsed = false, className }) {
-  const [collapsed, setCollapsed] = React131.useState(() => {
+  const [collapsed, setCollapsed] = React137.useState(() => {
     if (typeof window === "undefined") return defaultCollapsed;
     try {
       return JSON.parse(localStorage.getItem(storageKey) ?? String(defaultCollapsed));
@@ -4519,7 +4788,7 @@ function SidebarRoot({ children, storageKey = "sidebar-collapsed", defaultCollap
       return defaultCollapsed;
     }
   });
-  const toggleCollapsed = React131.useCallback(() => {
+  const toggleCollapsed = React137.useCallback(() => {
     setCollapsed((v) => {
       const next = !v;
       try {
@@ -4647,7 +4916,7 @@ function OrgMenu({
   onCreateOrg,
   className
 }) {
-  const [internalId, setInternalId] = React131.useState(defaultOrgId ?? ORGS[0]?.id ?? "1");
+  const [internalId, setInternalId] = React137.useState(defaultOrgId ?? ORGS[0]?.id ?? "1");
   const activeId = currentOrgId ?? internalId;
   const current = ORGS.find((o) => o.id === activeId) ?? ORGS[0];
   const { collapsed } = useSidebar();
@@ -4696,7 +4965,7 @@ var ROLES = [
   { value: "viewer", label: "Viewer", description: "Read-only access" }
 ];
 function RolesMenu({ value = "member", onChange, className }) {
-  const [role, setRole] = React131.useState(value);
+  const [role, setRole] = React137.useState(value);
   const current = ROLES.find((r) => r.value === role) ?? ROLES[0];
   const handleChange = (v) => {
     setRole(v);
@@ -4726,8 +4995,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] = React137.useState("");
+  const [selected, setSelected] = React137.useState(/* @__PURE__ */ new Set());
   const filtered = USERS.filter(
     (u) => u.name.toLowerCase().includes(query.toLowerCase()) || u.email.toLowerCase().includes(query.toLowerCase())
   );
@@ -4937,7 +5206,7 @@ function SidebarLayoutSearch({
   children,
   className
 }) {
-  const [query, setQuery] = React131.useState("");
+  const [query, setQuery] = React137.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: [
@@ -5028,7 +5297,7 @@ function TaskRow({ task, onToggle }) {
   ] });
 }
 function SortableTaskList({ className }) {
-  const [tasks, setTasks] = React131.useState(TASKS);
+  const [tasks, setTasks] = React137.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);
@@ -5082,8 +5351,8 @@ function StackedLayoutTabs({
   children,
   className
 }) {
-  const [activeTab, setActiveTab] = React131.useState(0);
-  const [activeNav, setActiveNav] = React131.useState(0);
+  const [activeTab, setActiveTab] = React137.useState(0);
+  const [activeNav, setActiveNav] = React137.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 }),
@@ -5226,8 +5495,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] = React137.useState("");
+  const [members, setMembers] = React137.useState(MEMBERS);
   const filtered = members.filter(
     (m) => m.name.toLowerCase().includes(query.toLowerCase()) || m.email.toLowerCase().includes(query.toLowerCase())
   );
@@ -5281,8 +5550,8 @@ function BulkActions({ count, actions, onClear, className }) {
   ] });
 }
 function useCommandBar() {
-  const [open, setOpen] = React131__namespace.default.useState(false);
-  React131__namespace.default.useEffect(() => {
+  const [open, setOpen] = React137__namespace.default.useState(false);
+  React137__namespace.default.useEffect(() => {
     const handler = (e) => {
       if ((e.metaKey || e.ctrlKey) && e.key === "k") {
         e.preventDefault();
@@ -5322,12 +5591,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] = React137__namespace.default.useState("");
   const handleSearch = (v) => {
     setQuery(v);
     onSearch?.(v);
   };
-  const items = React131__namespace.default.useRef(null);
+  const items = React137__namespace.default.useRef(null);
   const handleKeyDown = (e) => {
     if (e.key === "Escape") {
       onOpenChange(false);
@@ -5368,10 +5637,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] = React137__namespace.default.useState(false);
+  const [key, setKey] = React137__namespace.default.useState("");
+  const [op, setOp] = React137__namespace.default.useState("");
+  const [val, setVal] = React137__namespace.default.useState("");
   const def = filters.find((f) => f.key === key);
   const ops = def?.type === "number" ? numOps : textOps;
   const handleAdd = () => {
@@ -5483,7 +5752,7 @@ function formatColumnSubLabel(date, scale) {
 function snapDate(date, scale) {
   return startOfScale(date, scale);
 }
-var Gantt = React131__namespace.default.forwardRef(
+var Gantt = React137__namespace.default.forwardRef(
   ({
     items,
     scale = "days",
@@ -5501,7 +5770,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 = React137__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 {
@@ -5511,7 +5780,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 = React137__namespace.default.useMemo(() => {
       const map = /* @__PURE__ */ new Map();
       for (const it of items) {
         const k = it.group ?? void 0;
@@ -5521,7 +5790,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] = React137__namespace.default.useState(() => /* @__PURE__ */ new Set());
     const toggleGroup = (key) => {
       setCollapsed((prev) => {
         const next = new Set(prev);
@@ -5530,7 +5799,7 @@ var Gantt = React131__namespace.default.forwardRef(
         return next;
       });
     };
-    const rows = React131__namespace.default.useMemo(() => {
+    const rows = React137__namespace.default.useMemo(() => {
       const out = [];
       for (const [groupKey, list] of grouped) {
         if (groupKey !== void 0) {
@@ -5541,21 +5810,21 @@ var Gantt = React131__namespace.default.forwardRef(
       }
       return out;
     }, [grouped, collapsed]);
-    const itemRowIndex = React131__namespace.default.useMemo(() => {
+    const itemRowIndex = React137__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 = React137__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 = React137__namespace.default.useMemo(() => {
       return Array.from(
         { length: colCount },
         (_, i) => addUnits(viewport.start, i, scale)
@@ -5779,12 +6048,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] = React137__namespace.default.useState(0);
+  const [previewRightDelta, setPreviewRightDelta] = React137__namespace.default.useState(0);
+  const dragMode = React137__namespace.default.useRef(null);
+  const startX = React137__namespace.default.useRef(0);
+  const longPressTimer = React137__namespace.default.useRef(null);
+  const moved = React137__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);
@@ -5990,7 +6259,7 @@ function DependencyLayer({
   timelineWidth,
   totalHeight
 }) {
-  const itemById = React131__namespace.default.useMemo(() => {
+  const itemById = React137__namespace.default.useMemo(() => {
     const m = /* @__PURE__ */ new Map();
     for (const it of items) m.set(it.id, it);
     return m;
@@ -6089,9 +6358,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] = React137__namespace.default.useState(initialColumns);
+  const [activeCard, setActiveCard] = React137__namespace.default.useState(null);
+  const [overColId, setOverColId] = React137__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 }) => {
@@ -6160,10 +6429,10 @@ function ToolbarButton({
   ] });
 }
 function LinkPopover({ editor }) {
-  const [open, setOpen] = React131__namespace.default.useState(false);
-  const [url, setUrl] = React131__namespace.default.useState("");
+  const [open, setOpen] = React137__namespace.default.useState(false);
+  const [url, setUrl] = React137__namespace.default.useState("");
   const isActive = editor.isActive("link");
-  React131__namespace.default.useEffect(() => {
+  React137__namespace.default.useEffect(() => {
     if (!open) return;
     const current = editor.getAttributes("link")?.href;
     setUrl(current ?? "");
@@ -6628,7 +6897,7 @@ var proseClasses = cn(
   // Selected cells in tables
   "[&_.selectedCell]:bg-[hsl(var(--accent))]/40"
 );
-var RichEditor = React131__namespace.default.forwardRef(
+var RichEditor = React137__namespace.default.forwardRef(
   function RichEditor2({
     value,
     defaultValue,
@@ -6642,12 +6911,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 = React137__namespace.default.useRef(null);
+    const onChangeRef = React137__namespace.default.useRef(onChange);
+    React137__namespace.default.useEffect(() => {
       onChangeRef.current = onChange;
     }, [onChange]);
-    const [charCount, setCharCount] = React131__namespace.default.useState(0);
+    const [charCount, setCharCount] = React137__namespace.default.useState(0);
     const editor = react$1.useEditor({
       editable,
       content: initialContent,
@@ -6690,18 +6959,18 @@ var RichEditor = React131__namespace.default.forwardRef(
         }, 100);
       }
     });
-    React131__namespace.default.useEffect(() => {
+    React137__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(() => {
+    React137__namespace.default.useEffect(() => {
       if (!editor) return;
       if (editor.isEditable !== editable) editor.setEditable(editable);
     }, [editor, editable]);
-    React131__namespace.default.useEffect(() => {
+    React137__namespace.default.useEffect(() => {
       return () => {
         if (debounceRef.current) clearTimeout(debounceRef.current);
       };
@@ -6799,10 +7068,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: React137__namespace.default.Children.map(children, (child) => {
+    if (!React137__namespace.default.isValidElement(child)) return child;
     const tb = child;
-    return React131__namespace.default.cloneElement(tb, {
+    return React137__namespace.default.cloneElement(tb, {
       pressed: isPressed(tb.props.value),
       onClick: () => handleClick(tb.props.value)
     });
@@ -7086,24 +7355,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 = React137.createContext(null);
 function useTour() {
-  const ctx = React131.useContext(TourContext);
+  const ctx = React137.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] = React137.useState(0);
+  const [isActive, setIsActive] = React137.useState(false);
+  const stop = React137.useCallback(() => setIsActive(false), []);
+  const start = React137.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 = React137.useCallback(() => setCurrentStep((s) => Math.min(s + 1, totalSteps - 1)), [totalSteps]);
+  const prev = React137.useCallback(() => setCurrentStep((s) => Math.max(s - 1, 0)), []);
+  const goTo = React137.useCallback((step) => setCurrentStep(Math.max(0, Math.min(step, totalSteps - 1))), [totalSteps]);
+  React137.useEffect(() => {
     if (!isActive) return;
     const onKey = (e) => {
       if (e.key === "Escape") stop();
@@ -7151,13 +7420,13 @@ function TourStep({ step, title, description, placement = "bottom", children })
     ] })
   ] });
 }
-var ChecklistContext = React131.createContext(null);
+var ChecklistContext = React137.createContext(null);
 function useChecklist() {
-  const ctx = React131.useContext(ChecklistContext);
+  const ctx = React137.useContext(ChecklistContext);
   if (!ctx) throw new Error("<ChecklistItem> must be used inside <Checklist>");
   return ctx;
 }
-var Checklist = React131__namespace.default.forwardRef(
+var Checklist = React137__namespace.default.forwardRef(
   ({
     title = "Getting started",
     description,
@@ -7171,32 +7440,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] = React137.useState({});
+    const [open, setOpen] = React137.useState(defaultOpen);
+    const completedFiredRef = React137__namespace.default.useRef(false);
     const isControlled = controlledCompleted !== void 0;
     const completed = isControlled ? controlledCompleted : internalCompleted;
-    const setCompleted = React131.useCallback(
+    const setCompleted = React137.useCallback(
       (id, value) => {
         if (!isControlled) setInternalCompleted((prev) => ({ ...prev, [id]: value }));
         onItemChange?.(id, value);
       },
       [isControlled, onItemChange]
     );
-    const total = React131.useMemo(() => {
+    const total = React137.useMemo(() => {
       let n = 0;
-      React131__namespace.default.Children.forEach(children, (child) => {
-        if (React131__namespace.default.isValidElement(child) && child.type.displayName === "ChecklistItem") {
+      React137__namespace.default.Children.forEach(children, (child) => {
+        if (React137__namespace.default.isValidElement(child) && child.type.displayName === "ChecklistItem") {
           n++;
         }
       });
       return n;
     }, [children]);
-    const doneCount = React131.useMemo(
+    const doneCount = React137.useMemo(
       () => Object.values(completed).filter(Boolean).length,
       [completed]
     );
-    React131__namespace.default.useEffect(() => {
+    React137__namespace.default.useEffect(() => {
       if (!completedFiredRef.current && total > 0 && doneCount >= total) {
         completedFiredRef.current = true;
         onComplete?.();
@@ -7257,11 +7526,11 @@ var Checklist = React131__namespace.default.forwardRef(
   }
 );
 Checklist.displayName = "Checklist";
-var ChecklistItem = React131__namespace.default.forwardRef(
+var ChecklistItem = React137__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 = React137.useCallback(() => {
       setCompleted(id, !done);
     }, [id, done, setCompleted]);
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -7340,9 +7609,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] = React137.useState(false);
+  const [step, setStep] = React137.useState(0);
+  React137.useEffect(() => {
     if (isControlled) return;
     if (typeof window === "undefined") return;
     if (!storageKey) {
@@ -7355,19 +7624,19 @@ function IntroDisclosure({
   const isOpen = isControlled ? controlledOpen : internalOpen;
   const total = steps.length;
   const isLast = step === total - 1;
-  const close = React131.useCallback(() => {
+  const close = React137.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 = React137.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 = React137.useCallback(() => setStep((s) => Math.max(0, s - 1)), []);
+  React137.useEffect(() => {
     if (!isOpen) return;
     const onKey = (e) => {
       if (e.key === "Escape") close();
@@ -7377,7 +7646,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 = React137.useMemo(() => steps[Math.min(step, total - 1)], [steps, step, total]);
   if (!isOpen || total === 0 || !current) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -7557,9 +7826,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] = React137.useState(false);
   const now = value ?? /* @__PURE__ */ new Date();
-  const [view, setView] = React131.useState({ year: now.getFullYear(), month: now.getMonth() });
+  const [view, setView] = React137.useState({ year: now.getFullYear(), month: now.getMonth() });
   function navigate(delta) {
     setView((v) => {
       const date = new Date(v.year, v.month + delta);
@@ -7605,7 +7874,7 @@ function Field({ label, description, error, required, children, className }) {
     error && /* @__PURE__ */ jsxRuntime.jsx(FieldError, { children: error })
   ] });
 }
-var FieldLabel = React131__namespace.default.forwardRef(
+var FieldLabel = React137__namespace.default.forwardRef(
   ({ className, required, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     "label",
     {
@@ -7620,7 +7889,7 @@ var FieldLabel = React131__namespace.default.forwardRef(
   )
 );
 FieldLabel.displayName = "FieldLabel";
-var FieldDescription = React131__namespace.default.forwardRef(
+var FieldDescription = React137__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "p",
     {
@@ -7631,7 +7900,7 @@ var FieldDescription = React131__namespace.default.forwardRef(
   )
 );
 FieldDescription.displayName = "FieldDescription";
-var FieldError = React131__namespace.default.forwardRef(
+var FieldError = React137__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "p",
     {
@@ -7732,7 +8001,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 = React137__namespace.default.forwardRef(
   ({
     value: valueProp,
     defaultValue,
@@ -7747,21 +8016,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] = React137__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] = React137__namespace.default.useState(value);
+    const [draftValid, setDraftValid] = React137__namespace.default.useState(true);
+    React137__namespace.default.useEffect(() => {
       setDraft(value);
       setDraftValid(true);
     }, [value]);
-    const [eyeDropperSupported, setEyeDropperSupported] = React131__namespace.default.useState(false);
-    React131__namespace.default.useEffect(() => {
+    const [eyeDropperSupported, setEyeDropperSupported] = React137__namespace.default.useState(false);
+    React137__namespace.default.useEffect(() => {
       if (typeof window !== "undefined" && "EyeDropper" in window) {
         setEyeDropperSupported(true);
       }
     }, []);
-    const commit = React131__namespace.default.useCallback(
+    const commit = React137__namespace.default.useCallback(
       (next) => {
         if (!isControlled) setInternal(next);
         onValueChange?.(next);
@@ -7924,8 +8193,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 = React137.useRef(null);
+  const [dragging, setDragging] = React137.useState(false);
   function handleFiles(raw) {
     if (!raw) return;
     const files = filterBySize(Array.from(raw), maxSize);
@@ -7998,15 +8267,15 @@ function FileUploadPreview({ files, onRemove, className }) {
     ] })
   ] }, i)) });
 }
-var FloatingLabelInput = React131__namespace.default.forwardRef(
+var FloatingLabelInput = React137__namespace.default.forwardRef(
   ({ label, error, hint, wrapperClassName, className, id, value, defaultValue, onFocus, onBlur, onChange, ...props }, ref) => {
-    const autoId = React131.useId();
+    const autoId = React137.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] = React131.useState(false);
-    const [filled, setFilled] = React131.useState(() => {
+    const [focused, setFocused] = React137.useState(false);
+    const [filled, setFilled] = React137.useState(() => {
       if (value !== void 0 && value !== null && value !== "") return true;
       if (defaultValue !== void 0 && defaultValue !== null && defaultValue !== "") return true;
       return false;
@@ -8082,7 +8351,7 @@ function FormField(props) {
 function FormItem({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col gap-1.5", className), ...props });
 }
-var FormLabel = React131__namespace.default.forwardRef(
+var FormLabel = React137__namespace.default.forwardRef(
   ({ className, error, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "label",
     {
@@ -8097,9 +8366,9 @@ var FormLabel = React131__namespace.default.forwardRef(
   )
 );
 FormLabel.displayName = "FormLabel";
-var FormControl = React131__namespace.default.forwardRef(
+var FormControl = React137__namespace.default.forwardRef(
   ({ ...props }, ref) => {
-    const id = React131.useId();
+    const id = React137.useId();
     return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, id, ...props });
   }
 );
@@ -8122,7 +8391,7 @@ function ObjectField({
   children,
   className
 }) {
-  const [open, setOpen] = React131.useState(defaultOpen);
+  const [open, setOpen] = React137.useState(defaultOpen);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("rounded-md border border-[hsl(var(--border))] overflow-hidden", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -8154,9 +8423,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 = React137__namespace.default.forwardRef(
   ({ className, strength, ...props }, ref) => {
-    const [show, setShow] = React131.useState(false);
+    const [show, setShow] = React137.useState(false);
     const value = String(props.value ?? "");
     const str = getStrength(value);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
@@ -8189,9 +8458,9 @@ var PasswordInput = React131__namespace.default.forwardRef(
   }
 );
 PasswordInput.displayName = "PasswordInput";
-var SearchInput = React131__namespace.default.forwardRef(
+var SearchInput = React137__namespace.default.forwardRef(
   ({ className, shortcut, onClear, onChange, value: valueProp, defaultValue, ...props }, ref) => {
-    const [internalValue, setInternalValue] = React131.useState(defaultValue ?? "");
+    const [internalValue, setInternalValue] = React137.useState(defaultValue ?? "");
     const isControlled = valueProp !== void 0;
     const value = isControlled ? String(valueProp) : String(internalValue);
     function handleChange(e) {
@@ -8234,14 +8503,14 @@ var SearchInput = React131__namespace.default.forwardRef(
   }
 );
 SearchInput.displayName = "SearchInput";
-var StepFormContext = React131.createContext(null);
+var StepFormContext = React137.createContext(null);
 function useStepForm() {
-  const ctx = React131.useContext(StepFormContext);
+  const ctx = React137.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] = React137.useState(0);
   const totalSteps = steps.length;
   const ctx = {
     currentStep,
@@ -8252,7 +8521,7 @@ function StepForm({ steps, onSubmit, children, className }) {
     isFirst: currentStep === 0,
     isLast: currentStep === totalSteps - 1
   };
-  const childArray = React131__namespace.default.Children.toArray(children);
+  const childArray = React137__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 }),
@@ -8261,7 +8530,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(React137__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(
@@ -8290,7 +8559,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 = React137__namespace.default.forwardRef(
   ({
     value: valueProp,
     defaultValue,
@@ -8306,25 +8575,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] = React137__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] = React137__namespace.default.useState("");
+    const [error, setError] = React137__namespace.default.useState(null);
+    const [focused, setFocused] = React137__namespace.default.useState(false);
+    const [activeIndex, setActiveIndex] = React137__namespace.default.useState(0);
+    const inputRef = React137__namespace.default.useRef(null);
+    const containerRef = React137__namespace.default.useRef(null);
+    React137__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 = React137__namespace.default.useCallback(
       (next) => {
         if (!isControlled) setInternal(next);
         onValueChange?.(next);
       },
       [isControlled, onValueChange]
     );
-    const addTag = React131__namespace.default.useCallback(
+    const addTag = React137__namespace.default.useCallback(
       (raw) => {
         const tag = raw.trim();
         if (!tag) return false;
@@ -8350,20 +8619,20 @@ var Tags = React131__namespace.default.forwardRef(
       },
       [tags, allowDuplicates, validate, atMax, commit]
     );
-    const removeTag = React131__namespace.default.useCallback(
+    const removeTag = React137__namespace.default.useCallback(
       (index) => {
         commit(tags.filter((_, i) => i !== index));
         setError(null);
       },
       [tags, commit]
     );
-    const filteredSuggestions = React131__namespace.default.useMemo(() => {
+    const filteredSuggestions = React137__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(() => {
+    React137__namespace.default.useEffect(() => {
       if (activeIndex >= filteredSuggestions.length) setActiveIndex(0);
     }, [filteredSuggestions.length, activeIndex]);
     const handleKeyDown = (e) => {
@@ -8505,7 +8774,7 @@ var Tags = React131__namespace.default.forwardRef(
   }
 );
 Tags.displayName = "Tags";
-var AppShellCtx = React131__namespace.default.createContext({
+var AppShellCtx = React137__namespace.default.createContext({
   collapsed: false,
   setCollapsed: () => {
   },
@@ -8513,12 +8782,12 @@ var AppShellCtx = React131__namespace.default.createContext({
   setMobileOpen: () => {
   }
 });
-var useAppShell = () => React131__namespace.default.useContext(AppShellCtx);
-var AppShell = React131__namespace.default.forwardRef(
+var useAppShell = () => React137__namespace.default.useContext(AppShellCtx);
+var AppShell = React137__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] = React137__namespace.default.useState(defaultCollapsed);
+    const [mobileOpen, setMobileOpen] = React137__namespace.default.useState(false);
+    React137__namespace.default.useEffect(() => {
       const handleClick = (e) => {
         const target = e.target;
         if (target.closest("a[href]") || target.closest("[data-mobile-close]")) {
@@ -8549,7 +8818,7 @@ var AppShell = React131__namespace.default.forwardRef(
   }
 );
 AppShell.displayName = "AppShell";
-var AppShellSidebar = React131__namespace.default.forwardRef(
+var AppShellSidebar = React137__namespace.default.forwardRef(
   ({ className, ...props }, ref) => {
     const { mobileOpen } = useAppShell();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -8570,11 +8839,11 @@ var AppShellSidebar = React131__namespace.default.forwardRef(
   }
 );
 AppShellSidebar.displayName = "AppShellSidebar";
-var AppShellMain = React131__namespace.default.forwardRef(
+var AppShellMain = React137__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 = React137__namespace.default.forwardRef(
   ({ className, ...props }, ref) => {
     const { mobileOpen, setMobileOpen } = useAppShell();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -8603,7 +8872,7 @@ var sizeMap5 = {
   xl: "max-w-screen-xl",
   full: "max-w-full"
 };
-var Container = React131__namespace.default.forwardRef(
+var Container = React137__namespace.default.forwardRef(
   ({ className, size = "lg", noPadding = false, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -8619,7 +8888,7 @@ var Container = React131__namespace.default.forwardRef(
   )
 );
 Container.displayName = "Container";
-var Navbar = React131__namespace.default.forwardRef(
+var Navbar = React137__namespace.default.forwardRef(
   ({ className, sticky = false, border = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "nav",
     {
@@ -8635,7 +8904,7 @@ var Navbar = React131__namespace.default.forwardRef(
   )
 );
 Navbar.displayName = "Navbar";
-var NavbarBrand = React131__namespace.default.forwardRef(
+var NavbarBrand = React137__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";
@@ -8644,7 +8913,7 @@ var alignMap = {
   center: "justify-center flex-1",
   end: "justify-end ml-auto"
 };
-var NavbarContent = React131__namespace.default.forwardRef(
+var NavbarContent = React137__namespace.default.forwardRef(
   ({ className, align = "start", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -8655,11 +8924,11 @@ var NavbarContent = React131__namespace.default.forwardRef(
   )
 );
 NavbarContent.displayName = "NavbarContent";
-var NavbarItem = React131__namespace.default.forwardRef(
+var NavbarItem = React137__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 = React137__namespace.default.forwardRef(
   ({ className, maxWidth, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -8671,7 +8940,7 @@ var Page = React131__namespace.default.forwardRef(
   )
 );
 Page.displayName = "Page";
-var PageHeader = React131__namespace.default.forwardRef(
+var PageHeader = React137__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -8682,7 +8951,7 @@ var PageHeader = React131__namespace.default.forwardRef(
   )
 );
 PageHeader.displayName = "PageHeader";
-var PageTitle = React131__namespace.default.forwardRef(
+var PageTitle = React137__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "h1",
     {
@@ -8693,19 +8962,19 @@ var PageTitle = React131__namespace.default.forwardRef(
   )
 );
 PageTitle.displayName = "PageTitle";
-var PageDescription = React131__namespace.default.forwardRef(
+var PageDescription = React137__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 = React137__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 = React137__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 = React137__namespace.default.forwardRef(
   ({ className, resize = "both", minWidth = 100, minHeight = 100, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -8722,7 +8991,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 = React137__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -8738,16 +9007,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 = React137__namespace.default.createContext({ collapsed: false });
+var useSidebarCtx = () => React137__namespace.default.useContext(SidebarCtx2);
 var makeSlot = (name, cls) => {
-  const C = React131__namespace.default.forwardRef(
+  const C = React137__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 = React137__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",
     {
@@ -8775,7 +9044,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 = React137__namespace.default.forwardRef(
   ({ className, ...props }, ref) => {
     const { collapsed } = useSidebarCtx();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -8789,7 +9058,7 @@ var SidebarGroupLabel = React131__namespace.default.forwardRef(
   }
 );
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarItem2 = React131__namespace.default.forwardRef(
+var SidebarItem2 = React137__namespace.default.forwardRef(
   ({ className, icon, label, active, href, badge, onClick, ...props }, ref) => {
     const { collapsed } = useSidebarCtx();
     const cls = cn(
@@ -8808,11 +9077,11 @@ var SidebarItem2 = React131__namespace.default.forwardRef(
   }
 );
 SidebarItem2.displayName = "SidebarItem";
-var SplitPage = React131__namespace.default.forwardRef(
+var SplitPage = React137__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 = React137__namespace.default.forwardRef(
   ({ className, width = "320px", style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -8824,7 +9093,7 @@ var SplitPageList = React131__namespace.default.forwardRef(
   )
 );
 SplitPageList.displayName = "SplitPageList";
-var SplitPageDetail = React131__namespace.default.forwardRef(
+var SplitPageDetail = React137__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";
@@ -8849,7 +9118,7 @@ var justifyMap = {
   around: "justify-around",
   evenly: "justify-evenly"
 };
-var Stack = React131__namespace.default.forwardRef(
+var Stack = React137__namespace.default.forwardRef(
   ({ className, gap, direction = "col", align, justify, wrap, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -8868,15 +9137,15 @@ var Stack = React131__namespace.default.forwardRef(
   )
 );
 Stack.displayName = "Stack";
-var HStack = React131__namespace.default.forwardRef(
+var HStack = React137__namespace.default.forwardRef(
   (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Stack, { ref, direction: "row", ...props })
 );
 HStack.displayName = "HStack";
-var VStack = React131__namespace.default.forwardRef(
+var VStack = React137__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 = React137__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -8886,7 +9155,7 @@ var PageLayout = React131__namespace.default.forwardRef(({ className, ...props }
   }
 ));
 PageLayout.displayName = "PageLayout";
-var PageHeader2 = React131__namespace.default.forwardRef(
+var PageHeader2 = React137__namespace.default.forwardRef(
   ({ className, title, description, actions, back, children }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -8908,7 +9177,7 @@ var PageHeader2 = React131__namespace.default.forwardRef(
   )
 );
 PageHeader2.displayName = "PageHeader";
-var PageContainer = React131__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var PageContainer = React137__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -8922,7 +9191,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 = React137__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -8937,7 +9206,7 @@ var PageMain = React131__namespace.default.forwardRef(({ className, ...props },
   }
 ));
 PageMain.displayName = "PageMain";
-var CommandPaletteCtx = React131.createContext({
+var CommandPaletteCtx = React137.createContext({
   open: false,
   setOpen: () => {
   },
@@ -8947,9 +9216,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] = React137.useState(false);
+  const toggle = React137.useCallback(() => setOpen((v) => !v), []);
+  React137.useEffect(() => {
     const down = (e) => {
       if (e.key === "k" && (e.metaKey || e.ctrlKey) || e.key === "/") {
         if (e.key === "/" && e.target.tagName !== "BODY") return;
@@ -8963,7 +9232,7 @@ function CommandPaletteProvider({
   return /* @__PURE__ */ jsxRuntime.jsx(CommandPaletteCtx.Provider, { value: { open, setOpen, toggle }, children });
 }
 function useCommandPalette() {
-  return React131.useContext(CommandPaletteCtx);
+  return React137.useContext(CommandPaletteCtx);
 }
 function CommandPalette({
   open,
@@ -9071,7 +9340,7 @@ function CommandPalette({
     )
   ] });
 }
-var HotkeysCtx = React131.createContext({
+var HotkeysCtx = React137.createContext({
   hotkeys: [],
   registerHotkeys: () => () => {
   }
@@ -9094,16 +9363,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] = React137.useState(initialHotkeys);
+  const seqRef = React137.useRef([]);
+  const seqTimerRef = React137.useRef(null);
+  const registerHotkeys = React137.useCallback((newHotkeys) => {
     setHotkeys((prev) => [...prev, ...newHotkeys]);
     return () => {
       setHotkeys((prev) => prev.filter((h) => !newHotkeys.includes(h)));
     };
   }, []);
-  React131.useEffect(() => {
+  React137.useEffect(() => {
     const handleKeyDown = (e) => {
       const target = e.target;
       if (target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.tagName === "SELECT" || target.isContentEditable) {
@@ -9143,14 +9412,14 @@ function HotkeysProvider({
   return /* @__PURE__ */ jsxRuntime.jsx(HotkeysCtx.Provider, { value: { hotkeys, registerHotkeys }, children });
 }
 function useHotkeys() {
-  return React131.useContext(HotkeysCtx);
+  return React137.useContext(HotkeysCtx);
 }
 function HelpSheet({
   open,
   onClose
 }) {
   const { hotkeys } = useHotkeys();
-  React131.useEffect(() => {
+  React137.useEffect(() => {
     const handleEsc = (e) => {
       if (e.key === "Escape" && open) onClose();
     };
@@ -9304,9 +9573,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] = React137.useState([]);
+  const timers = React137.useRef(/* @__PURE__ */ new Map());
+  const dismiss = React137.useCallback((id) => {
     setToasts(
       (prev) => prev.map((t) => t.id === id ? { ...t, visible: false } : t)
     );
@@ -9319,7 +9588,7 @@ function Toaster() {
       timers.current.delete(id);
     }
   }, []);
-  React131.useEffect(() => {
+  React137.useEffect(() => {
     const unsubToast = toastEmitter.onToast((event) => {
       setToasts((prev) => {
         const next = [
@@ -9368,7 +9637,7 @@ var directionClasses = {
   bl: "bg-gradient-to-bl",
   l: "bg-gradient-to-l"
 };
-var GradientHeading = React131__namespace.default.forwardRef(
+var GradientHeading = React137__namespace.default.forwardRef(
   ({
     as: Tag = "h2",
     preset = "primary",
@@ -9414,7 +9683,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 = React137__namespace.default.forwardRef(
   ({
     value,
     from = 0,
@@ -9429,12 +9698,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] = React137.useState(autoStart ? from : value);
+    const rafRef = React137.useRef(null);
+    const startTimeRef = React137.useRef(null);
+    const containerRef = React137.useRef(null);
+    const hasStarted = React137.useRef(false);
+    const runAnimation = React137__namespace.default.useCallback(
       (startFrom) => {
         if (rafRef.current !== null) cancelAnimationFrame(rafRef.current);
         startTimeRef.current = null;
@@ -9457,7 +9726,7 @@ var AnimatedNumber = React131__namespace.default.forwardRef(
       },
       [value, duration, easing]
     );
-    React131.useEffect(() => {
+    React137.useEffect(() => {
       if (!autoStart) return void 0;
       if (typeof IntersectionObserver !== "undefined") {
         const el = containerRef.current;
@@ -9478,11 +9747,11 @@ var AnimatedNumber = React131__namespace.default.forwardRef(
         return void 0;
       }
     }, []);
-    React131.useEffect(() => {
+    React137.useEffect(() => {
       if (!hasStarted.current) return;
       runAnimation(displayed);
     }, [value]);
-    React131.useEffect(() => {
+    React137.useEffect(() => {
       return () => {
         if (rafRef.current !== null) cancelAnimationFrame(rafRef.current);
       };
@@ -9522,9 +9791,9 @@ function TextReveal({
   className,
   style
 }) {
-  const [revealed, setRevealed] = React131.useState(false);
-  const containerRef = React131.useRef(null);
-  React131.useEffect(() => {
+  const [revealed, setRevealed] = React137.useState(false);
+  const containerRef = React137.useRef(null);
+  React137.useEffect(() => {
     if (!autoStart) return void 0;
     const el = containerRef.current;
     if (!el) return void 0;
@@ -9546,7 +9815,7 @@ function TextReveal({
     }
   }, [autoStart, delay]);
   const units = mode === "chars" ? text.split("") : mode === "words" ? text.split(" ") : [text];
-  return React131__namespace.default.createElement(
+  return React137__namespace.default.createElement(
     Tag,
     {
       ref: containerRef,
@@ -9586,16 +9855,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] = React137.useState("");
+  const [phase, setPhase] = React137.useState("typing");
+  const [wordIdx, setWordIdx] = React137.useState(0);
+  const [cursorVisible, setCursorVisible] = React137.useState(true);
+  const timerRef = React137.useRef(null);
+  React137.useEffect(() => {
     const id = setInterval(() => setCursorVisible((v) => !v), 530);
     return () => clearInterval(id);
   }, []);
-  React131.useEffect(() => {
+  React137.useEffect(() => {
     if (!words.length) return void 0;
     const word = words[wordIdx] ?? "";
     if (phase === "typing") {
@@ -9626,7 +9895,7 @@ function Typewriter({
       if (timerRef.current) clearTimeout(timerRef.current);
     };
   }, [display, phase, wordIdx, words, typeSpeed, deleteSpeed, pauseAfter, loop]);
-  return React131__namespace.default.createElement(
+  return React137__namespace.default.createElement(
     Tag,
     {
       "data-slot": "typewriter",
@@ -9665,9 +9934,9 @@ var headingVariants = classVarianceAuthority.cva("font-heading tracking-tight te
   },
   defaultVariants: { size: "lg", tone: "default" }
 });
-var Heading = React131__namespace.default.forwardRef(
+var Heading = React137__namespace.default.forwardRef(
   ({ as: Tag = "h2", size, tone, className, ...props }, ref) => {
-    return React131__namespace.default.createElement(Tag, {
+    return React137__namespace.default.createElement(Tag, {
       ref,
       "data-slot": "heading",
       className: cn(headingVariants({ size, tone }), className),
@@ -9697,9 +9966,9 @@ var bodyVariants = classVarianceAuthority.cva("font-sans", {
   },
   defaultVariants: { size: "md", tone: "default", weight: "normal" }
 });
-var Body = React131__namespace.default.forwardRef(
+var Body = React137__namespace.default.forwardRef(
   ({ as: Tag = "p", size, tone, weight, className, ...props }, ref) => {
-    return React131__namespace.default.createElement(Tag, {
+    return React137__namespace.default.createElement(Tag, {
       ref,
       "data-slot": "body",
       className: cn(bodyVariants({ size, tone, weight }), className),
@@ -9718,7 +9987,7 @@ var captionVariants = classVarianceAuthority.cva("font-sans text-[11px] font-sem
   },
   defaultVariants: { tone: "default" }
 });
-var Caption = React131__namespace.default.forwardRef(
+var Caption = React137__namespace.default.forwardRef(
   ({ tone, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
@@ -9730,7 +9999,7 @@ var Caption = React131__namespace.default.forwardRef(
   )
 );
 Caption.displayName = "Caption";
-var Code3 = React131__namespace.default.forwardRef(
+var Code3 = React137__namespace.default.forwardRef(
   ({ block, className, children, ...props }, ref) => {
     if (block) {
       return /* @__PURE__ */ jsxRuntime.jsx(
@@ -9782,7 +10051,7 @@ var presetStyles = {
   },
   custom: {}
 };
-var GradientBackground = React131__namespace.default.forwardRef(
+var GradientBackground = React137__namespace.default.forwardRef(
   ({
     fixed = false,
     preset = "slate",
@@ -9841,7 +10110,7 @@ var DEFAULT_COLORS4 = [
   "hsl(280 100% 70% / 0.25)",
   "hsl(217 33% 17% / 0.4)"
 ];
-var AnimatedGradient = React131__namespace.default.forwardRef(
+var AnimatedGradient = React137__namespace.default.forwardRef(
   ({
     colors = DEFAULT_COLORS4,
     speed = 1,
@@ -9852,7 +10121,7 @@ var AnimatedGradient = React131__namespace.default.forwardRef(
     style,
     ...props
   }, ref) => {
-    const idRef = React131.useRef(`ag-${Math.random().toString(36).slice(2, 7)}`);
+    const idRef = React137.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);
@@ -9960,7 +10229,7 @@ var AnimatedGradient = React131__namespace.default.forwardRef(
   }
 );
 AnimatedGradient.displayName = "AnimatedGradient";
-var DottedBackground = React131__namespace.default.forwardRef(
+var DottedBackground = React137__namespace.default.forwardRef(
   ({
     color,
     dotSize = 1,
@@ -10007,7 +10276,7 @@ var DottedBackground = React131__namespace.default.forwardRef(
   }
 );
 DottedBackground.displayName = "DottedBackground";
-var NoiseBackground = React131__namespace.default.forwardRef(
+var NoiseBackground = React137__namespace.default.forwardRef(
   ({
     opacity = 0.04,
     frequency = 0.65,
@@ -10103,7 +10372,7 @@ var DEFAULT_COLORS5 = [
   [0.55, 0.3, 0.95]
   // chart-3 violet
 ];
-var HeroShaderA = React131__namespace.default.forwardRef(
+var HeroShaderA = React137__namespace.default.forwardRef(
   ({
     className,
     colors = DEFAULT_COLORS5,
@@ -10114,11 +10383,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 = React137.useRef(null);
+    const canvasRef = React137.useRef(null);
+    const fallbackRef = React137.useRef(false);
+    React137__namespace.default.useImperativeHandle(ref, () => wrapRef.current);
+    React137.useEffect(() => {
       if (typeof window === "undefined") return;
       const reduceMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
       const canvas = canvasRef.current;
@@ -10254,7 +10523,7 @@ var HeroShaderA = React131__namespace.default.forwardRef(
   }
 );
 HeroShaderA.displayName = "HeroShaderA";
-var ScrollHeader = React131__namespace.default.forwardRef(
+var ScrollHeader = React137__namespace.default.forwardRef(
   ({
     title,
     subtitle,
@@ -10266,8 +10535,8 @@ var ScrollHeader = React131__namespace.default.forwardRef(
     sticky = true,
     className
   }, ref) => {
-    const [scrolled, setScrolled] = React131.useState(false);
-    React131.useEffect(() => {
+    const [scrolled, setScrolled] = React137.useState(false);
+    React137.useEffect(() => {
       const container = scrollRef?.current ?? window;
       const handleScroll = () => {
         const scrollY = container === window ? window.scrollY : container.scrollTop;
@@ -10341,7 +10610,7 @@ var DEFAULT_TRANSITION = {
   ease: [0.16, 1, 0.3, 1]
   // ease-out-expo (BezierDefinition)
 };
-var FadeIn = React131__namespace.default.forwardRef(
+var FadeIn = React137__namespace.default.forwardRef(
   ({ delay = 0, duration, children, ...props }, ref) => {
     const transition = {
       ...DEFAULT_TRANSITION,
@@ -10369,7 +10638,7 @@ var DIRECTION_PRESET_MAP = {
   left: "slideLeft",
   right: "slideRight"
 };
-var SlideIn = React131__namespace.default.forwardRef(
+var SlideIn = React137__namespace.default.forwardRef(
   ({ direction = "up", delay = 0, duration, children, ...props }, ref) => {
     const preset = MOTION_PRESETS[DIRECTION_PRESET_MAP[direction]];
     const transition = {
@@ -10392,7 +10661,7 @@ var SlideIn = React131__namespace.default.forwardRef(
   }
 );
 SlideIn.displayName = "SlideIn";
-var ScaleIn = React131__namespace.default.forwardRef(
+var ScaleIn = React137__namespace.default.forwardRef(
   ({ delay = 0, duration, children, ...props }, ref) => {
     const transition = {
       ...DEFAULT_TRANSITION,
@@ -10415,7 +10684,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 = React137.useRef(null);
   const isInView = react.useInView(ref, { once });
   const variants = MOTION_PRESETS[preset];
   const transition = { ...DEFAULT_TRANSITION, delay };
@@ -10433,7 +10702,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 = React137.useRef(null);
   const isInView = react.useInView(ref, { once });
   const childVariants = MOTION_PRESETS[preset];
   const containerVariants = {
@@ -10456,19 +10725,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: React137__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 = React137__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 = React137__namespace.default.forwardRef(
   ({ color = "currentColor", duration = 0.6, children, style, ...props }, ref) => {
-    const [ripples, setRipples] = React131.useState([]);
-    const handlePointerDown = React131.useCallback(
+    const [ripples, setRipples] = React137.useState([]);
+    const handlePointerDown = React137.useCallback(
       (e) => {
         const rect = e.currentTarget.getBoundingClientRect();
         const x = e.clientX - rect.left;
@@ -10479,7 +10748,7 @@ var Ripple = React131__namespace.default.forwardRef(
       },
       []
     );
-    const removeRipple = React131.useCallback((key) => {
+    const removeRipple = React137.useCallback((key) => {
       setRipples((prev) => prev.filter((r) => r.key !== key));
     }, []);
     const rippleTransition = {
@@ -10521,9 +10790,9 @@ var Ripple = React131__namespace.default.forwardRef(
   }
 );
 Ripple.displayName = "Ripple";
-var Parallax = React131__namespace.default.forwardRef(
+var Parallax = React137__namespace.default.forwardRef(
   ({ offset = 50, scrollRef, children, style, ...props }, ref) => {
-    const innerRef = React131.useRef(null);
+    const innerRef = React137.useRef(null);
     const resolvedRef = ref ?? innerRef;
     const { scrollYProgress } = react.useScroll({
       target: resolvedRef,
@@ -10544,13 +10813,334 @@ var Parallax = React131__namespace.default.forwardRef(
 );
 Parallax.displayName = "Parallax";
 function useLayoutId(key) {
-  const id = React131.useId();
+  const id = React137.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(
+function Checkbox2({
+  checked,
+  onCheckedChange,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      type: "checkbox",
+      checked: checked === true,
+      ref: (el) => {
+        if (el) el.indeterminate = checked === "indeterminate";
+      },
+      onChange: (e) => onCheckedChange(e.target.checked),
+      className: cn(
+        "h-4 w-4 rounded border border-input accent-primary cursor-pointer",
+        "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1",
+        className
+      )
+    }
+  );
+}
+function SortIcon({ dir }) {
+  if (dir === "asc") return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "h-3.5 w-3.5 shrink-0" });
+  if (dir === "desc") return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "h-3.5 w-3.5 shrink-0" });
+  return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpDown, { className: "h-3.5 w-3.5 shrink-0 opacity-30" });
+}
+function ColumnVisibilityDropdown({
+  columns,
+  visibility,
+  onVisibilityChange
+}) {
+  const [open, setOpen] = React137.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        onClick: () => setOpen((v) => !v),
+        className: cn(
+          "inline-flex items-center gap-1.5 rounded-md border border-border px-2.5 py-1.5 text-xs font-medium",
+          "bg-transparent text-muted-foreground hover:bg-accent hover:text-accent-foreground",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          "transition-colors"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Columns3, { className: "h-3.5 w-3.5" }),
+          "Columns",
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-3 w-3" })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-10", onClick: () => setOpen(false) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-0 top-full mt-1 z-20 min-w-[140px] rounded-md border border-border bg-popover shadow-lg py-1", children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "label",
+        {
+          className: "flex items-center gap-2 px-3 py-1.5 text-xs text-foreground hover:bg-accent cursor-pointer",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "checkbox",
+                className: "h-3.5 w-3.5 accent-primary",
+                checked: visibility[col.id] !== false,
+                onChange: (e) => onVisibilityChange(col.id, e.target.checked)
+              }
+            ),
+            col.label
+          ]
+        },
+        col.id
+      )) })
+    ] })
+  ] });
+}
+function SkeletonRow({ cols }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "border-t border-border", children: Array.from({ length: cols }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2.5", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "h-4 rounded bg-gradient-to-r from-muted via-muted/50 to-muted bg-[length:400%_100%] animate-[shimmer_2s_ease-in-out_infinite]",
+      style: { width: `${60 + Math.random() * 30}%` }
+    }
+  ) }, i)) });
+}
+function DataGrid2({
+  columns,
+  data,
+  selectable = false,
+  onSelectionChange,
+  sortable = true,
+  columnVisibility: showColumnVisibility = false,
+  resizable = true,
+  filterable = false,
+  virtual = false,
+  virtualHeight = 480,
+  rowHeight = 40,
+  emptyState,
+  loading = false,
+  skeletonRows = 5,
+  className,
+  onRowClick
+}) {
+  const [rowSelection, setRowSelection] = React137.useState({});
+  const [sorting, setSorting] = React137.useState([]);
+  const [columnFilters, setColumnFilters] = React137.useState([]);
+  const [colVisibility, setColVisibility] = React137.useState({});
+  const scrollContainerRef = React137__namespace.default.useRef(null);
+  const selectionColumn = React137.useMemo(
+    () => ({
+      id: "_select",
+      size: 40,
+      enableResizing: false,
+      enableSorting: false,
+      header: ({ table: table2 }) => /* @__PURE__ */ jsxRuntime.jsx(
+        Checkbox2,
+        {
+          checked: table2.getIsAllPageRowsSelected() ? true : table2.getIsSomePageRowsSelected() ? "indeterminate" : false,
+          onCheckedChange: (v) => table2.toggleAllPageRowsSelected(v)
+        }
+      ),
+      cell: ({ row }) => /* @__PURE__ */ jsxRuntime.jsx(
+        Checkbox2,
+        {
+          checked: row.getIsSelected(),
+          onCheckedChange: (v) => row.toggleSelected(v)
+        }
+      )
+    }),
+    []
+  );
+  const allColumns = React137.useMemo(
+    () => selectable ? [selectionColumn, ...columns] : columns,
+    [selectable, selectionColumn, columns]
+  );
+  const table = reactTable.useReactTable({
+    data,
+    columns: allColumns,
+    columnResizeMode: "onChange",
+    state: {
+      rowSelection,
+      sorting,
+      columnFilters,
+      columnVisibility: colVisibility
+    },
+    onRowSelectionChange: (updater) => {
+      const next = typeof updater === "function" ? updater(rowSelection) : updater;
+      setRowSelection(next);
+      if (onSelectionChange) {
+        const selectedRows = Object.keys(next).filter((k) => next[k]).map((k) => data[Number(k)]).filter(Boolean);
+        onSelectionChange(selectedRows);
+      }
+    },
+    onSortingChange: setSorting,
+    onColumnFiltersChange: setColumnFilters,
+    onColumnVisibilityChange: setColVisibility,
+    getCoreRowModel: reactTable.getCoreRowModel(),
+    getSortedRowModel: sortable ? reactTable.getSortedRowModel() : void 0,
+    getFilteredRowModel: filterable ? reactTable.getFilteredRowModel() : void 0,
+    enableColumnResizing: resizable,
+    enableRowSelection: selectable
+  });
+  const { rows } = table.getRowModel();
+  const virtualizer = reactVirtual.useVirtualizer({
+    count: virtual ? rows.length : 0,
+    getScrollElement: () => scrollContainerRef.current,
+    estimateSize: () => rowHeight,
+    overscan: 10
+  });
+  const visibleColumnDefs = table.getAllLeafColumns().filter((c) => c.id !== "_select" && c.getIsVisible());
+  const columnVisibilityItems = visibleColumnDefs.map((c) => ({
+    id: c.id,
+    label: typeof c.columnDef.header === "string" ? c.columnDef.header : c.id
+  }));
+  const renderRows = () => {
+    if (loading) {
+      return Array.from({ length: skeletonRows }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx(SkeletonRow, { cols: allColumns.length }, i));
+    }
+    if (rows.length === 0) {
+      return /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx(
+        "td",
+        {
+          colSpan: allColumns.length,
+          className: "py-16 text-center text-sm text-muted-foreground",
+          children: emptyState ?? "No results."
+        }
+      ) });
+    }
+    if (virtual) {
+      const virtualItems = virtualizer.getVirtualItems();
+      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        virtualItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("tr", { style: { height: virtualItems[0].start }, children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: allColumns.length }) }),
+        virtualItems.map((vRow) => {
+          const row = rows[vRow.index];
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "tr",
+            {
+              "data-index": vRow.index,
+              className: cn(
+                "border-t border-border transition-colors",
+                onRowClick && "cursor-pointer",
+                row.getIsSelected() ? "bg-primary/5" : "hover:bg-accent/40"
+              ),
+              onClick: () => onRowClick?.(row.original),
+              children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsxRuntime.jsx(
+                "td",
+                {
+                  style: { width: cell.column.getSize() },
+                  className: "px-3 py-2 text-sm border-r border-border last:border-r-0 truncate max-w-0",
+                  children: reactTable.flexRender(cell.column.columnDef.cell, cell.getContext())
+                },
+                cell.id
+              ))
+            },
+            row.id
+          );
+        }),
+        virtualItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          "tr",
+          {
+            style: {
+              height: virtualizer.getTotalSize() - (virtualItems[virtualItems.length - 1]?.end ?? 0)
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: allColumns.length })
+          }
+        )
+      ] });
+    }
+    return rows.map((row) => /* @__PURE__ */ jsxRuntime.jsx(
+      "tr",
+      {
+        className: cn(
+          "border-t border-border transition-colors",
+          onRowClick && "cursor-pointer",
+          row.getIsSelected() ? "bg-primary/5" : "hover:bg-accent/40"
+        ),
+        onClick: () => onRowClick?.(row.original),
+        children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsxRuntime.jsx(
+          "td",
+          {
+            style: { width: cell.column.getSize() },
+            className: "px-3 py-2 text-sm border-r border-border last:border-r-0 truncate max-w-0",
+            children: reactTable.flexRender(cell.column.columnDef.cell, cell.getContext())
+          },
+          cell.id
+        ))
+      },
+      row.id
+    ));
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "data-grid", className: cn("flex flex-col gap-2", className), children: [
+    showColumnVisibility && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-end gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+      ColumnVisibilityDropdown,
+      {
+        columns: columnVisibilityItems,
+        visibility: colVisibility,
+        onVisibilityChange: (id, visible) => setColVisibility((prev) => ({ ...prev, [id]: visible }))
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: virtual ? scrollContainerRef : void 0,
+        className: "overflow-auto rounded-md border border-border",
+        style: virtual ? { height: virtualHeight } : void 0,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "table",
+          {
+            className: "w-full text-sm",
+            style: { width: table.getCenterTotalSize() },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "sticky top-0 z-10 bg-muted/60 backdrop-blur-sm", children: table.getHeaderGroups().map((hg) => /* @__PURE__ */ jsxRuntime.jsx("tr", { children: hg.headers.map((h) => /* @__PURE__ */ jsxRuntime.jsxs(
+                "th",
+                {
+                  style: { width: h.getSize() },
+                  className: "relative px-3 py-2.5 text-left text-xs font-semibold text-muted-foreground uppercase tracking-wider border-r border-border last:border-r-0 whitespace-nowrap",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(
+                      "div",
+                      {
+                        className: cn(
+                          "flex items-center gap-1.5 select-none",
+                          h.column.getCanSort() && "cursor-pointer hover:text-foreground transition-colors"
+                        ),
+                        onClick: h.column.getCanSort() ? h.column.getToggleSortingHandler() : void 0,
+                        children: [
+                          h.isPlaceholder ? null : reactTable.flexRender(h.column.columnDef.header, h.getContext()),
+                          h.column.getCanSort() && /* @__PURE__ */ jsxRuntime.jsx(SortIcon, { dir: h.column.getIsSorted() })
+                        ]
+                      }
+                    ),
+                    h.column.getCanResize() && /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        onMouseDown: h.getResizeHandler(),
+                        onTouchStart: h.getResizeHandler(),
+                        className: cn(
+                          "absolute right-0 top-0 h-full w-1 cursor-col-resize touch-none select-none",
+                          "hover:bg-primary/40",
+                          h.column.getIsResizing() && "bg-primary/60"
+                        )
+                      }
+                    )
+                  ]
+                },
+                h.id
+              )) }, hg.id)) }),
+              /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: renderRows() })
+            ]
+          }
+        )
+      }
+    ),
+    selectable && Object.keys(rowSelection).length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+      Object.keys(rowSelection).filter((k) => rowSelection[k]).length,
+      " of",
+      " ",
+      data.length,
+      " row(s) selected"
+    ] })
+  ] });
+}
+var DataList = React137__namespace.default.forwardRef(
   ({ divided = true, bordered = true, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "ul",
     {
@@ -10567,7 +11157,7 @@ var DataList = React131__namespace.default.forwardRef(
   )
 );
 DataList.displayName = "DataList";
-var DataListItem = React131__namespace.default.forwardRef(
+var DataListItem = React137__namespace.default.forwardRef(
   ({ left, title, description, right, interactive, onSelect, className, children, ...props }, ref) => {
     const clickable = interactive || !!onSelect;
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -10627,7 +11217,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 = React137__namespace.default.forwardRef(
   ({
     events,
     view: viewProp,
@@ -10642,20 +11232,20 @@ var EventCalendar = React131__namespace.default.forwardRef(
     className,
     ...props
   }, ref) => {
-    const [internalView, setInternalView] = React131__namespace.default.useState("month");
+    const [internalView, setInternalView] = React137__namespace.default.useState("month");
     const view = viewProp ?? internalView;
-    const commitView = React131__namespace.default.useCallback(
+    const commitView = React137__namespace.default.useCallback(
       (next) => {
         if (viewProp === void 0) setInternalView(next);
         onViewChange?.(next);
       },
       [viewProp, onViewChange]
     );
-    const [internalDate, setInternalDate] = React131__namespace.default.useState(
+    const [internalDate, setInternalDate] = React137__namespace.default.useState(
       () => defaultDate ?? /* @__PURE__ */ new Date()
     );
     const date = dateProp ?? internalDate;
-    const commitDate = React131__namespace.default.useCallback(
+    const commitDate = React137__namespace.default.useCallback(
       (next) => {
         if (dateProp === void 0) setInternalDate(next);
         onDateChange?.(next);
@@ -10681,7 +11271,7 @@ var EventCalendar = React131__namespace.default.forwardRef(
         handleToday();
       }
     };
-    const headerLabel = React131__namespace.default.useMemo(() => {
+    const headerLabel = React137__namespace.default.useMemo(() => {
       if (view === "month") return dateFns.format(date, "MMMM yyyy");
       if (view === "week") {
         const start = dateFns.startOfWeek(date, { weekStartsOn });
@@ -10830,11 +11420,11 @@ function MonthView({
   onEventCreate,
   onDayPick
 }) {
-  const cells = React131__namespace.default.useMemo(
+  const cells = React137__namespace.default.useMemo(
     () => getMonthMatrix(date, weekStartsOn),
     [date, weekStartsOn]
   );
-  const weekdayLabels = React131__namespace.default.useMemo(() => {
+  const weekdayLabels = React137__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]);
@@ -10981,7 +11571,7 @@ function HourGrid({
   onEventCreate,
   onEventResize
 }) {
-  const hours = React131__namespace.default.useMemo(() => Array.from({ length: 24 }, (_, i) => i), []);
+  const hours = React137__namespace.default.useMemo(() => Array.from({ length: 24 }, (_, i) => i), []);
   const today = /* @__PURE__ */ new Date();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -11035,7 +11625,7 @@ function DayColumn({
   onEventResize,
   showHeader
 }) {
-  const bodyRef = React131__namespace.default.useRef(null);
+  const bodyRef = React137__namespace.default.useRef(null);
   const handleEmptyClick = (e) => {
     if (e.target.closest("[data-event-block]")) return;
     if (!onEventCreate) return;
@@ -11116,10 +11706,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] = React137__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 = React137__namespace.default.useRef(false);
+  const startY = React137__namespace.default.useRef(0);
   const handleResizePointerDown = (e) => {
     if (!onResize) return;
     e.preventDefault();
@@ -11208,7 +11798,7 @@ function WeekView({
   onEventCreate,
   onEventResize
 }) {
-  const days = React131__namespace.default.useMemo(
+  const days = React137__namespace.default.useMemo(
     () => getWeekDays(date, weekStartsOn),
     [date, weekStartsOn]
   );
@@ -11241,7 +11831,7 @@ function DayView({
     }
   ) });
 }
-var GridList = React131__namespace.default.forwardRef(
+var GridList = React137__namespace.default.forwardRef(
   ({ minItemWidth = 240, gap = 1, className, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "ul",
     {
@@ -11258,7 +11848,7 @@ var GridList = React131__namespace.default.forwardRef(
   )
 );
 GridList.displayName = "GridList";
-var GridListItem = React131__namespace.default.forwardRef(
+var GridListItem = React137__namespace.default.forwardRef(
   ({ interactive, onSelect, className, ...props }, ref) => {
     const clickable = interactive || !!onSelect;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -11329,7 +11919,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 = React137__namespace.default.forwardRef(
   ({
     src,
     aspect,
@@ -11344,13 +11934,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] = React137__namespace.default.useState(void 0);
+    const imgRef = React137__namespace.default.useRef(null);
+    const timerRef = React137__namespace.default.useRef(null);
+    React137__namespace.default.useEffect(() => {
       setCrop(void 0);
     }, [src]);
-    React131__namespace.default.useEffect(() => {
+    React137__namespace.default.useEffect(() => {
       return () => {
         if (timerRef.current) clearTimeout(timerRef.current);
       };
@@ -11575,7 +12165,7 @@ function TreeRow({
     }
   );
 }
-var Tree = React131__namespace.default.forwardRef(
+var Tree = React137__namespace.default.forwardRef(
   ({
     data,
     defaultExpandedIds,
@@ -11591,21 +12181,21 @@ var Tree = React131__namespace.default.forwardRef(
     ...props
   }, ref) => {
     const isControlled = expandedIds !== void 0;
-    const [internalExpanded, setInternalExpanded] = React131__namespace.default.useState(
+    const [internalExpanded, setInternalExpanded] = React137__namespace.default.useState(
       () => new Set(defaultExpandedIds ?? [])
     );
-    const expandedSet = React131__namespace.default.useMemo(
+    const expandedSet = React137__namespace.default.useMemo(
       () => isControlled ? new Set(expandedIds) : internalExpanded,
       [isControlled, expandedIds, internalExpanded]
     );
-    const commitExpanded = React131__namespace.default.useCallback(
+    const commitExpanded = React137__namespace.default.useCallback(
       (next) => {
         if (!isControlled) setInternalExpanded(next);
         onExpandedChange?.(Array.from(next));
       },
       [isControlled, onExpandedChange]
     );
-    const toggle = React131__namespace.default.useCallback(
+    const toggle = React137__namespace.default.useCallback(
       (id) => {
         const next = new Set(expandedSet);
         if (next.has(id)) next.delete(id);
@@ -11614,7 +12204,7 @@ var Tree = React131__namespace.default.forwardRef(
       },
       [expandedSet, commitExpanded]
     );
-    const expand = React131__namespace.default.useCallback(
+    const expand = React137__namespace.default.useCallback(
       (id) => {
         if (expandedSet.has(id)) return;
         const next = new Set(expandedSet);
@@ -11623,7 +12213,7 @@ var Tree = React131__namespace.default.forwardRef(
       },
       [expandedSet, commitExpanded]
     );
-    const collapse = React131__namespace.default.useCallback(
+    const collapse = React137__namespace.default.useCallback(
       (id) => {
         if (!expandedSet.has(id)) return;
         const next = new Set(expandedSet);
@@ -11632,27 +12222,27 @@ var Tree = React131__namespace.default.forwardRef(
       },
       [expandedSet, commitExpanded]
     );
-    const rows = React131__namespace.default.useMemo(
+    const rows = React137__namespace.default.useMemo(
       () => flatten(data, expandedSet),
       [data, expandedSet]
     );
-    const [focusedId, setFocusedId] = React131__namespace.default.useState(
+    const [focusedId, setFocusedId] = React137__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 = React137__namespace.default.useRef(/* @__PURE__ */ new Map());
+    const registerRef = React137__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 = React137__namespace.default.useCallback((id) => {
       setFocusedId(id);
       const el = rowRefs.current.get(id);
       el?.focus();
     }, []);
-    const onRowKeyDown = React131__namespace.default.useCallback(
+    const onRowKeyDown = React137__namespace.default.useCallback(
       (e, row) => {
         const idx = rows.findIndex((r) => r.node.id === row.node.id);
         if (idx === -1) return;
@@ -11702,11 +12292,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] = React137__namespace.default.useState(null);
+    const handleDragStart = React137__namespace.default.useCallback((e) => {
       setActiveDragId(String(e.active.id));
     }, []);
-    const handleDragEnd = React131__namespace.default.useCallback(
+    const handleDragEnd = React137__namespace.default.useCallback(
       (e) => {
         setActiveDragId(null);
         const { active, over } = e;
@@ -11722,8 +12312,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 = React137__namespace.default.useCallback(() => setActiveDragId(null), []);
+    const scrollerRef = React137__namespace.default.useRef(null);
     const virtualizer = reactVirtual.useVirtualizer({
       count: virtualize ? rows.length : 0,
       getScrollElement: () => scrollerRef.current,
@@ -11825,7 +12415,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 = React137__namespace.default.forwardRef(
   ({
     src,
     poster,
@@ -11842,33 +12432,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 = React137__namespace.default.useRef(null);
+    const videoRef = React137__namespace.default.useRef(null);
+    const hideTimerRef = React137__namespace.default.useRef(null);
+    const [isPlaying, setIsPlaying] = React137__namespace.default.useState(false);
+    const [hasPlayed, setHasPlayed] = React137__namespace.default.useState(Boolean(autoPlay));
+    const [currentTime, setCurrentTime] = React137__namespace.default.useState(0);
+    const [duration, setDuration] = React137__namespace.default.useState(0);
+    const [buffered, setBuffered] = React137__namespace.default.useState(0);
+    const [volume, setVolume] = React137__namespace.default.useState(1);
+    const [isMuted, setIsMuted] = React137__namespace.default.useState(Boolean(mutedProp ?? autoPlay));
+    const [isFullscreen, setIsFullscreen] = React137__namespace.default.useState(false);
+    const [showControls, setShowControls] = React137__namespace.default.useState(true);
+    React137__namespace.default.useImperativeHandle(ref, () => containerRef.current);
+    React137__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 = React137__namespace.default.useCallback(() => {
       setShowControls(true);
       if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
       if (isPlaying) {
         hideTimerRef.current = setTimeout(() => setShowControls(false), 3e3);
       }
     }, [isPlaying]);
-    React131__namespace.default.useEffect(() => {
+    React137__namespace.default.useEffect(() => {
       if (!isPlaying) {
         if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
         setShowControls(true);
@@ -11879,7 +12469,7 @@ var VideoPlayer = React131__namespace.default.forwardRef(
         if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
       };
     }, [isPlaying]);
-    React131__namespace.default.useEffect(() => {
+    React137__namespace.default.useEffect(() => {
       const onFsChange = () => setIsFullscreen(isFullscreenActive());
       document.addEventListener("fullscreenchange", onFsChange);
       document.addEventListener("webkitfullscreenchange", onFsChange);
@@ -11888,7 +12478,7 @@ var VideoPlayer = React131__namespace.default.forwardRef(
         document.removeEventListener("webkitfullscreenchange", onFsChange);
       };
     }, []);
-    const togglePlay = React131__namespace.default.useCallback(() => {
+    const togglePlay = React137__namespace.default.useCallback(() => {
       const v = videoRef.current;
       if (!v) return;
       if (v.paused) {
@@ -11897,22 +12487,22 @@ var VideoPlayer = React131__namespace.default.forwardRef(
         v.pause();
       }
     }, []);
-    const toggleMute = React131__namespace.default.useCallback(() => {
+    const toggleMute = React137__namespace.default.useCallback(() => {
       setIsMuted((m) => !m);
     }, []);
-    const toggleFullscreen = React131__namespace.default.useCallback(() => {
+    const toggleFullscreen = React137__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 = React137__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 = React137__namespace.default.useCallback(
       (delta) => {
         seekTo((videoRef.current?.currentTime ?? 0) + delta);
       },
@@ -12260,7 +12850,7 @@ function Combobox({
   className,
   contentWidth = "trigger"
 }) {
-  const [open, setOpen] = React131__namespace.default.useState(false);
+  const [open, setOpen] = React137__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(
@@ -12354,9 +12944,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] = React137__namespace.default.useState(() => readInitial2(fallback));
+  const didMount = React137__namespace.default.useRef(false);
+  React137__namespace.default.useEffect(() => {
     if (!didMount.current) {
       didMount.current = true;
       return;
@@ -12401,10 +12991,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] = React137.useState(false);
+  const startX = React137.useRef(0);
+  const startWidth = React137.useRef(defaultWidth);
+  React137.useEffect(() => {
     if (typeof window === "undefined") return;
     try {
       const stored = localStorage.getItem(storageKey);
@@ -12416,7 +13006,7 @@ function SidebarResizer({
     } catch {
     }
   }, [storageKey, min, max, onWidthChange]);
-  const handlePointerDown = React131.useCallback(
+  const handlePointerDown = React137.useCallback(
     (e) => {
       e.preventDefault();
       e.currentTarget.setPointerCapture(e.pointerId);
@@ -12429,7 +13019,7 @@ function SidebarResizer({
     },
     []
   );
-  const handlePointerMove = React131.useCallback(
+  const handlePointerMove = React137.useCallback(
     (e) => {
       if (!isDragging) return;
       const delta = e.clientX - startX.current;
@@ -12442,7 +13032,7 @@ function SidebarResizer({
     },
     [isDragging, min, max, onWidthChange]
   );
-  const handlePointerUp = React131.useCallback(
+  const handlePointerUp = React137.useCallback(
     (e) => {
       if (!isDragging) return;
       setIsDragging(false);
@@ -12480,10 +13070,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] = React137.useState(false);
+  const ref = React137.useRef(null);
   const currentWorkspace = workspaces.find((w) => w.id === current);
-  React131.useEffect(() => {
+  React137.useEffect(() => {
     if (!open) return;
     function handleClickOutside(e) {
       if (ref.current && !ref.current.contains(e.target)) {
@@ -12566,9 +13156,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] = React137.useState(false);
+  const ref = React137.useRef(null);
+  React137.useEffect(() => {
     if (!open) return;
     function handleClickOutside(e) {
       if (ref.current && !ref.current.contains(e.target)) {
@@ -12839,6 +13429,7 @@ exports.AccordionContent = AccordionContent;
 exports.AccordionItem = AccordionItem;
 exports.AccordionTrigger = AccordionTrigger;
 exports.ActivityHeatmap = ActivityHeatmap;
+exports.AdvancedDataGrid = DataGrid2;
 exports.Alert = Alert;
 exports.AlertDescription = AlertDescription;
 exports.AlertDialog = AlertDialog;
@@ -12895,6 +13486,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;
@@ -12992,6 +13584,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;
@@ -13034,6 +13627,7 @@ exports.HoverCard = HoverCard;
 exports.HoverCardContent = HoverCardContent;
 exports.HoverCardTrigger = HoverCardTrigger;
 exports.IconBadge = IconBadge;
+exports.IconButton = IconButton;
 exports.ImageCrop = ImageCrop;
 exports.Input = Input;
 exports.InputOTP = InputOTP;
@@ -13115,10 +13709,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;
@@ -13241,6 +13837,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;