@otfdashkit/ui 0.1.1 → 0.1.3

package/dist/index.mjs

@@ -1,9 +1,9 @@
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import * as React131 from 'react';
-import React131__default, { createContext, useState, useCallback, useMemo, useId, useRef, useEffect, useContext } from 'react';
+import * as React136 from 'react';
+import React136__default, { createContext, useState, useCallback, useMemo, useId, useRef, useEffect, useContext } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { ChevronDown, ArrowLeft, ArrowRight, Check, Copy, X, Search, GripVertical, Circle, ChevronRight, Minus, Star, ChevronUp, Pipette, EyeOff, Eye, Menu, ChevronLeft, Play, Pause, VolumeX, Volume1, Volume2, Layers, Minimize, Maximize, Heading1, Heading2, Heading3, Bold, Italic, Underline, Code, List, ListOrdered, Quote, Code2, Undo2, Redo2, Link, Table as Table$2, Plus, ArrowUpToLine, ArrowDownToLine, ArrowLeftToLine, ArrowRightToLine, Trash2, ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon, MoreHorizontal, Loader2Icon, ArrowUp, ArrowDown, ArrowUpDown, Loader2, TrendingUp, TrendingDown, Send, Pencil, Sun, Moon, Monitor, Palette, LayoutDashboard, FolderOpen, Users, Settings, Bell, BarChart2, CreditCard, HelpCircle, Calendar as Calendar$1, User, LogOut, Upload, ChevronsUpDown, Info, XCircle, AlertTriangle, CheckCircle2, FileText, Archive, Film, FileCode, Image, File, Download, CheckCircle } from 'lucide-react';
+import { ChevronDown, ArrowLeft, ArrowRight, Minus, Plus, X, Check, Copy, Search, GripVertical, Circle, ChevronRight, ShoppingCart, Star, ChevronUp, Pipette, EyeOff, Eye, Menu, ChevronLeft, Play, Pause, VolumeX, Volume1, Volume2, Layers, Minimize, Maximize, Heading1, Heading2, Heading3, Bold, Italic, Underline, Code, List, ListOrdered, Quote, Code2, Undo2, Redo2, Link, Table as Table$2, ArrowUpToLine, ArrowDownToLine, ArrowLeftToLine, ArrowRightToLine, Trash2, ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon, MoreHorizontal, Loader2Icon, ArrowUp, ArrowDown, ArrowUpDown, Loader2, TrendingUp, TrendingDown, Send, Pencil, Sun, Moon, Monitor, Palette, LayoutDashboard, FolderOpen, Users, Settings, Bell, BarChart2, CreditCard, HelpCircle, Calendar as Calendar$1, User, LogOut, Upload, ChevronsUpDown, Info, XCircle, AlertTriangle, CheckCircle2, FileText, Archive, Film, FileCode, Image, File, Download, CheckCircle } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { Slot } from '@radix-ui/react-slot';
@@ -21,10 +21,9 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
 import { Drawer as Drawer$1 } from 'vaul';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { useFormContext, useForm } from 'react-hook-form';
-import * as LabelPrimitive from '@radix-ui/react-label';
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 import { OTPInput, OTPInputContext } from 'input-otp';
+import * as LabelPrimitive from '@radix-ui/react-label';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
@@ -56,6 +55,8 @@ import { Table as Table$1 } from '@tiptap/extension-table';
 import { TableRow as TableRow$1 } from '@tiptap/extension-table-row';
 import { TableCell as TableCell$1 } from '@tiptap/extension-table-cell';
 import { TableHeader as TableHeader$1 } from '@tiptap/extension-table-header';
+import { useForm, Controller, useFormContext } from 'react-hook-form';
+export { FormProvider as Form } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import * as z from 'zod';
 import { HexAlphaColorPicker, HexColorPicker, RgbStringColorPicker, HslStringColorPicker } from 'react-colorful';
@@ -70,7 +71,7 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 var Accordion = AccordionPrimitive.Root;
-var AccordionItem = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AccordionItem = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AccordionPrimitive.Item,
   {
     ref,
@@ -79,7 +80,7 @@ var AccordionItem = React131.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React131.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+var AccordionTrigger = React136.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
   AccordionPrimitive.Trigger,
   {
     ref,
@@ -95,7 +96,7 @@ var AccordionTrigger = React131.forwardRef(({ className, children, ...props }, r
   }
 ) }));
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-var AccordionContent = React131.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var AccordionContent = React136.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
   AccordionPrimitive.Content,
   {
     ref,
@@ -127,7 +128,7 @@ var buttonVariants = cva(
     defaultVariants: { variant: "default", size: "default" }
   }
 );
