@rock.star/ui 1.0.0 → 1.1.2

package/dist/ui/index.js

@@ -698,6 +698,9 @@ function Apple() {
   return /* @__PURE__ */ jsx7("main", { className: "m-auto flex grow items-center justify-center", children: /* @__PURE__ */ jsx7(AnimatePresence, { mode: "wait", children: demos[index] }) });
 }
 
+// src/ui/ariakit.tsx
+import * as Ariakit from "@ariakit/react";
+
 // src/ui/autocomplete.tsx
 import { Autocomplete as AutocompletePrimitive } from "@base-ui/react/autocomplete";
 import { ChevronsExpandVertical, Xmark } from "@gravity-ui/icons";
@@ -1529,15 +1532,13 @@ function ButtonGroupSeparator({
 }
 
 // src/ui/card.tsx
+import * as React2 from "react";
 import { jsx as jsx15 } from "react/jsx-runtime";
-function Card({
-  className,
-  size = "default",
-  ...props
-}) {
+var Card = React2.forwardRef(function Card2({ className, size = "default", ...props }, ref) {
   return /* @__PURE__ */ jsx15(
     "div",
     {
+      ref,
       "data-slot": "card",
       "data-size": size,
       className: cn(
@@ -1547,7 +1548,7 @@ function Card({
       ...props
     }
   );
-}
+});
 function CardHeader({ className, ...props }) {
   return /* @__PURE__ */ jsx15(
     "div",
@@ -1624,11 +1625,11 @@ function CardFooter({ className, ...props }) {
 // src/ui/carousel.tsx
 import useEmblaCarousel from "embla-carousel-react";
 import { ChevronLeft, ChevronRight } from "lucide-react";
-import * as React2 from "react";
+import * as React3 from "react";
 import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
-var CarouselContext = React2.createContext(null);
+var CarouselContext = React3.createContext(null);
 function useCarousel() {
-  const context = React2.useContext(CarouselContext);
+  const context = React3.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -1650,20 +1651,20 @@ function Carousel({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React2.useState(false);
-  const [canScrollNext, setCanScrollNext] = React2.useState(false);
-  const onSelect = React2.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React3.useState(false);
+  const [canScrollNext, setCanScrollNext] = React3.useState(false);
+  const onSelect = React3.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React2.useCallback(() => {
+  const scrollPrev = React3.useCallback(() => {
     api?.scrollPrev();
   }, [api]);
-  const scrollNext = React2.useCallback(() => {
+  const scrollNext = React3.useCallback(() => {
     api?.scrollNext();
   }, [api]);
-  const handleKeyDown = React2.useCallback(
+  const handleKeyDown = React3.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -1675,11 +1676,11 @@ function Carousel({
     },
     [scrollPrev, scrollNext]
   );
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!api) return;
     api.on("reInit", onSelect);
     api.on("select", onSelect);
@@ -1814,14 +1815,14 @@ function CarouselNext({
 }
 
 // src/ui/chart.tsx
-import * as React3 from "react";
+import * as React4 from "react";
 import * as RechartsPrimitive from "recharts";
 import { Fragment, jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
 var THEMES = { light: "", dark: ".dark" };
 var INITIAL_DIMENSION = { width: 320, height: 200 };
-var ChartContext = React3.createContext(null);
+var ChartContext = React4.createContext(null);
 function useChart() {
-  const context = React3.useContext(ChartContext);
+  const context = React4.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -1835,7 +1836,7 @@ function ChartContainer({
   initialDimension = INITIAL_DIMENSION,
   ...props
 }) {
-  const uniqueId = React3.useId();
+  const uniqueId = React4.useId();
   const chartId = `chart-${id ?? uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsx17(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs9(
     "div",
@@ -1902,7 +1903,7 @@ function ChartTooltipContent({
   labelKey
 }) {
   const { config } = useChart();
-  const tooltipLabel = React3.useMemo(() => {
+  const tooltipLabel = React4.useMemo(() => {
     if (hideLabel || !payload?.length) {
       return null;
     }
@@ -2056,18 +2057,43 @@ function getPayloadConfigFromPayload(config, payload, key) {
   return configLabelKey in config ? config[configLabelKey] : config[key];
 }
 
+// src/ui/checkbox.tsx
+import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
+import { jsx as jsx18 } from "react/jsx-runtime";
+function Checkbox({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx18(
+    CheckboxPrimitive.Root,
+    {
+      "data-slot": "checkbox",
+      className: cn(
+        "peer inline-flex size-5 shrink-0 items-center justify-center rounded border border-border bg-background text-primary outline-none transition-[background-color,border-color,box-shadow,opacity] duration-150 ease-out focus-visible:ring-2 focus-visible:ring-ring/50 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground data-disabled:cursor-not-allowed data-disabled:opacity-50 motion-reduce:transition-none",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx18(
+        CheckboxPrimitive.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "flex items-center justify-center",
+          children
+        }
+      )
+    }
+  );
+}
+
 // src/ui/combobox.tsx
 import { Combobox as ComboboxPrimitive } from "@base-ui/react";
-import * as React4 from "react";
+import * as React5 from "react";
 import { Check, ChevronDown as ChevronDown2, Xmark as Xmark2 } from "@gravity-ui/icons";
 
 // src/ui/input-group.tsx
 import { cva as cva5 } from "class-variance-authority";
 
 // src/ui/textarea.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "textarea",
     {
       "data-slot": "textarea",
@@ -2081,9 +2107,9 @@ function Textarea({ className, ...props }) {
 }
 
 // src/ui/input-group.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       "data-slot": "input-group",
@@ -2118,7 +2144,7 @@ function InputGroupAddon({
   focusInput = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       role: "group",
@@ -2162,7 +2188,7 @@ function InputGroupButton({
   size = "xs",
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     Button,
     {
       type,
@@ -2174,7 +2200,7 @@ function InputGroupButton({
   );
 }
 function InputGroupText({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "span",
     {
       className: cn(
@@ -2189,7 +2215,7 @@ function InputGroupInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     Input,
     {
       "data-slot": "input-group-control",
@@ -2205,7 +2231,7 @@ function InputGroupTextarea({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     Textarea,
     {
       "data-slot": "input-group-control",
@@ -2219,10 +2245,10 @@ function InputGroupTextarea({
 }
 
 // src/ui/combobox.tsx
-import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
 var Combobox = ComboboxPrimitive.Root;
 function ComboboxValue({ ...props }) {
-  return /* @__PURE__ */ jsx20(ComboboxPrimitive.Value, { "data-slot": "combobox-value", ...props });
+  return /* @__PURE__ */ jsx21(ComboboxPrimitive.Value, { "data-slot": "combobox-value", ...props });
 }
 function ComboboxTrigger({
   className,
@@ -2237,20 +2263,20 @@ function ComboboxTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx20(ChevronDown2, { className: "pointer-events-none size-4 text-muted-foreground" })
+        /* @__PURE__ */ jsx21(ChevronDown2, { className: "pointer-events-none size-4 text-muted-foreground" })
       ]
     }
   );
 }
 function ComboboxClear({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     ComboboxPrimitive.Clear,
     {
       "data-slot": "combobox-clear",
-      render: /* @__PURE__ */ jsx20(InputGroupButton, { variant: "ghost", size: "icon-xs" }),
+      render: /* @__PURE__ */ jsx21(InputGroupButton, { variant: "ghost", size: "icon-xs" }),
       className: cn(className),
       ...props,
-      children: /* @__PURE__ */ jsx20(Xmark2, { className: "pointer-events-none" })
+      children: /* @__PURE__ */ jsx21(Xmark2, { className: "pointer-events-none" })
     }
   );
 }
@@ -2265,29 +2291,29 @@ function ComboboxInput({
   ...props
 }) {
   return /* @__PURE__ */ jsxs10(InputGroup, { className: cn("w-auto", className), children: [
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       ComboboxPrimitive.Input,
       {
-        render: /* @__PURE__ */ jsx20(InputGroupInput, { disabled }),
+        render: /* @__PURE__ */ jsx21(InputGroupInput, { disabled }),
         ...props
       }
     ),
-    startContent && /* @__PURE__ */ jsx20(InputGroupAddon, { align: "inline-start", children: startContent }),
+    startContent && /* @__PURE__ */ jsx21(InputGroupAddon, { align: "inline-start", children: startContent }),
     /* @__PURE__ */ jsxs10(InputGroupAddon, { align: "inline-end", className: "pr-0", children: [
-      showTrigger && /* @__PURE__ */ jsx20(
+      showTrigger && /* @__PURE__ */ jsx21(
         InputGroupButton,
         {
           size: "icon-xs",
           variant: "ghost",
-          render: /* @__PURE__ */ jsx20(ComboboxTrigger, {}),
+          render: /* @__PURE__ */ jsx21(ComboboxTrigger, {}),
           "data-slot": "input-group-button",
           className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent",
           disabled
         }
       ),
-      showClear && /* @__PURE__ */ jsx20(ComboboxClear, { disabled })
+      showClear && /* @__PURE__ */ jsx21(ComboboxClear, { disabled })
     ] }),
-    /* @__PURE__ */ jsx20(InputGroupAddon, { align: "inline-end", children: endContent }),
+    /* @__PURE__ */ jsx21(InputGroupAddon, { align: "inline-end", children: endContent }),
     children
   ] });
 }
@@ -2300,7 +2326,7 @@ function ComboboxContent({
   anchor,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(ComboboxPrimitive.Portal, { children: /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(ComboboxPrimitive.Portal, { children: /* @__PURE__ */ jsx21(
     ComboboxPrimitive.Positioner,
     {
       side,
@@ -2309,7 +2335,7 @@ function ComboboxContent({
       alignOffset,
       anchor,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsx20(
+      children: /* @__PURE__ */ jsx21(
         ComboboxPrimitive.Popup,
         {
           "data-slot": "combobox-content",
@@ -2325,7 +2351,7 @@ function ComboboxContent({
   ) });
 }
 function ComboboxList({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     ComboboxPrimitive.List,
     {
       "data-slot": "combobox-list",
@@ -2353,11 +2379,11 @@ function ComboboxItem({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21(
           ComboboxPrimitive.ItemIndicator,
           {
-            render: /* @__PURE__ */ jsx20("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
-            children: /* @__PURE__ */ jsx20(Check, { className: "pointer-events-none" })
+            render: /* @__PURE__ */ jsx21("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+            children: /* @__PURE__ */ jsx21(Check, { className: "pointer-events-none" })
           }
         )
       ]
@@ -2365,7 +2391,7 @@ function ComboboxItem({
   );
 }
 function ComboboxGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     ComboboxPrimitive.Group,
     {
       "data-slot": "combobox-group",
@@ -2378,7 +2404,7 @@ function ComboboxLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     ComboboxPrimitive.GroupLabel,
     {
       "data-slot": "combobox-label",
@@ -2388,10 +2414,10 @@ function ComboboxLabel({
   );
 }
 function ComboboxCollection({ ...props }) {
-  return /* @__PURE__ */ jsx20(ComboboxPrimitive.Collection, { "data-slot": "combobox-collection", ...props });
+  return /* @__PURE__ */ jsx21(ComboboxPrimitive.Collection, { "data-slot": "combobox-collection", ...props });
 }
 function ComboboxEmpty({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     ComboboxPrimitive.Empty,
     {
       "data-slot": "combobox-empty",
@@ -2407,7 +2433,7 @@ function ComboboxSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     ComboboxPrimitive.Separator,
     {
       "data-slot": "combobox-separator",
@@ -2420,7 +2446,7 @@ function ComboboxChips({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     ComboboxPrimitive.Chips,
     {
       "data-slot": "combobox-chips",
@@ -2449,13 +2475,13 @@ function ComboboxChip({
       ...props,
       children: [
         children,
-        showRemove && /* @__PURE__ */ jsx20(
+        showRemove && /* @__PURE__ */ jsx21(
           ComboboxPrimitive.ChipRemove,
           {
-            render: /* @__PURE__ */ jsx20(Button, { variant: "ghost", size: "icon-xs" }),
+            render: /* @__PURE__ */ jsx21(Button, { variant: "ghost", size: "icon-xs" }),
             className: "-ml-1 opacity-50 hover:opacity-100",
             "data-slot": "combobox-chip-remove",
-            children: /* @__PURE__ */ jsx20(Xmark2, { className: "pointer-events-none" })
+            children: /* @__PURE__ */ jsx21(Xmark2, { className: "pointer-events-none" })
           }
         )
       ]
@@ -2466,7 +2492,7 @@ function ComboboxChipsInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     ComboboxPrimitive.Input,
     {
       "data-slot": "combobox-chip-input",
@@ -2476,7 +2502,7 @@ function ComboboxChipsInput({
   );
 }
 function useComboboxAnchor() {
-  return React4.useRef(null);
+  return React5.useRef(null);
 }
 
 // src/ui/command.tsx
@@ -2486,24 +2512,24 @@ import { Magnifier } from "@gravity-ui/icons";
 // src/ui/dialog.tsx
 import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
 import { Xmark as Xmark3 } from "@gravity-ui/icons";
-import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
 function Dialog({ ...props }) {
-  return /* @__PURE__ */ jsx21(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+  return /* @__PURE__ */ jsx22(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
 }
 function DialogTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx21(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+  return /* @__PURE__ */ jsx22(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
 }
 function DialogPortal({ ...props }) {
-  return /* @__PURE__ */ jsx21(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+  return /* @__PURE__ */ jsx22(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
 }
 function DialogClose({ ...props }) {
-  return /* @__PURE__ */ jsx21(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+  return /* @__PURE__ */ jsx22(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
 }
 function DialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     DialogPrimitive.Backdrop,
     {
       "data-slot": "dialog-overlay",
@@ -2522,7 +2548,7 @@ function DialogContent({
   ...props
 }) {
   return /* @__PURE__ */ jsxs11(DialogPortal, { children: [
-    /* @__PURE__ */ jsx21(DialogOverlay, {}),
+    /* @__PURE__ */ jsx22(DialogOverlay, {}),
     /* @__PURE__ */ jsxs11(
       DialogPrimitive.Popup,
       {
@@ -2538,7 +2564,7 @@ function DialogContent({
             DialogPrimitive.Close,
             {
               "data-slot": "dialog-close",
-              render: /* @__PURE__ */ jsx21(
+              render: /* @__PURE__ */ jsx22(
                 Button,
                 {
                   variant: "ghost",
@@ -2547,8 +2573,8 @@ function DialogContent({
                 }
               ),
               children: [
-                /* @__PURE__ */ jsx21(Xmark3, {}),
-                /* @__PURE__ */ jsx21("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx22(Xmark3, {}),
+                /* @__PURE__ */ jsx22("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -2558,7 +2584,7 @@ function DialogContent({
   ] });
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       "data-slot": "dialog-header",
@@ -2584,13 +2610,13 @@ function DialogFooter({
       ...props,
       children: [
         children,
-        showCloseButton && /* @__PURE__ */ jsx21(DialogPrimitive.Close, { render: /* @__PURE__ */ jsx21(Button, { variant: "outline" }), children: "Close" })
+        showCloseButton && /* @__PURE__ */ jsx22(DialogPrimitive.Close, { render: /* @__PURE__ */ jsx22(Button, { variant: "outline" }), children: "Close" })
       ]
     }
   );
 }
 function DialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     DialogPrimitive.Title,
     {
       "data-slot": "dialog-title",
@@ -2603,7 +2629,7 @@ function DialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     DialogPrimitive.Description,
     {
       "data-slot": "dialog-description",
@@ -2617,12 +2643,12 @@ function DialogDescription({
 }
 
 // src/ui/command.tsx
-import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
 function Command({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     CommandPrimitive,
     {
       "data-slot": "command",
@@ -2644,10 +2670,10 @@ function CommandDialog({
 }) {
   return /* @__PURE__ */ jsxs12(Dialog, { ...props, children: [
     /* @__PURE__ */ jsxs12(DialogHeader, { className: "sr-only", children: [
-      /* @__PURE__ */ jsx22(DialogTitle, { children: title }),
-      /* @__PURE__ */ jsx22(DialogDescription, { children: description })
+      /* @__PURE__ */ jsx23(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx23(DialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(
       DialogContent,
       {
         className: cn(
@@ -2676,17 +2702,18 @@ function CommandInput({
         className
       ),
       children: [
-        startContent ? /* @__PURE__ */ jsx22(InputGroupAddon, { align: "inline-start", focusInput: false, children: startContent }) : null,
-        /* @__PURE__ */ jsx22(InputGroupAddon, { focusInput: focusAddon, children: /* @__PURE__ */ jsx22(Magnifier, {}) }),
-        /* @__PURE__ */ jsx22(
+        startContent ? /* @__PURE__ */ jsx23(InputGroupAddon, { align: "inline-start", focusInput: false, children: startContent }) : null,
+        /* @__PURE__ */ jsx23(InputGroupAddon, { focusInput: focusAddon, children: /* @__PURE__ */ jsx23(Magnifier, {}) }),
+        /* @__PURE__ */ jsx23(
           CommandPrimitive.Input,
           {
+            "data-no-ring": true,
             "data-slot": "command-input",
             className: "w-full outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
             ...props
           }
         ),
-        endContent ? /* @__PURE__ */ jsx22(InputGroupAddon, { align: "inline-end", focusInput: false, children: endContent }) : null
+        endContent ? /* @__PURE__ */ jsx23(InputGroupAddon, { align: "inline-end", focusInput: false, children: endContent }) : null
       ]
     }
   );
@@ -2695,7 +2722,7 @@ function CommandList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     CommandPrimitive.List,
     {
       "data-slot": "command-list",
@@ -2711,7 +2738,7 @@ function CommandEmpty({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     CommandPrimitive.Empty,
     {
       "data-slot": "command-empty",
@@ -2724,7 +2751,7 @@ function CommandGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     CommandPrimitive.Group,
     {
       "data-slot": "command-group",
@@ -2740,7 +2767,7 @@ function CommandSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     CommandPrimitive.Separator,
     {
       "data-slot": "command-separator",
@@ -2754,7 +2781,7 @@ function CommandItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     CommandPrimitive.Item,
     {
       "data-slot": "command-item",
@@ -2771,7 +2798,7 @@ function CommandShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "span",
     {
       "data-slot": "command-shortcut",
@@ -2785,17 +2812,17 @@ function CommandShortcut({
 }
 
 // src/ui/dashed.tsx
-import * as React5 from "react";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import * as React6 from "react";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function DashedSeparator({
   className,
   dashWidth = 12,
   minimumGap = 8,
   thickness = 1
 }) {
-  const containerRef = React5.useRef(null);
-  const [dashCount, setDashCount] = React5.useState(0);
-  React5.useEffect(() => {
+  const containerRef = React6.useRef(null);
+  const [dashCount, setDashCount] = React6.useState(0);
+  React6.useEffect(() => {
     const element = containerRef.current;
     if (!element) return;
     const updateDashCount = () => {
@@ -2811,7 +2838,7 @@ function DashedSeparator({
     observer.observe(element);
     return () => observer.disconnect();
   }, [dashWidth, minimumGap]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       ref: containerRef,
@@ -2821,7 +2848,7 @@ function DashedSeparator({
         className
       ),
       style: { height: thickness },
-      children: Array.from({ length: dashCount }).map((_, index) => /* @__PURE__ */ jsx23(
+      children: Array.from({ length: dashCount }).map((_, index) => /* @__PURE__ */ jsx24(
         "span",
         {
           className: "shrink-0 bg-current",
@@ -2838,8 +2865,8 @@ function DashedSeparator({
 
 // src/ui/dock.tsx
 import { motion as motion4 } from "motion/react";
-import * as React6 from "react";
-import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
+import * as React7 from "react";
+import { jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
 var floatingAnimation = {
   initial: { y: 0 },
   animate: {
@@ -2851,7 +2878,7 @@ var floatingAnimation = {
     }
   }
 };
-var DockIconButton = React6.forwardRef(
+var DockIconButton = React7.forwardRef(
   ({ icon: Icon, label, onClick, className }, ref) => {
     return /* @__PURE__ */ jsxs13(
       motion4.button,
@@ -2866,8 +2893,8 @@ var DockIconButton = React6.forwardRef(
           className
         ),
         children: [
-          /* @__PURE__ */ jsx24(Icon, { className: "h-5 w-5 text-foreground" }),
-          /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx25(Icon, { className: "h-5 w-5 text-foreground" }),
+          /* @__PURE__ */ jsx25(
             "span",
             {
               className: cn(
@@ -2886,9 +2913,9 @@ var DockIconButton = React6.forwardRef(
   }
 );
 DockIconButton.displayName = "DockIconButton";
-var Dock = React6.forwardRef(
+var Dock = React7.forwardRef(
   ({ items, className }, ref) => {
-    return /* @__PURE__ */ jsx24(
+    return /* @__PURE__ */ jsx25(
       "div",
       {
         ref,
@@ -2896,7 +2923,7 @@ var Dock = React6.forwardRef(
           "flex h-64 w-full items-center justify-center p-2",
           className
         ),
-        children: /* @__PURE__ */ jsx24("div", { className: "relative flex h-64 w-full max-w-4xl items-center justify-center rounded-2xl", children: /* @__PURE__ */ jsx24(
+        children: /* @__PURE__ */ jsx25("div", { className: "relative flex h-64 w-full max-w-4xl items-center justify-center rounded-2xl", children: /* @__PURE__ */ jsx25(
           motion4.div,
           {
             initial: "initial",
@@ -2908,7 +2935,7 @@ var Dock = React6.forwardRef(
               "border-border bg-background/90",
               "transition-shadow duration-300 hover:shadow-xl"
             ),
-            children: items.map((item) => /* @__PURE__ */ jsx24(DockIconButton, { ...item }, item.label))
+            children: items.map((item) => /* @__PURE__ */ jsx25(DockIconButton, { ...item }, item.label))
           }
         ) })
       }
@@ -2919,11 +2946,11 @@ Dock.displayName = "Dock";
 
 // src/ui/drawer.tsx
 import { Drawer as DrawerPrimitive } from "@base-ui/react/drawer";
-import * as React7 from "react";
-import { jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
-var DrawerContext = React7.createContext(null);
+import * as React8 from "react";
+import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
+var DrawerContext = React8.createContext(null);
 function useDrawer() {
-  const context = React7.useContext(DrawerContext);
+  const context = React8.useContext(DrawerContext);
   if (!context) {
     throw new Error("useDrawer must be used within a Drawer.");
   }
@@ -2938,7 +2965,7 @@ function Drawer({
 }) {
   const hasSnapPoints = snapPoints != null && snapPoints.length > 0;
   const resolvedShowSwipeHandle = showSwipeHandle ?? (swipeDirection === "down" || swipeDirection === "up");
-  const contextValue = React7.useMemo(
+  const contextValue = React8.useMemo(
     () => ({
       hasSnapPoints,
       modal,
@@ -2947,7 +2974,7 @@ function Drawer({
     }),
     [hasSnapPoints, modal, resolvedShowSwipeHandle, swipeDirection]
   );
-  return /* @__PURE__ */ jsx25(DrawerContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(DrawerContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx26(
     DrawerPrimitive.Root,
     {
       "data-slot": "drawer",
@@ -2959,19 +2986,19 @@ function Drawer({
   ) });
 }
 function DrawerTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx25(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
+  return /* @__PURE__ */ jsx26(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
 }
 function DrawerPortal({ ...props }) {
-  return /* @__PURE__ */ jsx25(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
+  return /* @__PURE__ */ jsx26(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
 }
 function DrawerClose({ ...props }) {
-  return /* @__PURE__ */ jsx25(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
+  return /* @__PURE__ */ jsx26(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
 }
 function DrawerOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     DrawerPrimitive.Backdrop,
     {
       "data-slot": "drawer-overlay",
@@ -2987,7 +3014,7 @@ function DrawerSwipeHandle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       "data-slot": "drawer-swipe-handle",
@@ -3008,8 +3035,8 @@ function DrawerContent({
   const { hasSnapPoints, modal, showSwipeHandle, swipeDirection } = useDrawer();
   const swipeAxis = swipeDirection === "down" || swipeDirection === "up" ? "y" : "x";
   return /* @__PURE__ */ jsxs14(DrawerPortal, { "data-slot": "drawer-portal", children: [
-    modal === true && /* @__PURE__ */ jsx25(DrawerOverlay, { "data-snap-points": hasSnapPoints ? "" : void 0 }),
-    /* @__PURE__ */ jsx25(
+    modal === true && /* @__PURE__ */ jsx26(DrawerOverlay, { "data-snap-points": hasSnapPoints ? "" : void 0 }),
+    /* @__PURE__ */ jsx26(
       DrawerPrimitive.Viewport,
       {
         "data-slot": "drawer-viewport",
@@ -3023,7 +3050,7 @@ function DrawerContent({
             "data-snap-points": hasSnapPoints ? "" : void 0,
             className: cn(
               // Base.
-              "group/drawer-popup pointer-events-auto fixed z-50 m-(--drawer-inset,0px) flex h-(--drawer-content-height) max-h-(--drawer-content-max-height,none) min-h-0 w-(--drawer-content-width,auto) transform-[translate3d(var(--translate-x,0px),var(--translate-y,0px),0)_scale(var(--stack-scale))] flex-col rounded-4xl border bg-card text-sm text-popover-foreground transition-[transform,height,opacity,filter] duration-450 ease-[cubic-bezier(0.22,1,0.36,1)] will-change-transform outline-none select-none [--drawer-bleed-background:transparent] [--drawer-inset:--spacing(2)] [interpolate-size:allow-keywords] dark:border-border",
+              "group/drawer-popup pointer-events-auto fixed z-50 m-(--drawer-inset,0px) flex h-(--drawer-content-height) max-h-(--drawer-content-max-height,none) min-h-0 w-(--drawer-content-width,auto) transform-[translate3d(var(--translate-x,0px),var(--translate-y,0px),0)_scale(var(--stack-scale))] flex-col rounded-4xl border bg-card text-sm text-popover-foreground transition-[transform,height,opacity,filter] duration-450 ease-[cubic-bezier(0.22,1,0.36,1)] will-change-transform outline-none select-none [--drawer-bleed-background:transparent] [--drawer-inset:--spacing(2)] [interpolate-size:allow-keywords] max-md:pb-(--app-safe-bottom) md:pb-0 dark:border-border",
               // Nested.
               "data-nested-drawer-open:overflow-hidden data-nested-drawer-open:brightness-95",
               // Bleed.
@@ -3050,8 +3077,8 @@ function DrawerContent({
             ),
             ...props,
             children: [
-              showSwipeHandle && /* @__PURE__ */ jsx25(DrawerSwipeHandle, {}),
-              /* @__PURE__ */ jsx25(
+              showSwipeHandle && /* @__PURE__ */ jsx26(DrawerSwipeHandle, {}),
+              /* @__PURE__ */ jsx26(
                 DrawerPrimitive.Content,
                 {
                   "data-slot": "drawer-content",
@@ -3069,7 +3096,7 @@ function DrawerContent({
   ] });
 }
 function DrawerHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       "data-slot": "drawer-header",
@@ -3082,7 +3109,7 @@ function DrawerHeader({ className, ...props }) {
   );
 }
 function DrawerFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       "data-slot": "drawer-footer",
@@ -3092,7 +3119,7 @@ function DrawerFooter({ className, ...props }) {
   );
 }
 function DrawerTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     DrawerPrimitive.Title,
     {
       "data-slot": "drawer-title",
@@ -3108,7 +3135,7 @@ function DrawerDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     DrawerPrimitive.Description,
     {
       "data-slot": "drawer-description",
@@ -3121,15 +3148,15 @@ function DrawerDescription({
 // src/ui/dropdown-menu.tsx
 import { Menu as MenuPrimitive } from "@base-ui/react/menu";
 import { CheckIcon, ChevronRightIcon } from "lucide-react";
-import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
 function DropdownMenu({ ...props }) {
-  return /* @__PURE__ */ jsx26(MenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ jsx27(MenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuPortal({ ...props }) {
-  return /* @__PURE__ */ jsx26(MenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+  return /* @__PURE__ */ jsx27(MenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
 }
 function DropdownMenuTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx26(MenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+  return /* @__PURE__ */ jsx27(MenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
 }
 function DropdownMenuContent({
   align = "start",
@@ -3139,7 +3166,7 @@ function DropdownMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(MenuPrimitive.Portal, { children: /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(MenuPrimitive.Portal, { children: /* @__PURE__ */ jsx27(
     MenuPrimitive.Positioner,
     {
       className: "isolate z-50 outline-none",
@@ -3147,7 +3174,7 @@ function DropdownMenuContent({
       alignOffset,
       side,
       sideOffset,
-      children: /* @__PURE__ */ jsx26(
+      children: /* @__PURE__ */ jsx27(
         MenuPrimitive.Popup,
         {
           "data-slot": "dropdown-menu-content",
@@ -3162,14 +3189,14 @@ function DropdownMenuContent({
   ) });
 }
 function DropdownMenuGroup({ ...props }) {
-  return /* @__PURE__ */ jsx26(MenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
+  return /* @__PURE__ */ jsx27(MenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
 }
 function DropdownMenuLabel({
   className,
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     MenuPrimitive.GroupLabel,
     {
       "data-slot": "dropdown-menu-label",
@@ -3188,7 +3215,7 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     MenuPrimitive.Item,
     {
       "data-slot": "dropdown-menu-item",
@@ -3203,7 +3230,7 @@ function DropdownMenuItem({
   );
 }
 function DropdownMenuSub({ ...props }) {
-  return /* @__PURE__ */ jsx26(MenuPrimitive.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ jsx27(MenuPrimitive.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuSubTrigger({
   className,
@@ -3223,7 +3250,7 @@ function DropdownMenuSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx26(ChevronRightIcon, { className: "ml-auto" })
+        /* @__PURE__ */ jsx27(ChevronRightIcon, { className: "ml-auto" })
       ]
     }
   );
@@ -3236,7 +3263,7 @@ function DropdownMenuSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     DropdownMenuContent,
     {
       "data-slot": "dropdown-menu-sub-content",
@@ -3271,12 +3298,12 @@ function DropdownMenuCheckboxItem({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx27(
           "span",
           {
             className: "pointer-events-none absolute right-2 flex items-center justify-center",
             "data-slot": "dropdown-menu-checkbox-item-indicator",
-            children: /* @__PURE__ */ jsx26(MenuPrimitive.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx26(CheckIcon, {}) })
+            children: /* @__PURE__ */ jsx27(MenuPrimitive.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx27(CheckIcon, {}) })
           }
         ),
         children
@@ -3285,7 +3312,7 @@ function DropdownMenuCheckboxItem({
   );
 }
 function DropdownMenuRadioGroup({ ...props }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     MenuPrimitive.RadioGroup,
     {
       "data-slot": "dropdown-menu-radio-group",
@@ -3310,12 +3337,12 @@ function DropdownMenuRadioItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx27(
           "span",
           {
             className: "pointer-events-none absolute right-2 flex items-center justify-center",
             "data-slot": "dropdown-menu-radio-item-indicator",
-            children: /* @__PURE__ */ jsx26(MenuPrimitive.RadioItemIndicator, { children: /* @__PURE__ */ jsx26(CheckIcon, {}) })
+            children: /* @__PURE__ */ jsx27(MenuPrimitive.RadioItemIndicator, { children: /* @__PURE__ */ jsx27(CheckIcon, {}) })
           }
         ),
         children
@@ -3327,7 +3354,7 @@ function DropdownMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     MenuPrimitive.Separator,
     {
       "data-slot": "dropdown-menu-separator",
@@ -3340,7 +3367,7 @@ function DropdownMenuShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
@@ -3355,9 +3382,9 @@ function DropdownMenuShortcut({
 
 // src/ui/empty.tsx
 import { cva as cva6 } from "class-variance-authority";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function Empty({ className, ...props }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       "data-slot": "empty",
@@ -3370,7 +3397,7 @@ function Empty({ className, ...props }) {
   );
 }
 function EmptyHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       "data-slot": "empty-header",
@@ -3398,7 +3425,7 @@ function EmptyMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       "data-slot": "empty-icon",
@@ -3409,7 +3436,7 @@ function EmptyMedia({
   );
 }
 function EmptyTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       "data-slot": "empty-title",
@@ -3419,7 +3446,7 @@ function EmptyTitle({ className, ...props }) {
   );
 }
 function EmptyDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       "data-slot": "empty-description",
@@ -3432,7 +3459,7 @@ function EmptyDescription({ className, ...props }) {
   );
 }
 function EmptyContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       "data-slot": "empty-content",
@@ -3742,9 +3769,9 @@ import { cva as cva7 } from "class-variance-authority";
 import { useMemo as useMemo3 } from "react";
 
 // src/ui/label.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function Label({ className, ...props }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "label",
     {
       "data-slot": "label",
@@ -3758,9 +3785,9 @@ function Label({ className, ...props }) {
 }
 
 // src/ui/field.tsx
-import { jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "fieldset",
     {
       "data-slot": "field-set",
@@ -3777,7 +3804,7 @@ function FieldLegend({
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "legend",
     {
       "data-slot": "field-legend",
@@ -3791,7 +3818,7 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       "data-slot": "field-group",
@@ -3823,7 +3850,7 @@ function Field({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       role: "group",
@@ -3835,7 +3862,7 @@ function Field({
   );
 }
 function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       "data-slot": "field-content",
@@ -3851,7 +3878,7 @@ function FieldLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     Label,
     {
       "data-slot": "field-label",
@@ -3865,7 +3892,7 @@ function FieldLabel({
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       "data-slot": "field-label",
@@ -3878,7 +3905,7 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "p",
     {
       "data-slot": "field-description",
@@ -3908,8 +3935,8 @@ function FieldSeparator({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx29(Separator, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx30(Separator, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ jsx30(
           "span",
           {
             className: "relative mx-auto block w-fit px-2 text-muted-foreground",
@@ -3940,14 +3967,14 @@ function FieldError({
     if (uniqueErrors?.length == 1) {
       return uniqueErrors[0]?.message;
     }
-    return /* @__PURE__ */ jsx29("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
-      (error, index) => error?.message && /* @__PURE__ */ jsx29("li", { children: error.message }, index)
+    return /* @__PURE__ */ jsx30("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
+      (error, index) => error?.message && /* @__PURE__ */ jsx30("li", { children: error.message }, index)
     ) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       role: "alert",
@@ -3962,7 +3989,7 @@ function FieldError({
 // src/ui/image.tsx
 import NextImage from "next/image";
 import { useCallback as useCallback2, useState as useState4 } from "react";
-import { jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
 function srcValue(src) {
   if (!src) return null;
   if (typeof src === "string") return src;
@@ -3982,7 +4009,7 @@ function Image({
   onLoad,
   onError,
   children,
-  fallback = /* @__PURE__ */ jsx30(JellyMini, { mood: "curious", className: "size-full p-4" }),
+  fallback = /* @__PURE__ */ jsx31(JellyMini, { mood: "curious", className: "size-full p-4" }),
   ...props
 }) {
   const currentSrc = srcValue(src);
@@ -4003,8 +4030,8 @@ function Image({
     setFailedSrc(currentSrc);
   }, [currentSrc]);
   return /* @__PURE__ */ jsxs17("section", { className: cn("relative block overflow-hidden", wrapper), children: [
-    showSkeleton && !loaded && !failed && hasSource && /* @__PURE__ */ jsx30(Skeleton, { className: "absolute inset-0 size-full" }),
-    hasSource && !failed ? /* @__PURE__ */ jsx30(
+    showSkeleton && !loaded && !failed && hasSource && /* @__PURE__ */ jsx31(Skeleton, { className: "absolute inset-0 size-full" }),
+    hasSource && !failed ? /* @__PURE__ */ jsx31(
       NextImage,
       {
         ...props,
@@ -4034,16 +4061,16 @@ function Image({
 }
 
 // src/ui/input-otp.tsx
-import * as React8 from "react";
+import * as React9 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { MinusIcon } from "lucide-react";
-import { jsx as jsx31, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs18 } from "react/jsx-runtime";
 function InputOTP({
   className,
   containerClassName,
   ...props
 }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     OTPInput,
     {
       "data-slot": "input-otp",
@@ -4058,7 +4085,7 @@ function InputOTP({
   );
 }
 function InputOTPGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "div",
     {
       "data-slot": "input-otp-group",
@@ -4075,7 +4102,7 @@ function InputOTPSlot({
   className,
   ...props
 }) {
-  const inputOTPContext = React8.useContext(OTPInputContext);
+  const inputOTPContext = React9.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
   return /* @__PURE__ */ jsxs18(
     "div",
@@ -4089,20 +4116,20 @@ function InputOTPSlot({
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ jsx31("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx31("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx32("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx32("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
       ]
     }
   );
 }
 function InputOTPSeparator({ ...props }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "div",
     {
       "data-slot": "input-otp-separator",
       className: "flex items-center [&_svg:not([class*='size-'])]:size-4",
       role: "separator",
       ...props,
-      children: /* @__PURE__ */ jsx31(MinusIcon, {})
+      children: /* @__PURE__ */ jsx32(MinusIcon, {})
     }
   );
 }
@@ -4111,9 +4138,9 @@ function InputOTPSeparator({ ...props }) {
 import { mergeProps as mergeProps4 } from "@base-ui/react/merge-props";
 import { useRender as useRender4 } from "@base-ui/react/use-render";
 import { cva as cva8 } from "class-variance-authority";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function ItemGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       role: "list",
@@ -4130,7 +4157,7 @@ function ItemSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     Separator,
     {
       "data-slot": "item-separator",
@@ -4204,7 +4231,7 @@ function ItemMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       "data-slot": "item-media",
@@ -4215,7 +4242,7 @@ function ItemMedia({
   );
 }
 function ItemContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       "data-slot": "item-content",
@@ -4228,7 +4255,7 @@ function ItemContent({ className, ...props }) {
   );
 }
 function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       "data-slot": "item-title",
@@ -4241,7 +4268,7 @@ function ItemTitle({ className, ...props }) {
   );
 }
 function ItemDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "p",
     {
       "data-slot": "item-description",
@@ -4254,7 +4281,7 @@ function ItemDescription({ className, ...props }) {
   );
 }
 function ItemActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       "data-slot": "item-actions",
@@ -4264,7 +4291,7 @@ function ItemActions({ className, ...props }) {
   );
 }
 function ItemHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       "data-slot": "item-header",
@@ -4277,7 +4304,7 @@ function ItemHeader({ className, ...props }) {
   );
 }
 function ItemFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       "data-slot": "item-footer",
@@ -4302,16 +4329,18 @@ function useMounted() {
 
 // src/ui/jelly.tsx
 import {
+  BlobSpeech,
   JellyBlobMascot
 } from "feral-blob";
-import "feral-blob/blob.css";
+import * as React10 from "react";
 import {
-  BlobSpeech,
-  JellyBlobMascot as JellyBlobMascot2
+  BlobSpeech as BlobSpeech2,
+  JellyBlobMascot as JellyBlobMascot2,
+  JellyBlobMascotDemo
 } from "feral-blob";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
 function JellyBlob({ ...props }) {
-  return /* @__PURE__ */ jsx33("span", { className: "inline-block", children: /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34("span", { className: "inline-block", children: /* @__PURE__ */ jsx34(
     JellyBlobMascot,
     {
       ...props,
@@ -4336,10 +4365,12 @@ var MOOD_GAZE = {
 };
 function JellyMini({
   mood = "neutral",
-  className
+  gaze,
+  className,
+  ...props
 }) {
   const { mounted } = useMounted();
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "span",
     {
       "aria-hidden": "true",
@@ -4347,22 +4378,159 @@ function JellyMini({
         "inline-flex size-5 shrink-0 items-center justify-center select-none",
         className
       ),
-      children: mounted ? /* @__PURE__ */ jsx33(
+      children: mounted ? /* @__PURE__ */ jsx34(
         JellyBlobMascot,
         {
+          ...props,
           mood,
-          gaze: MOOD_GAZE[mood],
+          gaze: gaze ?? MOOD_GAZE[mood],
           className: "h-auto w-full"
         }
       ) : null
     }
   );
 }
+var JellyMascotContext = React10.createContext(null);
+function useJellyMood() {
+  const state = React10.useContext(JellyMascotContext);
+  return React10.useCallback(
+    (mood) => {
+      if (!mood || !state) return {};
+      return {
+        onPointerEnter: () => state.setPreview(mood),
+        onFocus: () => state.setPreview(mood),
+        onPointerLeave: () => state.setPreview(null),
+        onBlur: () => state.setPreview(null)
+      };
+    },
+    [state]
+  );
+}
+function withPreviewHandlers(preview, props) {
+  const handlers = preview(props.mood);
+  return {
+    onPointerEnter: props.onPointerEnter ?? handlers.onPointerEnter,
+    onPointerLeave: props.onPointerLeave ?? handlers.onPointerLeave,
+    onFocus: props.onFocus ?? handlers.onFocus,
+    onBlur: props.onBlur ?? handlers.onBlur
+  };
+}
+function JellyAction({
+  mood,
+  ...props
+}) {
+  const preview = useJellyMood();
+  return /* @__PURE__ */ jsx34(Button, { ...props, ...withPreviewHandlers(preview, { ...props, mood }) });
+}
+function JellyLink({
+  mood,
+  ...props
+}) {
+  const preview = useJellyMood();
+  return /* @__PURE__ */ jsx34("a", { ...props, ...withPreviewHandlers(preview, { ...props, mood }) });
+}
+function JellyMascotProvider({
+  mood = "neutral",
+  speech,
+  children,
+  ...blobProps
+}) {
+  const { mounted } = useMounted();
+  const [previewMood, setPreviewMood] = React10.useState(
+    null
+  );
+  const activeMood = previewMood ?? mood;
+  const value = {
+    mood: activeMood,
+    speech,
+    nod: blobProps.nod ?? false,
+    gaze: blobProps.gaze ?? MOOD_GAZE[activeMood],
+    mounted,
+    blobProps,
+    setPreview: setPreviewMood
+  };
+  return /* @__PURE__ */ jsx34(JellyMascotContext.Provider, { value, children });
+}
+var SIZE_WRAPPER = {
+  sm: "w-20",
+  md: "w-28",
+  lg: "w-48",
+  auto: "w-auto"
+};
+function JellyMascotFace({
+  size = "md",
+  className
+}) {
+  const mascot = React10.useContext(JellyMascotContext);
+  if (!mascot) return null;
+  return /* @__PURE__ */ jsxs19(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: cn(
+        "flex flex-col items-center select-none",
+        SIZE_WRAPPER[size],
+        className
+      ),
+      children: [
+        mascot.speech ? /* @__PURE__ */ jsx34(
+          BlobSpeech,
+          {
+            mood: mascot.mood,
+            messages: { [mascot.mood]: mascot.speech }
+          }
+        ) : null,
+        mascot.mounted ? /* @__PURE__ */ jsx34(
+          JellyBlobMascot,
+          {
+            ...mascot.blobProps,
+            mood: mascot.mood,
+            gaze: mascot.gaze,
+            nod: mascot.nod,
+            className: "h-auto w-full"
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function JellyMascot({
+  size = "md",
+  className,
+  ...config
+}) {
+  const existing = React10.useContext(JellyMascotContext);
+  if (existing) return /* @__PURE__ */ jsx34(JellyMascotFace, { size, className });
+  return /* @__PURE__ */ jsx34(JellyMascotProvider, { ...config, children: /* @__PURE__ */ jsx34(JellyMascotFace, { size, className }) });
+}
+function JellyGroup({
+  children,
+  ...config
+}) {
+  return /* @__PURE__ */ jsx34(JellyMascotProvider, { ...config, children });
+}
+function JellyEmpty({
+  title,
+  description,
+  actions,
+  size = "lg",
+  className,
+  ...config
+}) {
+  return /* @__PURE__ */ jsx34(JellyMascotProvider, { ...config, children: /* @__PURE__ */ jsxs19(Empty, { className: cn("gap-4", className), children: [
+    /* @__PURE__ */ jsxs19(EmptyHeader, { className: "gap-2", children: [
+      /* @__PURE__ */ jsx34(JellyMascotFace, { size }),
+      title ? /* @__PURE__ */ jsx34(EmptyTitle, { className: "text-base font-semibold sm:text-lg", children: title }) : null,
+      description ? /* @__PURE__ */ jsx34(EmptyDescription, { className: "max-w-sm", children: description }) : null
+    ] }),
+    actions ? /* @__PURE__ */ jsx34(EmptyContent, { children: actions }) : null
+  ] }) });
+}
 
 // src/ui/kbd.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "kbd",
     {
       "data-slot": "kbd",
@@ -4375,7 +4543,7 @@ function Kbd({ className, ...props }) {
   );
 }
 function KbdGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "kbd",
     {
       "data-slot": "kbd-group",
@@ -4386,9 +4554,9 @@ function KbdGroup({ className, ...props }) {
 }
 
 // src/ui/message.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 function MessageGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       "data-slot": "message-group",
@@ -4402,7 +4570,7 @@ function Message({
   align = "start",
   ...props
 }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       "data-slot": "message",
@@ -4416,7 +4584,7 @@ function Message({
   );
 }
 function MessageAvatar({ className, ...props }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       "data-slot": "message-avatar",
@@ -4429,7 +4597,7 @@ function MessageAvatar({ className, ...props }) {
   );
 }
 function MessageContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       "data-slot": "message-content",
@@ -4442,7 +4610,7 @@ function MessageContent({ className, ...props }) {
   );
 }
 function MessageHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       "data-slot": "message-header",
@@ -4455,7 +4623,7 @@ function MessageHeader({ className, ...props }) {
   );
 }
 function MessageFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       "data-slot": "message-footer",
@@ -4476,15 +4644,15 @@ import {
   useMessageScrollerVisibility
 } from "@shadcn/react/message-scroller";
 import { ArrowDownIcon } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx36, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
 function MessageScrollerProvider(props) {
-  return /* @__PURE__ */ jsx36(MessageScrollerPrimitive.Provider, { ...props });
+  return /* @__PURE__ */ jsx37(MessageScrollerPrimitive.Provider, { ...props });
 }
 function MessageScroller({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     MessageScrollerPrimitive.Root,
     {
       "data-slot": "message-scroller",
@@ -4500,7 +4668,7 @@ function MessageScrollerViewport({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     MessageScrollerPrimitive.Viewport,
     {
       "data-slot": "message-scroller-viewport",
@@ -4516,7 +4684,7 @@ function MessageScrollerContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     MessageScrollerPrimitive.Content,
     {
       "data-slot": "message-scroller-content",
@@ -4530,7 +4698,7 @@ function MessageScrollerItem({
   scrollAnchor = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     MessageScrollerPrimitive.Item,
     {
       "data-slot": "message-scroller-item",
@@ -4552,7 +4720,7 @@ function MessageScrollerButton({
   size = "icon-sm",
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     MessageScrollerPrimitive.Button,
     {
       "data-slot": "message-scroller-button",
@@ -4564,11 +4732,11 @@ function MessageScrollerButton({
         "data-[active=true]:ease-out-quint absolute inset-s-1/2 -translate-x-1/2 border-border bg-background text-foreground transition-[translate,scale,opacity] duration-200 hover:bg-muted hover:text-foreground data-[active=false]:pointer-events-none data-[active=false]:scale-95 data-[active=false]:opacity-0 data-[active=false]:duration-400 data-[active=false]:ease-[cubic-bezier(0.7,0,0.84,0)] data-[active=true]:translate-y-0 data-[active=true]:scale-100 data-[active=true]:opacity-100 data-[direction=end]:bottom-4 data-[direction=end]:data-[active=false]:translate-y-full data-[direction=start]:top-4 data-[direction=start]:data-[active=false]:-translate-y-full rtl:translate-x-1/2 data-[direction=start]:[&_svg]:rotate-180",
         className
       ),
-      render: render ?? /* @__PURE__ */ jsx36(Button, { variant, size }),
+      render: render ?? /* @__PURE__ */ jsx37(Button, { variant, size }),
       ...props,
-      children: children ?? /* @__PURE__ */ jsxs19(Fragment2, { children: [
-        /* @__PURE__ */ jsx36(ArrowDownIcon, {}),
-        /* @__PURE__ */ jsx36("span", { className: "sr-only", children: direction === "end" ? "Scroll to end" : "Scroll to start" })
+      children: children ?? /* @__PURE__ */ jsxs20(Fragment2, { children: [
+        /* @__PURE__ */ jsx37(ArrowDownIcon, {}),
+        /* @__PURE__ */ jsx37("span", { className: "sr-only", children: direction === "end" ? "Scroll to end" : "Scroll to start" })
       ] })
     }
   );
@@ -4582,9 +4750,9 @@ import {
   motion as motion5,
   useReducedMotion
 } from "motion/react";
-import { Fragment as Fragment3, useEffect as useEffect5, useId as useId2, useRef as useRef3, useState as useState6 } from "react";
+import { Fragment as Fragment3, useEffect as useEffect5, useId as useId2, useRef as useRef3, useState as useState7 } from "react";
 import { twMerge as twMerge2 } from "tailwind-merge";
-import { jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs21 } from "react/jsx-runtime";
 var EASE_OUT = [0.16, 1, 0.3, 1];
 var EASE_IN_OUT = [0.77, 0, 0.175, 1];
 var EASE_DRAWER = [0.32, 0.72, 0, 1];
@@ -4618,7 +4786,7 @@ var SPRING_MOUSE = {
   damping: 15,
   mass: 0.3
 };
-function cn2(...inputs) {
+function otpCn(...inputs) {
   return twMerge2(clsx2(inputs));
 }
 function OTPInput2({
@@ -4644,11 +4812,11 @@ function OTPInput2({
   const inputRef = useRef3(null);
   const slotsRef = useRef3(null);
   const controlled = controlledValue !== void 0;
-  const [slots, setSlots] = useState6(
+  const [slots, setSlots] = useState7(
     () => toSlots(controlled ? controlledValue : defaultValue, length)
   );
-  const [focused, setFocused] = useState6(false);
-  const [active, setActive] = useState6(0);
+  const [focused, setFocused] = useState7(false);
+  const [active, setActive] = useState7(0);
   const joined = slots.join("");
   const joinedRef = useRef3(joined);
   joinedRef.current = joined;
@@ -4752,8 +4920,8 @@ function OTPInput2({
   const showSuccess = status === "success";
   const activeIndex = focused ? active : -1;
   const message = showSuccess ? successMessage : status === "error" ? errorMessage : hint;
-  return /* @__PURE__ */ jsxs20("div", { className: cn2("inline-flex flex-col gap-2", className), children: [
-    label ? /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsxs21("div", { className: otpCn("inline-flex flex-col gap-2", className), children: [
+    label ? /* @__PURE__ */ jsx38(
       "label",
       {
         htmlFor: `${uid}-input`,
@@ -4761,7 +4929,7 @@ function OTPInput2({
         children: label
       }
     ) : null,
-    /* @__PURE__ */ jsxs20(
+    /* @__PURE__ */ jsxs21(
       "div",
       {
         className: "relative inline-flex w-max",
@@ -4774,7 +4942,7 @@ function OTPInput2({
           inputRef.current?.focus();
         },
         children: [
-          /* @__PURE__ */ jsx37(
+          /* @__PURE__ */ jsx38(
             "input",
             {
               ref: inputRef,
@@ -4801,24 +4969,24 @@ function OTPInput2({
               className: "absolute inset-0 z-20 h-full w-full cursor-text bg-transparent text-transparent caret-transparent opacity-0 outline-none disabled:cursor-not-allowed"
             }
           ),
-          /* @__PURE__ */ jsx37("div", { ref: slotsRef, className: "flex items-center gap-3", children: Array.from({ length }, (_, i) => {
+          /* @__PURE__ */ jsx38("div", { ref: slotsRef, className: "flex items-center gap-3", children: Array.from({ length }, (_, i) => {
             const char = slots[i] ?? "";
             const isActive = i === activeIndex;
-            return /* @__PURE__ */ jsxs20(Fragment3, { children: [
-              /* @__PURE__ */ jsxs20(
+            return /* @__PURE__ */ jsxs21(Fragment3, { children: [
+              /* @__PURE__ */ jsxs21(
                 "div",
                 {
                   "data-otp-slot": true,
                   "data-active": isActive,
                   "data-filled": char !== "",
-                  className: cn2(
+                  className: otpCn(
                     "relative grid size-11 place-items-center overflow-hidden rounded-xl border bg-card text-xl font-semibold tabular-nums transition-colors duration-200",
                     showSuccess ? "border-emerald-500/60 text-foreground" : status === "error" ? "border-destructive/60 text-foreground" : char ? "border-border-strong text-foreground" : "border-border text-muted-foreground",
                     isActive && !showSuccess && status !== "error" && "border-brand border-2 ring-0",
                     disabled && "opacity-50"
                   ),
                   children: [
-                    isActive && !showSuccess ? /* @__PURE__ */ jsx37(
+                    isActive && !showSuccess ? /* @__PURE__ */ jsx38(
                       motion5.span,
                       {
                         "aria-hidden": true,
@@ -4828,13 +4996,13 @@ function OTPInput2({
                           repeat: Number.POSITIVE_INFINITY,
                           ease: "linear"
                         },
-                        className: cn2(
+                        className: otpCn(
                           "bg-brand pointer-events-none absolute top-1/2 h-6 w-px -translate-y-1/2",
                           char ? "right-3" : "left-1/2 -translate-x-1/2"
                         )
                       }
                     ) : null,
-                    /* @__PURE__ */ jsx37(AnimatePresence2, { initial: false, children: char ? /* @__PURE__ */ jsx37(
+                    /* @__PURE__ */ jsx38(AnimatePresence2, { initial: false, children: char ? /* @__PURE__ */ jsx38(
                       motion5.span,
                       {
                         initial: reduce ? {
@@ -4872,10 +5040,10 @@ function OTPInput2({
                   ]
                 }
               ),
-              i === 2 ? /* @__PURE__ */ jsx37("span", { "aria-hidden": "true", className: "h-0.5 w-4 bg-primary" }) : null
+              i === 2 ? /* @__PURE__ */ jsx38("span", { "aria-hidden": "true", className: "h-0.5 w-4 bg-primary" }) : null
             ] }, `${uid}-${i}`);
           }) }),
-          /* @__PURE__ */ jsx37(AnimatePresence2, { children: showSuccess ? /* @__PURE__ */ jsx37(
+          /* @__PURE__ */ jsx38(AnimatePresence2, { children: showSuccess ? /* @__PURE__ */ jsx38(
             motion5.span,
             {
               initial: reduce ? {
@@ -4905,7 +5073,7 @@ function OTPInput2({
               },
               className: "pointer-events-none absolute top-1/2 -right-7 -translate-y-1/2 text-emerald-500",
               "aria-hidden": true,
-              children: /* @__PURE__ */ jsxs20(
+              children: /* @__PURE__ */ jsxs21(
                 "svg",
                 {
                   width: "20",
@@ -4917,8 +5085,8 @@ function OTPInput2({
                   strokeLinecap: "round",
                   strokeLinejoin: "round",
                   children: [
-                    /* @__PURE__ */ jsx37("title", { children: "Verified" }),
-                    /* @__PURE__ */ jsx37(
+                    /* @__PURE__ */ jsx38("title", { children: "Verified" }),
+                    /* @__PURE__ */ jsx38(
                       motion5.path,
                       {
                         d: "M5 13l4 4L19 7",
@@ -4947,11 +5115,11 @@ function OTPInput2({
         ]
       }
     ),
-    message ? /* @__PURE__ */ jsx37(
+    message ? /* @__PURE__ */ jsx38(
       "p",
       {
         "aria-live": "polite",
-        className: cn2(
+        className: otpCn(
           "text-sm",
           showSuccess ? "text-emerald-500" : status === "error" ? "text-destructive" : "text-muted-foreground"
         ),
@@ -4970,12 +5138,12 @@ function toSlots(raw, length) {
 
 // src/ui/popover.tsx
 import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function Popover({ ...props }) {
-  return /* @__PURE__ */ jsx38(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ jsx39(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx38(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ jsx39(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -4985,7 +5153,7 @@ function PopoverContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx39(
     PopoverPrimitive.Positioner,
     {
       align,
@@ -4993,7 +5161,7 @@ function PopoverContent({
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsx38(
+      children: /* @__PURE__ */ jsx39(
         PopoverPrimitive.Popup,
         {
           "data-slot": "popover-content",
@@ -5008,7 +5176,7 @@ function PopoverContent({
   ) });
 }
 function PopoverHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       "data-slot": "popover-header",
@@ -5018,7 +5186,7 @@ function PopoverHeader({ className, ...props }) {
   );
 }
 function PopoverTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     PopoverPrimitive.Title,
     {
       "data-slot": "popover-title",
@@ -5031,7 +5199,7 @@ function PopoverDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     PopoverPrimitive.Description,
     {
       "data-slot": "popover-description",
@@ -5044,14 +5212,12 @@ function PopoverDescription({
 // src/ui/quantity.tsx
 import { NumberField } from "@base-ui/react/number-field";
 import { Minus, Plus } from "@gravity-ui/icons";
-import * as React9 from "react";
-import { jsx as jsx39, jsxs as jsxs21 } from "react/jsx-runtime";
-function QuantityInput({
-  ...props
-}) {
-  const id = React9.useId();
-  return /* @__PURE__ */ jsx39(NumberField.Root, { id, ...props, className: "flex flex-col items-start", children: /* @__PURE__ */ jsxs21(NumberField.Group, { className: "flex h-8 gap-1", children: [
-    /* @__PURE__ */ jsx39(
+import * as React11 from "react";
+import { jsx as jsx40, jsxs as jsxs22 } from "react/jsx-runtime";
+var QuantityInput = React11.forwardRef(function QuantityInput2({ ...props }, ref) {
+  const id = React11.useId();
+  return /* @__PURE__ */ jsx40(NumberField.Root, { id, ...props, className: "flex flex-col items-start", children: /* @__PURE__ */ jsxs22(NumberField.Group, { className: "flex h-8 gap-1", children: [
+    /* @__PURE__ */ jsx40(
       NumberField.Decrement,
       {
         className: buttonVariants({
@@ -5059,17 +5225,18 @@ function QuantityInput({
           size: "icon-sm",
           className: "rounded-full! border-border!"
         }),
-        children: /* @__PURE__ */ jsx39(Minus, {})
+        children: /* @__PURE__ */ jsx40(Minus, {})
       }
     ),
-    /* @__PURE__ */ jsx39(
+    /* @__PURE__ */ jsx40(
       NumberField.Input,
       {
+        ref,
         className: "h-7 w-16 rounded-md border px-1 text-center",
         "data-no-ring": true
       }
     ),
-    /* @__PURE__ */ jsx39(
+    /* @__PURE__ */ jsx40(
       NumberField.Increment,
       {
         className: buttonVariants({
@@ -5077,18 +5244,18 @@ function QuantityInput({
           size: "icon-sm",
           className: "rounded-full! border-border!"
         }),
-        children: /* @__PURE__ */ jsx39(Plus, {})
+        children: /* @__PURE__ */ jsx40(Plus, {})
       }
     )
   ] }) });
-}
+});
 
 // src/ui/radio-group.tsx
 import { Radio as RadioPrimitive } from "@base-ui/react/radio";
 import { RadioGroup as RadioGroupPrimitive } from "@base-ui/react/radio-group";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 function RadioGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     RadioGroupPrimitive,
     {
       "data-slot": "radio-group",
@@ -5098,7 +5265,7 @@ function RadioGroup({ className, ...props }) {
   );
 }
 function RadioGroupItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     RadioPrimitive.Root,
     {
       "data-slot": "radio-group-item",
@@ -5107,12 +5274,12 @@ function RadioGroupItem({ className, ...props }) {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx40(
+      children: /* @__PURE__ */ jsx41(
         RadioPrimitive.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "flex size-4 items-center justify-center",
-          children: /* @__PURE__ */ jsx40("span", { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground" })
+          children: /* @__PURE__ */ jsx41("span", { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground" })
         }
       )
     }
@@ -5123,24 +5290,24 @@ function RadioGroupItem({ className, ...props }) {
 import { useRender as useRender5 } from "@base-ui/react/use-render";
 import { cva as cva9 } from "class-variance-authority";
 import {
-  createContext as createContext4,
-  useCallback as useCallback3,
-  useContext as useContext5,
+  createContext as createContext5,
+  useCallback as useCallback4,
+  useContext as useContext6,
   useEffect as useEffect6,
   useId as useId4,
   useMemo as useMemo4,
   useRef as useRef4,
-  useState as useState7
+  useState as useState8
 } from "react";
 
 // src/ui/tooltip.tsx
 import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
-import { jsx as jsx41, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs23 } from "react/jsx-runtime";
 function TooltipProvider({
   delay = 0,
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     TooltipPrimitive.Provider,
     {
       "data-slot": "tooltip-provider",
@@ -5150,10 +5317,10 @@ function TooltipProvider({
   );
 }
 function Tooltip2({ ...props }) {
-  return /* @__PURE__ */ jsx41(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
+  return /* @__PURE__ */ jsx42(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
 }
 function TooltipTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx41(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ jsx42(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({
   className,
@@ -5164,7 +5331,7 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx42(
     TooltipPrimitive.Positioner,
     {
       align,
@@ -5172,7 +5339,7 @@ function TooltipContent({
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsxs22(
+      children: /* @__PURE__ */ jsxs23(
         TooltipPrimitive.Popup,
         {
           "data-slot": "tooltip-content",
@@ -5183,7 +5350,7 @@ function TooltipContent({
           ...props,
           children: [
             children,
-            /* @__PURE__ */ jsx41(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })
+            /* @__PURE__ */ jsx42(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })
           ]
         }
       )
@@ -5193,7 +5360,7 @@ function TooltipContent({
 
 // src/ui/reui/filters.tsx
 import { AlertCircleIcon, CheckIcon as CheckIcon2, PlusIcon, XIcon } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx42, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx43, jsxs as jsxs24 } from "react/jsx-runtime";
 var DEFAULT_I18N = {
   // UI Labels
   addFilter: "Filter",
@@ -5264,7 +5431,7 @@ var DEFAULT_I18N = {
     invalid: "Invalid input format"
   }
 };
-var FilterContext = createContext4({
+var FilterContext = createContext5({
   variant: "default",
   size: "default",
   radius: "default",
@@ -5274,7 +5441,7 @@ var FilterContext = createContext4({
   trigger: void 0,
   allowMultiple: true
 });
-var useFilterContext = () => useContext5(FilterContext);
+var useFilterContext = () => useContext6(FilterContext);
 var filtersContainerVariants = cva9("flex flex-wrap items-center", {
   variants: {
     variant: {
@@ -5300,8 +5467,8 @@ function FilterInput({
   ...props
 }) {
   const context = useFilterContext();
-  const [isValid, setIsValid] = useState7(true);
-  const [validationMessage, setValidationMessage] = useState7("");
+  const [isValid, setIsValid] = useState8(true);
+  const [validationMessage, setValidationMessage] = useState8("");
   const inputRef = useRef4(null);
   useEffect6(() => {
     if (props.autoFocus) {
@@ -5359,7 +5526,7 @@ function FilterInput({
     }
     onKeyDown?.(e);
   };
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(
     InputGroup,
     {
       className: cn(
@@ -5377,8 +5544,8 @@ function FilterInput({
         className
       ),
       children: [
-        field?.prefix && /* @__PURE__ */ jsx42(InputGroupAddon, { children: /* @__PURE__ */ jsx42(InputGroupText, { children: field.prefix }) }),
-        /* @__PURE__ */ jsx42(
+        field?.prefix && /* @__PURE__ */ jsx43(InputGroupAddon, { children: /* @__PURE__ */ jsx43(InputGroupText, { children: field.prefix }) }),
+        /* @__PURE__ */ jsx43(
           InputGroupInput,
           {
             ref: inputRef,
@@ -5393,22 +5560,22 @@ function FilterInput({
             ...props
           }
         ),
-        !isValid && validationMessage && /* @__PURE__ */ jsx42(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsxs23(Tooltip2, { children: [
-          /* @__PURE__ */ jsx42(TooltipTrigger, { render: /* @__PURE__ */ jsx42(InputGroupButton, { size: "icon-xs" }), children: /* @__PURE__ */ jsx42(AlertCircleIcon, { className: "size-3.5 text-destructive" }) }),
-          /* @__PURE__ */ jsx42(TooltipContent, { children: /* @__PURE__ */ jsx42("p", { className: "text-sm", children: validationMessage }) })
+        !isValid && validationMessage && /* @__PURE__ */ jsx43(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsxs24(Tooltip2, { children: [
+          /* @__PURE__ */ jsx43(TooltipTrigger, { render: /* @__PURE__ */ jsx43(InputGroupButton, { size: "icon-xs" }), children: /* @__PURE__ */ jsx43(AlertCircleIcon, { className: "size-3.5 text-destructive" }) }),
+          /* @__PURE__ */ jsx43(TooltipContent, { children: /* @__PURE__ */ jsx43("p", { className: "text-sm", children: validationMessage }) })
         ] }) }),
-        field?.suffix && /* @__PURE__ */ jsx42(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsx42(InputGroupText, { children: field.suffix }) })
+        field?.suffix && /* @__PURE__ */ jsx43(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsx43(InputGroupText, { children: field.suffix }) })
       ]
     }
   );
 }
 function FilterRemoveButton({
   className,
-  icon = /* @__PURE__ */ jsx42(XIcon, {}),
+  icon = /* @__PURE__ */ jsx43(XIcon, {}),
   ...props
 }) {
   const context = useFilterContext();
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     Button,
     {
       variant: "outline",
@@ -5466,8 +5633,8 @@ function useFieldOptions(field, searchInput, enabled) {
       cache.set(opt.value, opt);
     }
   }
-  const [state, setState] = useState7(() => ({ options: field.options ?? [], loading: false, error: false }));
-  const [debouncedQuery, setDebouncedQuery] = useState7(searchInput);
+  const [state, setState] = useState8(() => ({ options: field.options ?? [], loading: false, error: false }));
+  const [debouncedQuery, setDebouncedQuery] = useState8(searchInput);
   useEffect6(() => {
     if (!isAsync) return;
     const timer = setTimeout(() => setDebouncedQuery(searchInput), 250);
@@ -5496,7 +5663,7 @@ function useFieldOptions(field, searchInput, enabled) {
       cancelled = true;
     };
   }, [isAsync, enabled, debouncedQuery]);
-  const resolveSelected = useCallback3(
+  const resolveSelected = useCallback4(
     (values) => {
       const cache = getFieldOptionCache(field);
       return values.map(
@@ -5579,11 +5746,11 @@ function FilterOperatorDropdown({
     [field, values, context.i18n]
   );
   const operatorLabel = operators.find((op) => op.value === operator)?.label || context.i18n.helpers.formatOperator(operator);
-  return /* @__PURE__ */ jsxs23(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsxs24(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx43(
       DropdownMenuTrigger,
       {
-        render: /* @__PURE__ */ jsx42(
+        render: /* @__PURE__ */ jsx43(
           Button,
           {
             variant: "outline",
@@ -5594,7 +5761,7 @@ function FilterOperatorDropdown({
         )
       }
     ),
-    /* @__PURE__ */ jsx42(DropdownMenuContent, { align: "start", className: "w-fit min-w-fit", children: operators.map((op) => /* @__PURE__ */ jsxs23(
+    /* @__PURE__ */ jsx43(DropdownMenuContent, { align: "start", className: "w-fit min-w-fit", children: operators.map((op) => /* @__PURE__ */ jsxs24(
       DropdownMenuItem,
       {
         onClick: () => onChange(op.value),
@@ -5602,8 +5769,8 @@ function FilterOperatorDropdown({
           "flex items-center justify-between data-highlighted:bg-accent data-highlighted:text-accent-foreground"
         ),
         children: [
-          /* @__PURE__ */ jsx42("span", { children: op.label }),
-          /* @__PURE__ */ jsx42(
+          /* @__PURE__ */ jsx43("span", { children: op.label }),
+          /* @__PURE__ */ jsx43(
             CheckIcon2,
             {
               className: cn(
@@ -5625,9 +5792,9 @@ function SelectOptionsPopover({
   onClose,
   inline = false
 }) {
-  const [open, setOpen] = useState7(false);
-  const [searchInput, setSearchInput] = useState7("");
-  const [highlightedIndex, setHighlightedIndex] = useState7(-1);
+  const [open, setOpen] = useState8(false);
+  const [searchInput, setSearchInput] = useState8("");
+  const [highlightedIndex, setHighlightedIndex] = useState8(-1);
   const inputRef = useRef4(null);
   const context = useFilterContext();
   const baseId = useId4();
@@ -5687,7 +5854,7 @@ function SelectOptionsPopover({
     const isSelected = effectiveValues.includes(option.value);
     const isHighlighted = highlightedIndex === overallIndex;
     const itemId = `${baseId}-item-${overallIndex}`;
-    return /* @__PURE__ */ jsxs23(
+    return /* @__PURE__ */ jsxs24(
       DropdownMenuCheckboxItem,
       {
         id: itemId,
@@ -5706,15 +5873,15 @@ function SelectOptionsPopover({
         onCheckedChange: () => toggleOption(option),
         children: [
           option.icon && option.icon,
-          /* @__PURE__ */ jsx42("span", { className: "truncate", children: option.label })
+          /* @__PURE__ */ jsx43("span", { className: "truncate", children: option.label })
         ]
       },
       String(option.value)
     );
   };
-  const renderMenuContent = () => /* @__PURE__ */ jsxs23(Fragment4, { children: [
-    field.searchable !== false && /* @__PURE__ */ jsxs23(Fragment4, { children: [
-      /* @__PURE__ */ jsx42(
+  const renderMenuContent = () => /* @__PURE__ */ jsxs24(Fragment4, { children: [
+    field.searchable !== false && /* @__PURE__ */ jsxs24(Fragment4, { children: [
+      /* @__PURE__ */ jsx43(
         Input,
         {
           ref: inputRef,
@@ -5775,24 +5942,24 @@ function SelectOptionsPopover({
           }
         }
       ),
-      /* @__PURE__ */ jsx42(DropdownMenuSeparator, {})
+      /* @__PURE__ */ jsx43(DropdownMenuSeparator, {})
     ] }),
-    /* @__PURE__ */ jsx42("div", { className: "relative flex max-h-full", children: /* @__PURE__ */ jsx42(
+    /* @__PURE__ */ jsx43("div", { className: "relative flex max-h-full", children: /* @__PURE__ */ jsx43(
       "div",
       {
         className: "flex max-h-[min(var(--available-height),24rem)] w-full scroll-pt-2 scroll-pb-2 flex-col overscroll-contain",
         role: "listbox",
         id: `${baseId}-listbox`,
-        children: isAsync && loading && allFilteredOptions.length === 0 ? /* @__PURE__ */ jsx42("div", { className: "py-2 text-center text-sm text-muted-foreground", children: context.i18n.loadingOptions ?? DEFAULT_I18N.loadingOptions }) : isAsync && error ? /* @__PURE__ */ jsx42("div", { className: "py-2 text-center text-sm text-muted-foreground", children: context.i18n.errorLoadingOptions ?? DEFAULT_I18N.errorLoadingOptions }) : allFilteredOptions.length === 0 ? /* @__PURE__ */ jsx42("div", { className: "py-2 text-center text-sm text-muted-foreground", children: context.i18n.noResultsFound }) : field.renderOptionList ? field.renderOptionList({
+        children: isAsync && loading && allFilteredOptions.length === 0 ? /* @__PURE__ */ jsx43("div", { className: "py-2 text-center text-sm text-muted-foreground", children: context.i18n.loadingOptions ?? DEFAULT_I18N.loadingOptions }) : isAsync && error ? /* @__PURE__ */ jsx43("div", { className: "py-2 text-center text-sm text-muted-foreground", children: context.i18n.errorLoadingOptions ?? DEFAULT_I18N.errorLoadingOptions }) : allFilteredOptions.length === 0 ? /* @__PURE__ */ jsx43("div", { className: "py-2 text-center text-sm text-muted-foreground", children: context.i18n.noResultsFound }) : field.renderOptionList ? field.renderOptionList({
           options: allFilteredOptions,
           highlightedIndex,
           renderOption: renderOptionItem
-        }) : /* @__PURE__ */ jsxs23(ScrollArea, { className: "size-full min-h-0 **:data-[slot=scroll-area-scrollbar]:m-0 **:data-[slot=scroll-area-viewport]:h-full **:data-[slot=scroll-area-viewport]:overscroll-contain", children: [
-          filteredSelectedOptions.length > 0 && /* @__PURE__ */ jsx42(DropdownMenuGroup, { className: "px-1", children: filteredSelectedOptions.map(
+        }) : /* @__PURE__ */ jsxs24(ScrollArea, { className: "size-full min-h-0 **:data-[slot=scroll-area-scrollbar]:m-0 **:data-[slot=scroll-area-viewport]:h-full **:data-[slot=scroll-area-viewport]:overscroll-contain", children: [
+          filteredSelectedOptions.length > 0 && /* @__PURE__ */ jsx43(DropdownMenuGroup, { className: "px-1", children: filteredSelectedOptions.map(
             (option, index) => renderOptionItem(option, index)
           ) }),
-          filteredSelectedOptions.length > 0 && filteredUnselectedOptions.length > 0 && /* @__PURE__ */ jsx42(DropdownMenuSeparator, { className: "mx-0" }),
-          filteredUnselectedOptions.length > 0 && /* @__PURE__ */ jsx42(DropdownMenuGroup, { className: "px-1", children: filteredUnselectedOptions.map(
+          filteredSelectedOptions.length > 0 && filteredUnselectedOptions.length > 0 && /* @__PURE__ */ jsx43(DropdownMenuSeparator, { className: "mx-0" }),
+          filteredUnselectedOptions.length > 0 && /* @__PURE__ */ jsx43(DropdownMenuGroup, { className: "px-1", children: filteredUnselectedOptions.map(
             (option, index) => renderOptionItem(
               option,
               index + filteredSelectedOptions.length
@@ -5803,9 +5970,9 @@ function SelectOptionsPopover({
     ) })
   ] });
   if (inline) {
-    return /* @__PURE__ */ jsx42("div", { className: "w-full", children: renderMenuContent() });
+    return /* @__PURE__ */ jsx43("div", { className: "w-full", children: renderMenuContent() });
   }
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(
     DropdownMenu,
     {
       open,
@@ -5816,19 +5983,19 @@ function SelectOptionsPopover({
         }
       },
       children: [
-        /* @__PURE__ */ jsx42(
+        /* @__PURE__ */ jsx43(
           DropdownMenuTrigger,
           {
-            render: /* @__PURE__ */ jsx42(Button, { variant: "outline", size: context.size, children: /* @__PURE__ */ jsx42("div", { className: "flex items-center gap-1.5", children: field.customValueRenderer ? field.customValueRenderer(
+            render: /* @__PURE__ */ jsx43(Button, { variant: "outline", size: context.size, children: /* @__PURE__ */ jsx43("div", { className: "flex items-center gap-1.5", children: field.customValueRenderer ? field.customValueRenderer(
               values,
               isAsync ? resolveSelected(values) : field.options || []
-            ) : /* @__PURE__ */ jsxs23(Fragment4, { children: [
-              selectedOptions.length > 0 && /* @__PURE__ */ jsx42("div", { className: "flex items-center -space-x-1.5", children: selectedOptions.slice(0, 3).map((option) => /* @__PURE__ */ jsx42("div", { children: option.icon }, String(option.value))) }),
+            ) : /* @__PURE__ */ jsxs24(Fragment4, { children: [
+              selectedOptions.length > 0 && /* @__PURE__ */ jsx43("div", { className: "flex items-center -space-x-1.5", children: selectedOptions.slice(0, 3).map((option) => /* @__PURE__ */ jsx43("div", { children: option.icon }, String(option.value))) }),
               selectedOptions.length === 1 ? selectedOptions[0].label : selectedOptions.length > 1 ? `${selectedOptions.length} ${context.i18n.selectedCount}` : context.i18n.select
             ] }) }) })
           }
         ),
-        /* @__PURE__ */ jsx42(
+        /* @__PURE__ */ jsx43(
           DropdownMenuContent,
           {
             align: "start",
@@ -5851,10 +6018,10 @@ function FilterValueSelector({
     return null;
   }
   if (field.customRenderer) {
-    return /* @__PURE__ */ jsx42(ButtonGroupText, { className: "bg-background text-start whitespace-nowrap outline-hidden hover:bg-accent aria-expanded:bg-accent dark:bg-input/30", children: field.customRenderer({ field, values, onChange, operator }) });
+    return /* @__PURE__ */ jsx43(ButtonGroupText, { className: "bg-background text-start whitespace-nowrap outline-hidden hover:bg-accent aria-expanded:bg-accent dark:bg-input/30", children: field.customRenderer({ field, values, onChange, operator }) });
   }
   if (field.type === "text") {
-    return /* @__PURE__ */ jsx42(
+    return /* @__PURE__ */ jsx43(
       FilterInput,
       {
         type: "text",
@@ -5869,9 +6036,9 @@ function FilterValueSelector({
     );
   }
   if (field.type === "select" || field.type === "multiselect") {
-    return /* @__PURE__ */ jsx42(SelectOptionsPopover, { field, values, onChange });
+    return /* @__PURE__ */ jsx43(SelectOptionsPopover, { field, values, onChange });
   }
-  return /* @__PURE__ */ jsx42(SelectOptionsPopover, { field, values, onChange });
+  return /* @__PURE__ */ jsx43(SelectOptionsPopover, { field, values, onChange });
 }
 var FiltersContent = ({
   filters,
@@ -5880,7 +6047,7 @@ var FiltersContent = ({
 }) => {
   const context = useFilterContext();
   const fieldsMap = useMemo4(() => getFieldsMap(fields), [fields]);
-  const updateFilter = useCallback3(
+  const updateFilter = useCallback4(
     (filterId, updates) => {
       onChange(
         filters.map((filter) => {
@@ -5897,13 +6064,13 @@ var FiltersContent = ({
     },
     [filters, onChange]
   );
-  const removeFilter = useCallback3(
+  const removeFilter = useCallback4(
     (filterId) => {
       onChange(filters.filter((filter) => filter.id !== filterId));
     },
     [filters, onChange]
   );
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       className: cn(
@@ -5916,16 +6083,16 @@ var FiltersContent = ({
       children: filters.map((filter) => {
         const field = fieldsMap[filter.field];
         if (!field) return null;
-        return /* @__PURE__ */ jsxs23(
+        return /* @__PURE__ */ jsxs24(
           ButtonGroup,
           {
             className: "",
             children: [
-              /* @__PURE__ */ jsxs23(ButtonGroupText, { children: [
+              /* @__PURE__ */ jsxs24(ButtonGroupText, { children: [
                 field.icon && field.icon,
                 field.label
               ] }),
-              /* @__PURE__ */ jsx42(
+              /* @__PURE__ */ jsx43(
                 FilterOperatorDropdown,
                 {
                   field,
@@ -5934,7 +6101,7 @@ var FiltersContent = ({
                   onChange: (operator) => updateFilter(filter.id, { operator })
                 }
               ),
-              /* @__PURE__ */ jsx42(
+              /* @__PURE__ */ jsx43(
                 FilterValueSelector,
                 {
                   field,
@@ -5944,7 +6111,7 @@ var FiltersContent = ({
                   autoFocus: false
                 }
               ),
-              /* @__PURE__ */ jsx42(FilterRemoveButton, { onClick: () => removeFilter(filter.id) })
+              /* @__PURE__ */ jsx43(FilterRemoveButton, { onClick: () => removeFilter(filter.id) })
             ]
           },
           filter.id
@@ -5964,8 +6131,8 @@ function FilterSubmenuContent({
   onBack,
   onClose
 }) {
-  const [searchInput, setSearchInput] = useState7("");
-  const [highlightedIndex, setHighlightedIndex] = useState7(-1);
+  const [searchInput, setSearchInput] = useState8("");
+  const [highlightedIndex, setHighlightedIndex] = useState8(-1);
   const inputRef = useRef4(null);
   const baseId = useId4();
   const {
@@ -6022,7 +6189,7 @@ function FilterSubmenuContent({
     const isSelected = currentValues.includes(option.value);
     const isHighlighted = highlightedIndex === index;
     const itemId = `${baseId}-item-${index}`;
-    return /* @__PURE__ */ jsxs23(
+    return /* @__PURE__ */ jsxs24(
       DropdownMenuCheckboxItem,
       {
         id: itemId,
@@ -6041,7 +6208,7 @@ function FilterSubmenuContent({
         onCheckedChange: () => onToggle(option.value, isSelected),
         children: [
           option.icon && option.icon,
-          /* @__PURE__ */ jsx42("span", { className: "truncate", children: option.label })
+          /* @__PURE__ */ jsx43("span", { className: "truncate", children: option.label })
         ]
       },
       String(option.value)
@@ -6052,9 +6219,9 @@ function FilterSubmenuContent({
       setHighlightedIndex(0);
     }
   }, [isActive, filteredOptions.length]);
-  return /* @__PURE__ */ jsxs23("div", { className: "flex flex-col", onMouseEnter: onActive, children: [
-    field.searchable !== false && /* @__PURE__ */ jsxs23(Fragment4, { children: [
-      /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsxs24("div", { className: "flex flex-col", onMouseEnter: onActive, children: [
+    field.searchable !== false && /* @__PURE__ */ jsxs24(Fragment4, { children: [
+      /* @__PURE__ */ jsx43(
         Input,
         {
           ref: inputRef,
@@ -6117,9 +6284,9 @@ function FilterSubmenuContent({
           }
         }
       ),
-      /* @__PURE__ */ jsx42(DropdownMenuSeparator, {})
+      /* @__PURE__ */ jsx43(DropdownMenuSeparator, {})
     ] }),
-    /* @__PURE__ */ jsx42("div", { className: "relative flex max-h-full", children: /* @__PURE__ */ jsx42(
+    /* @__PURE__ */ jsx43("div", { className: "relative flex max-h-full", children: /* @__PURE__ */ jsx43(
       "div",
       {
         className: "flex max-h-[min(var(--available-height),24rem)] w-full scroll-pt-2 scroll-pb-2 flex-col overscroll-contain outline-hidden",
@@ -6164,11 +6331,11 @@ function FilterSubmenuContent({
             e.stopPropagation();
           }
         },
-        children: isAsync && loading && filteredOptions.length === 0 ? /* @__PURE__ */ jsx42("div", { className: "py-2 text-center text-sm text-muted-foreground", children: i18n.loadingOptions ?? DEFAULT_I18N.loadingOptions }) : isAsync && error ? /* @__PURE__ */ jsx42("div", { className: "py-2 text-center text-sm text-muted-foreground", children: i18n.errorLoadingOptions ?? DEFAULT_I18N.errorLoadingOptions }) : filteredOptions.length === 0 ? /* @__PURE__ */ jsx42("div", { className: "py-2 text-center text-sm text-muted-foreground", children: i18n.noResultsFound }) : field.renderOptionList ? field.renderOptionList({
+        children: isAsync && loading && filteredOptions.length === 0 ? /* @__PURE__ */ jsx43("div", { className: "py-2 text-center text-sm text-muted-foreground", children: i18n.loadingOptions ?? DEFAULT_I18N.loadingOptions }) : isAsync && error ? /* @__PURE__ */ jsx43("div", { className: "py-2 text-center text-sm text-muted-foreground", children: i18n.errorLoadingOptions ?? DEFAULT_I18N.errorLoadingOptions }) : filteredOptions.length === 0 ? /* @__PURE__ */ jsx43("div", { className: "py-2 text-center text-sm text-muted-foreground", children: i18n.noResultsFound }) : field.renderOptionList ? field.renderOptionList({
           options: filteredOptions,
           highlightedIndex,
           renderOption: renderOptionItem
-        }) : /* @__PURE__ */ jsx42(ScrollArea, { className: "size-full min-h-0 **:data-[slot=scroll-area-scrollbar]:m-0 **:data-[slot=scroll-area-viewport]:h-full **:data-[slot=scroll-area-viewport]:overscroll-contain", children: /* @__PURE__ */ jsx42(DropdownMenuGroup, { children: filteredOptions.map(
+        }) : /* @__PURE__ */ jsx43(ScrollArea, { className: "size-full min-h-0 **:data-[slot=scroll-area-scrollbar]:m-0 **:data-[slot=scroll-area-viewport]:h-full **:data-[slot=scroll-area-viewport]:overscroll-contain", children: /* @__PURE__ */ jsx43(DropdownMenuGroup, { children: filteredOptions.map(
           (option, index) => renderOptionItem(option, index)
         ) }) })
       }
@@ -6192,12 +6359,12 @@ function Filters({
   shortcutKey = "f",
   shortcutLabel = "F"
 }) {
-  const [addFilterOpen, setAddFilterOpen] = useState7(false);
-  const [menuSearchInput, setMenuSearchInput] = useState7("");
-  const [activeMenu, setActiveMenu] = useState7("root");
-  const [openSubMenu, setOpenSubMenu] = useState7(null);
-  const [highlightedIndex, setHighlightedIndex] = useState7(-1);
-  const [lastAddedFilterId, setLastAddedFilterId] = useState7(
+  const [addFilterOpen, setAddFilterOpen] = useState8(false);
+  const [menuSearchInput, setMenuSearchInput] = useState8("");
+  const [activeMenu, setActiveMenu] = useState8("root");
+  const [openSubMenu, setOpenSubMenu] = useState8(null);
+  const [highlightedIndex, setHighlightedIndex] = useState8(-1);
+  const [lastAddedFilterId, setLastAddedFilterId] = useState8(
     null
   );
   const rootInputRef = useRef4(null);
@@ -6234,7 +6401,7 @@ function Filters({
       setOpenSubMenu(null);
     }
   }, [addFilterOpen]);
-  const [sessionFilterIds, setSessionFilterIds] = useState7({});
+  const [sessionFilterIds, setSessionFilterIds] = useState8({});
   useEffect6(() => {
     if (lastAddedFilterId) {
       const timer = setTimeout(() => {
@@ -6254,7 +6421,7 @@ function Filters({
     [i18n]
   );
   const fieldsMap = useMemo4(() => getFieldsMap(fields), [fields]);
-  const updateFilter = useCallback3(
+  const updateFilter = useCallback4(
     (filterId, updates) => {
       onChange(
         filters.map((filter) => {
@@ -6271,13 +6438,13 @@ function Filters({
     },
     [filters, onChange]
   );
-  const removeFilter = useCallback3(
+  const removeFilter = useCallback4(
     (filterId) => {
       onChange(filters.filter((filter) => filter.id !== filterId));
     },
     [filters, onChange]
   );
-  const addFilter = useCallback3(
+  const addFilter = useCallback4(
     (fieldKey) => {
       const field = fieldsMap[fieldKey];
       if (field && field.key) {
@@ -6315,8 +6482,8 @@ function Filters({
     }
   }, [addFilterOpen, filteredFields.length]);
   const triggerButton = useRender5({
-    render: trigger ?? /* @__PURE__ */ jsxs23(Button, { variant: "outline", children: [
-      /* @__PURE__ */ jsx42(PlusIcon, {}),
+    render: trigger ?? /* @__PURE__ */ jsxs24(Button, { variant: "outline", children: [
+      /* @__PURE__ */ jsx43(PlusIcon, {}),
       mergedI18n.addFilter
     ] }),
     defaultTagName: "button"
@@ -6333,12 +6500,12 @@ function Filters({
     }),
     [variant, size, radius, mergedI18n, className, trigger, allowMultiple]
   );
-  return /* @__PURE__ */ jsx42(FilterContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsx43(FilterContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs24(
     "div",
     {
       className: cn(filtersContainerVariants({ variant, size }), className),
       children: [
-        selectableFields.length > 0 && /* @__PURE__ */ jsxs23(
+        selectableFields.length > 0 && /* @__PURE__ */ jsxs24(
           DropdownMenu,
           {
             open: addFilterOpen,
@@ -6352,16 +6519,16 @@ function Filters({
               }
             },
             children: [
-              /* @__PURE__ */ jsx42(DropdownMenuTrigger, { render: triggerButton }),
-              /* @__PURE__ */ jsxs23(
+              /* @__PURE__ */ jsx43(DropdownMenuTrigger, { render: triggerButton }),
+              /* @__PURE__ */ jsxs24(
                 DropdownMenuContent,
                 {
                   className: cn("w-55", menuPopupClassName),
                   align: "start",
                   children: [
-                    showSearchInput && /* @__PURE__ */ jsxs23(Fragment4, { children: [
-                      /* @__PURE__ */ jsxs23("div", { className: "relative", children: [
-                        /* @__PURE__ */ jsx42(
+                    showSearchInput && /* @__PURE__ */ jsxs24(Fragment4, { children: [
+                      /* @__PURE__ */ jsxs24("div", { className: "relative", children: [
+                        /* @__PURE__ */ jsx43(
                           Input,
                           {
                             ref: rootInputRef,
@@ -6433,20 +6600,20 @@ function Filters({
                             }
                           }
                         ),
-                        enableShortcut && shortcutLabel && /* @__PURE__ */ jsx42(Kbd, { className: "absolute top-1/2 right-2 -translate-y-1/2 border bg-background", children: shortcutLabel })
+                        enableShortcut && shortcutLabel && /* @__PURE__ */ jsx43(Kbd, { className: "absolute top-1/2 right-2 -translate-y-1/2 border bg-background", children: shortcutLabel })
                       ] }),
-                      /* @__PURE__ */ jsx42(DropdownMenuSeparator, {})
+                      /* @__PURE__ */ jsx43(DropdownMenuSeparator, {})
                     ] }),
-                    /* @__PURE__ */ jsx42("div", { className: "relative flex max-h-full", children: /* @__PURE__ */ jsx42(
+                    /* @__PURE__ */ jsx43("div", { className: "relative flex max-h-full", children: /* @__PURE__ */ jsx43(
                       "div",
                       {
                         className: "flex max-h-[min(var(--available-height),24rem)] w-full scroll-pt-2 scroll-pb-2 flex-col overscroll-contain",
                         role: "listbox",
                         id: `${rootId}-listbox`,
                         onMouseEnter: () => setActiveMenu("root"),
-                        children: /* @__PURE__ */ jsx42(ScrollArea, { className: "**:data-[slot=scroll-area-scrollbar]:m-0", children: (() => {
+                        children: /* @__PURE__ */ jsx43(ScrollArea, { className: "**:data-[slot=scroll-area-scrollbar]:m-0", children: (() => {
                           if (filteredFields.length === 0) {
-                            return /* @__PURE__ */ jsx42("div", { className: "py-2 text-center text-sm text-muted-foreground", children: mergedI18n.noFieldsFound });
+                            return /* @__PURE__ */ jsx43("div", { className: "py-2 text-center text-sm text-muted-foreground", children: mergedI18n.noFieldsFound });
                           }
                           return filteredFields.map((field, index) => {
                             const isHighlighted = highlightedIndex === index;
@@ -6458,7 +6625,7 @@ function Filters({
                               const sessionFilterId = sessionFilterIds[fieldKey];
                               const sessionFilter = sessionFilterId ? filters.find((f) => f.id === sessionFilterId) : null;
                               const currentValues = sessionFilter?.values || [];
-                              return /* @__PURE__ */ jsxs23(
+                              return /* @__PURE__ */ jsxs24(
                                 DropdownMenuSub,
                                 {
                                   open: openSubMenu === fieldKey,
@@ -6473,7 +6640,7 @@ function Filters({
                                     }
                                   },
                                   children: [
-                                    /* @__PURE__ */ jsxs23(
+                                    /* @__PURE__ */ jsxs24(
                                       DropdownMenuSubTrigger,
                                       {
                                         id: itemId,
@@ -6487,16 +6654,16 @@ function Filters({
                                         className: "data-highlighted:bg-accent data-highlighted:text-accent-foreground data-popup-open:bg-accent data-popup-open:text-accent-foreground",
                                         children: [
                                           field.icon,
-                                          /* @__PURE__ */ jsx42("span", { children: field.label })
+                                          /* @__PURE__ */ jsx43("span", { children: field.label })
                                         ]
                                       }
                                     ),
-                                    /* @__PURE__ */ jsx42(
+                                    /* @__PURE__ */ jsx43(
                                       DropdownMenuSubContent,
                                       {
                                         className: "w-50",
                                         side: "right",
-                                        children: /* @__PURE__ */ jsx42(
+                                        children: /* @__PURE__ */ jsx43(
                                           FilterSubmenuContent,
                                           {
                                             field,
@@ -6569,7 +6736,7 @@ function Filters({
                                 fieldKey
                               );
                             }
-                            return /* @__PURE__ */ jsxs23(
+                            return /* @__PURE__ */ jsxs24(
                               DropdownMenuItem,
                               {
                                 id: itemId,
@@ -6581,7 +6748,7 @@ function Filters({
                                 className: "data-highlighted:bg-accent data-highlighted:text-accent-foreground",
                                 children: [
                                   field.icon,
-                                  /* @__PURE__ */ jsx42("span", { children: field.label })
+                                  /* @__PURE__ */ jsx43("span", { children: field.label })
                                 ]
                               },
                               field.key
@@ -6599,16 +6766,16 @@ function Filters({
         filters.map((filter) => {
           const field = fieldsMap[filter.field];
           if (!field) return null;
-          return /* @__PURE__ */ jsxs23(
+          return /* @__PURE__ */ jsxs24(
             ButtonGroup,
             {
               className: "",
               children: [
-                /* @__PURE__ */ jsxs23(ButtonGroupText, { className: "bg-background dark:bg-input/30", children: [
+                /* @__PURE__ */ jsxs24(ButtonGroupText, { className: "bg-background dark:bg-input/30", children: [
                   field.icon && field.icon,
                   field.label
                 ] }),
-                /* @__PURE__ */ jsx42(
+                /* @__PURE__ */ jsx43(
                   FilterOperatorDropdown,
                   {
                     field,
@@ -6617,7 +6784,7 @@ function Filters({
                     onChange: (operator) => updateFilter(filter.id, { operator })
                   }
                 ),
-                /* @__PURE__ */ jsx42(
+                /* @__PURE__ */ jsx43(
                   FilterValueSelector,
                   {
                     field,
@@ -6627,7 +6794,7 @@ function Filters({
                     autoFocus: filter.id === lastAddedFilterId
                   }
                 ),
-                /* @__PURE__ */ jsx42(FilterRemoveButton, { onClick: () => removeFilter(filter.id) })
+                /* @__PURE__ */ jsx43(FilterRemoveButton, { onClick: () => removeFilter(filter.id) })
               ]
             },
             filter.id
@@ -6653,10 +6820,10 @@ var createFilterGroup = (id, label, fields, initialFilters = []) => ({
 // src/ui/select.tsx
 import { Select as SelectPrimitive } from "@base-ui/react/select";
 import { Check as Check2, ChevronDown as ChevronDown3, ChevronUp as ChevronUp2 } from "@gravity-ui/icons";
-import { jsx as jsx43, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs25 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 function SelectGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     SelectPrimitive.Group,
     {
       "data-slot": "select-group",
@@ -6666,7 +6833,7 @@ function SelectGroup({ className, ...props }) {
   );
 }
 function SelectValue({ className, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     SelectPrimitive.Value,
     {
       "data-slot": "select-value",
@@ -6681,7 +6848,7 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     SelectPrimitive.Trigger,
     {
       "data-slot": "select-trigger",
@@ -6693,10 +6860,10 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx44(
           SelectPrimitive.Icon,
           {
-            render: /* @__PURE__ */ jsx43(ChevronDown3, { className: "pointer-events-none size-4 text-muted-foreground" })
+            render: /* @__PURE__ */ jsx44(ChevronDown3, { className: "pointer-events-none size-4 text-muted-foreground" })
           }
         )
       ]
@@ -6713,7 +6880,7 @@ function SelectContent({
   alignItemWithTrigger = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx43(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx44(
     SelectPrimitive.Positioner,
     {
       side,
@@ -6722,7 +6889,7 @@ function SelectContent({
       alignOffset,
       alignItemWithTrigger,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsxs24(
+      children: /* @__PURE__ */ jsxs25(
         SelectPrimitive.Popup,
         {
           "data-slot": "select-content",
@@ -6733,9 +6900,9 @@ function SelectContent({
           ),
           ...props,
           children: [
-            /* @__PURE__ */ jsx43(SelectScrollUpButton, {}),
-            /* @__PURE__ */ jsx43(SelectPrimitive.List, { className: "p-1", children }),
-            /* @__PURE__ */ jsx43(SelectScrollDownButton, {})
+            /* @__PURE__ */ jsx44(SelectScrollUpButton, {}),
+            /* @__PURE__ */ jsx44(SelectPrimitive.List, { className: "p-1", children }),
+            /* @__PURE__ */ jsx44(SelectScrollDownButton, {})
           ]
         }
       )
@@ -6746,7 +6913,7 @@ function SelectLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     SelectPrimitive.GroupLabel,
     {
       "data-slot": "select-label",
@@ -6760,7 +6927,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     SelectPrimitive.Item,
     {
       "data-slot": "select-item",
@@ -6770,12 +6937,12 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx43(SelectPrimitive.ItemText, { className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap", children }),
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx44(SelectPrimitive.ItemText, { className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap", children }),
+        /* @__PURE__ */ jsx44(
           SelectPrimitive.ItemIndicator,
           {
-            render: /* @__PURE__ */ jsx43("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
-            children: /* @__PURE__ */ jsx43(Check2, { className: "pointer-events-none" })
+            render: /* @__PURE__ */ jsx44("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+            children: /* @__PURE__ */ jsx44(Check2, { className: "pointer-events-none" })
           }
         )
       ]
@@ -6786,7 +6953,7 @@ function SelectSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     SelectPrimitive.Separator,
     {
       "data-slot": "select-separator",
@@ -6799,7 +6966,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     SelectPrimitive.ScrollUpArrow,
     {
       "data-slot": "select-scroll-up-button",
@@ -6808,7 +6975,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx43(ChevronUp2, {})
+      children: /* @__PURE__ */ jsx44(ChevronUp2, {})
     }
   );
 }
@@ -6816,7 +6983,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     SelectPrimitive.ScrollDownArrow,
     {
       "data-slot": "select-scroll-down-button",
@@ -6825,17 +6992,17 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx43(ChevronDown3, {})
+      children: /* @__PURE__ */ jsx44(ChevronDown3, {})
     }
   );
 }
 
 // src/ui/skeleton.tsx
 import {
-  forwardRef as forwardRef2,
+  forwardRef as forwardRef4,
   useLayoutEffect
 } from "react";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 var componentThemeClassName = "[--ic-background:#ffffff] [--ic-foreground:#111111] [--ic-primary:#111111] [--ic-secondary:#646b75] [--ic-surface-border:#e9edf2] [--ic-border:#e3e7ec] [--ic-card:#ffffff] [--ic-card-foreground:#111111] [--ic-muted:#f5f7fa] [--ic-muted-foreground:#6d7480] [--ic-accent:#f3f5f8] [--color-accent:var(--ic-accent)] [--color-accent-foreground:var(--ic-accent-foreground)] [--ic-accent-foreground:#111111] [--ic-input:#e3e7ec] [--ic-ring:rgba(17,17,17,0.16)] [--ic-destructive:#dc2626] [--ic-paper:#fcfcfd] [--ic-popover-foreground:#111111] [--ic-brand:#0ea5e9] [--ic-brand-soft:#bae6fd] [--ic-shadow-soft:0_18px_38px_-24px_rgba(15,23,42,0.35)] [--ic-chart-1:oklch(0.52_0.19_254)] [--ic-chart-2:oklch(0.74_0.11_232)] [--ic-chart-3:oklch(0.42_0.16_262)] [--ic-chart-4:oklch(0.84_0.07_228)] [--ic-chart-5:oklch(0.62_0.14_240)] [--color-background:var(--ic-background)] [--color-foreground:var(--ic-foreground)] [--color-primary:var(--ic-primary)] [--color-secondary:var(--ic-secondary)] [--color-border:var(--ic-border)] [--color-card:var(--ic-card)] [--color-card-foreground:var(--ic-card-foreground)] [--color-muted:var(--ic-muted)] [--color-muted-foreground:var(--ic-muted-foreground)] [--color-accent:var(--ic-accent)] [--color-accent-foreground:var(--ic-accent-foreground)] [--color-input:var(--ic-input)] [--color-ring:var(--ic-ring)] [--color-destructive:var(--ic-destructive)] [--color-paper:var(--ic-paper)] [--color-popover-foreground:var(--ic-popover-foreground)] [--color-brand:var(--ic-brand)] [--color-brand-soft:var(--ic-brand-soft)] [--color-chart-1:var(--ic-chart-1)] [--color-chart-2:var(--ic-chart-2)] [--color-chart-3:var(--ic-chart-3)] [--color-chart-4:var(--ic-chart-4)] [--color-chart-5:var(--ic-chart-5)] dark:[--ic-background:#111111] dark:[--ic-foreground:#f6f3ec] dark:[--ic-primary:#f6f3ec] dark:[--ic-secondary:#cbc6bb] dark:[--ic-surface-border:#2a2a25] dark:[--ic-border:#2b2a25] dark:[--ic-card:#111111] dark:[--ic-card-foreground:#f6f3ec] dark:[--ic-muted:#171716] dark:[--ic-muted-foreground:#9a958a] dark:[--ic-accent:#1a1a18] [--color-accent:var(--ic-accent)] [--color-accent-foreground:var(--ic-accent-foreground)] dark:[--ic-accent-foreground:#f6f3ec] dark:[--ic-input:#2b2a25] dark:[--ic-ring:rgba(246,243,236,0.18)] dark:[--ic-destructive:#f87171] dark:[--ic-paper:#171716] dark:[--ic-popover-foreground:#f6f3ec] dark:[--ic-brand:#38bdf8] dark:[--ic-brand-soft:#0c4a6e] dark:[--ic-shadow-soft:0_20px_44px_-28px_rgba(0,0,0,0.6)] dark:[--ic-chart-1:oklch(0.68_0.17_250)] dark:[--ic-chart-2:oklch(0.82_0.09_225)] dark:[--ic-chart-3:oklch(0.58_0.15_260)] dark:[--ic-chart-4:oklch(0.75_0.12_235)] dark:[--ic-chart-5:oklch(0.88_0.06_220)]";
 var STYLE_ID = "iconiq-skeleton-styles";
 var SKELETON_CSS = `
@@ -6933,7 +7100,7 @@ function resolveSkeletonA11yProps({
     role: "status"
   };
 }
-var Skeleton = forwardRef2(function Skeleton2({
+var Skeleton = forwardRef4(function Skeleton2({
   animate: animate2 = true,
   className,
   decorative = true,
@@ -6956,7 +7123,7 @@ var Skeleton = forwardRef2(function Skeleton2({
     ...style,
     "--iconiq-skeleton-duration": `${variantDuration}s`
   } : style;
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       className: cn(
@@ -6970,7 +7137,7 @@ var Skeleton = forwardRef2(function Skeleton2({
       style: animatedStyle,
       ...resolveSkeletonA11yProps({ animate: animate2, decorative, label }),
       ...props,
-      children: showShimmer ? /* @__PURE__ */ jsx44(
+      children: showShimmer ? /* @__PURE__ */ jsx45(
         "span",
         {
           "aria-hidden": "true",
@@ -6985,7 +7152,7 @@ function SkeletonAvatar({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     Skeleton,
     {
       className: cn("size-10", className),
@@ -6996,13 +7163,13 @@ function SkeletonAvatar({
   );
 }
 function SkeletonText({ className, ...props }) {
-  return /* @__PURE__ */ jsx44(Skeleton, { className: cn("h-3", className), decorative: true, ...props });
+  return /* @__PURE__ */ jsx45(Skeleton, { className: cn("h-3", className), decorative: true, ...props });
 }
 function SkeletonButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     Skeleton,
     {
       className: cn("h-9 w-24", className),
@@ -7017,11 +7184,11 @@ var ShimmerSkeleton = Skeleton;
 // src/ui/sonner.tsx
 import { GooeyToaster } from "goey-toast";
 import { useTheme } from "next-themes";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 var Toaster = ({ closeButton = "top-left", ...props }) => {
   const { theme = "system" } = useTheme();
   const toasterTheme = theme === "dark" ? "dark" : "light";
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     GooeyToaster,
     {
       theme: toasterTheme,
@@ -7032,15 +7199,509 @@ var Toaster = ({ closeButton = "top-left", ...props }) => {
   );
 };
 
+// src/ui/sortable.tsx
+import { mergeProps as mergeProps5 } from "@base-ui/react/merge-props";
+import { useRender as useRender6 } from "@base-ui/react/use-render";
+import {
+  closestCenter,
+  closestCorners,
+  defaultDropAnimationSideEffects,
+  DndContext,
+  DragOverlay,
+  KeyboardSensor,
+  MouseSensor,
+  TouchSensor,
+  useSensor,
+  useSensors
+} from "@dnd-kit/core";
+import {
+  restrictToHorizontalAxis,
+  restrictToParentElement,
+  restrictToVerticalAxis
+} from "@dnd-kit/modifiers";
+import {
+  arrayMove,
+  horizontalListSortingStrategy,
+  SortableContext,
+  sortableKeyboardCoordinates,
+  useSortable,
+  verticalListSortingStrategy
+} from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import * as React14 from "react";
+import * as ReactDOM from "react-dom";
+
+// src/lib/compose-refs.ts
+import * as React12 from "react";
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    return ref(value);
+  }
+  if (ref !== null && ref !== void 0) {
+    ref.current = value;
+  }
+}
+function composeRefs(...refs) {
+  return (node) => {
+    let hasCleanup = false;
+    const cleanups = refs.map((ref) => {
+      const cleanup = setRef(ref, node);
+      if (!hasCleanup && typeof cleanup === "function") {
+        hasCleanup = true;
+      }
+      return cleanup;
+    });
+    if (hasCleanup) {
+      return () => {
+        for (let i = 0; i < cleanups.length; i++) {
+          const cleanup = cleanups[i];
+          if (typeof cleanup === "function") {
+            cleanup();
+          } else {
+            setRef(refs[i], null);
+          }
+        }
+      };
+    }
+  };
+}
+function useComposedRefs(...refs) {
+  return React12.useCallback(composeRefs(...refs), refs);
+}
+
+// src/hooks/use-isomorphic-layout-effect.ts
+import * as React13 from "react";
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React13.useLayoutEffect : React13.useEffect;
+
+// src/ui/sortable.tsx
+import { jsx as jsx47 } from "react/jsx-runtime";
+var orientationConfig = {
+  vertical: {
+    modifiers: [restrictToVerticalAxis, restrictToParentElement],
+    strategy: verticalListSortingStrategy,
+    collisionDetection: closestCenter
+  },
+  horizontal: {
+    modifiers: [restrictToHorizontalAxis, restrictToParentElement],
+    strategy: horizontalListSortingStrategy,
+    collisionDetection: closestCenter
+  },
+  mixed: {
+    modifiers: [restrictToParentElement],
+    strategy: void 0,
+    collisionDetection: closestCorners
+  }
+};
+var ROOT_NAME = "Sortable";
+var CONTENT_NAME = "SortableContent";
+var ITEM_NAME = "SortableItem";
+var ITEM_HANDLE_NAME = "SortableItemHandle";
+var OVERLAY_NAME = "SortableOverlay";
+var SortableRootContext = React14.createContext(null);
+function useSortableContext(consumerName) {
+  const context = React14.useContext(SortableRootContext);
+  if (!context) {
+    throw new Error(`\`${consumerName}\` must be used within \`${ROOT_NAME}\``);
+  }
+  return context;
+}
+function Sortable(props) {
+  const {
+    value,
+    onValueChange,
+    collisionDetection,
+    modifiers,
+    strategy,
+    onMove,
+    orientation = "vertical",
+    flatCursor = false,
+    getItemValue: getItemValueProp,
+    accessibility,
+    ...sortableProps
+  } = props;
+  const id = React14.useId();
+  const [activeId, setActiveId] = React14.useState(null);
+  const sensors = useSensors(
+    useSensor(MouseSensor),
+    useSensor(TouchSensor),
+    useSensor(KeyboardSensor, {
+      coordinateGetter: sortableKeyboardCoordinates
+    })
+  );
+  const config = React14.useMemo(
+    () => orientationConfig[orientation],
+    [orientation]
+  );
+  const getItemValue = React14.useCallback(
+    (item) => {
+      if (typeof item === "object" && !getItemValueProp) {
+        throw new Error(
+          "`getItemValue` is required when using array of objects"
+        );
+      }
+      return getItemValueProp ? getItemValueProp(item) : item;
+    },
+    [getItemValueProp]
+  );
+  const items = React14.useMemo(() => {
+    return value.map((item) => getItemValue(item));
+  }, [value, getItemValue]);
+  const onDragStart = React14.useCallback(
+    (event) => {
+      sortableProps.onDragStart?.(event);
+      if (event.activatorEvent.defaultPrevented) return;
+      setActiveId(event.active.id);
+    },
+    [sortableProps.onDragStart]
+  );
+  const onDragEnd = React14.useCallback(
+    (event) => {
+      sortableProps.onDragEnd?.(event);
+      if (event.activatorEvent.defaultPrevented) return;
+      const { active, over } = event;
+      if (over && active.id !== over?.id) {
+        const activeIndex = value.findIndex(
+          (item) => getItemValue(item) === active.id
+        );
+        const overIndex = value.findIndex(
+          (item) => getItemValue(item) === over.id
+        );
+        if (onMove) {
+          onMove({ ...event, activeIndex, overIndex });
+        } else {
+          onValueChange?.(arrayMove(value, activeIndex, overIndex));
+        }
+      }
+      setActiveId(null);
+    },
+    [value, onValueChange, onMove, getItemValue, sortableProps.onDragEnd]
+  );
+  const onDragCancel = React14.useCallback(
+    (event) => {
+      sortableProps.onDragCancel?.(event);
+      if (event.activatorEvent.defaultPrevented) return;
+      setActiveId(null);
+    },
+    [sortableProps.onDragCancel]
+  );
+  const announcements = React14.useMemo(
+    () => ({
+      onDragStart({ active }) {
+        const activeValue = active.id.toString();
+        return `Grabbed sortable item "${activeValue}". Current position is ${active.data.current?.sortable.index + 1} of ${value.length}. Use arrow keys to move, space to drop.`;
+      },
+      onDragOver({ active, over }) {
+        if (over) {
+          const overIndex = over.data.current?.sortable.index ?? 0;
+          const activeIndex = active.data.current?.sortable.index ?? 0;
+          const moveDirection = overIndex > activeIndex ? "down" : "up";
+          const activeValue = active.id.toString();
+          return `Sortable item "${activeValue}" moved ${moveDirection} to position ${overIndex + 1} of ${value.length}.`;
+        }
+        return "Sortable item is no longer over a droppable area. Press escape to cancel.";
+      },
+      onDragEnd({ active, over }) {
+        const activeValue = active.id.toString();
+        if (over) {
+          const overIndex = over.data.current?.sortable.index ?? 0;
+          return `Sortable item "${activeValue}" dropped at position ${overIndex + 1} of ${value.length}.`;
+        }
+        return `Sortable item "${activeValue}" dropped. No changes were made.`;
+      },
+      onDragCancel({ active }) {
+        const activeIndex = active.data.current?.sortable.index ?? 0;
+        const activeValue = active.id.toString();
+        return `Sorting cancelled. Sortable item "${activeValue}" returned to position ${activeIndex + 1} of ${value.length}.`;
+      },
+      onDragMove({ active, over }) {
+        if (over) {
+          const overIndex = over.data.current?.sortable.index ?? 0;
+          const activeIndex = active.data.current?.sortable.index ?? 0;
+          const moveDirection = overIndex > activeIndex ? "down" : "up";
+          const activeValue = active.id.toString();
+          return `Sortable item "${activeValue}" is moving ${moveDirection} to position ${overIndex + 1} of ${value.length}.`;
+        }
+        return "Sortable item is no longer over a droppable area. Press escape to cancel.";
+      }
+    }),
+    [value]
+  );
+  const screenReaderInstructions = React14.useMemo(
+    () => ({
+      draggable: `
+        To pick up a sortable item, press space or enter.
+        While dragging, use the ${orientation === "vertical" ? "up and down" : orientation === "horizontal" ? "left and right" : "arrow"} keys to move the item.
+        Press space or enter again to drop the item in its new position, or press escape to cancel.
+      `
+    }),
+    [orientation]
+  );
+  const contextValue = React14.useMemo(
+    () => ({
+      id,
+      items,
+      modifiers: modifiers ?? config.modifiers,
+      strategy: strategy ?? config.strategy,
+      activeId,
+      setActiveId,
+      getItemValue,
+      flatCursor
+    }),
+    [
+      id,
+      items,
+      modifiers,
+      strategy,
+      config.modifiers,
+      config.strategy,
+      activeId,
+      getItemValue,
+      flatCursor
+    ]
+  );
+  return /* @__PURE__ */ jsx47(
+    SortableRootContext.Provider,
+    {
+      value: contextValue,
+      children: /* @__PURE__ */ jsx47(
+        DndContext,
+        {
+          collisionDetection: collisionDetection ?? config.collisionDetection,
+          modifiers: modifiers ?? config.modifiers,
+          sensors,
+          ...sortableProps,
+          id,
+          onDragStart,
+          onDragEnd,
+          onDragCancel,
+          accessibility: {
+            announcements,
+            screenReaderInstructions,
+            ...accessibility
+          }
+        }
+      )
+    }
+  );
+}
+var SortableContentContext = React14.createContext(false);
+function SortableContent(props) {
+  const {
+    strategy: strategyProp,
+    withoutSlot,
+    children,
+    className,
+    render,
+    ref,
+    ...contentProps
+  } = props;
+  const context = useSortableContext(CONTENT_NAME);
+  const element = useRender6({
+    defaultTagName: "div",
+    props: mergeProps5(
+      {
+        ref,
+        className,
+        children
+      },
+      contentProps
+    ),
+    render,
+    state: {
+      slot: "sortable-content"
+    },
+    enabled: !withoutSlot
+  });
+  return /* @__PURE__ */ jsx47(SortableContentContext.Provider, { value: true, children: /* @__PURE__ */ jsx47(
+    SortableContext,
+    {
+      items: context.items,
+      strategy: strategyProp ?? context.strategy,
+      children: withoutSlot ? children : element
+    }
+  ) });
+}
+var SortableItemContext = React14.createContext(null);
+function useSortableItemContext(consumerName) {
+  const context = React14.useContext(SortableItemContext);
+  if (!context) {
+    throw new Error(`\`${consumerName}\` must be used within \`${ITEM_NAME}\``);
+  }
+  return context;
+}
+function SortableItem(props) {
+  const {
+    value,
+    style,
+    asHandle,
+    disabled,
+    className,
+    render,
+    ref,
+    ...itemProps
+  } = props;
+  const inSortableContent = React14.useContext(SortableContentContext);
+  const inSortableOverlay = React14.useContext(SortableOverlayContext);
+  if (!inSortableContent && !inSortableOverlay) {
+    throw new Error(
+      `\`${ITEM_NAME}\` must be used within \`${CONTENT_NAME}\` or \`${OVERLAY_NAME}\``
+    );
+  }
+  if (value === "") {
+    throw new Error(`\`${ITEM_NAME}\` value cannot be an empty string`);
+  }
+  const context = useSortableContext(ITEM_NAME);
+  const id = React14.useId();
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    setActivatorNodeRef,
+    transform,
+    transition,
+    isDragging
+  } = useSortable({ id: value, disabled });
+  const onNodeRefChange = React14.useCallback(
+    (node) => {
+      if (disabled) return;
+      setNodeRef(node);
+      if (asHandle) setActivatorNodeRef(node);
+    },
+    [disabled, asHandle, setNodeRef, setActivatorNodeRef]
+  );
+  const composedRef = useComposedRefs(ref, onNodeRefChange);
+  const composedStyle = React14.useMemo(() => {
+    return {
+      transform: CSS.Translate.toString(transform),
+      transition,
+      ...style
+    };
+  }, [transform, transition, style]);
+  const itemContext = React14.useMemo(
+    () => ({
+      id,
+      attributes,
+      listeners,
+      setActivatorNodeRef,
+      isDragging,
+      disabled
+    }),
+    [id, attributes, listeners, setActivatorNodeRef, isDragging, disabled]
+  );
+  const handleProps = asHandle && !disabled ? { ...attributes, ...listeners } : void 0;
+  const element = useRender6({
+    defaultTagName: "div",
+    props: mergeProps5(
+      {
+        id,
+        ref: composedRef,
+        style: composedStyle,
+        className: cn(
+          "focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-hidden",
+          {
+            "touch-none select-none": asHandle,
+            "cursor-default": context.flatCursor,
+            "data-dragging:cursor-grabbing": !context.flatCursor,
+            "cursor-grab": !isDragging && asHandle && !context.flatCursor,
+            "opacity-50": isDragging,
+            "pointer-events-none opacity-50": disabled
+          },
+          className
+        )
+      },
+      itemProps,
+      handleProps
+    ),
+    render,
+    state: {
+      slot: "sortable-item",
+      ...disabled && { disabled: "" },
+      ...isDragging && { dragging: "" }
+    }
+  });
+  return /* @__PURE__ */ jsx47(SortableItemContext.Provider, { value: itemContext, children: element });
+}
+function SortableItemHandle(props) {
+  const { disabled, className, render, ref, ...itemHandleProps } = props;
+  const context = useSortableContext(ITEM_HANDLE_NAME);
+  const itemContext = useSortableItemContext(ITEM_HANDLE_NAME);
+  const isDisabled = disabled ?? itemContext.disabled;
+  const { setActivatorNodeRef } = itemContext;
+  const onActivatorNodeRef = React14.useCallback(
+    (node) => {
+      if (isDisabled) return;
+      setActivatorNodeRef(node);
+    },
+    [isDisabled, setActivatorNodeRef]
+  );
+  const composedRef = useComposedRefs(ref, onActivatorNodeRef);
+  const handleProps = isDisabled ? void 0 : { ...itemContext.attributes, ...itemContext.listeners };
+  return useRender6({
+    defaultTagName: "button",
+    props: mergeProps5(
+      {
+        type: "button",
+        "aria-controls": itemContext.id,
+        ref: composedRef,
+        disabled: isDisabled,
+        className: cn(
+          "select-none disabled:pointer-events-none disabled:opacity-50",
+          context.flatCursor ? "cursor-default" : "cursor-grab data-dragging:cursor-grabbing",
+          className
+        )
+      },
+      itemHandleProps,
+      handleProps
+    ),
+    render,
+    state: {
+      slot: "sortable-item-handle",
+      ...isDisabled && { disabled: "" },
+      ...itemContext.isDragging && { dragging: "" }
+    }
+  });
+}
+var SortableOverlayContext = React14.createContext(false);
+var dropAnimation = {
+  sideEffects: defaultDropAnimationSideEffects({
+    styles: {
+      active: {
+        opacity: "0.4"
+      }
+    }
+  })
+};
+function SortableOverlay(props) {
+  const { container: containerProp, children, ...overlayProps } = props;
+  const context = useSortableContext(OVERLAY_NAME);
+  const [mounted, setMounted] = React14.useState(false);
+  useIsomorphicLayoutEffect(() => setMounted(true), []);
+  const container = containerProp ?? (mounted ? globalThis.document?.body : null);
+  if (!container) return null;
+  return ReactDOM.createPortal(
+    /* @__PURE__ */ jsx47(
+      DragOverlay,
+      {
+        dropAnimation,
+        modifiers: context.modifiers,
+        className: cn(!context.flatCursor && "cursor-grabbing"),
+        ...overlayProps,
+        children: /* @__PURE__ */ jsx47(SortableOverlayContext.Provider, { value: true, children: context.activeId ? typeof children === "function" ? children({ value: context.activeId }) : children : null })
+      }
+    ),
+    container
+  );
+}
+
 // src/ui/switch.tsx
 import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 function Switch({
   className,
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx48(
     SwitchPrimitive.Root,
     {
       "data-slot": "switch",
@@ -7050,7 +7711,7 @@ function Switch({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx46(
+      children: /* @__PURE__ */ jsx48(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -7078,6 +7739,7 @@ export {
   AlertDialogTitle,
   AlertDialogTrigger,
   Apple,
+  Ariakit,
   Autocomplete,
   AutocompleteClear,
   AutocompleteCollection,
@@ -7101,7 +7763,7 @@ export {
   AvatarGroupCount,
   AvatarImage,
   Badge,
-  BlobSpeech,
+  BlobSpeech2 as BlobSpeech,
   BlogCardAnimation,
   Bottom,
   Bubble,
@@ -7130,6 +7792,7 @@ export {
   ChartStyle,
   ChartTooltip,
   ChartTooltipContent,
+  Checkbox,
   Combobox,
   ComboboxChip,
   ComboboxChips,
@@ -7239,8 +7902,14 @@ export {
   ItemMedia,
   ItemSeparator,
   ItemTitle,
+  JellyAction,
   JellyBlob,
   JellyBlobMascot2 as JellyBlobMascot,
+  JellyBlobMascotDemo,
+  JellyEmpty,
+  JellyGroup,
+  JellyLink,
+  JellyMascot,
   JellyMini,
   Kbd,
   KbdGroup,
@@ -7292,6 +7961,11 @@ export {
   SkeletonAvatar,
   SkeletonButton,
   SkeletonText,
+  Sortable,
+  SortableContent,
+  SortableItem,
+  SortableItemHandle,
+  SortableOverlay,
   Switch,
   Textarea,
   Toaster,
@@ -7304,7 +7978,6 @@ export {
   badgeVariants,
   buttonGroupVariants,
   buttonVariants,
-  cn2 as cn,
   createFilter,
   createFilterGroup,
   fromLeftChildren,
@@ -7329,6 +8002,7 @@ export {
   useAutocompleteFilter,
   useCarousel,
   useComboboxAnchor,
+  useJellyMood,
   useMessageScroller,
   useMessageScrollerScrollable,
   useMessageScrollerVisibility