npm - @ai-matrx/design-system - Versions diffs - 0.10.1 → 0.11.1 - Mend

@ai-matrx/design-system 0.10.1 → 0.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/index.js CHANGED Viewed

@@ -1302,10 +1302,122 @@ var CommandShortcut = ({
 };
 CommandShortcut.displayName = "CommandShortcut";
+// src/confirm-dialog.tsx
+import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
+function ConfirmDialog({
+  open,
+  onOpenChange,
+  title,
+  description,
+  content,
+  contentClassName,
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  variant = "default",
+  busy = false,
+  confirmDisabled = false,
+  portalContainer,
+  onConfirm
+}) {
+  return /* @__PURE__ */ jsx16(AlertDialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs7(
+    AlertDialogContent,
+    {
+      className: contentClassName,
+      ...portalContainer === void 0 ? {} : { container: portalContainer },
+      children: [
+        /* @__PURE__ */ jsxs7(AlertDialogHeader, { children: [
+          /* @__PURE__ */ jsx16(AlertDialogTitle, { children: title }),
+          description ? /* @__PURE__ */ jsx16(AlertDialogDescription, { children: description }) : null
+        ] }),
+        content ?? null,
+        /* @__PURE__ */ jsxs7(AlertDialogFooter, { children: [
+          cancelLabel === null ? null : /* @__PURE__ */ jsx16(AlertDialogCancel, { className: "max-lg:min-h-11", disabled: busy, children: cancelLabel }),
+          /* @__PURE__ */ jsxs7(
+            AlertDialogAction,
+            {
+              disabled: busy || confirmDisabled,
+              onClick: (event) => {
+                event.preventDefault();
+                void onConfirm();
+              },
+              className: cn(
+                "max-lg:min-h-11",
+                // One source of button appearance: the destructive look comes
+                // from `buttonVariants`, not a second hand-written copy of it.
+                // tailwind-merge makes it WIN over the default variant classes.
+                variant === "destructive" && buttonVariants({ variant: "destructive" })
+              ),
+              children: [
+                busy ? /* @__PURE__ */ jsx16(Loader2Icon, { className: cn("mr-2 h-4 w-4", MOTION_SPIN) }) : null,
+                confirmLabel
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+// src/confirm-host.tsx
+import {
+  _registerHost,
+  _unregisterHost
+} from "@ai-matrx/kit/confirm-opener";
+import * as React14 from "react";
+import { jsx as jsx17 } from "react/jsx-runtime";
+function ConfirmDialogHost() {
+  const [active, setActive] = React14.useState(null);
+  const [tick, setTick] = React14.useState(0);
+  const queueRef = React14.useRef([]);
+  React14.useEffect(() => {
+    const controller = {
+      show: (opts, resolve) => {
+        queueRef.current.push({ opts, resolve });
+        setTick((n) => n + 1);
+      }
+    };
+    _registerHost(controller);
+    return () => _unregisterHost(controller);
+  }, []);
+  React14.useEffect(() => {
+    if (active === null && queueRef.current.length > 0) {
+      setActive(queueRef.current.shift());
+    }
+  }, [active, tick]);
+  const handleConfirm = React14.useCallback(() => {
+    if (!active) return;
+    active.resolve(true);
+    setActive(null);
+  }, [active]);
+  const handleOpenChange = React14.useCallback(
+    (open) => {
+      if (!open && active) {
+        active.resolve(false);
+        setActive(null);
+      }
+    },
+    [active]
+  );
+  return /* @__PURE__ */ jsx17(
+    ConfirmDialog,
+    {
+      open: !!active,
+      onOpenChange: handleOpenChange,
+      title: active?.opts.title ?? "",
+      description: active?.opts.description,
+      confirmLabel: active?.opts.confirmLabel,
+      cancelLabel: active?.opts.cancelLabel,
+      variant: active?.opts.variant,
+      onConfirm: handleConfirm
+    }
+  );
+}
 // src/context-menu.tsx
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
-import * as React14 from "react";
-import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
+import * as React15 from "react";
+import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
 var ContextMenu = ContextMenuPrimitive.Root;
 var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
 var ContextMenuGroup = ContextMenuPrimitive.Group;
@@ -1315,7 +1427,7 @@ var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
 var SURFACE_CLASS = "z-50 min-w-[8rem] max-h-[var(--radix-context-menu-content-available-height)] overflow-y-auto overflow-x-hidden overscroll-contain rounded-md border bg-popover p-1 text-popover-foreground";
 var ITEM_CLASS = "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50";
 var INDICATOR_ITEM_CLASS = "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50";
-var ContextMenuSubTrigger = React14.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs7(
+var ContextMenuSubTrigger = React15.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs8(
   ContextMenuPrimitive.SubTrigger,
   {
     ref,
@@ -1328,12 +1440,12 @@ var ContextMenuSubTrigger = React14.forwardRef(({ className, inset, children, ..
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx16(RadixChevronRightIcon, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx18(RadixChevronRightIcon, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+var ContextMenuSubContent = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
   ContextMenuPrimitive.SubContent,
   {
     ref,
@@ -1343,9 +1455,9 @@ var ContextMenuSubContent = React14.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-var ContextMenuContent = React14.forwardRef(({ className, container, ...props }, ref) => {
+var ContextMenuContent = React15.forwardRef(({ className, container, ...props }, ref) => {
   const portalContainer = usePortalContainer(container);
-  return /* @__PURE__ */ jsx16(ContextMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx18(ContextMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx18(
     ContextMenuPrimitive.Content,
     {
       ref,
@@ -1356,7 +1468,7 @@ var ContextMenuContent = React14.forwardRef(({ className, container, ...props },
   ) });
 });
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React14.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx16(
+var ContextMenuItem = React15.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx18(
   ContextMenuPrimitive.Item,
   {
     ref,
@@ -1371,7 +1483,7 @@ var ContextMenuItem = React14.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs7(
+var ContextMenuCheckboxItem = React15.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(
   ContextMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -1379,13 +1491,13 @@ var ContextMenuCheckboxItem = React14.forwardRef(({ className, children, ...prop
     className: cn(INDICATOR_ITEM_CLASS, className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx16("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx16(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx16(CheckIcon, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx18("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx18(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx18(CheckIcon, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs7(
+var ContextMenuRadioItem = React15.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(
   ContextMenuPrimitive.RadioItem,
   {
     ref,
@@ -1393,13 +1505,13 @@ var ContextMenuRadioItem = React14.forwardRef(({ className, children, ...props }
     className: cn(INDICATOR_ITEM_CLASS, className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx16("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx16(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx16(DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
+      /* @__PURE__ */ jsx18("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx18(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx18(DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
       children
     ]
   }
 ));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React14.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx16(
+var ContextMenuLabel = React15.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx18(
   ContextMenuPrimitive.Label,
   {
     ref,
@@ -1413,7 +1525,7 @@ var ContextMenuLabel = React14.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+var ContextMenuSeparator = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
   ContextMenuPrimitive.Separator,
   {
     ref,
@@ -1426,7 +1538,7 @@ ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
 var ContextMenuShortcut = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx16(
+}) => /* @__PURE__ */ jsx18(
   "span",
   {
     "data-slot": "context-menu-shortcut",
@@ -1438,18 +1550,18 @@ ContextMenuShortcut.displayName = "ContextMenuShortcut";
 // src/creatable-picker.tsx
 import {
-  useRef,
-  useState as useState2
+  useRef as useRef2,
+  useState as useState3
 } from "react";
 // src/popover.tsx
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import * as React15 from "react";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import * as React16 from "react";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React15.forwardRef(
+var PopoverContent = React16.forwardRef(
   ({
     className,
     align = "center",
@@ -1459,7 +1571,7 @@ var PopoverContent = React15.forwardRef(
     ...props
   }, ref) => {
     const portalContainer = usePortalContainer(container);
-    return /* @__PURE__ */ jsx17(PopoverPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx19(PopoverPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx19(
       PopoverPrimitive.Content,
       {
         ref,
@@ -1484,7 +1596,7 @@ var PopoverContent = React15.forwardRef(
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 // src/creatable-picker.tsx
-import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
 function article(noun) {
   return /^[aeiou]/i.test(noun.trim()) ? `an ${noun}` : `a ${noun}`;
 }
@@ -1511,11 +1623,11 @@ function CreatablePicker({
   renderSelected,
   size = "sm"
 }) {
-  const [open, setOpen] = useState2(false);
-  const [query, setQuery] = useState2("");
-  const [busy, setBusy] = useState2(false);
-  const inputRef = useRef(null);
-  const [needsName, setNeedsName] = useState2(false);
+  const [open, setOpen] = useState3(false);
+  const [query, setQuery] = useState3("");
+  const [busy, setBusy] = useState3(false);
+  const inputRef = useRef2(null);
+  const [needsName, setNeedsName] = useState3(false);
   const selected = options.find((option) => option.value === value) ?? null;
   const groups = [];
   for (const option of options) {
@@ -1559,8 +1671,8 @@ function CreatablePicker({
       setBusy(false);
     }
   };
-  return /* @__PURE__ */ jsxs8(Popover, { open, onOpenChange: (next) => next ? setOpen(true) : close(), children: [
-    /* @__PURE__ */ jsx18(PopoverTrigger, { asChild: true, disabled, children: /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(Popover, { open, onOpenChange: (next) => next ? setOpen(true) : close(), children: [
+    /* @__PURE__ */ jsx20(PopoverTrigger, { asChild: true, disabled, children: /* @__PURE__ */ jsxs9(
       "button",
       {
         type: "button",
@@ -1574,12 +1686,12 @@ function CreatablePicker({
           triggerClassName
         ),
         children: [
-          /* @__PURE__ */ jsx18("span", { className: "min-w-0 flex-1 truncate", children: selected ? renderSelected ?? selected.render ?? selected.label : /* @__PURE__ */ jsx18("span", { className: "text-muted-foreground", children: loading ? "Loading\u2026" : placeholder }) }),
-          /* @__PURE__ */ jsx18(ChevronsUpDownIcon, { className: "size-3.5 shrink-0 opacity-50" })
+          /* @__PURE__ */ jsx20("span", { className: "min-w-0 flex-1 truncate", children: selected ? renderSelected ?? selected.render ?? selected.label : /* @__PURE__ */ jsx20("span", { className: "text-muted-foreground", children: loading ? "Loading\u2026" : placeholder }) }),
+          /* @__PURE__ */ jsx20(ChevronsUpDownIcon, { className: "size-3.5 shrink-0 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx18(PopoverContent, { align: "start", className: "w-[--radix-popover-trigger-width] min-w-56 p-0", children: /* @__PURE__ */ jsxs8(
+    /* @__PURE__ */ jsx20(PopoverContent, { align: "start", className: "w-[--radix-popover-trigger-width] min-w-56 p-0", children: /* @__PURE__ */ jsxs9(
       Command,
       {
         filter: (itemValue, search, keywords) => {
@@ -1587,7 +1699,7 @@ function CreatablePicker({
           return haystack.includes(search.toLowerCase()) ? 1 : 0;
         },
         children: [
-          /* @__PURE__ */ jsx18(
+          /* @__PURE__ */ jsx20(
             CommandInput,
             {
               ref: inputRef,
@@ -1599,13 +1711,13 @@ function CreatablePicker({
               placeholder: searchPlaceholder ?? `Search or add ${article(noun)}\u2026`
             }
           ),
-          /* @__PURE__ */ jsxs8(CommandList, { children: [
-            /* @__PURE__ */ jsx18(CommandEmpty, { children: emptyLabel }),
-            groups.map((group) => /* @__PURE__ */ jsx18(
+          /* @__PURE__ */ jsxs9(CommandList, { children: [
+            /* @__PURE__ */ jsx20(CommandEmpty, { children: emptyLabel }),
+            groups.map((group) => /* @__PURE__ */ jsx20(
               CommandGroup,
               {
                 ...group.heading === void 0 ? {} : { heading: group.heading },
-                children: group.options.map((option) => /* @__PURE__ */ jsxs8(
+                children: group.options.map((option) => /* @__PURE__ */ jsxs9(
                   CommandItem,
                   {
                     value: option.label,
@@ -1616,7 +1728,7 @@ function CreatablePicker({
                     },
                     className: "gap-2 text-xs",
                     children: [
-                      /* @__PURE__ */ jsx18(
+                      /* @__PURE__ */ jsx20(
                         LucideCheckIcon,
                         {
                           className: cn(
@@ -1625,8 +1737,8 @@ function CreatablePicker({
                           )
                         }
                       ),
-                      /* @__PURE__ */ jsx18("span", { className: "min-w-0 flex-1 truncate", children: option.render ?? option.label }),
-                      option.hint ? /* @__PURE__ */ jsx18("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: option.hint }) : null
+                      /* @__PURE__ */ jsx20("span", { className: "min-w-0 flex-1 truncate", children: option.render ?? option.label }),
+                      option.hint ? /* @__PURE__ */ jsx20("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: option.hint }) : null
                     ]
                   },
                   option.value
@@ -1635,9 +1747,9 @@ function CreatablePicker({
               group.heading ?? "__ungrouped__"
             ))
           ] }),
-          canCreate ? /* @__PURE__ */ jsxs8("div", { className: "space-y-1 border-t border-border p-1", children: [
-            createExtra && typed && !exactMatch ? /* @__PURE__ */ jsx18("div", { className: "px-1 pt-0.5", children: typeof createExtra === "function" ? createExtra(typed) : createExtra }) : null,
-            /* @__PURE__ */ jsxs8(
+          canCreate ? /* @__PURE__ */ jsxs9("div", { className: "space-y-1 border-t border-border p-1", children: [
+            createExtra && typed && !exactMatch ? /* @__PURE__ */ jsx20("div", { className: "px-1 pt-0.5", children: typeof createExtra === "function" ? createExtra(typed) : createExtra }) : null,
+            /* @__PURE__ */ jsxs9(
               "button",
               {
                 type: "button",
@@ -1645,22 +1757,22 @@ function CreatablePicker({
                 onClick: () => void create(typed),
                 className: "flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left text-xs text-muted-foreground transition-colors hover:bg-accent hover:text-foreground disabled:opacity-50",
                 children: [
-                  busy ? /* @__PURE__ */ jsx18(Loader2Icon, { className: "size-3.5 shrink-0 matrx-spin" }) : /* @__PURE__ */ jsx18(PlusIcon, { className: "size-3.5 shrink-0" }),
-                  /* @__PURE__ */ jsx18("span", { className: "min-w-0 truncate", children: typed && !exactMatch ? `Create \u201C${typed}\u201D` : `Add ${article(noun)}\u2026` })
+                  busy ? /* @__PURE__ */ jsx20(Loader2Icon, { className: "size-3.5 shrink-0 matrx-spin" }) : /* @__PURE__ */ jsx20(PlusIcon, { className: "size-3.5 shrink-0" }),
+                  /* @__PURE__ */ jsx20("span", { className: "min-w-0 truncate", children: typed && !exactMatch ? `Create \u201C${typed}\u201D` : `Add ${article(noun)}\u2026` })
                 ]
               }
             ),
-            needsName ? /* @__PURE__ */ jsxs8("p", { className: "px-2 pb-0.5 text-[11px] leading-snug text-muted-foreground", children: [
+            needsName ? /* @__PURE__ */ jsxs9("p", { className: "px-2 pb-0.5 text-[11px] leading-snug text-muted-foreground", children: [
               "Type the name of the ",
               noun,
               " you want to add \u2014 then this creates it."
             ] }) : null
           ] }) : null,
-          footerActions?.length || manageAction ? /* @__PURE__ */ jsxs8("div", { className: "space-y-0.5 border-t border-border p-1", children: [
+          footerActions?.length || manageAction ? /* @__PURE__ */ jsxs9("div", { className: "space-y-0.5 border-t border-border p-1", children: [
             footerActions?.map((action) => {
               const Icon2 = action.icon;
-              return /* @__PURE__ */ jsxs8("div", { children: [
-                /* @__PURE__ */ jsxs8(
+              return /* @__PURE__ */ jsxs9("div", { children: [
+                /* @__PURE__ */ jsxs9(
                   "button",
                   {
                     type: "button",
@@ -1670,15 +1782,15 @@ function CreatablePicker({
                     },
                     className: "flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left text-xs text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
                     children: [
-                      Icon2 ? /* @__PURE__ */ jsx18(Icon2, { className: "size-3.5 shrink-0" }) : null,
-                      /* @__PURE__ */ jsx18("span", { className: "min-w-0 truncate", children: action.label })
+                      Icon2 ? /* @__PURE__ */ jsx20(Icon2, { className: "size-3.5 shrink-0" }) : null,
+                      /* @__PURE__ */ jsx20("span", { className: "min-w-0 truncate", children: action.label })
                     ]
                   }
                 ),
-                action.note ? /* @__PURE__ */ jsx18("p", { className: "px-2 pb-1 text-[10px] leading-snug text-muted-foreground", children: action.note }) : null
+                action.note ? /* @__PURE__ */ jsx20("p", { className: "px-2 pb-1 text-[10px] leading-snug text-muted-foreground", children: action.note }) : null
               ] }, action.label);
             }),
-            manageAction ? /* @__PURE__ */ jsxs8(
+            manageAction ? /* @__PURE__ */ jsxs9(
               "a",
               {
                 href: manageAction.href,
@@ -1687,18 +1799,18 @@ function CreatablePicker({
                 onClick: close,
                 className: "flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left text-xs text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
                 children: [
-                  /* @__PURE__ */ jsx18(ExternalLinkIcon, { className: "size-3.5 shrink-0" }),
-                  /* @__PURE__ */ jsx18("span", { className: "min-w-0 truncate", children: manageAction.label })
+                  /* @__PURE__ */ jsx20(ExternalLinkIcon, { className: "size-3.5 shrink-0" }),
+                  /* @__PURE__ */ jsx20("span", { className: "min-w-0 truncate", children: manageAction.label })
                 ]
               }
             ) : null
           ] }) : null,
-          lockedNote ? /* @__PURE__ */ jsxs8("div", { className: "space-y-1 border-t border-border p-2", children: [
-            /* @__PURE__ */ jsxs8("p", { className: "flex gap-1.5 text-[11px] leading-snug text-muted-foreground", children: [
-              /* @__PURE__ */ jsx18(LockIcon, { className: "mt-px size-3 shrink-0" }),
-              /* @__PURE__ */ jsx18("span", { children: lockedNote })
+          lockedNote ? /* @__PURE__ */ jsxs9("div", { className: "space-y-1 border-t border-border p-2", children: [
+            /* @__PURE__ */ jsxs9("p", { className: "flex gap-1.5 text-[11px] leading-snug text-muted-foreground", children: [
+              /* @__PURE__ */ jsx20(LockIcon, { className: "mt-px size-3 shrink-0" }),
+              /* @__PURE__ */ jsx20("span", { children: lockedNote })
             ] }),
-            lockedAction ? /* @__PURE__ */ jsxs8(
+            lockedAction ? /* @__PURE__ */ jsxs9(
               "button",
               {
                 type: "button",
@@ -1708,8 +1820,8 @@ function CreatablePicker({
                 },
                 className: "flex w-full items-center gap-2 rounded-sm px-1 py-1 text-left text-xs font-medium text-primary transition-colors hover:bg-accent",
                 children: [
-                  /* @__PURE__ */ jsx18(PlusIcon, { className: "size-3.5 shrink-0" }),
-                  /* @__PURE__ */ jsx18("span", { className: "min-w-0 truncate", children: lockedAction.label })
+                  /* @__PURE__ */ jsx20(PlusIcon, { className: "size-3.5 shrink-0" }),
+                  /* @__PURE__ */ jsx20("span", { className: "min-w-0 truncate", children: lockedAction.label })
                 ]
               }
             ) : null
@@ -1724,14 +1836,14 @@ function CreatablePicker({
 import * as DialogPrimitive2 from "@radix-ui/react-dialog";
 import * as VisuallyHidden2 from "@radix-ui/react-visually-hidden";
 import { treeContainsComponent as treeContainsComponent3 } from "@ai-matrx/kit/react-tree";
-import * as React16 from "react";
-import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
+import * as React17 from "react";
+import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
 var Dialog = ({
   children,
   ...props
 }) => {
   const modal = props.modal ?? true;
-  return /* @__PURE__ */ jsx19(RadixDialogModalProvider, { modal, children: /* @__PURE__ */ jsx19(DialogPrimitive2.Root, { ...props, modal, children }) });
+  return /* @__PURE__ */ jsx21(RadixDialogModalProvider, { modal, children: /* @__PURE__ */ jsx21(DialogPrimitive2.Root, { ...props, modal, children }) });
 };
 Dialog.displayName = "Dialog";
 var DialogTrigger = DialogPrimitive2.Trigger;
@@ -1741,12 +1853,12 @@ var DialogPortal = ({
   ...props
 }) => {
   const resolved = usePortalContainer(container);
-  return /* @__PURE__ */ jsx19(DialogPrimitive2.Portal, { container: resolved ?? null, ...props });
+  return /* @__PURE__ */ jsx21(DialogPrimitive2.Portal, { container: resolved ?? null, ...props });
 };
 DialogPortal.displayName = "DialogPortal";
-var DialogContainerContext = React16.createContext(null);
-var useDialogContainer = () => React16.useContext(DialogContainerContext);
-var DialogOverlay = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var DialogContainerContext = React17.createContext(null);
+var useDialogContainer = () => React17.useContext(DialogContainerContext);
+var DialogOverlay = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   DialogPrimitive2.Overlay,
   {
     ref,
@@ -1762,9 +1874,9 @@ var DialogOverlay = React16.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive2.Overlay.displayName;
-var DialogContentPrimitive = React16.forwardRef((props, ref) => {
+var DialogContentPrimitive = React17.forwardRef((props, ref) => {
   const isModal = useRadixDialogModal();
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx21(
     DialogPrimitive2.Content,
     {
       ...props,
@@ -1777,7 +1889,7 @@ DialogContentPrimitive.displayName = "DialogContentPrimitive";
 var DIALOG_DESKTOP_CLASSES2 = `fixed left-[50%] top-[50%] z-[10000] grid min-w-0 w-full max-w-lg ${CENTERED_DIALOG} gap-4 max-h-[85dvh] overflow-y-auto overscroll-contain [--dialog-pad:1.5rem] overflow-x-clip border bg-background p-6 shadow-lg [overflow-wrap:anywhere] [&>*]:min-w-0 [&>*]:max-w-full sm:rounded-lg`;
 var DIALOG_MOBILE_SHEET_CLASSES2 = "matrx-mobile-sheet fixed inset-x-0 bottom-0 left-0 right-0 top-auto z-[10000] flex min-w-0 flex-col w-full max-w-full max-h-[90dvh] translate-x-0 translate-y-0 gap-4 [--dialog-pad:1rem] overflow-x-clip border-t bg-background p-4 pb-safe shadow-lg [overflow-wrap:anywhere] [&>*]:min-w-0 [&>*]:max-w-full rounded-t-2xl rounded-b-none overflow-y-auto overscroll-contain";
 var DIALOG_MOBILE_SHEET_OVERRIDE2 = "inset-x-0 bottom-0 left-0 right-0 top-auto translate-x-0 translate-y-0 w-full max-w-full max-h-[90dvh] rounded-b-none rounded-t-2xl overflow-y-auto";
-var DialogContent = React16.forwardRef(
+var DialogContent = React17.forwardRef(
   ({
     className,
     children,
@@ -1791,10 +1903,10 @@ var DialogContent = React16.forwardRef(
     const isModal = useRadixDialogModal();
     const injectedContainer = usePortalContainer(container);
     const asSheet = mobileSheet && isMobile;
-    const [containerEl, setContainerEl] = React16.useState(
+    const [containerEl, setContainerEl] = React17.useState(
       null
     );
-    const mergedRef = React16.useCallback(
+    const mergedRef = React17.useCallback(
       (node) => {
         setContainerEl(node);
         if (typeof ref === "function") ref(node);
@@ -1805,9 +1917,9 @@ var DialogContent = React16.forwardRef(
     );
     const hasTitle = treeContainsComponent3(children, DialogTitle) || treeContainsComponent3(children, DialogPrimitive2.Title);
     const hasDescription = treeContainsComponent3(children, DialogDescription) || treeContainsComponent3(children, DialogPrimitive2.Description);
-    return /* @__PURE__ */ jsxs9(DialogPortal, { container, children: [
-      isModal ? /* @__PURE__ */ jsx19(DialogOverlay, {}) : null,
-      /* @__PURE__ */ jsxs9(
+    return /* @__PURE__ */ jsxs10(DialogPortal, { container, children: [
+      isModal ? /* @__PURE__ */ jsx21(DialogOverlay, {}) : null,
+      /* @__PURE__ */ jsxs10(
         DialogContentPrimitive,
         {
           ref: mergedRef,
@@ -1826,23 +1938,23 @@ var DialogContent = React16.forwardRef(
           ...hasDescription ? {} : { "aria-describedby": void 0 },
           ...props,
           children: [
-            hasTitle ? null : /* @__PURE__ */ jsx19(VisuallyHidden2.Root, { children: /* @__PURE__ */ jsx19(DialogPrimitive2.Title, { children: "Dialog" }) }),
-            /* @__PURE__ */ jsx19(DialogContainerContext.Provider, { value: containerEl, children: /* @__PURE__ */ jsx19(
+            hasTitle ? null : /* @__PURE__ */ jsx21(VisuallyHidden2.Root, { children: /* @__PURE__ */ jsx21(DialogPrimitive2.Title, { children: "Dialog" }) }),
+            /* @__PURE__ */ jsx21(DialogContainerContext.Provider, { value: containerEl, children: /* @__PURE__ */ jsx21(
               PortalContainerProvider,
               {
                 container: containerEl ?? injectedContainer ?? null,
                 children
               }
             ) }),
-            showCloseButton ? /* @__PURE__ */ jsxs9(
+            showCloseButton ? /* @__PURE__ */ jsxs10(
               DialogPrimitive2.Close,
               {
                 "data-slot": "dialog-close",
                 "aria-label": "Close",
                 className: "absolute right-2 top-4 flex h-11 w-11 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground sm:right-4 lg:h-10 lg:w-10",
                 children: [
-                  /* @__PURE__ */ jsx19(XIcon, { className: "h-4 w-4" }),
-                  /* @__PURE__ */ jsx19("span", { className: "sr-only", children: "Close" })
+                  /* @__PURE__ */ jsx21(XIcon, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ jsx21("span", { className: "sr-only", children: "Close" })
                 ]
               }
             ) : null
@@ -1856,7 +1968,7 @@ DialogContent.displayName = DialogPrimitive2.Content.displayName;
 var DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx19(
+}) => /* @__PURE__ */ jsx21(
   "div",
   {
     "data-slot": "dialog-header",
@@ -1873,7 +1985,7 @@ DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx19(
+}) => /* @__PURE__ */ jsx21(
   "div",
   {
     "data-slot": "dialog-footer",
@@ -1887,7 +1999,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var DialogTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   DialogPrimitive2.Title,
   {
     ref,
@@ -1897,7 +2009,7 @@ var DialogTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive2.Title.displayName;
-var DialogDescription = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var DialogDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   DialogPrimitive2.Description,
   {
     ref,
@@ -1910,8 +2022,8 @@ DialogDescription.displayName = DialogPrimitive2.Description.displayName;
 // src/dropdown-menu.tsx
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import * as React17 from "react";
-import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
+import * as React18 from "react";
+import { jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
@@ -1921,7 +2033,7 @@ var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
 var MENU_SURFACE_CLASS = "z-[10001] min-w-[8rem] max-h-[var(--radix-dropdown-menu-content-available-height)] overflow-y-auto overflow-x-hidden overscroll-contain rounded-md border bg-popover p-1 text-popover-foreground";
 var MENU_ITEM_CLASS = "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50";
 var MENU_INDICATOR_ITEM_CLASS = "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50";
-var DropdownMenuSubTrigger = React17.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
+var DropdownMenuSubTrigger = React18.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs11(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -1934,12 +2046,12 @@ var DropdownMenuSubTrigger = React17.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx20(RadixChevronRightIcon, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx22(RadixChevronRightIcon, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var DropdownMenuSubContent = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -1949,9 +2061,9 @@ var DropdownMenuSubContent = React17.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React17.forwardRef(({ className, sideOffset = 4, container, ...props }, ref) => {
+var DropdownMenuContent = React18.forwardRef(({ className, sideOffset = 4, container, ...props }, ref) => {
   const portalContainer = usePortalContainer(container);
-  return /* @__PURE__ */ jsx20(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx22(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx22(
     DropdownMenuPrimitive.Content,
     {
       ref,
@@ -1968,7 +2080,7 @@ var DropdownMenuContent = React17.forwardRef(({ className, sideOffset = 4, conta
   ) });
 });
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx20(
+var DropdownMenuItem = React18.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx22(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -1978,7 +2090,7 @@ var DropdownMenuItem = React17.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
+var DropdownMenuCheckboxItem = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs11(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -1986,13 +2098,13 @@ var DropdownMenuCheckboxItem = React17.forwardRef(({ className, children, ...pro
     className: cn(MENU_INDICATOR_ITEM_CLASS, className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx20("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx20(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx20(CheckIcon, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx22("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx22(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx22(CheckIcon, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
+var DropdownMenuRadioItem = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs11(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -2000,13 +2112,13 @@ var DropdownMenuRadioItem = React17.forwardRef(({ className, children, ...props
     className: cn(MENU_INDICATOR_ITEM_CLASS, className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx20("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx20(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx20(DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
+      /* @__PURE__ */ jsx22("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx22(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx22(DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx20(
+var DropdownMenuLabel = React18.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx22(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -2016,7 +2128,7 @@ var DropdownMenuLabel = React17.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var DropdownMenuSeparator = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -2029,7 +2141,7 @@ DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
 var DropdownMenuShortcut = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx20(
+}) => /* @__PURE__ */ jsx22(
   "span",
   {
     "data-slot": "dropdown-menu-shortcut",
@@ -2040,8 +2152,8 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 // src/editable-label.tsx
-import { useCallback as useCallback2, useEffect as useEffect2, useRef as useRef2, useState as useState4 } from "react";
-import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
+import { useCallback as useCallback3, useEffect as useEffect3, useRef as useRef3, useState as useState5 } from "react";
+import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
 function EditableLabel({
   value,
   onCommit,
@@ -2061,22 +2173,22 @@ function EditableLabel({
   inputClassName
 }) {
   const controlled = activation === "controlled";
-  const [internalEditing, setInternalEditing] = useState4(false);
+  const [internalEditing, setInternalEditing] = useState5(false);
   const editing = controlled ? !!editingProp : internalEditing;
-  const [draft, setDraft] = useState4(value);
-  const [error, setError] = useState4(null);
-  const [busy, setBusy] = useState4(false);
-  const inputRef = useRef2(null);
-  useEffect2(() => {
+  const [draft, setDraft] = useState5(value);
+  const [error, setError] = useState5(null);
+  const [busy, setBusy] = useState5(false);
+  const inputRef = useRef3(null);
+  useEffect3(() => {
     if (!editing) setDraft(value);
   }, [value, editing]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (editing && inputRef.current) {
       inputRef.current.focus();
       if (selectOnEdit) inputRef.current.select();
     }
   }, [editing, selectOnEdit]);
-  const setEditing = useCallback2(
+  const setEditing = useCallback3(
     (next) => {
       if (controlled) {
         onEditingChange?.(next);
@@ -2087,18 +2199,18 @@ function EditableLabel({
     },
     [controlled, onEditingChange]
   );
-  const startEdit = useCallback2(() => {
+  const startEdit = useCallback3(() => {
     setDraft(value);
     setError(null);
     setEditing(true);
   }, [value, setEditing]);
-  const cancel = useCallback2(() => {
+  const cancel = useCallback3(() => {
     setDraft(value);
     setError(null);
     setBusy(false);
     setEditing(false);
   }, [value, setEditing]);
-  const commit = useCallback2(() => {
+  const commit = useCallback3(() => {
     if (busy) return;
     const trimmed = draft.trim();
     const next = trimmed || emptyFallback;
@@ -2148,8 +2260,8 @@ function EditableLabel({
     setEditing
   ]);
   if (editing) {
-    return /* @__PURE__ */ jsxs11("span", { className: cn("relative flex min-w-0 flex-1 items-center", className), children: [
-      /* @__PURE__ */ jsx21(
+    return /* @__PURE__ */ jsxs12("span", { className: cn("relative flex min-w-0 flex-1 items-center", className), children: [
+      /* @__PURE__ */ jsx23(
         "input",
         {
           ref: inputRef,
@@ -2189,12 +2301,12 @@ function EditableLabel({
           )
         }
       ),
-      busy && /* @__PURE__ */ jsx21(Loader2Icon, { className: "absolute right-1 h-3.5 w-3.5 matrx-spin text-muted-foreground" }),
-      error && /* @__PURE__ */ jsx21("span", { className: "absolute left-0 top-full mt-0.5 whitespace-nowrap text-xs text-destructive", children: error })
+      busy && /* @__PURE__ */ jsx23(Loader2Icon, { className: "absolute right-1 h-3.5 w-3.5 matrx-spin text-muted-foreground" }),
+      error && /* @__PURE__ */ jsx23("span", { className: "absolute left-0 top-full mt-0.5 whitespace-nowrap text-xs text-destructive", children: error })
     ] });
   }
   if (controlled) return null;
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx23(
     "button",
     {
       type: "button",
@@ -2228,8 +2340,8 @@ function EditableLabel({
 }
 // src/input.tsx
-import * as React18 from "react";
-import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
+import * as React19 from "react";
+import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
 var getVariantStyles = (variant = "default") => {
   const baseStyles = `flex h-10 w-full border border-border bg-background text-foreground shadow-input rounded-md px-3 py-2 text-sm file:border-0 file:bg-transparent
     file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground
@@ -2257,9 +2369,9 @@ var getVariantStyles = (variant = "default") => {
       return baseStyles;
   }
 };
-var Input = React18.forwardRef(
+var Input = React19.forwardRef(
   ({ className, type, variant = "default", ...props }, ref) => {
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx24(
       "input",
       {
         type,
@@ -2271,7 +2383,7 @@ var Input = React18.forwardRef(
   }
 );
 Input.displayName = "Input";
-var EnterInput = React18.forwardRef(
+var EnterInput = React19.forwardRef(
   ({ onEnter, ...props }, ref) => {
     const handleKeyDown = (e) => {
       if (e.key === "Enter" && onEnter) {
@@ -2279,7 +2391,7 @@ var EnterInput = React18.forwardRef(
         onEnter();
       }
     };
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx24(
       Input,
       {
         ...props,
@@ -2295,11 +2407,11 @@ var EnterInput = React18.forwardRef(
   }
 );
 EnterInput.displayName = "EnterInput";
-var BasicInput = React18.forwardRef(
+var BasicInput = React19.forwardRef(
   // `variant` is accepted (prop-compatible with Input) but intentionally
   // unused — and destructured so it never leaks onto the DOM element.
   ({ className, type, variant: _variant = "default", ...props }, ref) => {
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx24(
       "input",
       {
         type,
@@ -2314,10 +2426,10 @@ var BasicInput = React18.forwardRef(
   }
 );
 BasicInput.displayName = "BasicInput";
-var InputWithPrefix = React18.forwardRef(({ prefix, className, wrapperClassName, ...props }, ref) => {
-  return /* @__PURE__ */ jsxs12("div", { className: cn("relative", wrapperClassName), children: [
-    prefix && /* @__PURE__ */ jsx22("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: prefix }),
-    /* @__PURE__ */ jsx22(
+var InputWithPrefix = React19.forwardRef(({ prefix, className, wrapperClassName, ...props }, ref) => {
+  return /* @__PURE__ */ jsxs13("div", { className: cn("relative", wrapperClassName), children: [
+    prefix && /* @__PURE__ */ jsx24("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: prefix }),
+    /* @__PURE__ */ jsx24(
       Input,
       {
         ref,
@@ -2331,9 +2443,9 @@ InputWithPrefix.displayName = "InputWithPrefix";
 // src/label.tsx
 import * as LabelPrimitive from "@radix-ui/react-label";
-import * as React19 from "react";
-import { jsx as jsx23 } from "react/jsx-runtime";
-var Label3 = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+import * as React20 from "react";
+import { jsx as jsx25 } from "react/jsx-runtime";
+var Label3 = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   LabelPrimitive.Root,
   {
     ref,
@@ -2347,8 +2459,8 @@ var Label3 = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Label3.displayName = LabelPrimitive.Root.displayName;
 // src/overflow-toolbar.tsx
-import { useLayoutEffect, useMemo, useRef as useRef3, useState as useState5 } from "react";
-import { Fragment, jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
+import { useLayoutEffect, useMemo, useRef as useRef4, useState as useState6 } from "react";
+import { Fragment, jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
 var GAP_PX = 6;
 var TONE = {
   default: "border border-border bg-background hover:bg-accent text-foreground",
@@ -2370,16 +2482,16 @@ function ToolbarButton({
     action.hideLabel && !action.running ? "w-7 justify-center px-0" : "px-2",
     TONE[tone]
   );
-  const inner = /* @__PURE__ */ jsxs13(Fragment, { children: [
-    /* @__PURE__ */ jsx24(
+  const inner = /* @__PURE__ */ jsxs14(Fragment, { children: [
+    /* @__PURE__ */ jsx26(
       Icon2,
       {
         className: cn("w-3.5 h-3.5 shrink-0", action.running && "matrx-spin")
       }
     ),
-    showLabel && /* @__PURE__ */ jsx24("span", { children: text })
+    showLabel && /* @__PURE__ */ jsx26("span", { children: text })
   ] });
-  const control = action.href && !action.disabled ? /* @__PURE__ */ jsx24(
+  const control = action.href && !action.disabled ? /* @__PURE__ */ jsx26(
     "a",
     {
       href: action.href,
@@ -2389,7 +2501,7 @@ function ToolbarButton({
       "aria-label": action.label,
       children: inner
     }
-  ) : /* @__PURE__ */ jsx24(
+  ) : /* @__PURE__ */ jsx26(
     "button",
     {
       type: "button",
@@ -2401,12 +2513,12 @@ function ToolbarButton({
     }
   );
   if (enableTooltip && action.hideLabel && renderTooltip) {
-    return /* @__PURE__ */ jsx24(Fragment, { children: renderTooltip(control, action.label) });
+    return /* @__PURE__ */ jsx26(Fragment, { children: renderTooltip(control, action.label) });
   }
   return control;
 }
 function OverflowTrigger({ ariaLabel }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx26(
     "button",
     {
       type: "button",
@@ -2417,7 +2529,7 @@ function OverflowTrigger({ ariaLabel }) {
         "inline-flex items-center justify-center h-7 w-7 rounded-md transition-colors",
         "border border-border bg-background hover:bg-accent text-foreground"
       ),
-      children: /* @__PURE__ */ jsx24(MoreHorizontalIcon, { className: "w-3.5 h-3.5" })
+      children: /* @__PURE__ */ jsx26(MoreHorizontalIcon, { className: "w-3.5 h-3.5" })
     }
   );
 }
@@ -2433,10 +2545,10 @@ function OverflowToolbar({
     () => actions.filter((a) => !a.hidden),
     [actions]
   );
-  const containerRef = useRef3(null);
-  const ghostRef = useRef3(null);
-  const leadingRef = useRef3(null);
-  const [visibleCount, setVisibleCount] = useState5(visibleActions.length);
+  const containerRef = useRef4(null);
+  const ghostRef = useRef4(null);
+  const leadingRef = useRef4(null);
+  const [visibleCount, setVisibleCount] = useState6(visibleActions.length);
   const signature = visibleActions.map(
     (a) => `${a.id}:${a.hideLabel ? 1 : 0}:${a.running ? 1 : 0}:${a.runningLabel ?? ""}:${a.label}`
   ).join("|");
@@ -2477,22 +2589,22 @@ function OverflowToolbar({
   }, [signature, leading != null]);
   const shown = visibleActions.slice(0, visibleCount);
   const hidden = visibleActions.slice(visibleCount);
-  return /* @__PURE__ */ jsxs13("div", { ref: containerRef, className: cn("relative min-w-0", className), children: [
-    /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14("div", { ref: containerRef, className: cn("relative min-w-0", className), children: [
+    /* @__PURE__ */ jsxs14(
       "div",
       {
         ref: ghostRef,
         "aria-hidden": true,
         className: "pointer-events-none absolute left-0 top-0 flex items-center gap-1.5 opacity-0",
         children: [
-          visibleActions.map((a) => /* @__PURE__ */ jsx24(ToolbarButton, { action: a }, a.id)),
-          /* @__PURE__ */ jsx24(OverflowTrigger, { ariaLabel: overflowAriaLabel })
+          visibleActions.map((a) => /* @__PURE__ */ jsx26(ToolbarButton, { action: a }, a.id)),
+          /* @__PURE__ */ jsx26(OverflowTrigger, { ariaLabel: overflowAriaLabel })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-end gap-1.5", children: [
-      leading != null && /* @__PURE__ */ jsx24("span", { ref: leadingRef, className: "shrink-0", children: leading }),
-      shown.map((a) => /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-end gap-1.5", children: [
+      leading != null && /* @__PURE__ */ jsx26("span", { ref: leadingRef, className: "shrink-0", children: leading }),
+      shown.map((a) => /* @__PURE__ */ jsx26(
         ToolbarButton,
         {
           action: a,
@@ -2503,7 +2615,7 @@ function OverflowToolbar({
       )),
       hidden.length > 0 && renderOverflowMenu({
         actions: hidden,
-        trigger: /* @__PURE__ */ jsx24(OverflowTrigger, { ariaLabel: overflowAriaLabel })
+        trigger: /* @__PURE__ */ jsx26(OverflowTrigger, { ariaLabel: overflowAriaLabel })
       })
     ] })
   ] });
@@ -2511,20 +2623,20 @@ function OverflowToolbar({
 // src/progress.tsx
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import * as React21 from "react";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import * as React22 from "react";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var PROGRESS_TONES = {
   default: "bg-primary",
   success: "bg-success",
   warning: "bg-warning",
   destructive: "bg-destructive"
 };
-var Progress = React21.forwardRef(({ className, tone = "default", indicatorClassName, ...props }, ref) => {
+var Progress = React22.forwardRef(({ className, tone = "default", indicatorClassName, ...props }, ref) => {
   const { value, max } = props;
   const ceiling = max ?? 100;
   const isIndeterminate = value === null || value === void 0;
   const pct = isIndeterminate ? 0 : Math.min(100, Math.max(0, value / ceiling * 100));
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx27(
     ProgressPrimitive.Root,
     {
       ref,
@@ -2534,7 +2646,7 @@ var Progress = React21.forwardRef(({ className, tone = "default", indicatorClass
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx25(
+      children: /* @__PURE__ */ jsx27(
         ProgressPrimitive.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -2554,9 +2666,9 @@ Progress.displayName = ProgressPrimitive.Root.displayName;
 // src/scroll-area.tsx
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import * as React22 from "react";
-import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
-var ScrollArea = React22.forwardRef(
+import * as React23 from "react";
+import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
+var ScrollArea = React23.forwardRef(
   ({
     className,
     children,
@@ -2565,7 +2677,7 @@ var ScrollArea = React22.forwardRef(
     scrollBarClassName,
     orientation = "vertical",
     ...props
-  }, ref) => /* @__PURE__ */ jsxs14(
+  }, ref) => /* @__PURE__ */ jsxs15(
     ScrollAreaPrimitive.Root,
     {
       ref,
@@ -2573,7 +2685,7 @@ var ScrollArea = React22.forwardRef(
       className: cn("relative overflow-hidden", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx28(
           ScrollAreaPrimitive.Viewport,
           {
             ref: viewportRef,
@@ -2582,14 +2694,14 @@ var ScrollArea = React22.forwardRef(
             children
           }
         ),
-        /* @__PURE__ */ jsx26(ScrollBar, { orientation, className: scrollBarClassName }),
-        /* @__PURE__ */ jsx26(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx28(ScrollBar, { orientation, className: scrollBarClassName }),
+        /* @__PURE__ */ jsx28(ScrollAreaPrimitive.Corner, {})
       ]
     }
   )
 );
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React22.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx26(
+var ScrollBar = React23.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx28(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -2602,7 +2714,7 @@ var ScrollBar = React22.forwardRef(({ className, orientation = "vertical", ...pr
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx26(
+    children: /* @__PURE__ */ jsx28(
       ScrollAreaPrimitive.ScrollAreaThumb,
       {
         "data-slot": "scroll-area-thumb",
@@ -2614,7 +2726,7 @@ var ScrollBar = React22.forwardRef(({ className, orientation = "vertical", ...pr
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 // src/score-ring.tsx
-import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
 var DEFAULT_SCORE_THRESHOLDS = {
   good: 75,
   warning: 50
@@ -2645,7 +2757,7 @@ function ScoreRing({
   const circumference = 2 * Math.PI * radius;
   const boundedPct = pct === null ? 0 : Math.max(0, Math.min(100, pct));
   const dashOffset = circumference * (1 - boundedPct / 100);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     "div",
     {
       className: cn(
@@ -2656,8 +2768,8 @@ function ScoreRing({
       role: "img",
       "aria-label": `${label ?? "Score"}: ${pct === null ? "not available" : `${pct} out of 100`}`,
       children: [
-        /* @__PURE__ */ jsxs15("svg", { viewBox: "0 0 100 100", className: "h-full w-full -rotate-90", children: [
-          /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsxs16("svg", { viewBox: "0 0 100 100", className: "h-full w-full -rotate-90", children: [
+          /* @__PURE__ */ jsx29(
             "circle",
             {
               cx: "50",
@@ -2668,7 +2780,7 @@ function ScoreRing({
               fill: "none"
             }
           ),
-          pct !== null ? /* @__PURE__ */ jsx27(
+          pct !== null ? /* @__PURE__ */ jsx29(
             "circle",
             {
               cx: "50",
@@ -2687,8 +2799,8 @@ function ScoreRing({
             }
           ) : null
         ] }),
-        /* @__PURE__ */ jsxs15("div", { className: "absolute flex flex-col items-center justify-center", children: [
-          /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsxs16("div", { className: "absolute flex flex-col items-center justify-center", children: [
+          /* @__PURE__ */ jsx29(
             "span",
             {
               className: cn(
@@ -2698,7 +2810,7 @@ function ScoreRing({
               children: pct === null ? "\u2014" : `${pct}${suffix}`
             }
           ),
-          label ? /* @__PURE__ */ jsx27("span", { className: "max-w-[74px] truncate text-[9px] font-semibold uppercase tracking-wide text-muted-foreground", children: label }) : null
+          label ? /* @__PURE__ */ jsx29("span", { className: "max-w-[74px] truncate text-[9px] font-semibold uppercase tracking-wide text-muted-foreground", children: label }) : null
         ] })
       ]
     }
@@ -2706,7 +2818,7 @@ function ScoreRing({
 }
 // src/segmented-control.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function SegmentedControl({
   value,
   onValueChange,
@@ -2721,7 +2833,7 @@ function SegmentedControl({
     md: "h-9 text-sm",
     lg: "h-10 text-base"
   };
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       className: cn(
@@ -2732,7 +2844,7 @@ function SegmentedControl({
       role: "tablist",
       children: data.map((option) => {
         const isActive = value === option.value;
-        return /* @__PURE__ */ jsx28(
+        return /* @__PURE__ */ jsx30(
           "button",
           {
             type: "button",
@@ -2759,8 +2871,8 @@ function SegmentedControl({
 // src/select.tsx
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { cva as cva4 } from "class-variance-authority";
-import * as React23 from "react";
-import { jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
+import * as React24 from "react";
+import { jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
@@ -2779,7 +2891,7 @@ var selectTriggerVariants = cva4(
     }
   }
 );
-var SelectTrigger = React23.forwardRef(({ className, children, hideArrow = false, size, ...props }, ref) => /* @__PURE__ */ jsxs16(
+var SelectTrigger = React24.forwardRef(({ className, children, hideArrow = false, size, ...props }, ref) => /* @__PURE__ */ jsxs17(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -2787,12 +2899,12 @@ var SelectTrigger = React23.forwardRef(({ className, children, hideArrow = false
     ...props,
     children: [
       children,
-      !hideArrow && /* @__PURE__ */ jsx29(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx29(RadixChevronDownIcon, { className: "h-4 w-4 opacity-50" }) })
+      !hideArrow && /* @__PURE__ */ jsx31(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx31(RadixChevronDownIcon, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var SelectScrollUpButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -2801,11 +2913,11 @@ var SelectScrollUpButton = React23.forwardRef(({ className, ...props }, ref) =>
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx29(RadixChevronUpIcon, {})
+    children: /* @__PURE__ */ jsx31(RadixChevronUpIcon, {})
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var SelectScrollDownButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -2814,11 +2926,11 @@ var SelectScrollDownButton = React23.forwardRef(({ className, ...props }, ref) =
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx29(RadixChevronDownIcon, {})
+    children: /* @__PURE__ */ jsx31(RadixChevronDownIcon, {})
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React23.forwardRef(
+var SelectContent = React24.forwardRef(
   ({
     className,
     children,
@@ -2828,7 +2940,7 @@ var SelectContent = React23.forwardRef(
     ...props
   }, ref) => {
     const portalContainer = usePortalContainer(container);
-    return /* @__PURE__ */ jsx29(SelectPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxs16(
+    return /* @__PURE__ */ jsx31(SelectPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxs17(
       SelectPrimitive.Content,
       {
         ref,
@@ -2846,8 +2958,8 @@ var SelectContent = React23.forwardRef(
         position,
         ...props,
         children: [
-          /* @__PURE__ */ jsx29(SelectScrollUpButton, {}),
-          /* @__PURE__ */ jsx29(
+          /* @__PURE__ */ jsx31(SelectScrollUpButton, {}),
+          /* @__PURE__ */ jsx31(
             SelectPrimitive.Viewport,
             {
               className: cn(
@@ -2857,14 +2969,14 @@ var SelectContent = React23.forwardRef(
               children
             }
           ),
-          /* @__PURE__ */ jsx29(SelectScrollDownButton, {})
+          /* @__PURE__ */ jsx31(SelectScrollDownButton, {})
         ]
       }
     ) });
   }
 );
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var SelectLabel = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   SelectPrimitive.Label,
   {
     ref,
@@ -2873,7 +2985,7 @@ var SelectLabel = React23.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React23.forwardRef(({ className, children, description, ...props }, ref) => /* @__PURE__ */ jsxs16(
+var SelectItem = React24.forwardRef(({ className, children, description, ...props }, ref) => /* @__PURE__ */ jsxs17(
   SelectPrimitive.Item,
   {
     ref,
@@ -2884,14 +2996,14 @@ var SelectItem = React23.forwardRef(({ className, children, description, ...prop
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx29("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx29(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx29(CheckIcon, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ jsx29(SelectPrimitive.ItemText, { children }),
-      description ? /* @__PURE__ */ jsx29("span", { className: "block text-xs leading-snug text-muted-foreground", children: description }) : null
+      /* @__PURE__ */ jsx31("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx31(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx31(CheckIcon, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx31(SelectPrimitive.ItemText, { children }),
+      description ? /* @__PURE__ */ jsx31("span", { className: "block text-xs leading-snug text-muted-foreground", children: description }) : null
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var SelectSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   SelectPrimitive.Separator,
   {
     ref,
@@ -2903,9 +3015,9 @@ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 // src/separator.tsx
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import * as React24 from "react";
-import { jsx as jsx30 } from "react/jsx-runtime";
-var Separator4 = React24.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx30(
+import * as React25 from "react";
+import { jsx as jsx32 } from "react/jsx-runtime";
+var Separator4 = React25.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx32(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -2925,11 +3037,11 @@ Separator4.displayName = SeparatorPrimitive.Root.displayName;
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { treeContainsComponent as treeContainsComponent4 } from "@ai-matrx/kit/react-tree";
 import { cva as cva5 } from "class-variance-authority";
-import * as React25 from "react";
-import { jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
-var SheetContentBase = React25.forwardRef(({ ...props }, ref) => {
+import * as React26 from "react";
+import { jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
+var SheetContentBase = React26.forwardRef(({ ...props }, ref) => {
   const isModal = useRadixDialogModal();
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx33(
     SheetPrimitive.Content,
     {
       ...props,
@@ -2939,15 +3051,15 @@ var SheetContentBase = React25.forwardRef(({ ...props }, ref) => {
   );
 });
 SheetContentBase.displayName = "SheetContentBase";
-var Sheet = React25.forwardRef(({ children, ...props }, _ref) => {
+var Sheet = React26.forwardRef(({ children, ...props }, _ref) => {
   const modal = props.modal ?? true;
-  return /* @__PURE__ */ jsx31(RadixDialogModalProvider, { modal, children: /* @__PURE__ */ jsx31(SheetPrimitive.Root, { ...props, modal, children }) });
+  return /* @__PURE__ */ jsx33(RadixDialogModalProvider, { modal, children: /* @__PURE__ */ jsx33(SheetPrimitive.Root, { ...props, modal, children }) });
 });
 Sheet.displayName = "Sheet";
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+var SheetOverlay = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -2984,7 +3096,7 @@ var sheetVariants = cva5(
     }
   }
 );
-var SheetDescription = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+var SheetDescription = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   SheetPrimitive.Description,
   {
     ref,
@@ -2993,7 +3105,7 @@ var SheetDescription = React25.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
-var SheetContent = React25.forwardRef(
+var SheetContent = React26.forwardRef(
   ({
     side = "right",
     className,
@@ -3005,9 +3117,9 @@ var SheetContent = React25.forwardRef(
     ...props
   }, ref) => {
     const hasDescription = treeContainsComponent4(children, SheetDescription) || treeContainsComponent4(children, SheetPrimitive.Description);
-    return /* @__PURE__ */ jsxs17(SheetPortal, { children: [
-      !hideOverlay && /* @__PURE__ */ jsx31(SheetOverlay, { className: overlayClassName }),
-      /* @__PURE__ */ jsxs17(
+    return /* @__PURE__ */ jsxs18(SheetPortal, { children: [
+      !hideOverlay && /* @__PURE__ */ jsx33(SheetOverlay, { className: overlayClassName }),
+      /* @__PURE__ */ jsxs18(
         SheetContentBase,
         {
           ref,
@@ -3019,9 +3131,9 @@ var SheetContent = React25.forwardRef(
           ...hasDescription ? {} : { "aria-describedby": void 0 },
           ...props,
           children: [
-            !hideCloseButton && /* @__PURE__ */ jsxs17(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-              /* @__PURE__ */ jsx31(Cross2Icon, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx31("span", { className: "sr-only", children: "Close" })
+            !hideCloseButton && /* @__PURE__ */ jsxs18(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+              /* @__PURE__ */ jsx33(Cross2Icon, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx33("span", { className: "sr-only", children: "Close" })
             ] }),
             children
           ]
@@ -3034,7 +3146,7 @@ SheetContent.displayName = SheetPrimitive.Content.displayName;
 var SheetHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx31(
+}) => /* @__PURE__ */ jsx33(
   "div",
   {
     className: cn(
@@ -3048,7 +3160,7 @@ SheetHeader.displayName = "SheetHeader";
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx31(
+}) => /* @__PURE__ */ jsx33(
   "div",
   {
     className: cn(
@@ -3059,7 +3171,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+var SheetTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   SheetPrimitive.Title,
   {
     ref,
@@ -3070,9 +3182,9 @@ var SheetTitle = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
 // src/skeleton.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function Skeleton({ className, animated = true, ...props }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "skeleton",
@@ -3088,8 +3200,8 @@ function Skeleton({ className, animated = true, ...props }) {
 // src/switch.tsx
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-import * as React26 from "react";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import * as React27 from "react";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var SWITCH_SIZES = {
   sm: {
     root: "h-4 w-9 border-border data-[state=unchecked]:bg-input",
@@ -3100,7 +3212,7 @@ var SWITCH_SIZES = {
     thumb: "h-4 w-4 data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
   }
 };
-var Switch = React26.forwardRef(({ className, size = "md", ...props }, ref) => /* @__PURE__ */ jsx33(
+var Switch = React27.forwardRef(({ className, size = "md", ...props }, ref) => /* @__PURE__ */ jsx35(
   SwitchPrimitives.Root,
   {
     ref,
@@ -3111,7 +3223,7 @@ var Switch = React26.forwardRef(({ className, size = "md", ...props }, ref) => /
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx33(
+    children: /* @__PURE__ */ jsx35(
       SwitchPrimitives.Thumb,
       {
         "data-slot": "switch-thumb",
@@ -3126,30 +3238,30 @@ var Switch = React26.forwardRef(({ className, size = "md", ...props }, ref) => /
 Switch.displayName = SwitchPrimitives.Root.displayName;
 // src/tabbed-bottom-sheet.tsx
-import { useState as useState6 } from "react";
-import { jsx as jsx34, jsxs as jsxs18 } from "react/jsx-runtime";
+import { useState as useState7 } from "react";
+import { jsx as jsx36, jsxs as jsxs19 } from "react/jsx-runtime";
 function TabbedBottomSheet({
   open,
   onOpenChange,
   title,
   tabs
 }) {
-  const [selectedTabId, setSelectedTabId] = useState6(null);
-  const [wasOpen, setWasOpen] = useState6(open);
+  const [selectedTabId, setSelectedTabId] = useState7(null);
+  const [wasOpen, setWasOpen] = useState7(open);
   if (open !== wasOpen) {
     setWasOpen(open);
     if (open) setSelectedTabId(null);
   }
   const selectedTab = selectedTabId ? tabs.find((tab) => tab.id === selectedTabId) : null;
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx36(
     BottomSheet,
     {
       open,
       onOpenChange,
       title,
       size: "full",
-      children: /* @__PURE__ */ jsxs18("div", { className: "matrx-mobile-sheet flex min-h-0 flex-1 flex-col", children: [
-        /* @__PURE__ */ jsx34(
+      children: /* @__PURE__ */ jsxs19("div", { className: "matrx-mobile-sheet flex min-h-0 flex-1 flex-col", children: [
+        /* @__PURE__ */ jsx36(
           BottomSheetHeader,
           {
             title: selectedTab ? selectedTab.label : title,
@@ -3157,19 +3269,19 @@ function TabbedBottomSheet({
             onBack: () => setSelectedTabId(null)
           }
         ),
-        selectedTab ? /* @__PURE__ */ jsx34("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden pb-safe", children: selectedTab.content }) : /* @__PURE__ */ jsx34(BottomSheetBody, { children: /* @__PURE__ */ jsx34("ul", { className: "divide-y divide-border", children: tabs.map((tab) => {
+        selectedTab ? /* @__PURE__ */ jsx36("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden pb-safe", children: selectedTab.content }) : /* @__PURE__ */ jsx36(BottomSheetBody, { children: /* @__PURE__ */ jsx36("ul", { className: "divide-y divide-border", children: tabs.map((tab) => {
           const Icon2 = tab.icon;
-          return /* @__PURE__ */ jsx34("li", { children: /* @__PURE__ */ jsxs18(
+          return /* @__PURE__ */ jsx36("li", { children: /* @__PURE__ */ jsxs19(
             "button",
             {
               type: "button",
               onClick: () => setSelectedTabId(tab.id),
               className: "flex w-full items-center gap-3 px-4 py-3.5 text-left transition-colors hover:bg-muted/60 active:bg-muted",
               children: [
-                Icon2 ? /* @__PURE__ */ jsx34(Icon2, { className: "h-5 w-5 shrink-0 text-muted-foreground" }) : null,
-                /* @__PURE__ */ jsx34("span", { className: "min-w-0 flex-1 text-base text-foreground", children: tab.label }),
+                Icon2 ? /* @__PURE__ */ jsx36(Icon2, { className: "h-5 w-5 shrink-0 text-muted-foreground" }) : null,
+                /* @__PURE__ */ jsx36("span", { className: "min-w-0 flex-1 text-base text-foreground", children: tab.label }),
                 tab.trailing,
-                /* @__PURE__ */ jsx34(ChevronRightIcon, { className: "h-5 w-5 shrink-0 text-muted-foreground" })
+                /* @__PURE__ */ jsx36(ChevronRightIcon, { className: "h-5 w-5 shrink-0 text-muted-foreground" })
               ]
             }
           ) }, tab.id);
@@ -3180,19 +3292,19 @@ function TabbedBottomSheet({
 }
 // src/table.tsx
-import * as React27 from "react";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import * as React28 from "react";
+import { jsx as jsx37 } from "react/jsx-runtime";
 var TABLE_SIZES = {
   sm: { head: "px-2", cell: "p-2" },
   md: { head: "px-3", cell: "p-3" }
 };
-var TableSizeContext = React27.createContext("md");
+var TableSizeContext = React28.createContext("md");
 function useTableSize() {
-  return React27.useContext(TableSizeContext);
+  return React28.useContext(TableSizeContext);
 }
-var Table = React27.forwardRef(
+var Table = React28.forwardRef(
   ({ className, size = "md", wrap = true, wrapperClassName, ...props }, ref) => {
-    const table = /* @__PURE__ */ jsx35(
+    const table = /* @__PURE__ */ jsx37(
       "table",
       {
         ref,
@@ -3202,7 +3314,7 @@ var Table = React27.forwardRef(
         ...props
       }
     );
-    return /* @__PURE__ */ jsx35(TableSizeContext.Provider, { value: size, children: wrap ? /* @__PURE__ */ jsx35(
+    return /* @__PURE__ */ jsx37(TableSizeContext.Provider, { value: size, children: wrap ? /* @__PURE__ */ jsx37(
       "div",
       {
         "data-slot": "table-wrapper",
@@ -3213,7 +3325,7 @@ var Table = React27.forwardRef(
   }
 );
 Table.displayName = "Table";
-var TableHeader = React27.forwardRef(({ className, sticky = false, ...props }, ref) => /* @__PURE__ */ jsx35(
+var TableHeader = React28.forwardRef(({ className, sticky = false, ...props }, ref) => /* @__PURE__ */ jsx37(
   "thead",
   {
     ref,
@@ -3227,7 +3339,7 @@ var TableHeader = React27.forwardRef(({ className, sticky = false, ...props }, r
   }
 ));
 TableHeader.displayName = "TableHeader";
-var TableBody = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var TableBody = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
   "tbody",
   {
     ref,
@@ -3237,7 +3349,7 @@ var TableBody = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var TableFooter = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
   "tfoot",
   {
     ref,
@@ -3250,7 +3362,7 @@ var TableFooter = React27.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var TableRow = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
   "tr",
   {
     ref,
@@ -3263,9 +3375,9 @@ var TableRow = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React27.forwardRef(({ className, ...props }, ref) => {
+var TableHead = React28.forwardRef(({ className, ...props }, ref) => {
   const size = useTableSize();
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx37(
     "th",
     {
       ref,
@@ -3280,9 +3392,9 @@ var TableHead = React27.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TableHead.displayName = "TableHead";
-var TableCell = React27.forwardRef(({ className, ...props }, ref) => {
+var TableCell = React28.forwardRef(({ className, ...props }, ref) => {
   const size = useTableSize();
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx37(
     "td",
     {
       ref,
@@ -3297,7 +3409,7 @@ var TableCell = React27.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TableCell.displayName = "TableCell";
-var TableCaption = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var TableCaption = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
   "caption",
   {
     ref,
@@ -3310,11 +3422,11 @@ TableCaption.displayName = "TableCaption";
 // src/tabs.tsx
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import * as React28 from "react";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import * as React29 from "react";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive.Root;
 var TABS_TRIGGER_BASE = "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm";
-var TabsList = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+var TabsList = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   TabsPrimitive.List,
   {
     ref,
@@ -3327,7 +3439,7 @@ var TabsList = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+var TabsTrigger = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -3341,7 +3453,7 @@ var TabsTrigger = React28.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsTriggerCore = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+var TabsTriggerCore = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -3351,7 +3463,7 @@ var TabsTriggerCore = React28.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 TabsTriggerCore.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+var TabsContent = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   TabsPrimitive.Content,
   {
     ref,
@@ -3367,8 +3479,8 @@ var TabsContent = React28.forwardRef(({ className, ...props }, ref) => /* @__PUR
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 // src/textarea.tsx
-import * as React29 from "react";
-import { jsx as jsx37, jsxs as jsxs19 } from "react/jsx-runtime";
+import * as React30 from "react";
+import { jsx as jsx39, jsxs as jsxs20 } from "react/jsx-runtime";
 var FILL_HEIGHT_REGEX = /(?:^|\s)(h-full|h-dvh|flex-1|grow)(?:\s|$)/;
 var FILL_WIDTH_REGEX = /(?:^|\s)(w-full|w-screen)(?:\s|$)/;
 function getStretchClasses(className) {
@@ -3381,7 +3493,7 @@ function getStretchClasses(className) {
 var TEXTAREA_ELEVATED_CLASS = "flex h-auto w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground shadow-textarea transition duration-400 placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50";
 var TEXTAREA_CONTROL_CLASS = "flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm text-foreground shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50";
 function useAutoGrow(ref, value, autoGrow = false, minHeight, maxHeight) {
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     if (!autoGrow || !ref.current) return;
     const textarea = ref.current;
     textarea.style.height = "auto";
@@ -3397,8 +3509,8 @@ function useAutoGrow(ref, value, autoGrow = false, minHeight, maxHeight) {
   }, [value, autoGrow, minHeight, maxHeight, ref]);
 }
 function useMergedTextareaRef(forwarded) {
-  const internal = React29.useRef(null);
-  const callback = React29.useCallback(
+  const internal = React30.useRef(null);
+  const callback = React30.useCallback(
     (node) => {
       internal.current = node;
       if (typeof forwarded === "function") forwarded(node);
@@ -3415,13 +3527,13 @@ function boxStyle(minHeight, maxHeight) {
     maxHeight: maxHeight ? `${maxHeight}px` : void 0
   };
 }
-var Textarea = React29.forwardRef(
+var Textarea = React30.forwardRef(
   ({ className, autoGrow, minHeight, maxHeight, wrapperClassName, ...props }, forwarded) => {
     const { ref, callback } = useMergedTextareaRef(forwarded);
     const stretchClasses = getStretchClasses(className);
     const needsWrapper = Boolean(wrapperClassName || stretchClasses);
     useAutoGrow(ref, props.value, autoGrow, minHeight, maxHeight);
-    const textarea = /* @__PURE__ */ jsx37(
+    const textarea = /* @__PURE__ */ jsx39(
       "textarea",
       {
         ref: callback,
@@ -3437,15 +3549,15 @@ var Textarea = React29.forwardRef(
       }
     );
     if (!needsWrapper) return textarea;
-    return /* @__PURE__ */ jsx37("div", { className: cn(stretchClasses, wrapperClassName), children: textarea });
+    return /* @__PURE__ */ jsx39("div", { className: cn(stretchClasses, wrapperClassName), children: textarea });
   }
 );
 Textarea.displayName = "Textarea";
-var BasicTextarea = React29.forwardRef(
+var BasicTextarea = React30.forwardRef(
   ({ className, autoGrow, minHeight, maxHeight, ...props }, forwarded) => {
     const { ref, callback } = useMergedTextareaRef(forwarded);
     useAutoGrow(ref, props.value, autoGrow, minHeight, maxHeight);
-    return /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsx39(
       "textarea",
       {
         ref: callback,
@@ -3463,7 +3575,7 @@ var BasicTextarea = React29.forwardRef(
   }
 );
 BasicTextarea.displayName = "BasicTextarea";
-var TextareaWithPrefix = React29.forwardRef(
+var TextareaWithPrefix = React30.forwardRef(
   ({
     prefix,
     className,
@@ -3475,13 +3587,13 @@ var TextareaWithPrefix = React29.forwardRef(
   }, forwarded) => {
     const { ref, callback } = useMergedTextareaRef(forwarded);
     useAutoGrow(ref, props.value, autoGrow, minHeight, maxHeight);
-    return /* @__PURE__ */ jsxs19(
+    return /* @__PURE__ */ jsxs20(
       "div",
       {
         className: cn("relative", getStretchClasses(className), wrapperClassName),
         children: [
-          prefix ? /* @__PURE__ */ jsx37("div", { className: "pointer-events-none absolute left-3 top-3 z-10 text-muted-foreground", children: prefix }) : null,
-          /* @__PURE__ */ jsx37(
+          prefix ? /* @__PURE__ */ jsx39("div", { className: "pointer-events-none absolute left-3 top-3 z-10 text-muted-foreground", children: prefix }) : null,
+          /* @__PURE__ */ jsx39(
             "textarea",
             {
               ref: callback,
@@ -3505,16 +3617,16 @@ var TextareaWithPrefix = React29.forwardRef(
 TextareaWithPrefix.displayName = "TextareaWithPrefix";
 // src/use-scroll-fade.ts
-import { useCallback as useCallback4, useEffect as useEffect4, useRef as useRef5, useState as useState7 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect5, useRef as useRef6, useState as useState8 } from "react";
 var EPSILON = 2;
 function useScrollFade() {
-  const [state, setState] = useState7({
+  const [state, setState] = useState8({
     top: false,
     bottom: false
   });
-  const nodeRef = useRef5(null);
-  const cleanupRef = useRef5(null);
-  const measure = useCallback4(() => {
+  const nodeRef = useRef6(null);
+  const cleanupRef = useRef6(null);
+  const measure = useCallback5(() => {
     const el = nodeRef.current;
     if (!el) return;
     const overflowing = el.scrollHeight - el.clientHeight > EPSILON;
@@ -3526,7 +3638,7 @@ function useScrollFade() {
       (prev) => prev.top === next.top && prev.bottom === next.bottom ? prev : next
     );
   }, []);
-  const ref = useCallback4(
+  const ref = useCallback5(
     (node) => {
       cleanupRef.current?.();
       cleanupRef.current = null;
@@ -3546,7 +3658,7 @@ function useScrollFade() {
     },
     [measure]
   );
-  useEffect4(() => () => cleanupRef.current?.(), []);
+  useEffect5(() => () => cleanupRef.current?.(), []);
   return {
     ref,
     state,
@@ -3560,14 +3672,14 @@ function useScrollFade() {
 // src/hover-card.tsx
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-import * as React30 from "react";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import * as React31 from "react";
+import { jsx as jsx40 } from "react/jsx-runtime";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React30.forwardRef(
+var HoverCardContent = React31.forwardRef(
   ({ className, align = "center", sideOffset = 4, container, animated = true, ...props }, ref) => {
     const resolved = usePortalContainer(container);
-    return /* @__PURE__ */ jsx38(HoverCardPrimitive.Portal, { container: resolved ?? null, children: /* @__PURE__ */ jsx38(
+    return /* @__PURE__ */ jsx40(HoverCardPrimitive.Portal, { container: resolved ?? null, children: /* @__PURE__ */ jsx40(
       HoverCardPrimitive.Content,
       {
         ref,
@@ -3588,9 +3700,9 @@ HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 // src/radio-group.tsx
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import * as React31 from "react";
-import { jsx as jsx39 } from "react/jsx-runtime";
-var RadioGroupSizeContext = React31.createContext("md");
+import * as React32 from "react";
+import { jsx as jsx41 } from "react/jsx-runtime";
+var RadioGroupSizeContext = React32.createContext("md");
 var CONTROL_CLASSES = {
   sm: "h-3.5 w-3.5",
   md: "h-4 w-4",
@@ -3601,7 +3713,7 @@ var DOT_CLASSES = {
   md: "h-1.5 w-1.5",
   lg: "h-2 w-2"
 };
-var RadioGroup3 = React31.forwardRef(({ className, size = "md", ...props }, ref) => /* @__PURE__ */ jsx39(RadioGroupSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx39(
+var RadioGroup3 = React32.forwardRef(({ className, size = "md", ...props }, ref) => /* @__PURE__ */ jsx41(RadioGroupSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx41(
   RadioGroupPrimitive.Root,
   {
     ref,
@@ -3611,10 +3723,10 @@ var RadioGroup3 = React31.forwardRef(({ className, size = "md", ...props }, ref)
   }
 ) }));
 RadioGroup3.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React31.forwardRef(({ className, size, ...props }, ref) => {
-  const groupSize = React31.useContext(RadioGroupSizeContext);
+var RadioGroupItem = React32.forwardRef(({ className, size, ...props }, ref) => {
+  const groupSize = React32.useContext(RadioGroupSizeContext);
   const resolved = size ?? groupSize;
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx41(
     RadioGroupPrimitive.Item,
     {
       ref,
@@ -3631,7 +3743,7 @@ var RadioGroupItem = React31.forwardRef(({ className, size, ...props }, ref) =>
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx39(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx39(
+      children: /* @__PURE__ */ jsx41(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx41(
         "div",
         {
           className: cn("rounded-full bg-primary-foreground", DOT_CLASSES[resolved])
@@ -3644,7 +3756,7 @@ RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 // src/resizable.tsx
 import { Group as Group4, Panel, Separator as Separator5 } from "react-resizable-panels";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var HANDLE_SIZES = {
   xs: "w-0.5 [&[aria-orientation=horizontal]]:h-0.5 [&[aria-orientation=horizontal]]:w-full",
   sm: "w-1 [&[aria-orientation=horizontal]]:h-1 [&[aria-orientation=horizontal]]:w-full",
@@ -3658,7 +3770,7 @@ var HANDLE_SIZES = {
 var ResizablePanelGroup = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx40(
+}) => /* @__PURE__ */ jsx42(
   Group4,
   {
     "data-slot": "resizable-group",
@@ -3673,7 +3785,7 @@ var ResizableHandle = ({
   size = "xs",
   className,
   ...props
-}) => /* @__PURE__ */ jsx40(
+}) => /* @__PURE__ */ jsx42(
   Separator5,
   {
     "data-slot": "resizable-handle",
@@ -3693,15 +3805,15 @@ var ResizableHandle = ({
       className
     ),
     ...props,
-    children: withHandle ? /* @__PURE__ */ jsx40("div", { className: "z-10 flex h-8 w-4 items-center justify-center rounded-sm border bg-border group-aria-[orientation=horizontal]/handle:h-4 group-aria-[orientation=horizontal]/handle:w-8", children: /* @__PURE__ */ jsx40(DragHandleDots2Icon, { className: "h-2.5 w-2.5 group-aria-[orientation=horizontal]/handle:rotate-90" }) }) : null
+    children: withHandle ? /* @__PURE__ */ jsx42("div", { className: "z-10 flex h-8 w-4 items-center justify-center rounded-sm border bg-border group-aria-[orientation=horizontal]/handle:h-4 group-aria-[orientation=horizontal]/handle:w-8", children: /* @__PURE__ */ jsx42(DragHandleDots2Icon, { className: "h-2.5 w-2.5 group-aria-[orientation=horizontal]/handle:rotate-90" }) }) : null
   }
 );
 ResizableHandle.displayName = "ResizableHandle";
 // src/slider.tsx
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import * as React32 from "react";
-import { jsx as jsx41, jsxs as jsxs20 } from "react/jsx-runtime";
+import * as React33 from "react";
+import { jsx as jsx43, jsxs as jsxs21 } from "react/jsx-runtime";
 var TRACK_CLASSES = {
   sm: "h-1",
   md: "h-1.5",
@@ -3712,12 +3824,12 @@ var THUMB_CLASSES = {
   md: "h-4 w-4",
   lg: "h-5 w-5"
 };
-var Slider = React32.forwardRef(({ className, size = "md", ...props }, ref) => {
+var Slider = React33.forwardRef(({ className, size = "md", ...props }, ref) => {
   const thumbCount = Math.max(
     1,
     (props.value ?? props.defaultValue ?? [0]).length
   );
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     SliderPrimitive.Root,
     {
       ref,
@@ -3729,7 +3841,7 @@ var Slider = React32.forwardRef(({ className, size = "md", ...props }, ref) => {
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx43(
           SliderPrimitive.Track,
           {
             "data-slot": "slider-track",
@@ -3738,7 +3850,7 @@ var Slider = React32.forwardRef(({ className, size = "md", ...props }, ref) => {
               TRACK_CLASSES[size],
               "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
             ),
-            children: /* @__PURE__ */ jsx41(
+            children: /* @__PURE__ */ jsx43(
               SliderPrimitive.Range,
               {
                 "data-slot": "slider-range",
@@ -3747,7 +3859,7 @@ var Slider = React32.forwardRef(({ className, size = "md", ...props }, ref) => {
             )
           }
         ),
-        Array.from({ length: thumbCount }, (_, index) => /* @__PURE__ */ jsx41(
+        Array.from({ length: thumbCount }, (_, index) => /* @__PURE__ */ jsx43(
           SliderPrimitive.Thumb,
           {
             "data-slot": "slider-thumb",
@@ -3774,8 +3886,8 @@ Slider.displayName = SliderPrimitive.Root.displayName;
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva as cva6 } from "class-variance-authority";
-import * as React33 from "react";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import * as React34 from "react";
+import { jsx as jsx44 } from "react/jsx-runtime";
 var toggleVariants = cva6(
   "inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
@@ -3796,7 +3908,7 @@ var toggleVariants = cva6(
     }
   }
 );
-var Toggle = React33.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx42(
+var Toggle = React34.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx44(
   TogglePrimitive.Root,
   {
     ref,
@@ -3806,21 +3918,21 @@ var Toggle = React33.forwardRef(({ className, variant, size, ...props }, ref) =>
   }
 ));
 Toggle.displayName = TogglePrimitive.Root.displayName;
-var ToggleGroupContext = React33.createContext({ size: "default", variant: "default" });
-var ToggleGroup = React33.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx42(
+var ToggleGroupContext = React34.createContext({ size: "default", variant: "default" });
+var ToggleGroup = React34.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx44(
   ToggleGroupPrimitive.Root,
   {
     ref,
     "data-slot": "toggle-group",
     className: cn("flex items-center justify-center gap-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx42(ToggleGroupContext.Provider, { value: { variant, size }, children })
+    children: /* @__PURE__ */ jsx44(ToggleGroupContext.Provider, { value: { variant, size }, children })
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React33.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React33.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx42(
+var ToggleGroupItem = React34.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React34.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx44(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -3841,14 +3953,14 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 // src/tooltip.tsx
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import * as React34 from "react";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import * as React35 from "react";
+import { jsx as jsx45 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React34.forwardRef(({ className, sideOffset = 4, container, animated = true, ...props }, ref) => {
+var TooltipContent = React35.forwardRef(({ className, sideOffset = 4, container, animated = true, ...props }, ref) => {
   const resolved = usePortalContainer(container);
-  return /* @__PURE__ */ jsx43(TooltipPrimitive.Portal, { container: resolved ?? null, children: /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx45(TooltipPrimitive.Portal, { container: resolved ?? null, children: /* @__PURE__ */ jsx45(
     TooltipPrimitive.Content,
     {
       ref,
@@ -3917,6 +4029,8 @@ export {
   CommandList,
   CommandSeparator,
   CommandShortcut,
+  ConfirmDialog,
+  ConfirmDialogHost,
   ContextMenu,
   ContextMenuCheckboxItem,
   ContextMenuContent,