-var Button = React131__default.forwardRef(
+var Button = React136__default.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ jsx(Comp, { className: cn(buttonVariants({ variant, size }), className), ref, ...props });
@@ -137,7 +138,7 @@ Button.displayName = "Button";
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogOverlay = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
@@ -149,7 +150,7 @@ var AlertDialogOverlay = React131.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+var AlertDialogContent = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
   /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
   /* @__PURE__ */ jsx(
     AlertDialogPrimitive.Content,
@@ -192,7 +193,7 @@ var AlertDialogFooter = ({
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogTitle = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -201,7 +202,7 @@ var AlertDialogTitle = React131.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogDescription = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -210,7 +211,7 @@ var AlertDialogDescription = React131.forwardRef(({ className, ...props }, ref)
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogAction = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Action,
   {
     ref,
@@ -219,7 +220,7 @@ var AlertDialogAction = React131.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogCancel = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -246,7 +247,7 @@ var alertVariants = cva(
     }
   }
 );
-var Alert = React131.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
+var Alert = React136.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -256,7 +257,7 @@ var Alert = React131.forwardRef(({ className, variant, ...props }, ref) => /* @_
   }
 ));
 Alert.displayName = "Alert";
-var AlertTitle = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertTitle = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h5",
   {
     ref,
@@ -265,7 +266,7 @@ var AlertTitle = React131.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDescription = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -275,7 +276,7 @@ var AlertDescription = React131.forwardRef(({ className, ...props }, ref) => /*
 ));
 AlertDescription.displayName = "AlertDescription";
 var AspectRatio = AspectRatioPrimitive.Root;
-var Avatar = React131__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Avatar = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Root,
   {
     ref,
@@ -284,9 +285,9 @@ var Avatar = React131__default.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React131__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Image, { ref, className: cn("aspect-square h-full w-full object-cover", className), ...props }));
+var AvatarImage = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Image, { ref, className: cn("aspect-square h-full w-full object-cover", className), ...props }));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React131__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarFallback = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -295,15 +296,15 @@ var AvatarFallback = React131__default.forwardRef(({ className, ...props }, ref)
   }
 ));
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
-var AvatarGroup = React131__default.forwardRef(
+var AvatarGroup = React136__default.forwardRef(
   ({ className, max = 4, size = 32, spacing, renderOverflow, children, ...props }, ref) => {
-    const items = React131__default.Children.toArray(children).filter(React131__default.isValidElement);
+    const items = React136__default.Children.toArray(children).filter(React136__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__ */ jsxs("div", { ref, className: cn("flex items-center", className), "data-slot": "avatar-group", ...props, children: [
       visible.map(
-        (child, i) => React131__default.cloneElement(child, {
+        (child, i) => React136__default.cloneElement(child, {
           key: child.key ?? i,
           style: {
             width: size,
@@ -509,8 +510,8 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  const ref = React131.useRef(null);
-  React131.useEffect(() => {
+  const ref = React136.useRef(null);
+  React136.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsx(
@@ -533,7 +534,7 @@ function CalendarDayButton({
     }
   );
 }
-var Card = React131__default.forwardRef(
+var Card = React136__default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -544,35 +545,35 @@ var Card = React131__default.forwardRef(
   )
 );
 Card.displayName = "Card";
-var CardHeader = React131__default.forwardRef(
+var CardHeader = React136__default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React131__default.forwardRef(
+var CardTitle = React136__default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("font-semibold leading-none tracking-tight", className), ...props })
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React131__default.forwardRef(
+var CardDescription = React136__default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
 );
 CardDescription.displayName = "CardDescription";
-var CardContent = React131__default.forwardRef(
+var CardContent = React136__default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props })
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React131__default.forwardRef(
+var CardFooter = React136__default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
 );
 CardFooter.displayName = "CardFooter";
-var CarouselContext = React131.createContext(null);
+var CarouselContext = React136.createContext(null);
 function useCarousel() {
-  const context = React131.useContext(CarouselContext);
+  const context = React136.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React131.forwardRef(
+var Carousel = React136.forwardRef(
   ({
     orientation = "horizontal",
     opts,
@@ -589,22 +590,22 @@ var Carousel = React131.forwardRef(
       },
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React131.useState(false);
-    const [canScrollNext, setCanScrollNext] = React131.useState(false);
-    const onSelect = React131.useCallback((api2) => {
+    const [canScrollPrev, setCanScrollPrev] = React136.useState(false);
+    const [canScrollNext, setCanScrollNext] = React136.useState(false);
+    const onSelect = React136.useCallback((api2) => {
       if (!api2) {
         return;
       }
       setCanScrollPrev(api2.canScrollPrev());
       setCanScrollNext(api2.canScrollNext());
     }, []);
-    const scrollPrev = React131.useCallback(() => {
+    const scrollPrev = React136.useCallback(() => {
       api?.scrollPrev();
     }, [api]);
-    const scrollNext = React131.useCallback(() => {
+    const scrollNext = React136.useCallback(() => {
       api?.scrollNext();
     }, [api]);
-    const handleKeyDown = React131.useCallback(
+    const handleKeyDown = React136.useCallback(
       (event) => {
         if (event.key === "ArrowLeft") {
           event.preventDefault();
@@ -616,13 +617,13 @@ var Carousel = React131.forwardRef(
       },
       [scrollPrev, scrollNext]
     );
-    React131.useEffect(() => {
+    React136.useEffect(() => {
       if (!api || !setApi) {
         return;
       }
       setApi(api);
     }, [api, setApi]);
-    React131.useEffect(() => {
+    React136.useEffect(() => {
       if (!api) {
         return;
       }
@@ -663,7 +664,7 @@ var Carousel = React131.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselContent = React131.forwardRef(({ className, ...props }, ref) => {
+var CarouselContent = React136.forwardRef(({ className, ...props }, ref) => {
   const { carouselRef, orientation } = useCarousel();
   return /* @__PURE__ */ jsx("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx(
     "div",
@@ -679,7 +680,7 @@ var CarouselContent = React131.forwardRef(({ className, ...props }, ref) => {
   ) });
 });
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React131.forwardRef(({ className, ...props }, ref) => {
+var CarouselItem = React136.forwardRef(({ className, ...props }, ref) => {
   const { orientation } = useCarousel();
   return /* @__PURE__ */ jsx(
     "div",
@@ -697,7 +698,7 @@ var CarouselItem = React131.forwardRef(({ className, ...props }, ref) => {
   );
 });
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React131.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+var CarouselPrevious = React136.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
   return /* @__PURE__ */ jsxs(
     Button,
@@ -721,7 +722,7 @@ var CarouselPrevious = React131.forwardRef(({ className, variant = "outline", si
   );
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React131.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+var CarouselNext = React136.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
   return /* @__PURE__ */ jsxs(
     Button,
@@ -745,17 +746,173 @@ var CarouselNext = React131.forwardRef(({ className, variant = "outline", size =
   );
 });
 CarouselNext.displayName = "CarouselNext";
+var SIZE = {
+  sm: { price: "text-sm", compare: "text-xs" },
+  md: { price: "text-lg", compare: "text-sm" },
+  lg: { price: "text-2xl", compare: "text-base" }
+};
+function formatMoney(minor, currency, locale) {
+  return new Intl.NumberFormat(locale, { style: "currency", currency }).format(minor / 100);
+}
+var PriceTag = React136__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__ */ jsxs("span", { ref, className: cn("inline-flex items-baseline gap-2 font-sans tabular-nums", className), ...props, children: [
+      /* @__PURE__ */ jsx("span", { className: cn("font-semibold tracking-tight text-foreground", s.price), children: formatMoney(amount, currency, locale) }),
+      onSale && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: cn("text-muted-foreground line-through", s.compare), children: formatMoney(compareAt, currency, locale) }),
+        showDiscount && /* @__PURE__ */ jsxs("span", { className: "rounded-full bg-destructive/10 px-2 py-0.5 text-xs font-semibold text-destructive", children: [
+          "\u2212",
+          pct,
+          "%"
+        ] })
+      ] })
+    ] });
+  }
+);
+PriceTag.displayName = "PriceTag";
+var QuantityStepper = React136__default.forwardRef(
+  ({
+    value: valueProp,
+    defaultValue = 1,
+    onValueChange,
+    min = 1,
+    max = 99,
+    step = 1,
+    size = "md",
+    disabled = false,
+    className,
+    "aria-label": ariaLabel = "Quantity",
+    ...props
+  }, ref) => {
+    const isControlled = valueProp !== void 0;
+    const [internal, setInternal] = React136__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__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "group",
+        "aria-label": ariaLabel,
+        className: cn("inline-flex items-center rounded-md border border-input", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ 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__ */ jsx(Minus, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ 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__ */ 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__ */ jsx(Plus, { className: "h-4 w-4" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+QuantityStepper.displayName = "QuantityStepper";
+var CartLineItem = React136__default.forwardRef(
+  ({
+    image,
+    title,
+    variant,
+    price,
+    compareAt,
+    currency = "USD",
+    quantity,
+    onQuantityChange,
+    onRemove,
+    minQuantity = 1,
+    maxQuantity = 99,
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn("flex items-center gap-4 rounded-lg border border-border bg-card p-3", className),
+        ...props,
+        children: [
+          image && /* @__PURE__ */ jsx("img", { src: image, alt: "", className: "h-16 w-16 flex-none rounded-md object-cover" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "truncate font-medium text-card-foreground", children: title }),
+            variant && /* @__PURE__ */ jsx("span", { className: "truncate text-sm text-muted-foreground", children: variant }),
+            /* @__PURE__ */ jsx(PriceTag, { amount: price, compareAt, currency, size: "sm" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            QuantityStepper,
+            {
+              value: quantity,
+              min: minQuantity,
+              max: maxQuantity,
+              onValueChange: onQuantityChange,
+              size: "sm"
+            }
+          ),
+          onRemove && /* @__PURE__ */ 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__ */ jsx(X, { className: "h-4 w-4" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+CartLineItem.displayName = "CartLineItem";
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React131.createContext(null);
+var ChartContext = React136.createContext(null);
 function useChart() {
-  const context = React131.useContext(ChartContext);
+  const context = React136.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
   return context;
 }
-var ChartContainer = React131.forwardRef(({ id, className, children, config, ...props }, ref) => {
-  const uniqueId = React131.useId();
+var ChartContainer = React136.forwardRef(({ id, className, children, config, ...props }, ref) => {
+  const uniqueId = React136.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
     "div",
@@ -801,7 +958,7 @@ ${colorConfig.map(([key, itemConfig]) => {
   );
 };
 var ChartTooltip = RechartsPrimitive.Tooltip;
-var ChartTooltipContent = React131.forwardRef(
+var ChartTooltipContent = React136.forwardRef(
   ({
     active,
     payload,
@@ -818,7 +975,7 @@ var ChartTooltipContent = React131.forwardRef(
     labelKey
   }, ref) => {
     const { config } = useChart();
-    const tooltipLabel = React131.useMemo(() => {
+    const tooltipLabel = React136.useMemo(() => {
       if (hideLabel || !payload?.length) {
         return null;
       }
@@ -914,7 +1071,7 @@ var ChartTooltipContent = React131.forwardRef(
 );
 ChartTooltipContent.displayName = "ChartTooltip";
 var ChartLegend = RechartsPrimitive.Legend;
-var ChartLegendContent = React131.forwardRef(
+var ChartLegendContent = React136.forwardRef(
   ({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
     const { config } = useChart();
     if (!payload?.length) {
@@ -972,7 +1129,7 @@ function getPayloadConfigFromPayload(config, payload, key) {
   }
   return configLabelKey in config ? config[configLabelKey] : config[key];
 }
-var Checkbox = React131__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Checkbox = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -1012,7 +1169,7 @@ function detectTheme(node) {
   }
   return document.documentElement.classList.contains("dark") ? "dark" : "light";
 }
-var CodeBlock = React131__default.forwardRef(
+var CodeBlock = React136__default.forwardRef(
   ({
     code,
     language = "tsx",
@@ -1023,10 +1180,10 @@ var CodeBlock = React131__default.forwardRef(
     className,
     ...props
   }, ref) => {
-    const containerRef = React131__default.useRef(null);
-    const [html, setHtml] = React131__default.useState(null);
-    const [copied, setCopied] = React131__default.useState(false);
-    React131__default.useEffect(() => {
+    const containerRef = React136__default.useRef(null);
+    const [html, setHtml] = React136__default.useState(null);
+    const [copied, setCopied] = React136__default.useState(false);
+    React136__default.useEffect(() => {
       let cancelled = false;
       getHighlighter().then((hl) => {
         if (cancelled) return;
@@ -1041,7 +1198,7 @@ var CodeBlock = React131__default.forwardRef(
         cancelled = true;
       };
     }, [code, language, theme]);
-    const onCopy = React131__default.useCallback(async () => {
+    const onCopy = React136__default.useCallback(async () => {
       try {
         await navigator.clipboard.writeText(code);
         setCopied(true);
@@ -1049,7 +1206,7 @@ var CodeBlock = React131__default.forwardRef(
       } catch {
       }
     }, [code]);
-    const lines = React131__default.useMemo(() => code.split("\n"), [code]);
+    const lines = React136__default.useMemo(() => code.split("\n"), [code]);
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -1117,7 +1274,7 @@ var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React131__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogOverlay = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -1131,7 +1288,7 @@ var DialogOverlay = React131__default.forwardRef(({ className, ...props }, ref)
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React131__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
+var DialogContent = React136__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsxs(
     DialogPrimitive.Content,
@@ -1161,7 +1318,7 @@ var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { cla
 DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ 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__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogTitle = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -1170,7 +1327,7 @@ var DialogTitle = React131__default.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React131__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogDescription = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -1179,7 +1336,7 @@ var DialogDescription = React131__default.forwardRef(({ className, ...props }, r
   }
 ));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
-var Command = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Command = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1,
   {
     ref,
@@ -1194,7 +1351,7 @@ Command.displayName = Command$1.displayName;
 var CommandDialog = ({ children, ...props }) => {
   return /* @__PURE__ */ jsx(Dialog, { ...props, children: /* @__PURE__ */ jsx(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ 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.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+var CommandInput = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
   /* @__PURE__ */ jsx(
     Command$1.Input,
@@ -1209,7 +1366,7 @@ var CommandInput = React131.forwardRef(({ className, ...props }, ref) => /* @__P
   )
 ] }));
 CommandInput.displayName = Command$1.Input.displayName;
-var CommandList = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandList = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.List,
   {
     ref,
@@ -1218,7 +1375,7 @@ var CommandList = React131.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandList.displayName = Command$1.List.displayName;
-var CommandEmpty = React131.forwardRef((props, ref) => /* @__PURE__ */ jsx(
+var CommandEmpty = React136.forwardRef((props, ref) => /* @__PURE__ */ jsx(
   Command$1.Empty,
   {
     ref,
@@ -1227,7 +1384,7 @@ var CommandEmpty = React131.forwardRef((props, ref) => /* @__PURE__ */ jsx(
   }
 ));
 CommandEmpty.displayName = Command$1.Empty.displayName;
-var CommandGroup = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandGroup = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.Group,
   {
     ref,
@@ -1239,7 +1396,7 @@ var CommandGroup = React131.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 CommandGroup.displayName = Command$1.Group.displayName;
-var CommandSeparator = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandSeparator = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.Separator,
   {
     ref,
@@ -1248,7 +1405,7 @@ var CommandSeparator = React131.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 CommandSeparator.displayName = Command$1.Separator.displayName;
-var CommandItem = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandItem = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.Item,
   {
     ref,
@@ -1276,7 +1433,7 @@ var CommandShortcut = ({
   );
 };
 CommandShortcut.displayName = "CommandShortcut";
-var Comparison = React131__default.forwardRef(
+var Comparison = React136__default.forwardRef(
   ({
     before,
     after,
@@ -1292,10 +1449,10 @@ var Comparison = React131__default.forwardRef(
     ...props
   }, ref) => {
     const isControlled = valueProp !== void 0;
-    const [internal, setInternal] = React131__default.useState(defaultValue);
+    const [internal, setInternal] = React136__default.useState(defaultValue);
     const value = Math.max(0, Math.min(100, isControlled ? valueProp : internal));
-    const containerRef = React131__default.useRef(null);
-    const commit = React131__default.useCallback(
+    const containerRef = React136__default.useRef(null);
+    const commit = React136__default.useCallback(
       (next) => {
         const clamped = Math.max(0, Math.min(100, next));
         if (!isControlled) setInternal(clamped);
@@ -1303,7 +1460,7 @@ var Comparison = React131__default.forwardRef(
       },
       [isControlled, onValueChange]
     );
-    const updateFromPointer = React131__default.useCallback(
+    const updateFromPointer = React136__default.useCallback(
       (clientX, clientY) => {
         const el = containerRef.current;
         if (!el) return;
@@ -1426,30 +1583,30 @@ var ContextMenuSub = ContextMenuPrimitive.Sub;
 var ContextMenuRadioGroup = ContextMenuPrimitive.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__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(ContextMenuPrimitive.Content, { ref, className: cn(contentStyle, className), ...props }) }));
+var ContextMenuContent = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(ContextMenuPrimitive.Content, { ref, className: cn(contentStyle, className), ...props }) }));
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React131__default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Item, { ref, className: cn(itemStyle, inset && "pl-8", className), ...props }));
+var ContextMenuItem = React136__default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Item, { ref, className: cn(itemStyle, inset && "pl-8", className), ...props }));
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = React131__default.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(ContextMenuPrimitive.CheckboxItem, { ref, className: cn(itemStyle, "pl-8", className), checked, ...props, children: [
+var ContextMenuCheckboxItem = React136__default.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(ContextMenuPrimitive.CheckboxItem, { ref, className: cn(itemStyle, "pl-8", className), checked, ...props, children: [
   /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
   children
 ] }));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React131__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(ContextMenuPrimitive.RadioItem, { ref, className: cn(itemStyle, "pl-8", className), ...props, children: [
+var ContextMenuRadioItem = React136__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(ContextMenuPrimitive.RadioItem, { ref, className: cn(itemStyle, "pl-8", className), ...props, children: [
   /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }),
   children
 ] }));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React131__default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Label, { ref, className: cn("px-2 py-1.5 text-xs font-semibold text-[hsl(var(--muted-foreground))]", inset && "pl-8", className), ...props }));
+var ContextMenuLabel = React136__default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.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.Label.displayName;
-var ContextMenuSeparator = React131__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-[hsl(var(--muted))]", className), ...props }));
+var ContextMenuSeparator = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-[hsl(var(--muted))]", className), ...props }));
 ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
-var ContextMenuSubTrigger = React131__default.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(ContextMenuPrimitive.SubTrigger, { ref, className: cn(itemStyle, inset && "pl-8", className), ...props, children: [
+var ContextMenuSubTrigger = React136__default.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(ContextMenuPrimitive.SubTrigger, { ref, className: cn(itemStyle, inset && "pl-8", className), ...props, children: [
   children,
   /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4" })
 ] }));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React131__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.SubContent, { ref, className: cn(contentStyle, className), ...props }));
+var ContextMenuSubContent = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.SubContent, { ref, className: cn(contentStyle, className), ...props }));
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
 var ContextMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
 var Drawer = ({
@@ -1466,7 +1623,7 @@ Drawer.displayName = "Drawer";
 var DrawerTrigger = Drawer$1.Trigger;
 var DrawerPortal = Drawer$1.Portal;
 var DrawerClose = Drawer$1.Close;
-var DrawerOverlay = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DrawerOverlay = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Drawer$1.Overlay,
   {
     ref,
@@ -1475,7 +1632,7 @@ var DrawerOverlay = React131.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 DrawerOverlay.displayName = Drawer$1.Overlay.displayName;
-var DrawerContent = React131.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DrawerPortal, { children: [
+var DrawerContent = React136.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DrawerPortal, { children: [
   /* @__PURE__ */ jsx(DrawerOverlay, {}),
   /* @__PURE__ */ jsxs(
     Drawer$1.Content,
@@ -1516,7 +1673,7 @@ var DrawerFooter = ({
   }
 );
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DrawerTitle = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Drawer$1.Title,
   {
     ref,
@@ -1528,7 +1685,7 @@ var DrawerTitle = React131.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DrawerTitle.displayName = Drawer$1.Title.displayName;
-var DrawerDescription = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DrawerDescription = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Drawer$1.Description,
   {
     ref,
@@ -1553,134 +1710,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__default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, { ref, sideOffset, className: cn(contentStyle2, className), ...props }) }));
+var DropdownMenuContent = React136__default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, { ref, sideOffset, className: cn(contentStyle2, className), ...props }) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React131__default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, { ref, className: cn(itemStyle2, inset && "pl-8", className), ...props }));
+var DropdownMenuItem = React136__default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, { ref, className: cn(itemStyle2, inset && "pl-8", className), ...props }));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React131__default.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, { ref, className: cn(itemStyle2, "pl-8", className), checked, ...props, children: [
+var DropdownMenuCheckboxItem = React136__default.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, { ref, className: cn(itemStyle2, "pl-8", className), checked, ...props, children: [
   /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
   children
 ] }));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React131__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, { ref, className: cn(itemStyle2, "pl-8", className), ...props, children: [
+var DropdownMenuRadioItem = React136__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, { ref, className: cn(itemStyle2, "pl-8", className), ...props, children: [
   /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }),
   children
 ] }));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React131__default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, { ref, className: cn("px-2 py-1.5 text-xs font-semibold text-[hsl(var(--muted-foreground))]", inset && "pl-8", className), ...props }));
+var DropdownMenuLabel = React136__default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.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.Label.displayName;
-var DropdownMenuSeparator = React131__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-[hsl(var(--muted))]", className), ...props }));
+var DropdownMenuSeparator = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-[hsl(var(--muted))]", className), ...props }));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-var DropdownMenuSubTrigger = React131__default.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, { ref, className: cn(itemStyle2, inset && "pl-8", "data-[state=open]:bg-[hsl(var(--accent))]", className), ...props, children: [
+var DropdownMenuSubTrigger = React136__default.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, { ref, className: cn(itemStyle2, inset && "pl-8", "data-[state=open]:bg-[hsl(var(--accent))]", className), ...props, children: [
   children,
   /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4" })
 ] }));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React131__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, { ref, className: cn(contentStyle2, className), ...props }));
+var DropdownMenuSubContent = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, { ref, className: cn(contentStyle2, className), ...props }));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
 var DropdownMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-var labelVariants = cva(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-);
-var Label3 = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  LabelPrimitive.Root,
-  {
-    ref,
-    className: cn(labelVariants(), className),
+var EmptyCart = React136__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__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn("flex flex-col items-center justify-center gap-4 px-6 py-12 text-center", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ 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__ */ jsx(ShoppingCart, { className: "h-6 w-6", strokeWidth: 1.5 }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-base font-semibold text-foreground", children: title }),
+            description && /* @__PURE__ */ jsx("span", { className: "max-w-xs text-sm text-muted-foreground", children: description })
+          ] }),
+          actionLabel && onAction && /* @__PURE__ */ jsx(Button, { onClick: onAction, className: "mt-1", children: actionLabel })
+        ]
+      }
+    );
   }
-));
-Label3.displayName = LabelPrimitive.Root.displayName;
-var FormFieldContext = React131.createContext(null);
-var useFormField = () => {
-  const fieldContext = React131.useContext(FormFieldContext);
-  const itemContext = React131.useContext(FormItemContext);
-  const { getFieldState, formState } = useFormContext();
-  if (!fieldContext) {
-    throw new Error("useFormField should be used within <FormField>");
-  }
-  if (!itemContext) {
-    throw new Error("useFormField should be used within <FormItem>");
-  }
-  const fieldState = getFieldState(fieldContext.name, formState);
-  const { id } = itemContext;
-  return {
-    id,
-    name: fieldContext.name,
-    formItemId: `${id}-form-item`,
-    formDescriptionId: `${id}-form-item-description`,
-    formMessageId: `${id}-form-item-message`,
-    ...fieldState
-  };
-};
-var FormItemContext = React131.createContext(null);
-var FormItem = React131.forwardRef(({ className, ...props }, ref) => {
-  const id = React131.useId();
-  return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx("div", { ref, className: cn("space-y-2", className), ...props }) });
-});
-FormItem.displayName = "FormItem";
-var FormLabel = React131.forwardRef(({ className, ...props }, ref) => {
-  const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx(
-    Label3,
-    {
-      ref,
-      className: cn(error && "text-destructive", className),
-      htmlFor: formItemId,
-      ...props
-    }
-  );
-});
-FormLabel.displayName = "FormLabel";
-var FormControl = React131.forwardRef(({ ...props }, ref) => {
-  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx(
-    Slot,
-    {
-      ref,
-      id: formItemId,
-      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
-      "aria-invalid": !!error,
-      ...props
-    }
-  );
-});
-FormControl.displayName = "FormControl";
-var FormDescription = React131.forwardRef(({ className, ...props }, ref) => {
-  const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      ref,
-      id: formDescriptionId,
-      className: cn("text-[0.8rem] text-muted-foreground", className),
-      ...props
-    }
-  );
-});
-FormDescription.displayName = "FormDescription";
-var FormMessage = React131.forwardRef(({ className, children, ...props }, ref) => {
-  const { error, formMessageId } = useFormField();
-  const body = error ? String(error?.message ?? "") : children;
-  if (!body) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      ref,
-      id: formMessageId,
-      className: cn("text-[0.8rem] font-medium text-destructive", className),
-      ...props,
-      children: body
-    }
-  );
-});
-FormMessage.displayName = "FormMessage";
+);
+EmptyCart.displayName = "EmptyCart";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React131.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+var HoverCardContent = React136.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -1694,7 +1782,7 @@ var HoverCardContent = React131.forwardRef(({ className, align = "center", sideO
   }
 ));
 HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
-var InputOTP = React131.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx(
+var InputOTP = React136.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx(
   OTPInput,
   {
     ref,
@@ -1707,10 +1795,10 @@ var InputOTP = React131.forwardRef(({ className, containerClassName, ...props },
   }
 ));
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center", className), ...props }));
+var InputOTPGroup = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center", className), ...props }));
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React131.forwardRef(({ index, className, ...props }, ref) => {
-  const inputOTPContext = React131.useContext(OTPInputContext);
+var InputOTPSlot = React136.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React136.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
   return /* @__PURE__ */ jsxs(
     "div",
@@ -1730,9 +1818,9 @@ var InputOTPSlot = React131.forwardRef(({ index, className, ...props }, ref) =>
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React131.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx(Minus, {}) }));
+var InputOTPSeparator = React136.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx(Minus, {}) }));
 InputOTPSeparator.displayName = "InputOTPSeparator";
-var Input = React131__default.forwardRef(
+var Input = React136__default.forwardRef(
   ({ className, type, ...props }, ref) => /* @__PURE__ */ jsx(
     "input",
     {
@@ -1751,7 +1839,19 @@ var Input = React131__default.forwardRef(
   )
 );
 Input.displayName = "Input";
-var LogoCarousel = React131__default.forwardRef(
+var labelVariants = cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label3 = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  LabelPrimitive.Root,
+  {
+    ref,
+    className: cn(labelVariants(), className),
+    ...props
+  }
+));
+Label3.displayName = LabelPrimitive.Root.displayName;
+var LogoCarousel = React136__default.forwardRef(
   ({
     className,
     logos,
@@ -1845,7 +1945,7 @@ var SPEED_DURATION = {
   normal: "40s",
   fast: "20s"
 };
-var Marquee = React131__default.forwardRef(
+var Marquee = React136__default.forwardRef(
   ({
     children,
     speed = "normal",
@@ -1909,7 +2009,7 @@ function MenubarSub({
 }) {
   return /* @__PURE__ */ jsx(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
 }
-var Menubar = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Menubar = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   MenubarPrimitive.Root,
   {
     ref,
@@ -1921,7 +2021,7 @@ var Menubar = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MenubarTrigger = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   MenubarPrimitive.Trigger,
   {
     ref,
@@ -1933,7 +2033,7 @@ var MenubarTrigger = React131.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React131.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var MenubarSubTrigger = React136.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   MenubarPrimitive.SubTrigger,
   {
     ref,
@@ -1950,7 +2050,7 @@ var MenubarSubTrigger = React131.forwardRef(({ className, inset, children, ...pr
   }
 ));
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MenubarSubContent = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   MenubarPrimitive.SubContent,
   {
     ref,
@@ -1962,7 +2062,7 @@ var MenubarSubContent = React131.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React131.forwardRef(
+var MenubarContent = React136.forwardRef(
   ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx(
     MenubarPrimitive.Content,
     {
@@ -1979,7 +2079,7 @@ var MenubarContent = React131.forwardRef(
   ) })
 );
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React131.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var MenubarItem = React136.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   MenubarPrimitive.Item,
   {
     ref,
@@ -1992,7 +2092,7 @@ var MenubarItem = React131.forwardRef(({ className, inset, ...props }, ref) => /
   }
 ));
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React131.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+var MenubarCheckboxItem = React136.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
   MenubarPrimitive.CheckboxItem,
   {
     ref,
@@ -2009,7 +2109,7 @@ var MenubarCheckboxItem = React131.forwardRef(({ className, children, checked, .
   }
 ));
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React131.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var MenubarRadioItem = React136.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   MenubarPrimitive.RadioItem,
   {
     ref,
@@ -2025,7 +2125,7 @@ var MenubarRadioItem = React131.forwardRef(({ className, children, ...props }, r
   }
 ));
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React131.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var MenubarLabel = React136.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   MenubarPrimitive.Label,
   {
     ref,
@@ -2038,7 +2138,7 @@ var MenubarLabel = React131.forwardRef(({ className, inset, ...props }, ref) =>
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MenubarSeparator = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   MenubarPrimitive.Separator,
   {
     ref,
@@ -2063,7 +2163,7 @@ var MenubarShortcut = ({
   );
 };
 MenubarShortcut.displayname = "MenubarShortcut";
-var NavigationMenu = React131.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var NavigationMenu = React136.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -2079,7 +2179,7 @@ var NavigationMenu = React131.forwardRef(({ className, children, ...props }, ref
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var NavigationMenuList = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -2095,7 +2195,7 @@ var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = 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.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var NavigationMenuTrigger = React136.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -2115,7 +2215,7 @@ var NavigationMenuTrigger = React131.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var NavigationMenuContent = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -2128,7 +2228,7 @@ var NavigationMenuContent = React131.forwardRef(({ className, ...props }, ref) =
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx(
+var NavigationMenuViewport = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx(
   NavigationMenuPrimitive.Viewport,
   {
     className: cn(
@@ -2140,7 +2240,7 @@ var NavigationMenuViewport = React131.forwardRef(({ className, ...props }, ref)
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var NavigationMenuIndicator = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -2163,7 +2263,7 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx(
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var PaginationContent = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "ul",
   {
     ref,
@@ -2172,7 +2272,7 @@ var PaginationContent = React131.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("", className), ...props }));
+var PaginationItem = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = ({
   className,
@@ -2247,7 +2347,7 @@ PaginationEllipsis.displayName = "PaginationEllipsis";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React131__default.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var PopoverContent = React136__default.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   PopoverPrimitive.Content,
   {
     ref,
@@ -2264,7 +2364,7 @@ var PopoverContent = React131__default.forwardRef(({ className, align = "center"
   }
 ) }));
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-var Progress = React131__default.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
+var Progress = React136__default.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
   ProgressPrimitive.Root,
   {
     ref,
@@ -2280,7 +2380,7 @@ var Progress = React131__default.forwardRef(({ className, value, ...props }, ref
   }
 ));
 Progress.displayName = ProgressPrimitive.Root.displayName;
-var QrCode = React131__default.forwardRef(
+var QrCode = React136__default.forwardRef(
   ({
     value,
     size = 192,
@@ -2337,9 +2437,9 @@ var QrCode = React131__default.forwardRef(
   }
 );
 QrCode.displayName = "QrCode";
-var RadioGroup4 = React131__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ref, ...props }));
+var RadioGroup4 = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ref, ...props }));
 RadioGroup4.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React131__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var RadioGroupItem = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   RadioGroupPrimitive.Item,
   {
     ref,
@@ -2354,12 +2454,12 @@ var RadioGroupItem = React131__default.forwardRef(({ className, ...props }, ref)
   }
 ));
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
-var SIZE = {
+var SIZE2 = {
   sm: "h-4 w-4",
   md: "h-5 w-5",
   lg: "h-6 w-6"
 };
-var Rating = React131__default.forwardRef(
+var Rating = React136__default.forwardRef(
   ({
     value: valueProp,
     defaultValue = 0,
@@ -2375,10 +2475,10 @@ var Rating = React131__default.forwardRef(
     ...props
   }, ref) => {
     const isControlled = valueProp !== void 0;
-    const [internal, setInternal] = React131__default.useState(defaultValue);
+    const [internal, setInternal] = React136__default.useState(defaultValue);
     const value = isControlled ? valueProp : internal;
     const step = allowHalf ? 0.5 : 1;
-    const commit = React131__default.useCallback(
+    const commit = React136__default.useCallback(
       (next) => {
         const clamped = Math.max(0, Math.min(max, next));
         if (!isControlled) setInternal(clamped);
@@ -2425,13 +2525,13 @@ var Rating = React131__default.forwardRef(
         children: Array.from({ length: max }).map((_, i) => {
           const fillPercent = Math.max(0, Math.min(1, value - i)) * 100;
           const Icon2 = /* @__PURE__ */ jsxs("span", { className: "relative inline-block leading-none", children: [
-            /* @__PURE__ */ jsx("span", { className: cn("block text-muted-foreground/40", SIZE[size]), children: emptyIcon ?? /* @__PURE__ */ jsx(Star, { className: "h-full w-full", strokeWidth: 1.5 }) }),
+            /* @__PURE__ */ jsx("span", { className: cn("block text-muted-foreground/40", SIZE2[size]), children: emptyIcon ?? /* @__PURE__ */ jsx(Star, { className: "h-full w-full", strokeWidth: 1.5 }) }),
             /* @__PURE__ */ jsx(
               "span",
               {
                 className: cn(
                   "absolute inset-0 overflow-hidden text-[hsl(var(--primary))]",
-                  SIZE[size]
+                  SIZE2[size]
                 ),
                 style: { width: `${fillPercent}%` },
                 "aria-hidden": "true",
@@ -2492,7 +2592,7 @@ var ResizableHandle = ({
     children: withHandle && /* @__PURE__ */ jsx("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx(GripVertical, { className: "h-2.5 w-2.5" }) })
   }
 );
-var ScrollArea = React131.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var ScrollArea = React136.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   ScrollAreaPrimitive.Root,
   {
     ref,
@@ -2506,7 +2606,7 @@ var ScrollArea = React131.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React131.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+var ScrollBar = React136.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -2525,7 +2625,7 @@ ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React131__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectTrigger = React136__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -2545,7 +2645,7 @@ var SelectTrigger = React131__default.forwardRef(({ className, children, ...prop
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React131__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollUpButton = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -2555,7 +2655,7 @@ var SelectScrollUpButton = React131__default.forwardRef(({ className, ...props }
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React131__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollDownButton = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -2565,7 +2665,7 @@ var SelectScrollDownButton = React131__default.forwardRef(({ className, ...props
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React131__default.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+var SelectContent = React136__default.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
   SelectPrimitive.Content,
   {
     ref,
@@ -2592,7 +2692,7 @@ var SelectContent = React131__default.forwardRef(({ className, children, positio
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React131__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -2601,7 +2701,7 @@ var SelectLabel = React131__default.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React131__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectItem = React136__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
     ref,
@@ -2619,7 +2719,7 @@ var SelectItem = React131__default.forwardRef(({ className, children, ...props }
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React131__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -2628,7 +2728,7 @@ var SelectSeparator = React131__default.forwardRef(({ className, ...props }, ref
   }
 ));
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-var Separator6 = React131__default.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+var Separator6 = React136__default.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -2647,7 +2747,7 @@ var Sheet = DialogPrimitive.Root;
 var SheetTrigger = DialogPrimitive.Trigger;
 var SheetClose = DialogPrimitive.Close;
 var SheetPortal = DialogPrimitive.Portal;
-var SheetOverlay = React131__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetOverlay = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -2675,7 +2775,7 @@ var sheetVariants = cva(
     defaultVariants: { side: "right" }
   }
 );
-var SheetContent = React131__default.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
+var SheetContent = React136__default.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
   /* @__PURE__ */ jsx(SheetOverlay, {}),
   /* @__PURE__ */ jsxs(DialogPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
     /* @__PURE__ */ jsxs(DialogPrimitive.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: [
@@ -2688,9 +2788,9 @@ var SheetContent = React131__default.forwardRef(({ side = "right", className, ch
 SheetContent.displayName = DialogPrimitive.Content.displayName;
 var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
-var SheetTitle = React131__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
+var SheetTitle = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
 SheetTitle.displayName = DialogPrimitive.Title.displayName;
-var SheetDescription = React131__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Description, { ref, className: cn("text-sm text-[hsl(var(--muted-foreground))]", className), ...props }));
+var SheetDescription = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Description, { ref, className: cn("text-sm text-[hsl(var(--muted-foreground))]", className), ...props }));
 SheetDescription.displayName = DialogPrimitive.Description.displayName;
 function Skeleton({ className, ...props }) {
   return /* @__PURE__ */ jsx(
@@ -2701,7 +2801,7 @@ function Skeleton({ className, ...props }) {
     }
   );
 }
-var Slider = React131__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
+var Slider = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
   SliderPrimitive.Root,
   {
     ref,
@@ -2725,7 +2825,7 @@ function Spinner({ className, ...props }) {
     }
   );
 }
-var Switch = React131__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Switch = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SwitchPrimitive.Root,
   {
     ref,
@@ -2751,7 +2851,7 @@ var Switch = React131__default.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 Switch.displayName = SwitchPrimitive.Root.displayName;
-var Table = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
+var Table = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
   "table",
   {
     ref,
@@ -2760,9 +2860,9 @@ var Table = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableBody = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tbody",
   {
     ref,
@@ -2771,7 +2871,7 @@ var TableBody = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableFooter = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tfoot",
   {
     ref,
@@ -2783,7 +2883,7 @@ var TableFooter = React131.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableRow = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tr",
   {
     ref,
@@ -2795,7 +2895,7 @@ var TableRow = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableHead = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "th",
   {
     ref,
@@ -2807,7 +2907,7 @@ var TableHead = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCell = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "td",
   {
     ref,
@@ -2819,7 +2919,7 @@ var TableCell = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React131.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCaption = React136.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "caption",
   {
     ref,
@@ -2829,7 +2929,7 @@ var TableCaption = React131.forwardRef(({ className, ...props }, ref) => /* @__P
 ));
 TableCaption.displayName = "TableCaption";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React131__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsList = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.List,
   {
     ref,
@@ -2841,7 +2941,7 @@ var TabsList = React131__default.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React131__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsTrigger = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -2856,7 +2956,7 @@ var TabsTrigger = React131__default.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React131__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsContent = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
     ref,
@@ -2868,7 +2968,7 @@ var TabsContent = React131__default.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
-var Textarea = React131__default.forwardRef(
+var Textarea = React136__default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "textarea",
     {
@@ -2886,7 +2986,7 @@ var Textarea = React131__default.forwardRef(
   )
 );
 Textarea.displayName = "Textarea";
-var TextureCard = React131.forwardRef(
+var TextureCard = React136.forwardRef(
   ({ children, className, padding = true, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -2903,15 +3003,15 @@ var TextureCard = React131.forwardRef(
   )
 );
 TextureCard.displayName = "TextureCard";
-var TextureCardHeader = React131.forwardRef(
+var TextureCardHeader = React136.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col gap-1.5 mb-4", className), ...props })
 );
 TextureCardHeader.displayName = "TextureCardHeader";
-var TextureCardTitle = React131.forwardRef(
+var TextureCardTitle = React136.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("h3", { ref, className: cn("font-semibold text-base leading-tight tracking-tight text-foreground", className), ...props })
 );
 TextureCardTitle.displayName = "TextureCardTitle";
-var TextureCardDescription = React131.forwardRef(
+var TextureCardDescription = React136.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
 );
 TextureCardDescription.displayName = "TextureCardDescription";
@@ -2935,7 +3035,7 @@ var toggleVariants = cva(
     }
   }
 );
-var Toggle = React131.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+var Toggle = React136.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
   TogglePrimitive.Root,
   {
     ref,
@@ -2944,11 +3044,11 @@ var Toggle = React131.forwardRef(({ className, variant, size, ...props }, ref) =
   }
 ));
 Toggle.displayName = TogglePrimitive.Root.displayName;
-var ToggleGroupContext = React131.createContext({
+var ToggleGroupContext = React136.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React131.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var ToggleGroup = React136.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
   ToggleGroupPrimitive.Root,
   {
     ref,
@@ -2958,8 +3058,8 @@ var ToggleGroup = React131.forwardRef(({ className, variant, size, children, ...
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React131.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React131.useContext(ToggleGroupContext);
+var ToggleGroupItem = React136.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React136.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Item,
     {
@@ -2980,7 +3080,7 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip2 = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React131__default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var TooltipContent = React136__default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   TooltipPrimitive.Content,
   {
     ref,
@@ -2996,6 +3096,52 @@ var TooltipContent = React131__default.forwardRef(({ className, sideOffset = 4,
   }
 ) }));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+var VariantPicker = React136__default.forwardRef(
+  ({ label, options, value: valueProp, defaultValue, onValueChange, className, ...props }, ref) => {
+    const isControlled = valueProp !== void 0;
+    const [internal, setInternal] = React136__default.useState(defaultValue);
+    const value = isControlled ? valueProp : internal;
+    const select = (v) => {
+      if (!isControlled) setInternal(v);
+      onValueChange?.(v);
+    };
+    return /* @__PURE__ */ jsxs("div", { ref, role: "radiogroup", "aria-label": label, className: cn("flex flex-col gap-2", className), ...props, children: [
+      label && /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: options.map((opt) => {
+        const selected = value === opt.value;
+        return /* @__PURE__ */ 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__ */ 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 = cva(
   "relative flex items-start gap-3 rounded-lg border px-4 py-3.5 text-sm transition-all",
   {
@@ -3092,8 +3238,8 @@ function Banner({
   className,
   children
 }) {
-  const [dismissed, setDismissed] = React131__default.useState(false);
-  const [exiting, setExiting] = React131__default.useState(false);
+  const [dismissed, setDismissed] = React136__default.useState(false);
+  const [exiting, setExiting] = React136__default.useState(false);
   const handleDismiss = () => {
     setExiting(true);
     setTimeout(() => {
@@ -3154,7 +3300,7 @@ function BreadcrumbSeparator({ className }) {
   return /* @__PURE__ */ jsx("li", { role: "presentation", "aria-hidden": "true", className: cn("flex items-center text-[hsl(var(--muted-foreground))]", className), children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5" }) });
 }
 function Breadcrumb({ children, className }) {
-  const items = React131__default.Children.toArray(children);
+  const items = React136__default.Children.toArray(children);
   const withSeparators = [];
   items.forEach((item, i) => {
     withSeparators.push(item);
@@ -3162,9 +3308,30 @@ function Breadcrumb({ children, className }) {
   });
   return /* @__PURE__ */ jsx("nav", { "aria-label": "breadcrumb", children: /* @__PURE__ */ jsx("ol", { className: cn("flex flex-wrap items-center gap-1", className), children: withSeparators }) });
 }
+function CommandItem2({ icon, label, description, shortcut, active, onClick, className }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      onClick,
+      className: cn(
+        "flex items-center gap-3 rounded-md px-3 py-2 cursor-pointer transition-colors",
+        active ? "bg-[hsl(var(--accent))] text-[hsl(var(--accent-foreground))]" : "hover:bg-[hsl(var(--accent)/0.6)]",
+        className
+      ),
+      children: [
+        icon && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[hsl(var(--muted-foreground))] h-4 w-4 flex items-center justify-center", children: icon }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium truncate", children: label }),
+          description && /* @__PURE__ */ jsx("p", { className: "text-xs text-[hsl(var(--muted-foreground))] truncate", children: description })
+        ] }),
+        shortcut && /* @__PURE__ */ jsx("kbd", { className: "shrink-0 pointer-events-none inline-flex h-5 items-center gap-1 rounded border border-[hsl(var(--border))] bg-[hsl(var(--muted))] px-1.5 text-[10px] font-medium text-[hsl(var(--muted-foreground))]", children: shortcut })
+      ]
+    }
+  );
+}
 function EditableCell({ value: initial, onSave }) {
-  const [editing, setEditing] = React131__default.useState(false);
-  const [val, setVal] = React131__default.useState(String(initial ?? ""));
+  const [editing, setEditing] = React136__default.useState(false);
+  const [val, setVal] = React136__default.useState(String(initial ?? ""));
   const commit = () => {
     onSave(val);
     setEditing(false);
@@ -3195,10 +3362,10 @@ var selectionCol = () => ({
   enableResizing: false
 });
 function DataGrid({ columns, data: initialData, onDataChange, editable, className }) {
-  const [data, setData] = React131__default.useState(initialData);
-  const [rowSelection, setRowSelection] = React131__default.useState({});
+  const [data, setData] = React136__default.useState(initialData);
+  const [rowSelection, setRowSelection] = React136__default.useState({});
   const columnResizeMode = "onChange";
-  const editableColumns = React131__default.useMemo(() => {
+  const editableColumns = React136__default.useMemo(() => {
     if (!editable) return columns;
     return columns.map((col) => ({
       ...col,
@@ -3217,7 +3384,7 @@ function DataGrid({ columns, data: initialData, onDataChange, editable, classNam
       )
     }));
   }, [columns, data, editable, onDataChange]);
-  const allColumns = React131__default.useMemo(() => [selectionCol(), ...editableColumns], [editableColumns]);
+  const allColumns = React136__default.useMemo(() => [selectionCol(), ...editableColumns], [editableColumns]);
   const table = useReactTable({
     data,
     columns: allColumns,
@@ -3288,7 +3455,7 @@ function DataTableToolbar({ table, searchColumn }) {
   ) });
 }
 function DataTable({ columns, data, pageSize = 10, searchable, searchColumn, loading }) {
-  const [sorting, setSorting] = React131__default.useState([]);
+  const [sorting, setSorting] = React136__default.useState([]);
   const table = useReactTable({
     data,
     columns,
@@ -3313,18 +3480,57 @@ function DataTable({ columns, data, pageSize = 10, searchable, searchColumn, loa
     /* @__PURE__ */ jsx(DataTablePagination, { table })
   ] });
 }
-var EmptyStateIcon = React131__default.forwardRef(
+var EmptyStateIcon = React136__default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex h-12 w-12 items-center justify-center rounded-full bg-[hsl(var(--muted))] text-[hsl(var(--muted-foreground))]", className), ...props })
 );
 EmptyStateIcon.displayName = "EmptyStateIcon";
-function EmptyState({ icon, title, description, action, className }) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center justify-center gap-3 py-12 text-center", className), children: [
-    icon && /* @__PURE__ */ jsx(EmptyStateIcon, { children: icon }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx("h3", { className: "font-semibold text-[hsl(var(--foreground))]", children: title }),
-      description && /* @__PURE__ */ jsx("p", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: description })
+var sizeMap = {
+  sm: "py-8 gap-2",
+  default: "py-12 gap-3",
+  lg: "py-20 gap-4"
+};
+var titleSizeMap = {
+  sm: "text-sm font-semibold",
+  default: "text-base font-semibold",
+  lg: "text-lg font-semibold"
+};
+var descSizeMap = {
+  sm: "text-xs",
+  default: "text-sm",
+  lg: "text-base"
+};
+var iconSizeMap = {
+  sm: "h-10 w-10",
+  default: "h-12 w-12",
+  lg: "h-16 w-16"
+};
+function EmptyState({
+  icon,
+  title,
+  description,
+  action,
+  secondaryAction,
+  size = "default",
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center justify-center text-center", sizeMap[size], className), children: [
+    icon && /* @__PURE__ */ jsx(EmptyStateIcon, { className: iconSizeMap[size], children: icon }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1 max-w-sm", children: [
+      /* @__PURE__ */ jsx("h3", { className: cn(titleSizeMap[size], "text-[hsl(var(--foreground))]"), children: title }),
+      description && /* @__PURE__ */ jsx("p", { className: cn(descSizeMap[size], "text-[hsl(var(--muted-foreground))]"), children: description })
     ] }),
-    action && /* @__PURE__ */ jsx(Button, { onClick: action.onClick, className: "mt-1", children: action.label })
+    (action || secondaryAction) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-1", children: [
+      action && /* @__PURE__ */ jsx(Button, { size: size === "sm" ? "sm" : "default", onClick: action.onClick, children: action.label }),
+      secondaryAction && /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          size: size === "sm" ? "sm" : "default",
+          onClick: secondaryAction.onClick,
+          children: secondaryAction.label
+        }
+      )
+    ] })
   ] });
 }
 function HotkeyBadge({ children, className }) {
@@ -3344,13 +3550,13 @@ var colorMap = {
   error: "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400",
   purple: "bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-400"
 };
-var sizeMap = {
+var sizeMap2 = {
   sm: "h-7 w-7 [&>*]:h-3.5 [&>*]:w-3.5",
   md: "h-10 w-10 [&>*]:h-5 [&>*]:w-5",
   lg: "h-14 w-14 [&>*]:h-7 [&>*]:w-7"
 };
 function IconBadge({ icon, color = "default", size = "md", className }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("inline-flex items-center justify-center rounded-full shrink-0", colorMap[color], sizeMap[size], className), children: icon });
+  return /* @__PURE__ */ jsx("div", { className: cn("inline-flex items-center justify-center rounded-full shrink-0", colorMap[color], sizeMap2[size], className), children: icon });
 }
 function LoadingOverlay({ loading, text, fullPage, children, className }) {
   if (fullPage) {
@@ -3367,13 +3573,13 @@ function LoadingOverlay({ loading, text, fullPage, children, className }) {
     ] }) })
   ] });
 }
-var sizeMap2 = {
+var sizeMap3 = {
   sm: { avatar: "h-7 w-7", name: "text-sm", subtitle: "text-xs" },
   md: { avatar: "h-9 w-9", name: "text-sm font-medium", subtitle: "text-xs" },
   lg: { avatar: "h-12 w-12", name: "text-base font-medium", subtitle: "text-sm" }
 };
 function Persona({ name, subtitle, src, size = "md", badge, className }) {
-  const s = sizeMap2[size];
+  const s = sizeMap3[size];
   const initials = name.split(" ").map((w) => w[0]).slice(0, 2).join("").toUpperCase();
   return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2.5", className), children: [
     /* @__PURE__ */ jsxs("div", { className: "relative shrink-0", children: [
@@ -3389,7 +3595,7 @@ function Persona({ name, subtitle, src, size = "md", badge, className }) {
     ] })
   ] });
 }
-var PropertyList = React131__default.forwardRef(
+var PropertyList = React136__default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("dl", { ref, className: cn("divide-y divide-[hsl(var(--border))]", className), ...props })
 );
 PropertyList.displayName = "PropertyList";
@@ -3475,7 +3681,7 @@ function StructuredListItem({ left, title, description, right, onClick, classNam
     }
   );
 }
-var StructuredList = React131__default.forwardRef(
+var StructuredList = React136__default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("space-y-4", className), ...props })
 );
 StructuredList.displayName = "StructuredList";
@@ -3485,7 +3691,7 @@ var dotColors = {
   error: "bg-red-500",
   warning: "bg-yellow-500"
 };
-var TimelineContent = React131__default.forwardRef(
+var TimelineContent = React136__default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("pb-1", className), ...props })
 );
 TimelineContent.displayName = "TimelineContent";
@@ -3508,9 +3714,9 @@ function TimelineItem({ icon, title, description, timestamp, variant = "default"
   ] });
 }
 function Timeline({ children, className }) {
-  const items = React131__default.Children.toArray(children);
+  const items = React136__default.Children.toArray(children);
   return /* @__PURE__ */ jsx("div", { className: cn("", className), children: items.map(
-    (child, i) => React131__default.isValidElement(child) ? React131__default.cloneElement(child, { isLast: i === items.length - 1 }) : child
+    (child, i) => React136__default.isValidElement(child) ? React136__default.cloneElement(child, { isLast: i === items.length - 1 }) : child
   ) });
 }
 var INITIAL_MESSAGES = [
@@ -3694,7 +3900,7 @@ function FileRow({ file, onDelete }) {
   ] });
 }
 function FilesList({ className }) {
-  const [files, setFiles] = React131__default.useState(FILES2);
+  const [files, setFiles] = React136__default.useState(FILES2);
   return /* @__PURE__ */ jsx("div", { className: cn("rounded-md border border-[hsl(var(--border))] overflow-hidden", className), children: /* @__PURE__ */ jsxs("table", { className: "w-full", children: [
     /* @__PURE__ */ jsx("thead", { className: "bg-[hsl(var(--muted)/0.5)]", children: /* @__PURE__ */ jsx("tr", { children: ["Name", "Type", "Size", "Modified", ""].map((h) => /* @__PURE__ */ jsx("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-[hsl(var(--muted-foreground))]", children: h }, h)) }) }),
     /* @__PURE__ */ jsx("tbody", { children: files.map((f) => /* @__PURE__ */ jsx(FileRow, { file: f, onDelete: () => setFiles((fs) => fs.filter((x) => x.id !== f.id)) }, f.id)) })
@@ -3774,7 +3980,7 @@ function InviteModal({ className }) {
     pending.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
       /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "Pending invites" }),
       /* @__PURE__ */ jsx("div", { className: "divide-y divide-[hsl(var(--border))] rounded-md border border-[hsl(var(--border))]", children: pending.map((p, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2", children: [
-        /* @__PURE__ */ jsx(Avatar, { className: "h-6 w-6", children: /* @__PURE__ */ jsx(AvatarFallback, { className: "text-[10px]", children: p.email[0].toUpperCase() }) }),
+        /* @__PURE__ */ jsx(Avatar, { className: "h-6 w-6", children: /* @__PURE__ */ jsx(AvatarFallback, { className: "text-[10px]", children: p.email.charAt(0).toUpperCase() }) }),
         /* @__PURE__ */ jsx("span", { className: "flex-1 text-sm truncate", children: p.email }),
         /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-[10px] px-1.5 py-0.5 shrink-0", children: p.role }),
         /* @__PURE__ */ jsx("button", { onClick: () => setPending((ps) => ps.filter((_, j) => j !== i)), children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5 text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))]" }) })
@@ -4189,9 +4395,9 @@ function apply(mode) {
   document.documentElement.classList.toggle("dark", isDark);
 }
 function ThemeSwitch({ defaultMode, onChange, className, variant = "segmented" }) {
-  const [mode, setMode] = React131__default.useState(() => defaultMode ?? readInitial());
-  const didMount = React131__default.useRef(false);
-  React131__default.useEffect(() => {
+  const [mode, setMode] = React136__default.useState(() => defaultMode ?? readInitial());
+  const didMount = React136__default.useRef(false);
+  React136__default.useEffect(() => {
     if (!didMount.current) {
       didMount.current = true;
       return;
@@ -4203,7 +4409,7 @@ function ThemeSwitch({ defaultMode, onChange, className, variant = "segmented" }
     }
     onChange?.(mode);
   }, [mode, onChange]);
-  React131__default.useEffect(() => {
+  React136__default.useEffect(() => {
     if (mode !== "system" || typeof window === "undefined") return;
     const mql = window.matchMedia("(prefers-color-scheme: dark)");
     const handler = () => apply("system");
@@ -4294,7 +4500,7 @@ function FloatingActionButton({
   position = "bottom-right",
   className
 }) {
-  const [open, setOpen] = React131__default.useState(false);
+  const [open, setOpen] = React136__default.useState(false);
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -4335,7 +4541,7 @@ function FloatingActionButton({
                 ] }),
                 sections.length > 0 && /* @__PURE__ */ jsx(Separator6, {})
               ] }),
-              sections.length > 0 && /* @__PURE__ */ jsx("div", { className: "px-3 py-2.5 space-y-3", children: sections.map((section, i) => /* @__PURE__ */ jsxs(React131__default.Fragment, { children: [
+              sections.length > 0 && /* @__PURE__ */ jsx("div", { className: "px-3 py-2.5 space-y-3", children: sections.map((section, i) => /* @__PURE__ */ jsxs(React136__default.Fragment, { children: [
                 /* @__PURE__ */ jsxs("div", { children: [
                   /* @__PURE__ */ jsx("p", { className: "text-[9px] font-semibold uppercase tracking-widest text-muted-foreground mb-1.5", children: section.label }),
                   section.content
@@ -4377,7 +4583,7 @@ function applyTheme(val) {
   }
 }
 function PaletteSwatches({ options = DEFAULT_THEME_OPTIONS }) {
-  const [activeValue, setActiveValue] = React131__default.useState(readStoredTheme);
+  const [activeValue, setActiveValue] = React136__default.useState(readStoredTheme);
   const activeOption = options.find((o) => o.value === activeValue) ?? options[0];
   const handleSelect = (value) => {
     setActiveValue(value);
@@ -4467,7 +4673,7 @@ function NotificationSettings({ className }) {
       NotifRow,
       {
         ...n,
-        checked: states[n.id],
+        checked: states[n.id] ?? false,
         onChange: (val) => setStates((s) => ({ ...s, [n.id]: val }))
       },
       n.id
@@ -4669,7 +4875,7 @@ var ROLES = [
 ];
 function RolesMenu({ value = "member", onChange, className }) {
   const [role, setRole] = useState(value);
-  const current = ROLES.find((r) => r.value === role) ?? ROLES[2];
+  const current = ROLES.find((r) => r.value === role) ?? ROLES[0];
   const handleChange = (v) => {
     setRole(v);
     onChange?.(v);
@@ -5253,8 +5459,8 @@ function BulkActions({ count, actions, onClear, className }) {
   ] });
 }
 function useCommandBar() {
-  const [open, setOpen] = React131__default.useState(false);
-  React131__default.useEffect(() => {
+  const [open, setOpen] = React136__default.useState(false);
+  React136__default.useEffect(() => {
     const handler = (e) => {
       if ((e.metaKey || e.ctrlKey) && e.key === "k") {
         e.preventDefault();
@@ -5294,12 +5500,12 @@ function CommandBarItem({ icon, label, shortcut, onSelect, active, className })
   );
 }
 function CommandBar({ open, onOpenChange, children, placeholder = "Search commands...", onSearch }) {
-  const [query, setQuery] = React131__default.useState("");
+  const [query, setQuery] = React136__default.useState("");
   const handleSearch = (v) => {
     setQuery(v);
     onSearch?.(v);
   };
-  const items = React131__default.useRef(null);
+  const items = React136__default.useRef(null);
   const handleKeyDown = (e) => {
     if (e.key === "Escape") {
       onOpenChange(false);
@@ -5340,10 +5546,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__default.useState(false);
-  const [key, setKey] = React131__default.useState("");
-  const [op, setOp] = React131__default.useState("");
-  const [val, setVal] = React131__default.useState("");
+  const [open, setOpen] = React136__default.useState(false);
+  const [key, setKey] = React136__default.useState("");
+  const [op, setOp] = React136__default.useState("");
+  const [val, setVal] = React136__default.useState("");
   const def = filters.find((f) => f.key === key);
   const ops = def?.type === "number" ? numOps : textOps;
   const handleAdd = () => {
@@ -5455,7 +5661,7 @@ function formatColumnSubLabel(date, scale) {
 function snapDate(date, scale) {
   return startOfScale(date, scale);
 }
-var Gantt = React131__default.forwardRef(
+var Gantt = React136__default.forwardRef(
   ({
     items,
     scale = "days",
@@ -5473,7 +5679,7 @@ var Gantt = React131__default.forwardRef(
   }, ref) => {
     const interactive = !!onItemMove || !!onItemResize;
     const columnWidth = DEFAULT_COLUMN_WIDTH[scale];
-    const viewport = React131__default.useMemo(() => {
+    const viewport = React136__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()))) : addDays(/* @__PURE__ */ new Date(), 14));
       return {
@@ -5483,7 +5689,7 @@ var Gantt = React131__default.forwardRef(
     }, [items, startDate, endDate, scale]);
     const colCount = totalColumns(viewport.start, viewport.end, scale);
     const timelineWidth = colCount * columnWidth;
-    const grouped = React131__default.useMemo(() => {
+    const grouped = React136__default.useMemo(() => {
       const map = /* @__PURE__ */ new Map();
       for (const it of items) {
         const k = it.group ?? void 0;
@@ -5493,7 +5699,7 @@ var Gantt = React131__default.forwardRef(
       return Array.from(map.entries());
     }, [items]);
     const hasGroups = grouped.some(([k]) => k !== void 0);
-    const [collapsed, setCollapsed] = React131__default.useState(() => /* @__PURE__ */ new Set());
+    const [collapsed, setCollapsed] = React136__default.useState(() => /* @__PURE__ */ new Set());
     const toggleGroup = (key) => {
       setCollapsed((prev) => {
         const next = new Set(prev);
@@ -5502,7 +5708,7 @@ var Gantt = React131__default.forwardRef(
         return next;
       });
     };
-    const rows = React131__default.useMemo(() => {
+    const rows = React136__default.useMemo(() => {
       const out = [];
       for (const [groupKey, list] of grouped) {
         if (groupKey !== void 0) {
@@ -5513,21 +5719,21 @@ var Gantt = React131__default.forwardRef(
       }
       return out;
     }, [grouped, collapsed]);
-    const itemRowIndex = React131__default.useMemo(() => {
+    const itemRowIndex = React136__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__default.useMemo(() => {
+    const todayOffsetPx = React136__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__default.useMemo(() => {
+    const columnDates = React136__default.useMemo(() => {
       return Array.from(
         { length: colCount },
         (_, i) => addUnits(viewport.start, i, scale)
@@ -5751,12 +5957,12 @@ function GanttBar({
 }) {
   const color = item.color ?? DEFAULT_COLOR2;
   const progress = Math.max(0, Math.min(100, item.progress ?? 0));
-  const [previewLeftDelta, setPreviewLeftDelta] = React131__default.useState(0);
-  const [previewRightDelta, setPreviewRightDelta] = React131__default.useState(0);
-  const dragMode = React131__default.useRef(null);
-  const startX = React131__default.useRef(0);
-  const longPressTimer = React131__default.useRef(null);
-  const moved = React131__default.useRef(false);
+  const [previewLeftDelta, setPreviewLeftDelta] = React136__default.useState(0);
+  const [previewRightDelta, setPreviewRightDelta] = React136__default.useState(0);
+  const dragMode = React136__default.useRef(null);
+  const startX = React136__default.useRef(0);
+  const longPressTimer = React136__default.useRef(null);
+  const moved = React136__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);
@@ -5962,7 +6168,7 @@ function DependencyLayer({
   timelineWidth,
   totalHeight
 }) {
-  const itemById = React131__default.useMemo(() => {
+  const itemById = React136__default.useMemo(() => {
     const m = /* @__PURE__ */ new Map();
     for (const it of items) m.set(it.id, it);
     return m;
@@ -6061,9 +6267,9 @@ function KanbanColumn({ column, isOver }) {
   ] });
 }
 function Kanban({ columns: initialColumns, onMoveCard, className }) {
-  const [cols, setCols] = React131__default.useState(initialColumns);
-  const [activeCard, setActiveCard] = React131__default.useState(null);
-  const [overColId, setOverColId] = React131__default.useState(null);
+  const [cols, setCols] = React136__default.useState(initialColumns);
+  const [activeCard, setActiveCard] = React136__default.useState(null);
+  const [overColId, setOverColId] = React136__default.useState(null);
   const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 5 } }));
   const findColByCard = (cardId) => cols.find((c) => c.cards.some((card) => card.id === cardId));
   const onDragStart = ({ active }) => {
@@ -6132,10 +6338,10 @@ function ToolbarButton({
   ] });
 }
 function LinkPopover({ editor }) {
-  const [open, setOpen] = React131__default.useState(false);
-  const [url, setUrl] = React131__default.useState("");
+  const [open, setOpen] = React136__default.useState(false);
+  const [url, setUrl] = React136__default.useState("");
   const isActive = editor.isActive("link");
-  React131__default.useEffect(() => {
+  React136__default.useEffect(() => {
     if (!open) return;
     const current = editor.getAttributes("link")?.href;
     setUrl(current ?? "");
@@ -6600,7 +6806,7 @@ var proseClasses = cn(
   // Selected cells in tables
   "[&_.selectedCell]:bg-[hsl(var(--accent))]/40"
 );
-var RichEditor = React131__default.forwardRef(
+var RichEditor = React136__default.forwardRef(
   function RichEditor2({
     value,
     defaultValue,
@@ -6614,12 +6820,12 @@ var RichEditor = React131__default.forwardRef(
   }, ref) {
     const isControlled = value !== void 0;
     const initialContent = isControlled ? value ?? "" : defaultValue ?? "";
-    const debounceRef = React131__default.useRef(null);
-    const onChangeRef = React131__default.useRef(onChange);
-    React131__default.useEffect(() => {
+    const debounceRef = React136__default.useRef(null);
+    const onChangeRef = React136__default.useRef(onChange);
+    React136__default.useEffect(() => {
       onChangeRef.current = onChange;
     }, [onChange]);
-    const [charCount, setCharCount] = React131__default.useState(0);
+    const [charCount, setCharCount] = React136__default.useState(0);
     const editor = useEditor({
       editable,
       content: initialContent,
@@ -6662,18 +6868,18 @@ var RichEditor = React131__default.forwardRef(
         }, 100);
       }
     });
-    React131__default.useEffect(() => {
+    React136__default.useEffect(() => {
       if (!editor || !isControlled) return;
       const current = editor.getHTML();
       if ((value ?? "") !== current) {
         editor.commands.setContent(value ?? "", { emitUpdate: false });
       }
     }, [editor, isControlled, value]);
-    React131__default.useEffect(() => {
+    React136__default.useEffect(() => {
       if (!editor) return;
       if (editor.isEditable !== editable) editor.setEditable(editable);
     }, [editor, editable]);
-    React131__default.useEffect(() => {
+    React136__default.useEffect(() => {
       return () => {
         if (debounceRef.current) clearTimeout(debounceRef.current);
       };
@@ -6771,10 +6977,10 @@ function ToggleButtonGroup(props) {
       props.onChange(val);
     }
   };
-  return /* @__PURE__ */ 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__default.Children.map(children, (child) => {
-    if (!React131__default.isValidElement(child)) return child;
+  return /* @__PURE__ */ jsx("div", { className: cn("inline-flex items-center gap-1 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.4)] p-0.5", className), children: React136__default.Children.map(children, (child) => {
+    if (!React136__default.isValidElement(child)) return child;
     const tb = child;
-    return React131__default.cloneElement(tb, {
+    return React136__default.cloneElement(tb, {
       pressed: isPressed(tb.props.value),
       onClick: () => handleClick(tb.props.value)
     });
@@ -7014,7 +7220,7 @@ function Sparkline({
   const max = Math.max(...data);
   const range = max - min || 1;
   const pad = 2;
-  const lastY = pad + (1 - (data[data.length - 1] - min) / range) * (height - pad * 2);
+  const lastY = pad + (1 - ((data.at(-1) ?? 0) - min) / range) * (height - pad * 2);
   const areaPath = type === "area" ? `${path} L ${width - pad},${height - pad} L ${pad},${height - pad} Z` : void 0;
   return /* @__PURE__ */ jsxs(
     "svg",
@@ -7038,7 +7244,7 @@ var colorMap2 = {
   warning: "bg-yellow-500",
   error: "bg-red-500"
 };
-var sizeMap3 = {
+var sizeMap4 = {
   sm: "h-1.5 w-1.5",
   md: "h-2.5 w-2.5",
   lg: "h-3.5 w-3.5"
@@ -7046,7 +7252,7 @@ var sizeMap3 = {
 function BeaconDot({ color = "primary", size = "md" }) {
   return /* @__PURE__ */ jsxs("span", { className: "relative flex", children: [
     /* @__PURE__ */ jsx("span", { className: cn("animate-ping absolute inline-flex h-full w-full rounded-full opacity-75", colorMap2[color]) }),
-    /* @__PURE__ */ jsx("span", { className: cn("relative inline-flex rounded-full", sizeMap3[size], colorMap2[color]) })
+    /* @__PURE__ */ jsx("span", { className: cn("relative inline-flex rounded-full", sizeMap4[size], colorMap2[color]) })
   ] });
 }
 function Beacon({ color = "primary", size = "md", children, className }) {
@@ -7129,7 +7335,7 @@ function useChecklist() {
   if (!ctx) throw new Error("<ChecklistItem> must be used inside <Checklist>");
   return ctx;
 }
-var Checklist = React131__default.forwardRef(
+var Checklist = React136__default.forwardRef(
   ({
     title = "Getting started",
     description,
@@ -7145,7 +7351,7 @@ var Checklist = React131__default.forwardRef(
   }, ref) => {
     const [internalCompleted, setInternalCompleted] = useState({});
     const [open, setOpen] = useState(defaultOpen);
-    const completedFiredRef = React131__default.useRef(false);
+    const completedFiredRef = React136__default.useRef(false);
     const isControlled = controlledCompleted !== void 0;
     const completed = isControlled ? controlledCompleted : internalCompleted;
     const setCompleted = useCallback(
@@ -7157,8 +7363,8 @@ var Checklist = React131__default.forwardRef(
     );
     const total = useMemo(() => {
       let n = 0;
-      React131__default.Children.forEach(children, (child) => {
-        if (React131__default.isValidElement(child) && child.type.displayName === "ChecklistItem") {
+      React136__default.Children.forEach(children, (child) => {
+        if (React136__default.isValidElement(child) && child.type.displayName === "ChecklistItem") {
           n++;
         }
       });
@@ -7168,7 +7374,7 @@ var Checklist = React131__default.forwardRef(
       () => Object.values(completed).filter(Boolean).length,
       [completed]
     );
-    React131__default.useEffect(() => {
+    React136__default.useEffect(() => {
       if (!completedFiredRef.current && total > 0 && doneCount >= total) {
         completedFiredRef.current = true;
         onComplete?.();
@@ -7229,7 +7435,7 @@ var Checklist = React131__default.forwardRef(
   }
 );
 Checklist.displayName = "Checklist";
-var ChecklistItem = React131__default.forwardRef(
+var ChecklistItem = React136__default.forwardRef(
   ({ id, title, description, action, onActivate, className, ...props }, ref) => {
     const { completed, setCompleted } = useChecklist();
     const done = !!completed[id];
@@ -7577,7 +7783,7 @@ function Field({ label, description, error, required, children, className }) {
     error && /* @__PURE__ */ jsx(FieldError, { children: error })
   ] });
 }
-var FieldLabel = React131__default.forwardRef(
+var FieldLabel = React136__default.forwardRef(
   ({ className, required, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "label",
     {
@@ -7592,7 +7798,7 @@ var FieldLabel = React131__default.forwardRef(
   )
 );
 FieldLabel.displayName = "FieldLabel";
-var FieldDescription = React131__default.forwardRef(
+var FieldDescription = React136__default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "p",
     {
@@ -7603,7 +7809,7 @@ var FieldDescription = React131__default.forwardRef(
   )
 );
 FieldDescription.displayName = "FieldDescription";
-var FieldError = React131__default.forwardRef(
+var FieldError = React136__default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "p",
     {
@@ -7666,6 +7872,7 @@ function FieldRenderer({ name, field, register, setValue, watch, error }) {
 }
 function AutoForm({ schema, onSubmit, defaultValues, submitLabel = "Submit" }) {
   const { register, handleSubmit, setValue, watch, formState } = useForm({
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     resolver: zodResolver(schema),
     defaultValues
   });
@@ -7703,7 +7910,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__default.forwardRef(
+var ColorPicker = React136__default.forwardRef(
   ({
     value: valueProp,
     defaultValue,
@@ -7718,21 +7925,21 @@ var ColorPicker = React131__default.forwardRef(
   }, ref) => {
     const fallback = defaultValue ?? defaultFor(format3, showAlpha);
     const isControlled = valueProp !== void 0;
-    const [internal, setInternal] = React131__default.useState(fallback);
+    const [internal, setInternal] = React136__default.useState(fallback);
     const value = isControlled ? valueProp : internal;
-    const [draft, setDraft] = React131__default.useState(value);
-    const [draftValid, setDraftValid] = React131__default.useState(true);
-    React131__default.useEffect(() => {
+    const [draft, setDraft] = React136__default.useState(value);
+    const [draftValid, setDraftValid] = React136__default.useState(true);
+    React136__default.useEffect(() => {
       setDraft(value);
       setDraftValid(true);
     }, [value]);
-    const [eyeDropperSupported, setEyeDropperSupported] = React131__default.useState(false);
-    React131__default.useEffect(() => {
+    const [eyeDropperSupported, setEyeDropperSupported] = React136__default.useState(false);
+    React136__default.useEffect(() => {
       if (typeof window !== "undefined" && "EyeDropper" in window) {
         setEyeDropperSupported(true);
       }
     }, []);
-    const commit = React131__default.useCallback(
+    const commit = React136__default.useCallback(
       (next) => {
         if (!isControlled) setInternal(next);
         onValueChange?.(next);
@@ -7969,7 +8176,91 @@ function FileUploadPreview({ files, onRemove, className }) {
     ] })
   ] }, i)) });
 }
-var FormLabel2 = React131__default.forwardRef(
+var FloatingLabelInput = React136__default.forwardRef(
+  ({ label, error, hint, wrapperClassName, className, id, value, defaultValue, onFocus, onBlur, onChange, ...props }, ref) => {
+    const autoId = 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] = useState(false);
+    const [filled, setFilled] = useState(() => {
+      if (value !== void 0 && value !== null && value !== "") return true;
+      if (defaultValue !== void 0 && defaultValue !== null && defaultValue !== "") return true;
+      return false;
+    });
+    const isFloated = focused || filled;
+    return /* @__PURE__ */ jsxs("div", { "data-slot": "floating-label-input", className: cn("flex flex-col gap-1.5", wrapperClassName), children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref,
+            id: inputId,
+            value,
+            defaultValue,
+            "data-slot": "input",
+            "data-state": isFloated ? "floated" : "rest",
+            "aria-invalid": Boolean(error) || void 0,
+            "aria-describedby": describedBy,
+            onFocus: (e) => {
+              setFocused(true);
+              onFocus?.(e);
+            },
+            onBlur: (e) => {
+              setFocused(false);
+              onBlur?.(e);
+            },
+            onChange: (e) => {
+              setFilled(e.target.value.length > 0);
+              onChange?.(e);
+            },
+            className: cn(
+              // Reset + structure
+              "peer w-full appearance-none bg-transparent",
+              "h-14 rounded-md border px-3 pt-5 pb-1.5",
+              "text-base text-foreground leading-tight",
+              // Border / focus ring colors
+              "border-input focus:border-ring focus:outline-none focus:ring-2 focus:ring-ring/30",
+              error && "border-destructive focus:border-destructive focus:ring-destructive/30",
+              "disabled:cursor-not-allowed disabled:opacity-50",
+              "placeholder:text-transparent",
+              // hide native placeholder; label takes its job
+              className
+            ),
+            ...props
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "label",
+          {
+            htmlFor: inputId,
+            className: cn(
+              "pointer-events-none absolute left-3",
+              "origin-[0_50%] transition-all duration-150 ease-out",
+              "text-muted-foreground",
+              // Rest: centered vertically inside the field, full size
+              !isFloated && "top-1/2 -translate-y-1/2 text-base",
+              // Floated: tucked into the top with a small subtle background
+              isFloated && "top-1.5 text-[11px] uppercase tracking-wider text-foreground/85",
+              error && "text-destructive"
+            ),
+            children: label
+          }
+        )
+      ] }),
+      error ? /* @__PURE__ */ jsx("p", { id: errorId, className: "text-xs text-destructive", children: error }) : hint ? /* @__PURE__ */ jsx("p", { id: hintId, className: "text-xs text-muted-foreground", children: hint }) : null
+    ] });
+  }
+);
+FloatingLabelInput.displayName = "FloatingLabelInput";
+function FormField(props) {
+  return /* @__PURE__ */ jsx(Controller, { ...props });
+}
+function FormItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-1.5", className), ...props });
+}
+var FormLabel = React136__default.forwardRef(
   ({ className, error, ...props }, ref) => /* @__PURE__ */ jsx(
     "label",
     {
@@ -7983,14 +8274,24 @@ var FormLabel2 = React131__default.forwardRef(
     }
   )
 );
-FormLabel2.displayName = "FormLabel";
-var FormControl2 = React131__default.forwardRef(
+FormLabel.displayName = "FormLabel";
+var FormControl = React136__default.forwardRef(
   ({ ...props }, ref) => {
     const id = useId();
     return /* @__PURE__ */ jsx("div", { ref, id, ...props });
   }
 );
-FormControl2.displayName = "FormControl";
+FormControl.displayName = "FormControl";
+function FormDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx("p", { className: cn("text-xs text-[hsl(var(--muted-foreground))]", className), ...props });
+}
+function FormMessage({ className, children, name }) {
+  const { formState } = useFormContext();
+  const error = name ? formState.errors[name] : void 0;
+  const message = error?.message ? String(error.message) : children;
+  if (!message) return null;
+  return /* @__PURE__ */ jsx("p", { className: cn("text-xs text-[hsl(var(--destructive))]", className), children: message });
+}
 function ObjectField({
   title,
   description,
@@ -8031,7 +8332,7 @@ 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__default.forwardRef(
+var PasswordInput = React136__default.forwardRef(
   ({ className, strength, ...props }, ref) => {
     const [show, setShow] = useState(false);
     const value = String(props.value ?? "");
@@ -8066,7 +8367,7 @@ var PasswordInput = React131__default.forwardRef(
   }
 );
 PasswordInput.displayName = "PasswordInput";
-var SearchInput = React131__default.forwardRef(
+var SearchInput = React136__default.forwardRef(
   ({ className, shortcut, onClear, onChange, value: valueProp, defaultValue, ...props }, ref) => {
     const [internalValue, setInternalValue] = useState(defaultValue ?? "");
     const isControlled = valueProp !== void 0;
@@ -8129,7 +8430,7 @@ function StepForm({ steps, onSubmit, children, className }) {
     isFirst: currentStep === 0,
     isLast: currentStep === totalSteps - 1
   };
-  const childArray = React131__default.Children.toArray(children);
+  const childArray = React136__default.Children.toArray(children);
   const currentChild = childArray[currentStep];
   return /* @__PURE__ */ jsx(StepFormContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-6", className), children: [
     /* @__PURE__ */ jsx(StepIndicator, { steps, currentStep }),
@@ -8138,7 +8439,7 @@ function StepForm({ steps, onSubmit, children, className }) {
   ] }) });
 }
 function StepIndicator({ steps, currentStep }) {
-  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: steps.map((label, i) => /* @__PURE__ */ jsxs(React131__default.Fragment, { children: [
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: steps.map((label, i) => /* @__PURE__ */ jsxs(React136__default.Fragment, { children: [
     i > 0 && /* @__PURE__ */ jsx("div", { className: cn("h-px flex-1 bg-[hsl(var(--border))]", i <= currentStep && "bg-[hsl(var(--primary))]") }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1", children: [
       /* @__PURE__ */ jsx("div", { className: cn(
@@ -8167,7 +8468,7 @@ function StepFormNavigation({ onSubmit, submitLabel = "Submit" }) {
     isLast ? /* @__PURE__ */ jsx(Button, { type: "button", onClick: onSubmit, children: submitLabel }) : /* @__PURE__ */ jsx(Button, { type: "button", onClick: next, children: "Next" })
   ] });
 }
-var Tags = React131__default.forwardRef(
+var Tags = React136__default.forwardRef(
   ({
     value: valueProp,
     defaultValue,
@@ -8183,25 +8484,25 @@ var Tags = React131__default.forwardRef(
     ...props
   }, ref) => {
     const isControlled = valueProp !== void 0;
-    const [internal, setInternal] = React131__default.useState(defaultValue ?? []);
+    const [internal, setInternal] = React136__default.useState(defaultValue ?? []);
     const tags = isControlled ? valueProp : internal;
-    const [input, setInput] = React131__default.useState("");
-    const [error, setError] = React131__default.useState(null);
-    const [focused, setFocused] = React131__default.useState(false);
-    const [activeIndex, setActiveIndex] = React131__default.useState(0);
-    const inputRef = React131__default.useRef(null);
-    const containerRef = React131__default.useRef(null);
-    React131__default.useImperativeHandle(ref, () => containerRef.current);
+    const [input, setInput] = React136__default.useState("");
+    const [error, setError] = React136__default.useState(null);
+    const [focused, setFocused] = React136__default.useState(false);
+    const [activeIndex, setActiveIndex] = React136__default.useState(0);
+    const inputRef = React136__default.useRef(null);
+    const containerRef = React136__default.useRef(null);
+    React136__default.useImperativeHandle(ref, () => containerRef.current);
     const atMax = maxTags !== void 0 && tags.length >= maxTags;
     const inputDisabled = disabled || atMax;
-    const commit = React131__default.useCallback(
+    const commit = React136__default.useCallback(
       (next) => {
         if (!isControlled) setInternal(next);
         onValueChange?.(next);
       },
       [isControlled, onValueChange]
     );
-    const addTag = React131__default.useCallback(
+    const addTag = React136__default.useCallback(
       (raw) => {
         const tag = raw.trim();
         if (!tag) return false;
@@ -8227,20 +8528,20 @@ var Tags = React131__default.forwardRef(
       },
       [tags, allowDuplicates, validate, atMax, commit]
     );
-    const removeTag = React131__default.useCallback(
+    const removeTag = React136__default.useCallback(
       (index) => {
         commit(tags.filter((_, i) => i !== index));
         setError(null);
       },
       [tags, commit]
     );
-    const filteredSuggestions = React131__default.useMemo(() => {
+    const filteredSuggestions = React136__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__default.useEffect(() => {
+    React136__default.useEffect(() => {
       if (activeIndex >= filteredSuggestions.length) setActiveIndex(0);
     }, [filteredSuggestions.length, activeIndex]);
     const handleKeyDown = (e) => {
@@ -8382,7 +8683,7 @@ var Tags = React131__default.forwardRef(
   }
 );
 Tags.displayName = "Tags";
-var AppShellCtx = React131__default.createContext({
+var AppShellCtx = React136__default.createContext({
   collapsed: false,
   setCollapsed: () => {
   },
@@ -8390,12 +8691,12 @@ var AppShellCtx = React131__default.createContext({
   setMobileOpen: () => {
   }
 });
-var useAppShell = () => React131__default.useContext(AppShellCtx);
-var AppShell = React131__default.forwardRef(
+var useAppShell = () => React136__default.useContext(AppShellCtx);
+var AppShell = React136__default.forwardRef(
   ({ className, defaultCollapsed = false, children, ...props }, ref) => {
-    const [collapsed, setCollapsed] = React131__default.useState(defaultCollapsed);
-    const [mobileOpen, setMobileOpen] = React131__default.useState(false);
-    React131__default.useEffect(() => {
+    const [collapsed, setCollapsed] = React136__default.useState(defaultCollapsed);
+    const [mobileOpen, setMobileOpen] = React136__default.useState(false);
+    React136__default.useEffect(() => {
       const handleClick = (e) => {
         const target = e.target;
         if (target.closest("a[href]") || target.closest("[data-mobile-close]")) {
@@ -8426,7 +8727,7 @@ var AppShell = React131__default.forwardRef(
   }
 );
 AppShell.displayName = "AppShell";
-var AppShellSidebar = React131__default.forwardRef(
+var AppShellSidebar = React136__default.forwardRef(
   ({ className, ...props }, ref) => {
     const { mobileOpen } = useAppShell();
     return /* @__PURE__ */ jsx(
@@ -8447,11 +8748,11 @@ var AppShellSidebar = React131__default.forwardRef(
   }
 );
 AppShellSidebar.displayName = "AppShellSidebar";
-var AppShellMain = React131__default.forwardRef(
+var AppShellMain = React136__default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex-1 min-w-0 flex flex-col overflow-auto", className), ...props })
 );
 AppShellMain.displayName = "AppShellMain";
-var MobileSidebarTrigger = React131__default.forwardRef(
+var MobileSidebarTrigger = React136__default.forwardRef(
   ({ className, ...props }, ref) => {
     const { mobileOpen, setMobileOpen } = useAppShell();
     return /* @__PURE__ */ jsx(
@@ -8473,21 +8774,21 @@ var MobileSidebarTrigger = React131__default.forwardRef(
   }
 );
 MobileSidebarTrigger.displayName = "MobileSidebarTrigger";
-var sizeMap4 = {
+var sizeMap5 = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
   lg: "max-w-screen-lg",
   xl: "max-w-screen-xl",
   full: "max-w-full"
 };
-var Container = React131__default.forwardRef(
+var Container = React136__default.forwardRef(
   ({ className, size = "lg", noPadding = false, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
       ref,
       className: cn(
         "mx-auto w-full",
-        sizeMap4[size],
+        sizeMap5[size],
         !noPadding && "px-4 sm:px-6 lg:px-8",
         className
       ),
@@ -8496,7 +8797,7 @@ var Container = React131__default.forwardRef(
   )
 );
 Container.displayName = "Container";
-var Navbar = React131__default.forwardRef(
+var Navbar = React136__default.forwardRef(
   ({ className, sticky = false, border = true, ...props }, ref) => /* @__PURE__ */ jsx(
     "nav",
     {
@@ -8512,7 +8813,7 @@ var Navbar = React131__default.forwardRef(
   )
 );
 Navbar.displayName = "Navbar";
-var NavbarBrand = React131__default.forwardRef(
+var NavbarBrand = React136__default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center gap-2 px-4 shrink-0", className), ...props })
 );
 NavbarBrand.displayName = "NavbarBrand";
@@ -8521,7 +8822,7 @@ var alignMap = {
   center: "justify-center flex-1",
   end: "justify-end ml-auto"
 };
-var NavbarContent = React131__default.forwardRef(
+var NavbarContent = React136__default.forwardRef(
   ({ className, align = "start", ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -8532,11 +8833,11 @@ var NavbarContent = React131__default.forwardRef(
   )
 );
 NavbarContent.displayName = "NavbarContent";
-var NavbarItem = React131__default.forwardRef(
+var NavbarItem = React136__default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center", className), ...props })
 );
 NavbarItem.displayName = "NavbarItem";
-var Page = React131__default.forwardRef(
+var Page = React136__default.forwardRef(
   ({ className, maxWidth, style, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -8548,7 +8849,7 @@ var Page = React131__default.forwardRef(
   )
 );
 Page.displayName = "Page";
-var PageHeader = React131__default.forwardRef(
+var PageHeader = React136__default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -8559,7 +8860,7 @@ var PageHeader = React131__default.forwardRef(
   )
 );
 PageHeader.displayName = "PageHeader";
-var PageTitle = React131__default.forwardRef(
+var PageTitle = React136__default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "h1",
     {
@@ -8570,19 +8871,19 @@ var PageTitle = React131__default.forwardRef(
   )
 );
 PageTitle.displayName = "PageTitle";
-var PageDescription = React131__default.forwardRef(
+var PageDescription = React136__default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, className: cn("text-sm text-[hsl(var(--muted-foreground))] mt-1", className), ...props })
 );
 PageDescription.displayName = "PageDescription";
-var PageActions = React131__default.forwardRef(
+var PageActions = React136__default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center gap-2 shrink-0", className), ...props })
 );
 PageActions.displayName = "PageActions";
-var PageBody = React131__default.forwardRef(
+var PageBody = React136__default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex-1 p-6 flex flex-col gap-6", className), ...props })
 );
 PageBody.displayName = "PageBody";
-var ResizeBox = React131__default.forwardRef(
+var ResizeBox = React136__default.forwardRef(
   ({ className, resize = "both", minWidth = 100, minHeight = 100, style, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -8599,7 +8900,7 @@ var HandleIcon = () => /* @__PURE__ */ jsxs("svg", { width: "10", height: "10",
   /* @__PURE__ */ jsx("path", { d: "M8 5L5 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
   /* @__PURE__ */ jsx("path", { d: "M8 8L8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
 ] });
-var ResizeHandle = React131__default.forwardRef(
+var ResizeHandle = React136__default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -8615,16 +8916,16 @@ var ResizeHandle = React131__default.forwardRef(
   )
 );
 ResizeHandle.displayName = "ResizeHandle";
-var SidebarCtx2 = React131__default.createContext({ collapsed: false });
-var useSidebarCtx = () => React131__default.useContext(SidebarCtx2);
+var SidebarCtx2 = React136__default.createContext({ collapsed: false });
+var useSidebarCtx = () => React136__default.useContext(SidebarCtx2);
 var makeSlot = (name, cls) => {
-  const C = React131__default.forwardRef(
+  const C = React136__default.forwardRef(
     ({ className, ...p }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn(cls, className), ...p })
   );
   C.displayName = name;
   return C;
 };
-var Sidebar2 = React131__default.forwardRef(
+var Sidebar2 = React136__default.forwardRef(
   ({ className, collapsed = false, onCollapse, width = "240px", style, children, ...props }, ref) => /* @__PURE__ */ jsx(SidebarCtx2.Provider, { value: { collapsed }, children: /* @__PURE__ */ jsxs(
     "div",
     {
@@ -8652,7 +8953,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__default.forwardRef(
+var SidebarGroupLabel = React136__default.forwardRef(
   ({ className, ...props }, ref) => {
     const { collapsed } = useSidebarCtx();
     return /* @__PURE__ */ jsx(
@@ -8666,7 +8967,7 @@ var SidebarGroupLabel = React131__default.forwardRef(
   }
 );
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarItem2 = React131__default.forwardRef(
+var SidebarItem2 = React136__default.forwardRef(
   ({ className, icon, label, active, href, badge, onClick, ...props }, ref) => {
     const { collapsed } = useSidebarCtx();
     const cls = cn(
@@ -8685,11 +8986,11 @@ var SidebarItem2 = React131__default.forwardRef(
   }
 );
 SidebarItem2.displayName = "SidebarItem";
-var SplitPage = React131__default.forwardRef(
+var SplitPage = React136__default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex h-full w-full overflow-hidden", className), ...props })
 );
 SplitPage.displayName = "SplitPage";
-var SplitPageList = React131__default.forwardRef(
+var SplitPageList = React136__default.forwardRef(
   ({ className, width = "320px", style, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -8701,7 +9002,7 @@ var SplitPageList = React131__default.forwardRef(
   )
 );
 SplitPageList.displayName = "SplitPageList";
-var SplitPageDetail = React131__default.forwardRef(
+var SplitPageDetail = React136__default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex-1 min-w-0 h-full overflow-auto", className), ...props })
 );
 SplitPageDetail.displayName = "SplitPageDetail";
@@ -8726,7 +9027,7 @@ var justifyMap = {
   around: "justify-around",
   evenly: "justify-evenly"
 };
-var Stack = React131__default.forwardRef(
+var Stack = React136__default.forwardRef(
   ({ className, gap, direction = "col", align, justify, wrap, style, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -8745,15 +9046,15 @@ var Stack = React131__default.forwardRef(
   )
 );
 Stack.displayName = "Stack";
-var HStack = React131__default.forwardRef(
+var HStack = React136__default.forwardRef(
   (props, ref) => /* @__PURE__ */ jsx(Stack, { ref, direction: "row", ...props })
 );
 HStack.displayName = "HStack";
-var VStack = React131__default.forwardRef(
+var VStack = React136__default.forwardRef(
   (props, ref) => /* @__PURE__ */ jsx(Stack, { ref, direction: "col", ...props })
 );
 VStack.displayName = "VStack";
-var PageLayout = React131__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var PageLayout = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -8763,7 +9064,7 @@ var PageLayout = React131__default.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 PageLayout.displayName = "PageLayout";
-var PageHeader2 = React131__default.forwardRef(
+var PageHeader2 = React136__default.forwardRef(
   ({ className, title, description, actions, back, children }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
@@ -8785,7 +9086,7 @@ var PageHeader2 = React131__default.forwardRef(
   )
 );
 PageHeader2.displayName = "PageHeader";
-var PageContainer = React131__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var PageContainer = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -8799,7 +9100,7 @@ var PageContainer = React131__default.forwardRef(({ className, ...props }, ref)
   }
 ));
 PageContainer.displayName = "PageContainer";
-var PageMain = React131__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var PageMain = React136__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -9245,7 +9546,7 @@ var directionClasses = {
   bl: "bg-gradient-to-bl",
   l: "bg-gradient-to-l"
 };
-var GradientHeading = React131__default.forwardRef(
+var GradientHeading = React136__default.forwardRef(
   ({
     as: Tag = "h2",
     preset = "primary",
@@ -9291,7 +9592,7 @@ function formatNumber(value, decimals, format3, locale) {
   }
   return decimals > 0 ? value.toFixed(decimals) : String(Math.round(value));
 }
-var AnimatedNumber = React131__default.forwardRef(
+var AnimatedNumber = React136__default.forwardRef(
   ({
     value,
     from = 0,
@@ -9311,7 +9612,7 @@ var AnimatedNumber = React131__default.forwardRef(
     const startTimeRef = useRef(null);
     const containerRef = useRef(null);
     const hasStarted = useRef(false);
-    const runAnimation = React131__default.useCallback(
+    const runAnimation = React136__default.useCallback(
       (startFrom) => {
         if (rafRef.current !== null) cancelAnimationFrame(rafRef.current);
         startTimeRef.current = null;
@@ -9423,7 +9724,7 @@ function TextReveal({
     }
   }, [autoStart, delay]);
   const units = mode === "chars" ? text.split("") : mode === "words" ? text.split(" ") : [text];
-  return React131__default.createElement(
+  return React136__default.createElement(
     Tag,
     {
       ref: containerRef,
@@ -9503,7 +9804,7 @@ function Typewriter({
       if (timerRef.current) clearTimeout(timerRef.current);
     };
   }, [display, phase, wordIdx, words, typeSpeed, deleteSpeed, pauseAfter, loop]);
-  return React131__default.createElement(
+  return React136__default.createElement(
     Tag,
     {
       "data-slot": "typewriter",
@@ -9542,9 +9843,9 @@ var headingVariants = cva("font-heading tracking-tight text-foreground", {
   },
   defaultVariants: { size: "lg", tone: "default" }
 });
-var Heading = React131__default.forwardRef(
+var Heading = React136__default.forwardRef(
   ({ as: Tag = "h2", size, tone, className, ...props }, ref) => {
-    return React131__default.createElement(Tag, {
+    return React136__default.createElement(Tag, {
       ref,
       "data-slot": "heading",
       className: cn(headingVariants({ size, tone }), className),
@@ -9574,9 +9875,9 @@ var bodyVariants = cva("font-sans", {
   },
   defaultVariants: { size: "md", tone: "default", weight: "normal" }
 });
-var Body = React131__default.forwardRef(
+var Body = React136__default.forwardRef(
   ({ as: Tag = "p", size, tone, weight, className, ...props }, ref) => {
-    return React131__default.createElement(Tag, {
+    return React136__default.createElement(Tag, {
       ref,
       "data-slot": "body",
       className: cn(bodyVariants({ size, tone, weight }), className),
@@ -9595,7 +9896,7 @@ var captionVariants = cva("font-sans text-[11px] font-semibold uppercase trackin
   },
   defaultVariants: { tone: "default" }
 });
-var Caption = React131__default.forwardRef(
+var Caption = React136__default.forwardRef(
   ({ tone, className, ...props }, ref) => /* @__PURE__ */ jsx(
     "span",
     {
@@ -9607,7 +9908,7 @@ var Caption = React131__default.forwardRef(
   )
 );
 Caption.displayName = "Caption";
-var Code3 = React131__default.forwardRef(
+var Code3 = React136__default.forwardRef(
   ({ block, className, children, ...props }, ref) => {
     if (block) {
       return /* @__PURE__ */ jsx(
@@ -9659,7 +9960,7 @@ var presetStyles = {
   },
   custom: {}
 };
-var GradientBackground = React131__default.forwardRef(
+var GradientBackground = React136__default.forwardRef(
   ({
     fixed = false,
     preset = "slate",
@@ -9718,7 +10019,7 @@ var DEFAULT_COLORS4 = [
   "hsl(280 100% 70% / 0.25)",
   "hsl(217 33% 17% / 0.4)"
 ];
-var AnimatedGradient = React131__default.forwardRef(
+var AnimatedGradient = React136__default.forwardRef(
   ({
     colors = DEFAULT_COLORS4,
     speed = 1,
@@ -9837,7 +10138,7 @@ var AnimatedGradient = React131__default.forwardRef(
   }
 );
 AnimatedGradient.displayName = "AnimatedGradient";
-var DottedBackground = React131__default.forwardRef(
+var DottedBackground = React136__default.forwardRef(
   ({
     color,
     dotSize = 1,
@@ -9884,7 +10185,7 @@ var DottedBackground = React131__default.forwardRef(
   }
 );
 DottedBackground.displayName = "DottedBackground";
-var NoiseBackground = React131__default.forwardRef(
+var NoiseBackground = React136__default.forwardRef(
   ({
     opacity = 0.04,
     frequency = 0.65,
@@ -9980,7 +10281,7 @@ var DEFAULT_COLORS5 = [
   [0.55, 0.3, 0.95]
   // chart-3 violet
 ];
-var HeroShaderA = React131__default.forwardRef(
+var HeroShaderA = React136__default.forwardRef(
   ({
     className,
     colors = DEFAULT_COLORS5,
@@ -9994,7 +10295,7 @@ var HeroShaderA = React131__default.forwardRef(
     const wrapRef = useRef(null);
     const canvasRef = useRef(null);
     const fallbackRef = useRef(false);
-    React131__default.useImperativeHandle(ref, () => wrapRef.current);
+    React136__default.useImperativeHandle(ref, () => wrapRef.current);
     useEffect(() => {
       if (typeof window === "undefined") return;
       const reduceMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
@@ -10131,7 +10432,7 @@ var HeroShaderA = React131__default.forwardRef(
   }
 );
 HeroShaderA.displayName = "HeroShaderA";
-var ScrollHeader = React131__default.forwardRef(
+var ScrollHeader = React136__default.forwardRef(
   ({
     title,
     subtitle,
@@ -10218,7 +10519,7 @@ var DEFAULT_TRANSITION = {
   ease: [0.16, 1, 0.3, 1]
   // ease-out-expo (BezierDefinition)
 };
-var FadeIn = React131__default.forwardRef(
+var FadeIn = React136__default.forwardRef(
   ({ delay = 0, duration, children, ...props }, ref) => {
     const transition = {
       ...DEFAULT_TRANSITION,
@@ -10246,7 +10547,7 @@ var DIRECTION_PRESET_MAP = {
   left: "slideLeft",
   right: "slideRight"
 };
-var SlideIn = React131__default.forwardRef(
+var SlideIn = React136__default.forwardRef(
   ({ direction = "up", delay = 0, duration, children, ...props }, ref) => {
     const preset = MOTION_PRESETS[DIRECTION_PRESET_MAP[direction]];
     const transition = {
@@ -10269,7 +10570,7 @@ var SlideIn = React131__default.forwardRef(
   }
 );
 SlideIn.displayName = "SlideIn";
-var ScaleIn = React131__default.forwardRef(
+var ScaleIn = React136__default.forwardRef(
   ({ delay = 0, duration, children, ...props }, ref) => {
     const transition = {
       ...DEFAULT_TRANSITION,
@@ -10333,16 +10634,16 @@ function Stagger({ staggerDelay = 0.05, preset = "fadeIn", children, className,
       initial: "hidden",
       animate: isInView ? "visible" : "hidden",
       className,
-      children: React131__default.Children.map(children, (child, i) => /* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: child }, i))
+      children: React136__default.Children.map(children, (child, i) => /* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: child }, i))
     }
   );
 }
-var Morph = React131__default.forwardRef(
+var Morph = React136__default.forwardRef(
   ({ layoutId, children, ...props }, ref) => /* @__PURE__ */ jsx(motion.div, { ref, layoutId, layout: true, ...props, children })
 );
 Morph.displayName = "Morph";
 var rippleCounter = 0;
-var Ripple = React131__default.forwardRef(
+var Ripple = React136__default.forwardRef(
   ({ color = "currentColor", duration = 0.6, children, style, ...props }, ref) => {
     const [ripples, setRipples] = useState([]);
     const handlePointerDown = useCallback(
@@ -10398,7 +10699,7 @@ var Ripple = React131__default.forwardRef(
   }
 );
 Ripple.displayName = "Ripple";
-var Parallax = React131__default.forwardRef(
+var Parallax = React136__default.forwardRef(
   ({ offset = 50, scrollRef, children, style, ...props }, ref) => {
     const innerRef = useRef(null);
     const resolvedRef = ref ?? innerRef;
@@ -10427,7 +10728,7 @@ function useLayoutId(key) {
 function Transition({ show = true, children, mode = "wait" }) {
   return /* @__PURE__ */ jsx(AnimatePresence, { mode, children: show ? children : null });
 }
-var DataList = React131__default.forwardRef(
+var DataList = React136__default.forwardRef(
   ({ divided = true, bordered = true, className, ...props }, ref) => /* @__PURE__ */ jsx(
     "ul",
     {
@@ -10444,7 +10745,7 @@ var DataList = React131__default.forwardRef(
   )
 );
 DataList.displayName = "DataList";
-var DataListItem = React131__default.forwardRef(
+var DataListItem = React136__default.forwardRef(
   ({ left, title, description, right, interactive, onSelect, className, children, ...props }, ref) => {
     const clickable = interactive || !!onSelect;
     return /* @__PURE__ */ jsxs(
@@ -10504,7 +10805,7 @@ function getWeekDays(date, weekStartsOn) {
   const start = startOfWeek$1(date, { weekStartsOn });
   return Array.from({ length: 7 }, (_, i) => addDays(start, i));
 }
-var EventCalendar = React131__default.forwardRef(
+var EventCalendar = React136__default.forwardRef(
   ({
     events,
     view: viewProp,
@@ -10519,20 +10820,20 @@ var EventCalendar = React131__default.forwardRef(
     className,
     ...props
   }, ref) => {
-    const [internalView, setInternalView] = React131__default.useState("month");
+    const [internalView, setInternalView] = React136__default.useState("month");
     const view = viewProp ?? internalView;
-    const commitView = React131__default.useCallback(
+    const commitView = React136__default.useCallback(
       (next) => {
         if (viewProp === void 0) setInternalView(next);
         onViewChange?.(next);
       },
       [viewProp, onViewChange]
     );
-    const [internalDate, setInternalDate] = React131__default.useState(
+    const [internalDate, setInternalDate] = React136__default.useState(
       () => defaultDate ?? /* @__PURE__ */ new Date()
     );
     const date = dateProp ?? internalDate;
-    const commitDate = React131__default.useCallback(
+    const commitDate = React136__default.useCallback(
       (next) => {
         if (dateProp === void 0) setInternalDate(next);
         onDateChange?.(next);
@@ -10558,7 +10859,7 @@ var EventCalendar = React131__default.forwardRef(
         handleToday();
       }
     };
-    const headerLabel = React131__default.useMemo(() => {
+    const headerLabel = React136__default.useMemo(() => {
       if (view === "month") return format(date, "MMMM yyyy");
       if (view === "week") {
         const start = startOfWeek$1(date, { weekStartsOn });
@@ -10707,11 +11008,11 @@ function MonthView({
   onEventCreate,
   onDayPick
 }) {
-  const cells = React131__default.useMemo(
+  const cells = React136__default.useMemo(
     () => getMonthMatrix(date, weekStartsOn),
     [date, weekStartsOn]
   );
-  const weekdayLabels = React131__default.useMemo(() => {
+  const weekdayLabels = React136__default.useMemo(() => {
     const start = startOfWeek$1(/* @__PURE__ */ new Date(), { weekStartsOn });
     return Array.from({ length: 7 }, (_, i) => format(addDays(start, i), "EEE"));
   }, [weekStartsOn]);
@@ -10858,7 +11159,7 @@ function HourGrid({
   onEventCreate,
   onEventResize
 }) {
-  const hours = React131__default.useMemo(() => Array.from({ length: 24 }, (_, i) => i), []);
+  const hours = React136__default.useMemo(() => Array.from({ length: 24 }, (_, i) => i), []);
   const today = /* @__PURE__ */ new Date();
   return /* @__PURE__ */ jsxs(
     "div",
@@ -10912,7 +11213,7 @@ function DayColumn({
   onEventResize,
   showHeader
 }) {
-  const bodyRef = React131__default.useRef(null);
+  const bodyRef = React136__default.useRef(null);
   const handleEmptyClick = (e) => {
     if (e.target.closest("[data-event-block]")) return;
     if (!onEventCreate) return;
@@ -10993,10 +11294,10 @@ function EventBlock({ event, day, onClick, onResize }) {
     differenceInMinutes(visibleEnd, visibleStart)
   );
   const top = startMinutes / 60 * HOUR_ROW_PX;
-  const [resizingDelta, setResizingDelta] = React131__default.useState(0);
+  const [resizingDelta, setResizingDelta] = React136__default.useState(0);
   const height = durationMinutes / 60 * HOUR_ROW_PX + resizingDelta;
-  const isResizing = React131__default.useRef(false);
-  const startY = React131__default.useRef(0);
+  const isResizing = React136__default.useRef(false);
+  const startY = React136__default.useRef(0);
   const handleResizePointerDown = (e) => {
     if (!onResize) return;
     e.preventDefault();
@@ -11085,7 +11386,7 @@ function WeekView({
   onEventCreate,
   onEventResize
 }) {
-  const days = React131__default.useMemo(
+  const days = React136__default.useMemo(
     () => getWeekDays(date, weekStartsOn),
     [date, weekStartsOn]
   );
@@ -11118,7 +11419,7 @@ function DayView({
     }
   ) });
 }
-var GridList = React131__default.forwardRef(
+var GridList = React136__default.forwardRef(
   ({ minItemWidth = 240, gap = 1, className, style, ...props }, ref) => /* @__PURE__ */ jsx(
     "ul",
     {
@@ -11135,7 +11436,7 @@ var GridList = React131__default.forwardRef(
   )
 );
 GridList.displayName = "GridList";
-var GridListItem = React131__default.forwardRef(
+var GridListItem = React136__default.forwardRef(
   ({ interactive, onSelect, className, ...props }, ref) => {
     const clickable = interactive || !!onSelect;
     return /* @__PURE__ */ jsx(
@@ -11206,7 +11507,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__default.forwardRef(
+var ImageCrop = React136__default.forwardRef(
   ({
     src,
     aspect,
@@ -11221,13 +11522,13 @@ var ImageCrop = React131__default.forwardRef(
     className,
     ...props
   }, ref) => {
-    const [crop, setCrop] = React131__default.useState(void 0);
-    const imgRef = React131__default.useRef(null);
-    const timerRef = React131__default.useRef(null);
-    React131__default.useEffect(() => {
+    const [crop, setCrop] = React136__default.useState(void 0);
+    const imgRef = React136__default.useRef(null);
+    const timerRef = React136__default.useRef(null);
+    React136__default.useEffect(() => {
       setCrop(void 0);
     }, [src]);
-    React131__default.useEffect(() => {
+    React136__default.useEffect(() => {
       return () => {
         if (timerRef.current) clearTimeout(timerRef.current);
       };
@@ -11452,7 +11753,7 @@ function TreeRow({
     }
   );
 }
-var Tree = React131__default.forwardRef(
+var Tree = React136__default.forwardRef(
   ({
     data,
     defaultExpandedIds,
@@ -11468,21 +11769,21 @@ var Tree = React131__default.forwardRef(
     ...props
   }, ref) => {
     const isControlled = expandedIds !== void 0;
-    const [internalExpanded, setInternalExpanded] = React131__default.useState(
+    const [internalExpanded, setInternalExpanded] = React136__default.useState(
       () => new Set(defaultExpandedIds ?? [])
     );
-    const expandedSet = React131__default.useMemo(
+    const expandedSet = React136__default.useMemo(
       () => isControlled ? new Set(expandedIds) : internalExpanded,
       [isControlled, expandedIds, internalExpanded]
     );
-    const commitExpanded = React131__default.useCallback(
+    const commitExpanded = React136__default.useCallback(
       (next) => {
         if (!isControlled) setInternalExpanded(next);
         onExpandedChange?.(Array.from(next));
       },
       [isControlled, onExpandedChange]
     );
-    const toggle = React131__default.useCallback(
+    const toggle = React136__default.useCallback(
       (id) => {
         const next = new Set(expandedSet);
         if (next.has(id)) next.delete(id);
@@ -11491,7 +11792,7 @@ var Tree = React131__default.forwardRef(
       },
       [expandedSet, commitExpanded]
     );
-    const expand = React131__default.useCallback(
+    const expand = React136__default.useCallback(
       (id) => {
         if (expandedSet.has(id)) return;
         const next = new Set(expandedSet);
@@ -11500,7 +11801,7 @@ var Tree = React131__default.forwardRef(
       },
       [expandedSet, commitExpanded]
     );
-    const collapse = React131__default.useCallback(
+    const collapse = React136__default.useCallback(
       (id) => {
         if (!expandedSet.has(id)) return;
         const next = new Set(expandedSet);
@@ -11509,27 +11810,27 @@ var Tree = React131__default.forwardRef(
       },
       [expandedSet, commitExpanded]
     );
-    const rows = React131__default.useMemo(
+    const rows = React136__default.useMemo(
       () => flatten(data, expandedSet),
       [data, expandedSet]
     );
-    const [focusedId, setFocusedId] = React131__default.useState(
+    const [focusedId, setFocusedId] = React136__default.useState(
       () => selectedId ?? data[0]?.id ?? null
     );
-    const rowRefs = React131__default.useRef(/* @__PURE__ */ new Map());
-    const registerRef = React131__default.useCallback(
+    const rowRefs = React136__default.useRef(/* @__PURE__ */ new Map());
+    const registerRef = React136__default.useCallback(
       (id, el) => {
         if (el) rowRefs.current.set(id, el);
         else rowRefs.current.delete(id);
       },
       []
     );
-    const moveFocus = React131__default.useCallback((id) => {
+    const moveFocus = React136__default.useCallback((id) => {
       setFocusedId(id);
       const el = rowRefs.current.get(id);
       el?.focus();
     }, []);
-    const onRowKeyDown = React131__default.useCallback(
+    const onRowKeyDown = React136__default.useCallback(
       (e, row) => {
         const idx = rows.findIndex((r) => r.node.id === row.node.id);
         if (idx === -1) return;
@@ -11579,11 +11880,11 @@ var Tree = React131__default.forwardRef(
       useSensor(PointerSensor, { activationConstraint: { distance: 5 } }),
       useSensor(KeyboardSensor)
     );
-    const [activeDragId, setActiveDragId] = React131__default.useState(null);
-    const handleDragStart = React131__default.useCallback((e) => {
+    const [activeDragId, setActiveDragId] = React136__default.useState(null);
+    const handleDragStart = React136__default.useCallback((e) => {
       setActiveDragId(String(e.active.id));
     }, []);
-    const handleDragEnd = React131__default.useCallback(
+    const handleDragEnd = React136__default.useCallback(
       (e) => {
         setActiveDragId(null);
         const { active, over } = e;
@@ -11599,8 +11900,8 @@ var Tree = React131__default.forwardRef(
       },
       [onMove]
     );
-    const handleDragCancel = React131__default.useCallback(() => setActiveDragId(null), []);
-    const scrollerRef = React131__default.useRef(null);
+    const handleDragCancel = React136__default.useCallback(() => setActiveDragId(null), []);
+    const scrollerRef = React136__default.useRef(null);
     const virtualizer = useVirtualizer({
       count: virtualize ? rows.length : 0,
       getScrollElement: () => scrollerRef.current,
@@ -11702,7 +12003,7 @@ async function exitFs() {
   if (d.exitFullscreen) return void d.exitFullscreen();
   if (d.webkitExitFullscreen) return void d.webkitExitFullscreen();
 }
-var VideoPlayer = React131__default.forwardRef(
+var VideoPlayer = React136__default.forwardRef(
   ({
     src,
     poster,
@@ -11719,33 +12020,33 @@ var VideoPlayer = React131__default.forwardRef(
     muted: mutedProp,
     ...videoProps
   }, ref) => {
-    const containerRef = React131__default.useRef(null);
-    const videoRef = React131__default.useRef(null);
-    const hideTimerRef = React131__default.useRef(null);
-    const [isPlaying, setIsPlaying] = React131__default.useState(false);
-    const [hasPlayed, setHasPlayed] = React131__default.useState(Boolean(autoPlay));
-    const [currentTime, setCurrentTime] = React131__default.useState(0);
-    const [duration, setDuration] = React131__default.useState(0);
-    const [buffered, setBuffered] = React131__default.useState(0);
-    const [volume, setVolume] = React131__default.useState(1);
-    const [isMuted, setIsMuted] = React131__default.useState(Boolean(mutedProp ?? autoPlay));
-    const [isFullscreen, setIsFullscreen] = React131__default.useState(false);
-    const [showControls, setShowControls] = React131__default.useState(true);
-    React131__default.useImperativeHandle(ref, () => containerRef.current);
-    React131__default.useEffect(() => {
+    const containerRef = React136__default.useRef(null);
+    const videoRef = React136__default.useRef(null);
+    const hideTimerRef = React136__default.useRef(null);
+    const [isPlaying, setIsPlaying] = React136__default.useState(false);
+    const [hasPlayed, setHasPlayed] = React136__default.useState(Boolean(autoPlay));
+    const [currentTime, setCurrentTime] = React136__default.useState(0);
+    const [duration, setDuration] = React136__default.useState(0);
+    const [buffered, setBuffered] = React136__default.useState(0);
+    const [volume, setVolume] = React136__default.useState(1);
+    const [isMuted, setIsMuted] = React136__default.useState(Boolean(mutedProp ?? autoPlay));
+    const [isFullscreen, setIsFullscreen] = React136__default.useState(false);
+    const [showControls, setShowControls] = React136__default.useState(true);
+    React136__default.useImperativeHandle(ref, () => containerRef.current);
+    React136__default.useEffect(() => {
       const v = videoRef.current;
       if (!v) return;
       v.volume = volume;
       v.muted = isMuted;
     }, [volume, isMuted]);
-    const showAndScheduleHide = React131__default.useCallback(() => {
+    const showAndScheduleHide = React136__default.useCallback(() => {
       setShowControls(true);
       if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
       if (isPlaying) {
         hideTimerRef.current = setTimeout(() => setShowControls(false), 3e3);
       }
     }, [isPlaying]);
-    React131__default.useEffect(() => {
+    React136__default.useEffect(() => {
       if (!isPlaying) {
         if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
         setShowControls(true);
@@ -11756,7 +12057,7 @@ var VideoPlayer = React131__default.forwardRef(
         if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
       };
     }, [isPlaying]);
-    React131__default.useEffect(() => {
+    React136__default.useEffect(() => {
       const onFsChange = () => setIsFullscreen(isFullscreenActive());
       document.addEventListener("fullscreenchange", onFsChange);
       document.addEventListener("webkitfullscreenchange", onFsChange);
@@ -11765,7 +12066,7 @@ var VideoPlayer = React131__default.forwardRef(
         document.removeEventListener("webkitfullscreenchange", onFsChange);
       };
     }, []);
-    const togglePlay = React131__default.useCallback(() => {
+    const togglePlay = React136__default.useCallback(() => {
       const v = videoRef.current;
       if (!v) return;
       if (v.paused) {
@@ -11774,22 +12075,22 @@ var VideoPlayer = React131__default.forwardRef(
         v.pause();
       }
     }, []);
-    const toggleMute = React131__default.useCallback(() => {
+    const toggleMute = React136__default.useCallback(() => {
       setIsMuted((m) => !m);
     }, []);
-    const toggleFullscreen = React131__default.useCallback(() => {
+    const toggleFullscreen = React136__default.useCallback(() => {
       const el = containerRef.current;
       if (!el) return;
       if (isFullscreenActive()) void exitFs();
       else void requestFs(el);
     }, []);
-    const seekTo = React131__default.useCallback((time) => {
+    const seekTo = React136__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__default.useCallback(
+    const seekBy = React136__default.useCallback(
       (delta) => {
         seekTo((videoRef.current?.currentTime ?? 0) + delta);
       },
@@ -12137,7 +12438,7 @@ function Combobox({
   className,
   contentWidth = "trigger"
 }) {
-  const [open, setOpen] = React131__default.useState(false);
+  const [open, setOpen] = React136__default.useState(false);
   const selected = options.find((o) => o.value === value);
   return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
@@ -12231,9 +12532,9 @@ function ColorSchemeSelect({
   className
 }) {
   const fallback = defaultValue ?? options[0]?.value ?? "";
-  const [value, setValue] = React131__default.useState(() => readInitial2(fallback));
-  const didMount = React131__default.useRef(false);
-  React131__default.useEffect(() => {
+  const [value, setValue] = React136__default.useState(() => readInitial2(fallback));
+  const didMount = React136__default.useRef(false);
+  React136__default.useEffect(() => {
     if (!didMount.current) {
       didMount.current = true;
       return;
@@ -12679,6 +12980,6 @@ function SortableNav({ items, onReorder, className }) {
   return /* @__PURE__ */ jsx(DndContext, { sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, children: /* @__PURE__ */ jsx(SortableContext, { items: items.map((i) => i.id), strategy: verticalListSortingStrategy, children: /* @__PURE__ */ jsx("nav", { "data-slot": "sortable-nav", className: cn("space-y-0.5 px-2 py-1", className), children: items.map((item) => /* @__PURE__ */ jsx(SortableNavItemWrapper, { item }, item.id)) }) }) });
 }
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityHeatmap, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatedGradient, AnimatedNumber, AppShell, AppShellMain, AppShellSidebar, AppShellUserMenu, Sidebar as AppSidebar, AreaChart, ArrayField, AspectRatio, AutoForm, Avatar, AvatarFallback, AvatarGroup, AvatarImage, Badge, Banner, BarChart, BarList, Beacon, BillingStatus, Body, Breadcrumb, BreadcrumbItem, BreadcrumbPage, BreadcrumbSeparator, BulkActions, Button, Calendar, CalendarDayButton, Caption, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, ChatDetail, Checkbox, Checklist, ChecklistItem, Code3 as Code, CodeBlock, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorPicker, ColorSchemeSelect, Combobox, Command, CommandBar, CommandBarEmpty, CommandBarGroup, CommandBarItem, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandList, CommandPalette, CommandPaletteProvider, CommandSeparator, CommandShortcut, Comparison, Container, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DEFAULT_THEME_OPTIONS, DEFAULT_TRANSITION, DataGrid, DataList, DataListItem, DataTable, DataTableColumnHeader, DataTablePagination, DataTableToolbar, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DottedBackground, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateIcon, EventCalendar, FadeIn, FeedbackModal, Field, FieldDescription, FieldError, FieldLabel, FileCards, FileUpload, FileUploadPreview, FilesList, FilterBadge, FilterItem, Filters, FloatingActionButton, FloatingThemePicker, Gantt, GradientBackground, GradientHeading, GridList, GridListItem, HStack, Heading, Heatmap, HelpSheet, HeroShaderA, HotkeyBadge, Hotkeys, HotkeysProvider, HoverCard, HoverCardContent, HoverCardTrigger, IconBadge, ImageCrop, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, IntegrationCard, IntroDisclosure, InviteModal, Kanban, KanbanCard, KanbanColumn, Label3 as Label, LineChart, LoadingOverlay, LogoCarousel, MOTION_PRESETS, ManageTagsModal, Marquee, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessagesCard, MetricCard, MetricCardWithButton, MetricCardWithIcon, MobileSidebarTrigger, Morph, Navbar, NavbarBrand, NavbarContent, NavbarItem, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NoiseBackground, NotificationSettings, ObjectField, OrgMenu, Page, PageActions, PageBody, PageContainer, PageDescription, PageHeader, PageLayout, PageMain, PageTitle, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PaletteSwatches, Parallax, PasswordInput, Persona, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, PropertyItem, PropertyList, QrCode, RadioGroup4 as RadioGroup, RadioGroupItem, Rating, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResizeBox, ResizeHandle, Reveal, RichEditor, Ripple, RolesMenu, ScaleIn, ScrollArea, ScrollBar, ScrollHeader, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectUsersModal, SelectValue, Separator6 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, AppShell2 as Shell, Sidebar2 as Sidebar, SidebarContent, SidebarFooter2 as SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader2 as SidebarHeader, SidebarItem2 as SidebarItem, SidebarLayoutDashboard, SidebarLayoutGroups, SidebarLayoutMinimal, SidebarLayoutSearch, SidebarLayoutUser, SidebarResizer, SidebarSeparator2 as SidebarSeparator, Skeleton, SlideIn, Slider, SortableNav, SortableTaskList, Sparkline, Spinner, SplitPage, SplitPageDetail, SplitPageList, Stack, StackedLayoutBranded, StackedLayoutTabs, Stagger, Stat, StatGroup, StepForm, StepFormNavigation, StepFormStep, Stepper, StepperStep, StructuredList, StructuredListItem, StructuredListSection, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tags, TaskCard, TaskCardWithLabels, TextReveal, Textarea, TextureCard, TextureCardDescription, TextureCardHeader, TextureCardTitle, ThemeSwitch, Timeline, TimelineConnector, TimelineContent, TimelineItem, Toaster, Toggle, ToggleButton, ToggleButtonGroup, ToggleGroup, ToggleGroupItem, Tooltip2 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, TourStep, Transition, Tree, Typewriter, UserMenu, VStack, VideoPlayer, WorkspaceMembers, WorkspacesMenu, badgeVariants, buttonVariants, cn, navigationMenuTriggerStyle, toastFn as toast, toastEmitter, toggleVariants, useAppShell, useCommandBar, useCommandPalette, useFormField, useHotkeys, useLayoutId, useSidebar, useTour };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityHeatmap, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatedGradient, AnimatedNumber, AppShell, AppShellMain, AppShellSidebar, AppShellUserMenu, Sidebar as AppSidebar, AreaChart, ArrayField, AspectRatio, AutoForm, Avatar, AvatarFallback, AvatarGroup, AvatarImage, Badge, Banner, BarChart, BarList, Beacon, BillingStatus, Body, Breadcrumb, BreadcrumbItem, BreadcrumbPage, BreadcrumbSeparator, BulkActions, Button, Calendar, CalendarDayButton, Caption, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CartLineItem, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, ChatDetail, Checkbox, Checklist, ChecklistItem, Code3 as Code, CodeBlock, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorPicker, ColorSchemeSelect, Combobox, Command, CommandBar, CommandBarEmpty, CommandBarGroup, CommandBarItem, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandItem2 as CommandListItem, CommandPalette, CommandPaletteProvider, CommandSeparator, CommandShortcut, Comparison, Container, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DEFAULT_THEME_OPTIONS, DEFAULT_TRANSITION, DataGrid, DataList, DataListItem, DataTable, DataTableColumnHeader, DataTablePagination, DataTableToolbar, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DottedBackground, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyCart, EmptyState, EmptyStateIcon, EventCalendar, FadeIn, FeedbackModal, Field, FieldDescription, FieldError, FieldLabel, FileCards, FileUpload, FileUploadPreview, FilesList, FilterBadge, FilterItem, Filters, FloatingActionButton, FloatingLabelInput, FloatingThemePicker, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Gantt, GradientBackground, GradientHeading, GridList, GridListItem, HStack, Heading, Heatmap, HelpSheet, HeroShaderA, HotkeyBadge, Hotkeys, HotkeysProvider, HoverCard, HoverCardContent, HoverCardTrigger, IconBadge, ImageCrop, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, IntegrationCard, IntroDisclosure, InviteModal, Kanban, KanbanCard, KanbanColumn, Label3 as Label, LineChart, LoadingOverlay, LogoCarousel, MOTION_PRESETS, ManageTagsModal, Marquee, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessagesCard, MetricCard, MetricCardWithButton, MetricCardWithIcon, MobileSidebarTrigger, Morph, Navbar, NavbarBrand, NavbarContent, NavbarItem, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NoiseBackground, NotificationSettings, ObjectField, OrgMenu, Page, PageActions, PageBody, PageContainer, PageDescription, PageHeader, PageLayout, PageMain, PageTitle, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PaletteSwatches, Parallax, PasswordInput, Persona, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PriceTag, Progress, PropertyItem, PropertyList, QrCode, QuantityStepper, RadioGroup4 as RadioGroup, RadioGroupItem, Rating, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResizeBox, ResizeHandle, Reveal, RichEditor, Ripple, RolesMenu, ScaleIn, ScrollArea, ScrollBar, ScrollHeader, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectUsersModal, SelectValue, Separator6 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, AppShell2 as Shell, Sidebar2 as Sidebar, SidebarContent, SidebarFooter2 as SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader2 as SidebarHeader, SidebarItem2 as SidebarItem, SidebarLayoutDashboard, SidebarLayoutGroups, SidebarLayoutMinimal, SidebarLayoutSearch, SidebarLayoutUser, SidebarResizer, SidebarSeparator2 as SidebarSeparator, Skeleton, SlideIn, Slider, SortableNav, SortableTaskList, Sparkline, Spinner, SplitPage, SplitPageDetail, SplitPageList, Stack, StackedLayoutBranded, StackedLayoutTabs, Stagger, Stat, StatGroup, StepForm, StepFormNavigation, StepFormStep, Stepper, StepperStep, StructuredList, StructuredListItem, StructuredListSection, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tags, TaskCard, TaskCardWithLabels, TextReveal, Textarea, TextureCard, TextureCardDescription, TextureCardHeader, TextureCardTitle, ThemeSwitch, Timeline, TimelineConnector, TimelineContent, TimelineItem, Toaster, Toggle, ToggleButton, ToggleButtonGroup, ToggleGroup, ToggleGroupItem, Tooltip2 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, TourStep, Transition, Tree, Typewriter, UserMenu, VStack, VariantPicker, VideoPlayer, WorkspaceMembers, WorkspacesMenu, badgeVariants, buttonVariants, cn, navigationMenuTriggerStyle, toastFn as toast, toastEmitter, toggleVariants, useAppShell, useCommandBar, useCommandPalette, useHotkeys, useLayoutId, useSidebar, useTour };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map