@ai-matrx/design-system 0.7.1 → 0.9.0

package/dist/index.js

@@ -1,7 +1,8 @@
 "use client";
 
-// src/badge.tsx
-import { cva } from "class-variance-authority";
+// src/accordion.tsx
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import * as React from "react";
 
 // src/cn.ts
 import { clsx } from "clsx";
@@ -10,8 +11,264 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
+// src/icons.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function lucideProps(props) {
+  return {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": true,
+    ...props
+  };
+}
+function Loader2Icon(props) {
+  return /* @__PURE__ */ jsx("svg", { ...lucideProps(props), children: /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) });
+}
+function ChevronLeftIcon(props) {
+  return /* @__PURE__ */ jsx("svg", { ...lucideProps(props), children: /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6" }) });
+}
+function ChevronRightIcon(props) {
+  return /* @__PURE__ */ jsx("svg", { ...lucideProps(props), children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" }) });
+}
+function MoreHorizontalIcon(props) {
+  return /* @__PURE__ */ jsxs("svg", { ...lucideProps(props), children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1" }),
+    /* @__PURE__ */ jsx("circle", { cx: "19", cy: "12", r: "1" }),
+    /* @__PURE__ */ jsx("circle", { cx: "5", cy: "12", r: "1" })
+  ] });
+}
+function LucideCheckIcon(props) {
+  return /* @__PURE__ */ jsx("svg", { ...lucideProps(props), children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" }) });
+}
+function ChevronsUpDownIcon(props) {
+  return /* @__PURE__ */ jsxs("svg", { ...lucideProps(props), children: [
+    /* @__PURE__ */ jsx("path", { d: "m7 15 5 5 5-5" }),
+    /* @__PURE__ */ jsx("path", { d: "m7 9 5-5 5 5" })
+  ] });
+}
+function ExternalLinkIcon(props) {
+  return /* @__PURE__ */ jsxs("svg", { ...lucideProps(props), children: [
+    /* @__PURE__ */ jsx("path", { d: "M15 3h6v6" }),
+    /* @__PURE__ */ jsx("path", { d: "M10 14 21 3" }),
+    /* @__PURE__ */ jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
+  ] });
+}
+function LockIcon(props) {
+  return /* @__PURE__ */ jsxs("svg", { ...lucideProps(props), children: [
+    /* @__PURE__ */ jsx("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+  ] });
+}
+function PlusIcon(props) {
+  return /* @__PURE__ */ jsxs("svg", { ...lucideProps(props), children: [
+    /* @__PURE__ */ jsx("path", { d: "M5 12h14" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 5v14" })
+  ] });
+}
+function XIcon(props) {
+  return /* @__PURE__ */ jsxs("svg", { ...lucideProps(props), children: [
+    /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
+    /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
+  ] });
+}
+function radixProps(props) {
+  return {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 15 15",
+    width: 15,
+    height: 15,
+    fill: "none",
+    "aria-hidden": true,
+    ...props
+  };
+}
+function MagnifyingGlassIcon(props) {
+  return /* @__PURE__ */ jsx("svg", { ...radixProps(props), children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M10 6.5C10 8.433 8.433 10 6.5 10C4.567 10 3 8.433 3 6.5C3 4.567 4.567 3 6.5 3C8.433 3 10 4.567 10 6.5ZM9.30884 10.0159C8.53901 10.6318 7.56251 11 6.5 11C4.01472 11 2 8.98528 2 6.5C2 4.01472 4.01472 2 6.5 2C8.98528 2 11 4.01472 11 6.5C11 7.56251 10.6318 8.53901 10.0159 9.30884L12.8536 12.1464C13.0488 12.3417 13.0488 12.6583 12.8536 12.8536C12.6583 13.0488 12.3417 13.0488 12.1464 12.8536L9.30884 10.0159Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function CheckIcon(props) {
+  return /* @__PURE__ */ jsx("svg", { ...radixProps(props), children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function DividerHorizontalIcon(props) {
+  return /* @__PURE__ */ jsx("svg", { ...radixProps(props), children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M2 7.5C2 7.22386 2.22386 7 2.5 7H12.5C12.7761 7 13 7.22386 13 7.5C13 7.77614 12.7761 8 12.5 8H2.5C2.22386 8 2 7.77614 2 7.5Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function DotFilledIcon(props) {
+  return /* @__PURE__ */ jsx("svg", { ...radixProps(props), children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M9.875 7.5C9.875 8.81168 8.81168 9.875 7.5 9.875C6.18832 9.875 5.125 8.81168 5.125 7.5C5.125 6.18832 6.18832 5.125 7.5 5.125C8.81168 5.125 9.875 6.18832 9.875 7.5Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+function RadixChevronRightIcon(props) {
+  return /* @__PURE__ */ jsx("svg", { ...radixProps(props), children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function RadixChevronDownIcon(props) {
+  return /* @__PURE__ */ jsx("svg", { ...radixProps(props), children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function RadixChevronUpIcon(props) {
+  return /* @__PURE__ */ jsx("svg", { ...radixProps(props), children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M3.13523 8.84197C3.3241 9.04343 3.64052 9.05363 3.84197 8.86477L7.5 5.43536L11.158 8.86477C11.3595 9.05363 11.6759 9.04343 11.8648 8.84197C12.0536 8.64051 12.0434 8.32409 11.842 8.13523L7.84197 4.38523C7.64964 4.20492 7.35036 4.20492 7.15803 4.38523L3.15803 8.13523C2.95657 8.32409 2.94637 8.64051 3.13523 8.84197Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function Cross2Icon(props) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 15 15",
+      fill: "none",
+      "aria-hidden": true,
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z",
+          fill: "currentColor",
+          fillRule: "evenodd",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  );
+}
+function DragHandleDots2Icon(props) {
+  return /* @__PURE__ */ jsx("svg", { ...radixProps(props), children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M4.5 2.5C5.05228 2.5 5.5 2.05228 5.5 1.5C5.5 0.947715 5.05228 0.5 4.5 0.5C3.94772 0.5 3.5 0.947715 3.5 1.5C3.5 2.05228 3.94772 2.5 4.5 2.5ZM4.5 6.5C5.05228 6.5 5.5 6.05229 5.5 5.5C5.5 4.94771 5.05228 4.5 4.5 4.5C3.94772 4.5 3.5 4.94771 3.5 5.5C3.5 6.05229 3.94772 6.5 4.5 6.5ZM5.5 9.5C5.5 10.0523 5.05228 10.5 4.5 10.5C3.94772 10.5 3.5 10.0523 3.5 9.5C3.5 8.94771 3.94772 8.5 4.5 8.5C5.05228 8.5 5.5 8.94771 5.5 9.5ZM4.5 14.5C5.05228 14.5 5.5 14.0523 5.5 13.5C5.5 12.9477 5.05228 12.5 4.5 12.5C3.94772 12.5 3.5 12.9477 3.5 13.5C3.5 14.0523 3.94772 14.5 4.5 14.5ZM11.5 1.5C11.5 2.05228 11.0523 2.5 10.5 2.5C9.94771 2.5 9.5 2.05228 9.5 1.5C9.5 0.947715 9.94771 0.5 10.5 0.5C11.0523 0.5 11.5 0.947715 11.5 1.5ZM10.5 6.5C11.0523 6.5 11.5 6.05229 11.5 5.5C11.5 4.94771 11.0523 4.5 10.5 4.5C9.94771 4.5 9.5 4.94771 9.5 5.5C9.5 6.05229 9.94771 6.5 10.5 6.5ZM11.5 9.5C11.5 10.0523 11.0523 10.5 10.5 10.5C9.94771 10.5 9.5 10.0523 9.5 9.5C9.5 8.94771 9.94771 8.5 10.5 8.5C11.0523 8.5 11.5 8.94771 11.5 9.5ZM10.5 14.5C11.0523 14.5 11.5 14.0523 11.5 13.5C11.5 12.9477 11.0523 12.5 10.5 12.5C9.94771 12.5 9.5 12.9477 9.5 13.5C9.5 14.0523 9.94771 14.5 10.5 14.5Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+
+// src/accordion.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ACCORDION_SIZES = {
+  sm: { trigger: "py-2 text-sm", content: "pb-2" },
+  md: { trigger: "p-4 text-sm", content: "px-4 pb-4" }
+};
+var AccordionSizeContext = React.createContext("md");
+function useAccordionSize() {
+  return React.useContext(AccordionSizeContext);
+}
+var Accordion = React.forwardRef(({ size = "md", ...props }, ref) => /* @__PURE__ */ jsx2(AccordionSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx2(AccordionPrimitive.Root, { ref, "data-slot": "accordion", "data-size": size, ...props }) }));
+Accordion.displayName = "Accordion";
+var AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
+  AccordionPrimitive.Item,
+  {
+    ref,
+    "data-slot": "accordion-item",
+    className: cn("[&:not(:only-child)]:border-b", className),
+    ...props
+  }
+));
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = React.forwardRef(({ className, children, rightElements, ...props }, ref) => {
+  const size = useAccordionSize();
+  return /* @__PURE__ */ jsx2(AccordionPrimitive.Header, { className: "flex w-full", children: /* @__PURE__ */ jsxs2(
+    AccordionPrimitive.Trigger,
+    {
+      ref,
+      "data-slot": "accordion-trigger",
+      className: cn(
+        "flex w-full items-center justify-between gap-2 rounded-md text-left font-medium transition-all",
+        "hover:bg-accent/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        "disabled:pointer-events-none disabled:opacity-50",
+        "[&[data-state=open]>[data-slot=accordion-trigger-end]>svg]:rotate-180",
+        ACCORDION_SIZES[size].trigger,
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxs2(
+          "span",
+          {
+            "data-slot": "accordion-trigger-end",
+            className: "flex shrink-0 items-center gap-2",
+            children: [
+              rightElements,
+              /* @__PURE__ */ jsx2(RadixChevronDownIcon, { className: "size-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+});
+AccordionTrigger.displayName = "AccordionTrigger";
+var AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => {
+  const size = useAccordionSize();
+  return /* @__PURE__ */ jsx2(
+    AccordionPrimitive.Content,
+    {
+      ref,
+      "data-slot": "accordion-content",
+      className: "matrx-accordion-content overflow-hidden text-sm",
+      ...props,
+      children: /* @__PURE__ */ jsx2("div", { className: cn(ACCORDION_SIZES[size].content, className), children })
+    }
+  );
+});
+AccordionContent.displayName = "AccordionContent";
+
 // src/badge.tsx
-import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var badgeVariants = cva(
   "inline-flex items-center rounded-md border px-2 py-0.5 text-[11px] font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-0",
   {
@@ -34,7 +291,7 @@ var badgeVariants = cva(
   }
 );
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx("span", { className: cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ jsx3("span", { className: cn(badgeVariants({ variant }), className), ...props });
 }
 
 // src/bottom-sheet.tsx
@@ -43,34 +300,34 @@ import { Drawer as DrawerPrimitive2 } from "vaul";
 
 // src/drawer.tsx
 import { treeContainsComponent } from "@ai-matrx/kit/react-tree";
-import * as React2 from "react";
+import * as React3 from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
 
 // src/radix-dialog-modal-context.tsx
-import * as React from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var RadixDialogModalContext = React.createContext(true);
+import * as React2 from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var RadixDialogModalContext = React2.createContext(true);
 function RadixDialogModalProvider({
   children,
   modal
 }) {
-  return /* @__PURE__ */ jsx2(RadixDialogModalContext.Provider, { value: modal, children });
+  return /* @__PURE__ */ jsx4(RadixDialogModalContext.Provider, { value: modal, children });
 }
 function useRadixDialogModal() {
-  return React.useContext(RadixDialogModalContext);
+  return React2.useContext(RadixDialogModalContext);
 }
 
 // src/drawer.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-var DrawerDirectionContext = React2.createContext("bottom");
-var useDrawerDirection = () => React2.useContext(DrawerDirectionContext);
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var DrawerDirectionContext = React3.createContext("bottom");
+var useDrawerDirection = () => React3.useContext(DrawerDirectionContext);
 var Drawer = ({
   children,
   shouldScaleBackground = true,
   ...props
 }) => {
   const direction = props.direction ?? "bottom";
-  return /* @__PURE__ */ jsx3(RadixDialogModalProvider, { modal: true, children: /* @__PURE__ */ jsx3(DrawerDirectionContext.Provider, { value: direction, children: /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx5(RadixDialogModalProvider, { modal: true, children: /* @__PURE__ */ jsx5(DrawerDirectionContext.Provider, { value: direction, children: /* @__PURE__ */ jsx5(
     DrawerPrimitive.Root,
     {
       modal: true,
@@ -85,7 +342,7 @@ Drawer.displayName = "Drawer";
 var DrawerTrigger = DrawerPrimitive.Trigger;
 var DrawerPortal = DrawerPrimitive.Portal;
 var DrawerClose = DrawerPrimitive.Close;
-var DrawerOverlay = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+var DrawerOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
   DrawerPrimitive.Overlay,
   {
     ref,
@@ -98,7 +355,7 @@ var DrawerOverlay = React2.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
-var DrawerDescription = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+var DrawerDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
   DrawerPrimitive.Description,
   {
     ref,
@@ -108,7 +365,7 @@ var DrawerDescription = React2.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
-var DrawerContentPrimitive = React2.forwardRef((props, ref) => /* @__PURE__ */ jsx3(DrawerPrimitive.Content, { ...props, ref, "aria-modal": "true" }));
+var DrawerContentPrimitive = React3.forwardRef((props, ref) => /* @__PURE__ */ jsx5(DrawerPrimitive.Content, { ...props, ref, "aria-modal": "true" }));
 DrawerContentPrimitive.displayName = "DrawerContentPrimitive";
 var DIRECTION_CLASSES = {
   bottom: "inset-x-0 bottom-0 mt-24 flex-col rounded-t-[10px] border-t pb-safe",
@@ -122,13 +379,13 @@ var SIZE_CLASSES = {
   left: { adaptive: "w-auto max-w-[92vw]", full: "h-dvh w-[92vw] max-w-sm" },
   right: { adaptive: "w-auto max-w-[92vw]", full: "h-dvh w-[92vw] max-w-sm" }
 };
-var DrawerContent = React2.forwardRef(({ className, children, size = "adaptive", showHandle, ...props }, ref) => {
+var DrawerContent = React3.forwardRef(({ className, children, size = "adaptive", showHandle, ...props }, ref) => {
   const direction = useDrawerDirection();
   const hasDescription = treeContainsComponent(children, DrawerDescription) || treeContainsComponent(children, DrawerPrimitive.Description);
   const withHandle = showHandle ?? (direction === "bottom" || direction === "top");
-  return /* @__PURE__ */ jsxs(DrawerPortal, { children: [
-    /* @__PURE__ */ jsx3(DrawerOverlay, {}),
-    /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs3(DrawerPortal, { children: [
+    /* @__PURE__ */ jsx5(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxs3(
       DrawerContentPrimitive,
       {
         ref,
@@ -145,7 +402,7 @@ var DrawerContent = React2.forwardRef(({ className, children, size = "adaptive",
         children: [
           withHandle ? (
             // Rule 3: the pill is 4px; the TARGET is 44px.
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx5(
               "div",
               {
                 "aria-hidden": true,
@@ -154,7 +411,7 @@ var DrawerContent = React2.forwardRef(({ className, children, size = "adaptive",
                   "flex min-h-11 w-full shrink-0 cursor-grab items-center justify-center active:cursor-grabbing",
                   direction === "top" && "order-last"
                 ),
-                children: /* @__PURE__ */ jsx3("div", { className: "h-1 w-[100px] rounded-full bg-muted" })
+                children: /* @__PURE__ */ jsx5("div", { className: "h-1 w-[100px] rounded-full bg-muted" })
               }
             )
           ) : null,
@@ -168,7 +425,7 @@ DrawerContent.displayName = "DrawerContent";
 var DrawerHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx3(
+}) => /* @__PURE__ */ jsx5(
   "div",
   {
     "data-slot": "drawer-header",
@@ -183,7 +440,7 @@ DrawerHeader.displayName = "DrawerHeader";
 var DrawerBody = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx3(
+}) => /* @__PURE__ */ jsx5(
   "div",
   {
     "data-slot": "drawer-body",
@@ -195,7 +452,7 @@ DrawerBody.displayName = "DrawerBody";
 var DrawerFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx3(
+}) => /* @__PURE__ */ jsx5(
   "div",
   {
     "data-slot": "drawer-footer",
@@ -204,7 +461,7 @@ var DrawerFooter = ({
   }
 );
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+var DrawerTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
   DrawerPrimitive.Title,
   {
     ref,
@@ -218,192 +475,8 @@ var DrawerTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE
 ));
 DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
 
-// src/icons.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-function lucideProps(props) {
-  return {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: 2,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": true,
-    ...props
-  };
-}
-function Loader2Icon(props) {
-  return /* @__PURE__ */ jsx4("svg", { ...lucideProps(props), children: /* @__PURE__ */ jsx4("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) });
-}
-function ChevronLeftIcon(props) {
-  return /* @__PURE__ */ jsx4("svg", { ...lucideProps(props), children: /* @__PURE__ */ jsx4("path", { d: "m15 18-6-6 6-6" }) });
-}
-function ChevronRightIcon(props) {
-  return /* @__PURE__ */ jsx4("svg", { ...lucideProps(props), children: /* @__PURE__ */ jsx4("path", { d: "m9 18 6-6-6-6" }) });
-}
-function MoreHorizontalIcon(props) {
-  return /* @__PURE__ */ jsxs2("svg", { ...lucideProps(props), children: [
-    /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "1" }),
-    /* @__PURE__ */ jsx4("circle", { cx: "19", cy: "12", r: "1" }),
-    /* @__PURE__ */ jsx4("circle", { cx: "5", cy: "12", r: "1" })
-  ] });
-}
-function LucideCheckIcon(props) {
-  return /* @__PURE__ */ jsx4("svg", { ...lucideProps(props), children: /* @__PURE__ */ jsx4("path", { d: "M20 6 9 17l-5-5" }) });
-}
-function ChevronsUpDownIcon(props) {
-  return /* @__PURE__ */ jsxs2("svg", { ...lucideProps(props), children: [
-    /* @__PURE__ */ jsx4("path", { d: "m7 15 5 5 5-5" }),
-    /* @__PURE__ */ jsx4("path", { d: "m7 9 5-5 5 5" })
-  ] });
-}
-function ExternalLinkIcon(props) {
-  return /* @__PURE__ */ jsxs2("svg", { ...lucideProps(props), children: [
-    /* @__PURE__ */ jsx4("path", { d: "M15 3h6v6" }),
-    /* @__PURE__ */ jsx4("path", { d: "M10 14 21 3" }),
-    /* @__PURE__ */ jsx4("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
-  ] });
-}
-function LockIcon(props) {
-  return /* @__PURE__ */ jsxs2("svg", { ...lucideProps(props), children: [
-    /* @__PURE__ */ jsx4("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
-    /* @__PURE__ */ jsx4("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
-  ] });
-}
-function PlusIcon(props) {
-  return /* @__PURE__ */ jsxs2("svg", { ...lucideProps(props), children: [
-    /* @__PURE__ */ jsx4("path", { d: "M5 12h14" }),
-    /* @__PURE__ */ jsx4("path", { d: "M12 5v14" })
-  ] });
-}
-function XIcon(props) {
-  return /* @__PURE__ */ jsxs2("svg", { ...lucideProps(props), children: [
-    /* @__PURE__ */ jsx4("path", { d: "M18 6 6 18" }),
-    /* @__PURE__ */ jsx4("path", { d: "m6 6 12 12" })
-  ] });
-}
-function radixProps(props) {
-  return {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 15 15",
-    width: 15,
-    height: 15,
-    fill: "none",
-    "aria-hidden": true,
-    ...props
-  };
-}
-function MagnifyingGlassIcon(props) {
-  return /* @__PURE__ */ jsx4("svg", { ...radixProps(props), children: /* @__PURE__ */ jsx4(
-    "path",
-    {
-      d: "M10 6.5C10 8.433 8.433 10 6.5 10C4.567 10 3 8.433 3 6.5C3 4.567 4.567 3 6.5 3C8.433 3 10 4.567 10 6.5ZM9.30884 10.0159C8.53901 10.6318 7.56251 11 6.5 11C4.01472 11 2 8.98528 2 6.5C2 4.01472 4.01472 2 6.5 2C8.98528 2 11 4.01472 11 6.5C11 7.56251 10.6318 8.53901 10.0159 9.30884L12.8536 12.1464C13.0488 12.3417 13.0488 12.6583 12.8536 12.8536C12.6583 13.0488 12.3417 13.0488 12.1464 12.8536L9.30884 10.0159Z",
-      fill: "currentColor",
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }
-  ) });
-}
-function CheckIcon(props) {
-  return /* @__PURE__ */ jsx4("svg", { ...radixProps(props), children: /* @__PURE__ */ jsx4(
-    "path",
-    {
-      d: "M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",
-      fill: "currentColor",
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }
-  ) });
-}
-function DividerHorizontalIcon(props) {
-  return /* @__PURE__ */ jsx4("svg", { ...radixProps(props), children: /* @__PURE__ */ jsx4(
-    "path",
-    {
-      d: "M2 7.5C2 7.22386 2.22386 7 2.5 7H12.5C12.7761 7 13 7.22386 13 7.5C13 7.77614 12.7761 8 12.5 8H2.5C2.22386 8 2 7.77614 2 7.5Z",
-      fill: "currentColor",
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }
-  ) });
-}
-function DotFilledIcon(props) {
-  return /* @__PURE__ */ jsx4("svg", { ...radixProps(props), children: /* @__PURE__ */ jsx4(
-    "path",
-    {
-      d: "M9.875 7.5C9.875 8.81168 8.81168 9.875 7.5 9.875C6.18832 9.875 5.125 8.81168 5.125 7.5C5.125 6.18832 6.18832 5.125 7.5 5.125C8.81168 5.125 9.875 6.18832 9.875 7.5Z",
-      fill: "currentColor"
-    }
-  ) });
-}
-function RadixChevronRightIcon(props) {
-  return /* @__PURE__ */ jsx4("svg", { ...radixProps(props), children: /* @__PURE__ */ jsx4(
-    "path",
-    {
-      d: "M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z",
-      fill: "currentColor",
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }
-  ) });
-}
-function RadixChevronDownIcon(props) {
-  return /* @__PURE__ */ jsx4("svg", { ...radixProps(props), children: /* @__PURE__ */ jsx4(
-    "path",
-    {
-      d: "M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",
-      fill: "currentColor",
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }
-  ) });
-}
-function RadixChevronUpIcon(props) {
-  return /* @__PURE__ */ jsx4("svg", { ...radixProps(props), children: /* @__PURE__ */ jsx4(
-    "path",
-    {
-      d: "M3.13523 8.84197C3.3241 9.04343 3.64052 9.05363 3.84197 8.86477L7.5 5.43536L11.158 8.86477C11.3595 9.05363 11.6759 9.04343 11.8648 8.84197C12.0536 8.64051 12.0434 8.32409 11.842 8.13523L7.84197 4.38523C7.64964 4.20492 7.35036 4.20492 7.15803 4.38523L3.15803 8.13523C2.95657 8.32409 2.94637 8.64051 3.13523 8.84197Z",
-      fill: "currentColor",
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }
-  ) });
-}
-function Cross2Icon(props) {
-  return /* @__PURE__ */ jsx4(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 15 15",
-      fill: "none",
-      "aria-hidden": true,
-      ...props,
-      children: /* @__PURE__ */ jsx4(
-        "path",
-        {
-          d: "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z",
-          fill: "currentColor",
-          fillRule: "evenodd",
-          clipRule: "evenodd"
-        }
-      )
-    }
-  );
-}
-function DragHandleDots2Icon(props) {
-  return /* @__PURE__ */ jsx4("svg", { ...radixProps(props), children: /* @__PURE__ */ jsx4(
-    "path",
-    {
-      d: "M4.5 2.5C5.05228 2.5 5.5 2.05228 5.5 1.5C5.5 0.947715 5.05228 0.5 4.5 0.5C3.94772 0.5 3.5 0.947715 3.5 1.5C3.5 2.05228 3.94772 2.5 4.5 2.5ZM4.5 6.5C5.05228 6.5 5.5 6.05229 5.5 5.5C5.5 4.94771 5.05228 4.5 4.5 4.5C3.94772 4.5 3.5 4.94771 3.5 5.5C3.5 6.05229 3.94772 6.5 4.5 6.5ZM5.5 9.5C5.5 10.0523 5.05228 10.5 4.5 10.5C3.94772 10.5 3.5 10.0523 3.5 9.5C3.5 8.94771 3.94772 8.5 4.5 8.5C5.05228 8.5 5.5 8.94771 5.5 9.5ZM4.5 14.5C5.05228 14.5 5.5 14.0523 5.5 13.5C5.5 12.9477 5.05228 12.5 4.5 12.5C3.94772 12.5 3.5 12.9477 3.5 13.5C3.5 14.0523 3.94772 14.5 4.5 14.5ZM11.5 1.5C11.5 2.05228 11.0523 2.5 10.5 2.5C9.94771 2.5 9.5 2.05228 9.5 1.5C9.5 0.947715 9.94771 0.5 10.5 0.5C11.0523 0.5 11.5 0.947715 11.5 1.5ZM10.5 6.5C11.0523 6.5 11.5 6.05229 11.5 5.5C11.5 4.94771 11.0523 4.5 10.5 4.5C9.94771 4.5 9.5 4.94771 9.5 5.5C9.5 6.05229 9.94771 6.5 10.5 6.5ZM11.5 9.5C11.5 10.0523 11.0523 10.5 10.5 10.5C9.94771 10.5 9.5 10.0523 9.5 9.5C9.5 8.94771 9.94771 8.5 10.5 8.5C11.0523 8.5 11.5 8.94771 11.5 9.5ZM10.5 14.5C11.0523 14.5 11.5 14.0523 11.5 13.5C11.5 12.9477 11.0523 12.5 10.5 12.5C9.94771 12.5 9.5 12.9477 9.5 13.5C9.5 14.0523 9.94771 14.5 10.5 14.5Z",
-      fill: "currentColor",
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }
-  ) });
-}
-
 // src/bottom-sheet.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function BottomSheet({
   open,
   onOpenChange,
@@ -413,15 +486,15 @@ function BottomSheet({
   contentClassName,
   children
 }) {
-  return /* @__PURE__ */ jsx5(Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxs3(DrawerPrimitive2.Portal, { children: [
-    /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxs4(DrawerPrimitive2.Portal, { children: [
+    /* @__PURE__ */ jsx6(
       DrawerPrimitive2.Overlay,
       {
         className: cn("fixed inset-0 z-50 bg-[var(--matrx-overlay-scrim)]", "fixed inset-0 z-50"),
         style: { background: "var(--matrx-overlay-scrim-drawer)" }
       }
     ),
-    /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsxs4(
       DrawerContentPrimitive,
       {
         className: cn(
@@ -438,11 +511,11 @@ function BottomSheet({
           borderBottom: "none"
         } : void 0,
         children: [
-          /* @__PURE__ */ jsxs3(VisuallyHidden, { children: [
-            /* @__PURE__ */ jsx5(DrawerPrimitive2.Title, { children: title }),
-            /* @__PURE__ */ jsx5(DrawerPrimitive2.Description, { children: "Bottom sheet panel." })
+          /* @__PURE__ */ jsxs4(VisuallyHidden, { children: [
+            /* @__PURE__ */ jsx6(DrawerPrimitive2.Title, { children: title }),
+            /* @__PURE__ */ jsx6(DrawerPrimitive2.Description, { children: "Bottom sheet panel." })
           ] }),
-          /* @__PURE__ */ jsx5("div", { className: "mx-auto mt-3 mb-1 h-1.5 w-10 rounded-full bg-muted-foreground/30 flex-shrink-0" }),
+          /* @__PURE__ */ jsx6("div", { className: "mx-auto mt-3 mb-1 h-1.5 w-10 rounded-full bg-muted-foreground/30 flex-shrink-0" }),
           children
         ]
       }
@@ -455,8 +528,8 @@ function BottomSheetHeader({
   onBack,
   trailing
 }) {
-  return /* @__PURE__ */ jsxs3("div", { className: "flex items-center px-2 pt-1 pb-2 flex-shrink-0 min-h-[44px]", children: [
-    /* @__PURE__ */ jsx5("div", { className: "min-w-[44px] flex items-center justify-start", children: /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs4("div", { className: "flex items-center px-2 pt-1 pb-2 flex-shrink-0 min-h-[44px]", children: [
+    /* @__PURE__ */ jsx6("div", { className: "min-w-[44px] flex items-center justify-start", children: /* @__PURE__ */ jsx6(
       "button",
       {
         onClick: onBack,
@@ -466,15 +539,15 @@ function BottomSheetHeader({
         ),
         "aria-hidden": !showBack,
         tabIndex: showBack ? 0 : -1,
-        children: /* @__PURE__ */ jsx5(ChevronLeftIcon, { className: "h-4 w-4 text-foreground" })
+        children: /* @__PURE__ */ jsx6(ChevronLeftIcon, { className: "h-4 w-4 text-foreground" })
       }
     ) }),
-    /* @__PURE__ */ jsx5("span", { className: "text-[17px] font-semibold flex-1 text-center truncate", children: title }),
-    /* @__PURE__ */ jsx5("div", { className: "min-w-[44px] flex items-center justify-end", children: trailing })
+    /* @__PURE__ */ jsx6("span", { className: "text-[17px] font-semibold flex-1 text-center truncate", children: title }),
+    /* @__PURE__ */ jsx6("div", { className: "min-w-[44px] flex items-center justify-end", children: trailing })
   ] });
 }
 function BottomSheetBody({ children, className }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     "div",
     {
       className: cn(
@@ -491,7 +564,7 @@ function BottomSheetFooter({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     "div",
     {
       className: cn(
@@ -505,8 +578,8 @@ function BottomSheetFooter({
 
 // src/alert.tsx
 import { cva as cva2 } from "class-variance-authority";
-import * as React3 from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import * as React4 from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var alertVariants = cva2(
   "relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg~*]:pl-7",
   {
@@ -524,8 +597,8 @@ var alertVariants = cva2(
     }
   }
 );
-var Alert = React3.forwardRef(
-  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx6(
+var Alert = React4.forwardRef(
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx7(
     "div",
     {
       ref,
@@ -538,7 +611,7 @@ var Alert = React3.forwardRef(
   )
 );
 Alert.displayName = "Alert";
-var AlertTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
+var AlertTitle = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
   "h5",
   {
     ref,
@@ -548,7 +621,7 @@ var AlertTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
+var AlertDescription = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
   "div",
   {
     ref,
@@ -562,13 +635,13 @@ AlertDescription.displayName = "AlertDescription";
 // src/alert-dialog.tsx
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 import { treeContainsComponent as treeContainsComponent2 } from "@ai-matrx/kit/react-tree";
-import * as React6 from "react";
+import * as React7 from "react";
 
 // src/button.tsx
 import { Slot } from "@radix-ui/react-slot";
 import { cva as cva3 } from "class-variance-authority";
-import * as React4 from "react";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import * as React5 from "react";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var buttonVariants = cva3(
   "inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-0 disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
@@ -620,10 +693,10 @@ var buttonVariants = cva3(
     }
   }
 );
-var Button = React4.forwardRef(
+var Button = React5.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Component = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx8(
       Component,
       {
         className: cn(buttonVariants({ variant, size, className })),
@@ -636,19 +709,19 @@ var Button = React4.forwardRef(
 Button.displayName = "Button";
 
 // src/portal-container.tsx
-import * as React5 from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var PortalContainerContext = React5.createContext(
+import * as React6 from "react";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var PortalContainerContext = React6.createContext(
   void 0
 );
 function PortalContainerProvider({
   container,
   children
 }) {
-  return /* @__PURE__ */ jsx8(PortalContainerContext.Provider, { value: container ?? void 0, children });
+  return /* @__PURE__ */ jsx9(PortalContainerContext.Provider, { value: container ?? void 0, children });
 }
 function usePortalContainer(explicit) {
-  const injected = React5.useContext(PortalContainerContext);
+  const injected = React6.useContext(PortalContainerContext);
   if (explicit !== void 0) {
     return explicit ?? void 0;
   }
@@ -656,7 +729,7 @@ function usePortalContainer(explicit) {
 }
 
 // src/alert-dialog.tsx
-import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = ({
@@ -664,10 +737,10 @@ var AlertDialogPortal = ({
   ...props
 }) => {
   const resolved = usePortalContainer(container);
-  return /* @__PURE__ */ jsx9(AlertDialogPrimitive.Portal, { container: resolved ?? null, ...props });
+  return /* @__PURE__ */ jsx10(AlertDialogPrimitive.Portal, { container: resolved ?? null, ...props });
 };
 AlertDialogPortal.displayName = "AlertDialogPortal";
-var AlertDialogOverlay = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+var AlertDialogOverlay = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
   AlertDialogPrimitive.Overlay,
   {
     ref,
@@ -680,9 +753,9 @@ var AlertDialogOverlay = React6.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContentPrimitive = React6.forwardRef((props, ref) => /* @__PURE__ */ jsx9(AlertDialogPrimitive.Content, { ...props, ref, "aria-modal": "true" }));
+var AlertDialogContentPrimitive = React7.forwardRef((props, ref) => /* @__PURE__ */ jsx10(AlertDialogPrimitive.Content, { ...props, ref, "aria-modal": "true" }));
 AlertDialogContentPrimitive.displayName = "AlertDialogContentPrimitive";
-var AlertDialogDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+var AlertDialogDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -692,11 +765,11 @@ var AlertDialogDescription = React6.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogContent = React6.forwardRef(({ className, children, container, ...props }, ref) => {
+var AlertDialogContent = React7.forwardRef(({ className, children, container, ...props }, ref) => {
   const hasDescription = treeContainsComponent2(children, AlertDialogDescription) || treeContainsComponent2(children, AlertDialogPrimitive.Description);
-  return /* @__PURE__ */ jsxs4(AlertDialogPortal, { container, children: [
-    /* @__PURE__ */ jsx9(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(AlertDialogPortal, { container, children: [
+    /* @__PURE__ */ jsx10(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsxs5(
       AlertDialogContentPrimitive,
       {
         ref,
@@ -711,7 +784,7 @@ var AlertDialogContent = React6.forwardRef(({ className, children, container, ..
         ),
         ...props,
         children: [
-          hasDescription ? null : /* @__PURE__ */ jsx9(AlertDialogPrimitive.Description, { className: "sr-only", children: "Please confirm the action described in this dialog." }),
+          hasDescription ? null : /* @__PURE__ */ jsx10(AlertDialogPrimitive.Description, { className: "sr-only", children: "Please confirm the action described in this dialog." }),
           children
         ]
       }
@@ -722,7 +795,7 @@ AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
 var AlertDialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx9(
+}) => /* @__PURE__ */ jsx10(
   "div",
   {
     "data-slot": "alert-dialog-header",
@@ -734,7 +807,7 @@ AlertDialogHeader.displayName = "AlertDialogHeader";
 var AlertDialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx9(
+}) => /* @__PURE__ */ jsx10(
   "div",
   {
     "data-slot": "alert-dialog-footer",
@@ -750,7 +823,7 @@ var AlertDialogFooter = ({
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+var AlertDialogTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -760,7 +833,7 @@ var AlertDialogTitle = React6.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogAction = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+var AlertDialogAction = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
   AlertDialogPrimitive.Action,
   {
     ref,
@@ -770,7 +843,7 @@ var AlertDialogAction = React6.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+var AlertDialogCancel = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -787,14 +860,14 @@ AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 
 // src/avatar.tsx
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import * as React7 from "react";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import * as React8 from "react";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var AVATAR_SIZES = {
   sm: "h-8 w-8 text-[11px]",
   md: "h-9 w-9 text-xs",
   lg: "h-10 w-10 text-sm"
 };
-var Avatar = React7.forwardRef(({ className, size = "lg", ...props }, ref) => /* @__PURE__ */ jsx10(
+var Avatar = React8.forwardRef(({ className, size = "lg", ...props }, ref) => /* @__PURE__ */ jsx11(
   AvatarPrimitive.Root,
   {
     ref,
@@ -808,7 +881,7 @@ var Avatar = React7.forwardRef(({ className, size = "lg", ...props }, ref) => /*
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+var AvatarImage = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   AvatarPrimitive.Image,
   {
     ref,
@@ -818,7 +891,7 @@ var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+var AvatarFallback = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -833,8 +906,8 @@ var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__P
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
 // src/card.tsx
-import * as React8 from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import * as React9 from "react";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var CARD_SIZES = {
   sm: {
     root: "rounded-xl border bg-card text-card-foreground shadow",
@@ -852,12 +925,12 @@ var CARD_SIZES = {
     padTopless: "p-6 pt-0"
   }
 };
-var CardSizeContext = React8.createContext("md");
+var CardSizeContext = React9.createContext("md");
 function useCardSize() {
-  return React8.useContext(CardSizeContext);
+  return React9.useContext(CardSizeContext);
 }
-var Card = React8.forwardRef(
-  ({ className, size = "md", ...props }, ref) => /* @__PURE__ */ jsx11(CardSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx11(
+var Card = React9.forwardRef(
+  ({ className, size = "md", ...props }, ref) => /* @__PURE__ */ jsx12(CardSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx12(
     "div",
     {
       ref,
@@ -869,9 +942,9 @@ var Card = React8.forwardRef(
   ) })
 );
 Card.displayName = "Card";
-var CardHeader = React8.forwardRef(({ className, ...props }, ref) => {
+var CardHeader = React9.forwardRef(({ className, ...props }, ref) => {
   const size = useCardSize();
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       ref,
@@ -886,7 +959,7 @@ var CardHeader = React8.forwardRef(({ className, ...props }, ref) => {
   );
 });
 CardHeader.displayName = "CardHeader";
-var CardTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   "h3",
   {
     ref,
@@ -896,7 +969,7 @@ var CardTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+var CardDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   "p",
   {
     ref,
@@ -906,7 +979,7 @@ var CardDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardAction = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+var CardAction = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   "div",
   {
     ref,
@@ -916,9 +989,9 @@ var CardAction = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardAction.displayName = "CardAction";
-var CardContent = React8.forwardRef(({ className, ...props }, ref) => {
+var CardContent = React9.forwardRef(({ className, ...props }, ref) => {
   const size = useCardSize();
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       ref,
@@ -929,9 +1002,9 @@ var CardContent = React8.forwardRef(({ className, ...props }, ref) => {
   );
 });
 CardContent.displayName = "CardContent";
-var CardFooter = React8.forwardRef(({ className, ...props }, ref) => {
+var CardFooter = React9.forwardRef(({ className, ...props }, ref) => {
   const size = useCardSize();
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       ref,
@@ -949,13 +1022,13 @@ CardFooter.displayName = "CardFooter";
 
 // src/checkbox.tsx
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import * as React9 from "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import * as React10 from "react";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var CHECKBOX_SIZES = {
   sm: { root: "h-3.5 w-3.5 rounded-xs", glyph: "h-3 w-3" },
   md: { root: "h-4 w-4 rounded-sm", glyph: "h-3.5 w-3.5" }
 };
-var Checkbox = React9.forwardRef(({ className, size = "md", ...props }, ref) => /* @__PURE__ */ jsx12(
+var Checkbox = React10.forwardRef(({ className, size = "md", ...props }, ref) => /* @__PURE__ */ jsx13(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -966,12 +1039,12 @@ var Checkbox = React9.forwardRef(({ className, size = "md", ...props }, ref) =>
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx12(
+    children: /* @__PURE__ */ jsx13(
       CheckboxPrimitive.Indicator,
       {
         "data-slot": "checkbox-indicator",
         className: "flex items-center justify-center text-current",
-        children: props.checked === "indeterminate" ? /* @__PURE__ */ jsx12(DividerHorizontalIcon, { className: CHECKBOX_SIZES[size].glyph }) : /* @__PURE__ */ jsx12(CheckIcon, { className: CHECKBOX_SIZES[size].glyph })
+        children: props.checked === "indeterminate" ? /* @__PURE__ */ jsx13(DividerHorizontalIcon, { className: CHECKBOX_SIZES[size].glyph }) : /* @__PURE__ */ jsx13(CheckIcon, { className: CHECKBOX_SIZES[size].glyph })
       }
     )
   }
@@ -980,22 +1053,36 @@ Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
 // src/collapsible.tsx
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+import * as React11 from "react";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var Collapsible = CollapsiblePrimitive.Root;
 var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
-var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
+var CollapsibleContent2 = React11.forwardRef(({ className, animated = true, ...props }, ref) => /* @__PURE__ */ jsx14(
+  CollapsiblePrimitive.CollapsibleContent,
+  {
+    ref,
+    "data-slot": "collapsible-content",
+    className: cn(
+      animated && "matrx-collapsible-content overflow-hidden",
+      className
+    ),
+    ...props
+  }
+));
+CollapsibleContent2.displayName = "CollapsibleContent";
 
 // src/command.tsx
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { Command as CommandPrimitive } from "cmdk";
-import * as React11 from "react";
+import * as React13 from "react";
 
 // src/use-is-mobile.ts
-import * as React10 from "react";
+import * as React12 from "react";
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React10.useState(false);
-  const [hasMounted, setHasMounted] = React10.useState(false);
-  React10.useEffect(() => {
+  const [isMobile, setIsMobile] = React12.useState(false);
+  const [hasMounted, setHasMounted] = React12.useState(false);
+  React12.useEffect(() => {
     setHasMounted(true);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -1015,8 +1102,8 @@ function useIsMobile() {
 }
 
 // src/command.tsx
-import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
-var Command = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+import { jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
+var Command = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
   CommandPrimitive,
   {
     ref,
@@ -1031,18 +1118,18 @@ Command.displayName = CommandPrimitive.displayName;
 var DIALOG_DESKTOP_CLASSES = "fixed left-[50%] top-[50%] z-[10000] grid min-w-0 w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 overflow-x-clip border bg-background p-6 shadow-lg [overflow-wrap:anywhere] [&>*]:min-w-0 [&>*]:max-w-full duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg";
 var DIALOG_MOBILE_SHEET_CLASSES = "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 overflow-x-clip border-t bg-background p-4 pb-safe shadow-lg [overflow-wrap:anywhere] [&>*]:min-w-0 [&>*]:max-w-full duration-200 rounded-t-2xl rounded-b-none overflow-y-auto overscroll-contain data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom";
 var DIALOG_MOBILE_SHEET_OVERRIDE = "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 CommandDialogContent = React11.forwardRef(({ className, children, container, ...props }, ref) => {
+var CommandDialogContent = React13.forwardRef(({ className, children, container, ...props }, ref) => {
   const isMobile = useIsMobile();
   const isModal = useRadixDialogModal();
   const portalContainer = usePortalContainer(container);
-  return /* @__PURE__ */ jsxs5(DialogPrimitive.Portal, { container: portalContainer, children: [
-    isModal ? /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs6(DialogPrimitive.Portal, { container: portalContainer, children: [
+    isModal ? /* @__PURE__ */ jsx15(
       DialogPrimitive.Overlay,
       {
         className: "fixed inset-0 z-[10000] bg-[var(--matrx-overlay-scrim-soft)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
       }
     ) : null,
-    /* @__PURE__ */ jsxs5(
+    /* @__PURE__ */ jsxs6(
       DialogPrimitive.Content,
       {
         ref,
@@ -1057,9 +1144,9 @@ var CommandDialogContent = React11.forwardRef(({ className, children, container,
         ...props,
         children: [
           children,
-          /* @__PURE__ */ jsxs5(DialogPrimitive.Close, { className: "absolute right-2 top-4 flex h-10 w-10 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", children: [
-            /* @__PURE__ */ jsx13(XIcon, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx13("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ jsxs6(DialogPrimitive.Close, { className: "absolute right-2 top-4 flex h-10 w-10 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", children: [
+            /* @__PURE__ */ jsx15(XIcon, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx15("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
@@ -1073,21 +1160,21 @@ var CommandDialog = ({
   ...props
 }) => {
   const modal = props.modal ?? true;
-  return /* @__PURE__ */ jsx13(RadixDialogModalProvider, { modal, children: /* @__PURE__ */ jsx13(DialogPrimitive.Root, { ...props, modal, children: /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsx15(RadixDialogModalProvider, { modal, children: /* @__PURE__ */ jsx15(DialogPrimitive.Root, { ...props, modal, children: /* @__PURE__ */ jsxs6(
     CommandDialogContent,
     {
       className: "overflow-hidden p-0",
       ...container !== void 0 ? { container } : {},
       children: [
-        /* @__PURE__ */ jsx13(DialogPrimitive.Title, { className: "sr-only" }),
-        /* @__PURE__ */ jsx13(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
+        /* @__PURE__ */ jsx15(DialogPrimitive.Title, { className: "sr-only" }),
+        /* @__PURE__ */ jsx15(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
       ]
     }
   ) }) });
 };
-var CommandInput = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs5("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ jsx13(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ jsx13(
+var CommandInput = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs6("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ jsx15(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ jsx15(
     CommandPrimitive.Input,
     {
       ref,
@@ -1100,7 +1187,7 @@ var CommandInput = React11.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var CommandList = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
   CommandPrimitive.List,
   {
     ref,
@@ -1109,7 +1196,7 @@ var CommandList = React11.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React11.forwardRef((props, ref) => /* @__PURE__ */ jsx13(
+var CommandEmpty = React13.forwardRef((props, ref) => /* @__PURE__ */ jsx15(
   CommandPrimitive.Empty,
   {
     ref,
@@ -1118,7 +1205,7 @@ var CommandEmpty = React11.forwardRef((props, ref) => /* @__PURE__ */ jsx13(
   }
 ));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var CommandGroup = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
   CommandPrimitive.Group,
   {
     ref,
@@ -1130,7 +1217,7 @@ var CommandGroup = React11.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var CommandSeparator = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
   CommandPrimitive.Separator,
   {
     ref,
@@ -1139,7 +1226,7 @@ var CommandSeparator = React11.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var CommandItem = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
   CommandPrimitive.Item,
   {
     ref,
@@ -1155,7 +1242,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx15(
     "span",
     {
       className: cn(
@@ -1170,8 +1257,8 @@ CommandShortcut.displayName = "CommandShortcut";
 
 // src/context-menu.tsx
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
-import * as React12 from "react";
-import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
+import * as React14 from "react";
+import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
 var ContextMenu = ContextMenuPrimitive.Root;
 var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
 var ContextMenuGroup = ContextMenuPrimitive.Group;
@@ -1182,7 +1269,7 @@ var SURFACE_CLASS = "z-50 min-w-[8rem] max-h-[var(--radix-context-menu-content-a
 var MOTION_CLASS = "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2";
 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 = React12.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs6(
+var ContextMenuSubTrigger = React14.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs7(
   ContextMenuPrimitive.SubTrigger,
   {
     ref,
@@ -1195,12 +1282,12 @@ var ContextMenuSubTrigger = React12.forwardRef(({ className, inset, children, ..
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx14(RadixChevronRightIcon, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx16(RadixChevronRightIcon, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var ContextMenuSubContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   ContextMenuPrimitive.SubContent,
   {
     ref,
@@ -1210,9 +1297,9 @@ var ContextMenuSubContent = React12.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-var ContextMenuContent = React12.forwardRef(({ className, container, ...props }, ref) => {
+var ContextMenuContent = React14.forwardRef(({ className, container, ...props }, ref) => {
   const portalContainer = usePortalContainer(container);
-  return /* @__PURE__ */ jsx14(ContextMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx16(ContextMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx16(
     ContextMenuPrimitive.Content,
     {
       ref,
@@ -1223,7 +1310,7 @@ var ContextMenuContent = React12.forwardRef(({ className, container, ...props },
   ) });
 });
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React12.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx14(
+var ContextMenuItem = React14.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx16(
   ContextMenuPrimitive.Item,
   {
     ref,
@@ -1238,7 +1325,7 @@ var ContextMenuItem = React12.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs6(
+var ContextMenuCheckboxItem = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs7(
   ContextMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -1246,13 +1333,13 @@ var ContextMenuCheckboxItem = React12.forwardRef(({ className, children, ...prop
     className: cn(INDICATOR_ITEM_CLASS, className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx14("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx14(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx14(CheckIcon, { className: "h-4 w-4" }) }) }),
+      /* @__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" }) }) }),
       children
     ]
   }
 ));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs6(
+var ContextMenuRadioItem = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs7(
   ContextMenuPrimitive.RadioItem,
   {
     ref,
@@ -1260,13 +1347,13 @@ var ContextMenuRadioItem = React12.forwardRef(({ className, children, ...props }
     className: cn(INDICATOR_ITEM_CLASS, className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx14("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx14(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx14(DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
+      /* @__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" }) }) }),
       children
     ]
   }
 ));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React12.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx14(
+var ContextMenuLabel = React14.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx16(
   ContextMenuPrimitive.Label,
   {
     ref,
@@ -1280,7 +1367,7 @@ var ContextMenuLabel = React12.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var ContextMenuSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   ContextMenuPrimitive.Separator,
   {
     ref,
@@ -1293,7 +1380,7 @@ ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
 var ContextMenuShortcut = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx14(
+}) => /* @__PURE__ */ jsx16(
   "span",
   {
     "data-slot": "context-menu-shortcut",
@@ -1311,15 +1398,15 @@ import {
 
 // src/popover.tsx
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import * as React13 from "react";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import * as React15 from "react";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React13.forwardRef(
+var PopoverContent = React15.forwardRef(
   ({ className, align = "center", sideOffset = 4, container, ...props }, ref) => {
     const portalContainer = usePortalContainer(container);
-    return /* @__PURE__ */ jsx15(PopoverPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx17(PopoverPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx17(
       PopoverPrimitive.Content,
       {
         ref,
@@ -1343,7 +1430,7 @@ var PopoverContent = React13.forwardRef(
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/creatable-picker.tsx
-import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
 function article(noun) {
   return /^[aeiou]/i.test(noun.trim()) ? `an ${noun}` : `a ${noun}`;
 }
@@ -1418,8 +1505,8 @@ function CreatablePicker({
       setBusy(false);
     }
   };
-  return /* @__PURE__ */ jsxs7(Popover, { open, onOpenChange: (next) => next ? setOpen(true) : close(), children: [
-    /* @__PURE__ */ jsx16(PopoverTrigger, { asChild: true, disabled, children: /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(Popover, { open, onOpenChange: (next) => next ? setOpen(true) : close(), children: [
+    /* @__PURE__ */ jsx18(PopoverTrigger, { asChild: true, disabled, children: /* @__PURE__ */ jsxs8(
       "button",
       {
         type: "button",
@@ -1433,12 +1520,12 @@ function CreatablePicker({
           triggerClassName
         ),
         children: [
-          /* @__PURE__ */ jsx16("span", { className: "min-w-0 flex-1 truncate", children: selected ? renderSelected ?? selected.render ?? selected.label : /* @__PURE__ */ jsx16("span", { className: "text-muted-foreground", children: loading ? "Loading\u2026" : placeholder }) }),
-          /* @__PURE__ */ jsx16(ChevronsUpDownIcon, { className: "size-3.5 shrink-0 opacity-50" })
+          /* @__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__ */ jsx16(PopoverContent, { align: "start", className: "w-[--radix-popover-trigger-width] min-w-56 p-0", children: /* @__PURE__ */ jsxs7(
+    /* @__PURE__ */ jsx18(PopoverContent, { align: "start", className: "w-[--radix-popover-trigger-width] min-w-56 p-0", children: /* @__PURE__ */ jsxs8(
       Command,
       {
         filter: (itemValue, search, keywords) => {
@@ -1446,7 +1533,7 @@ function CreatablePicker({
           return haystack.includes(search.toLowerCase()) ? 1 : 0;
         },
         children: [
-          /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx18(
             CommandInput,
             {
               ref: inputRef,
@@ -1458,13 +1545,13 @@ function CreatablePicker({
               placeholder: searchPlaceholder ?? `Search or add ${article(noun)}\u2026`
             }
           ),
-          /* @__PURE__ */ jsxs7(CommandList, { children: [
-            /* @__PURE__ */ jsx16(CommandEmpty, { children: emptyLabel }),
-            groups.map((group) => /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsxs8(CommandList, { children: [
+            /* @__PURE__ */ jsx18(CommandEmpty, { children: emptyLabel }),
+            groups.map((group) => /* @__PURE__ */ jsx18(
               CommandGroup,
               {
                 ...group.heading === void 0 ? {} : { heading: group.heading },
-                children: group.options.map((option) => /* @__PURE__ */ jsxs7(
+                children: group.options.map((option) => /* @__PURE__ */ jsxs8(
                   CommandItem,
                   {
                     value: option.label,
@@ -1475,7 +1562,7 @@ function CreatablePicker({
                     },
                     className: "gap-2 text-xs",
                     children: [
-                      /* @__PURE__ */ jsx16(
+                      /* @__PURE__ */ jsx18(
                         LucideCheckIcon,
                         {
                           className: cn(
@@ -1484,8 +1571,8 @@ function CreatablePicker({
                           )
                         }
                       ),
-                      /* @__PURE__ */ jsx16("span", { className: "min-w-0 flex-1 truncate", children: option.render ?? option.label }),
-                      option.hint ? /* @__PURE__ */ jsx16("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: option.hint }) : null
+                      /* @__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
                     ]
                   },
                   option.value
@@ -1494,9 +1581,9 @@ function CreatablePicker({
               group.heading ?? "__ungrouped__"
             ))
           ] }),
-          canCreate ? /* @__PURE__ */ jsxs7("div", { className: "space-y-1 border-t border-border p-1", children: [
-            createExtra && typed && !exactMatch ? /* @__PURE__ */ jsx16("div", { className: "px-1 pt-0.5", children: typeof createExtra === "function" ? createExtra(typed) : createExtra }) : null,
-            /* @__PURE__ */ jsxs7(
+          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(
               "button",
               {
                 type: "button",
@@ -1504,22 +1591,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__ */ jsx16(Loader2Icon, { className: "size-3.5 shrink-0 animate-spin" }) : /* @__PURE__ */ jsx16(PlusIcon, { className: "size-3.5 shrink-0" }),
-                  /* @__PURE__ */ jsx16("span", { className: "min-w-0 truncate", children: typed && !exactMatch ? `Create \u201C${typed}\u201D` : `Add ${article(noun)}\u2026` })
+                  busy ? /* @__PURE__ */ jsx18(Loader2Icon, { className: "size-3.5 shrink-0 animate-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` })
                 ]
               }
             ),
-            needsName ? /* @__PURE__ */ jsxs7("p", { className: "px-2 pb-0.5 text-[11px] leading-snug text-muted-foreground", children: [
+            needsName ? /* @__PURE__ */ jsxs8("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__ */ jsxs7("div", { className: "space-y-0.5 border-t border-border p-1", children: [
+          footerActions?.length || manageAction ? /* @__PURE__ */ jsxs8("div", { className: "space-y-0.5 border-t border-border p-1", children: [
             footerActions?.map((action) => {
               const Icon2 = action.icon;
-              return /* @__PURE__ */ jsxs7("div", { children: [
-                /* @__PURE__ */ jsxs7(
+              return /* @__PURE__ */ jsxs8("div", { children: [
+                /* @__PURE__ */ jsxs8(
                   "button",
                   {
                     type: "button",
@@ -1529,15 +1616,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__ */ jsx16(Icon2, { className: "size-3.5 shrink-0" }) : null,
-                      /* @__PURE__ */ jsx16("span", { className: "min-w-0 truncate", children: action.label })
+                      Icon2 ? /* @__PURE__ */ jsx18(Icon2, { className: "size-3.5 shrink-0" }) : null,
+                      /* @__PURE__ */ jsx18("span", { className: "min-w-0 truncate", children: action.label })
                     ]
                   }
                 ),
-                action.note ? /* @__PURE__ */ jsx16("p", { className: "px-2 pb-1 text-[10px] leading-snug text-muted-foreground", children: action.note }) : null
+                action.note ? /* @__PURE__ */ jsx18("p", { className: "px-2 pb-1 text-[10px] leading-snug text-muted-foreground", children: action.note }) : null
               ] }, action.label);
             }),
-            manageAction ? /* @__PURE__ */ jsxs7(
+            manageAction ? /* @__PURE__ */ jsxs8(
               "a",
               {
                 href: manageAction.href,
@@ -1546,18 +1633,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__ */ jsx16(ExternalLinkIcon, { className: "size-3.5 shrink-0" }),
-                  /* @__PURE__ */ jsx16("span", { className: "min-w-0 truncate", children: manageAction.label })
+                  /* @__PURE__ */ jsx18(ExternalLinkIcon, { className: "size-3.5 shrink-0" }),
+                  /* @__PURE__ */ jsx18("span", { className: "min-w-0 truncate", children: manageAction.label })
                 ]
               }
             ) : null
           ] }) : null,
-          lockedNote ? /* @__PURE__ */ jsxs7("div", { className: "space-y-1 border-t border-border p-2", children: [
-            /* @__PURE__ */ jsxs7("p", { className: "flex gap-1.5 text-[11px] leading-snug text-muted-foreground", children: [
-              /* @__PURE__ */ jsx16(LockIcon, { className: "mt-px size-3 shrink-0" }),
-              /* @__PURE__ */ jsx16("span", { children: lockedNote })
+          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 })
             ] }),
-            lockedAction ? /* @__PURE__ */ jsxs7(
+            lockedAction ? /* @__PURE__ */ jsxs8(
               "button",
               {
                 type: "button",
@@ -1567,8 +1654,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__ */ jsx16(PlusIcon, { className: "size-3.5 shrink-0" }),
-                  /* @__PURE__ */ jsx16("span", { className: "min-w-0 truncate", children: lockedAction.label })
+                  /* @__PURE__ */ jsx18(PlusIcon, { className: "size-3.5 shrink-0" }),
+                  /* @__PURE__ */ jsx18("span", { className: "min-w-0 truncate", children: lockedAction.label })
                 ]
               }
             ) : null
@@ -1583,14 +1670,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 React14 from "react";
-import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
+import * as React16 from "react";
+import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
 var Dialog = ({
   children,
   ...props
 }) => {
   const modal = props.modal ?? true;
-  return /* @__PURE__ */ jsx17(RadixDialogModalProvider, { modal, children: /* @__PURE__ */ jsx17(DialogPrimitive2.Root, { ...props, modal, children }) });
+  return /* @__PURE__ */ jsx19(RadixDialogModalProvider, { modal, children: /* @__PURE__ */ jsx19(DialogPrimitive2.Root, { ...props, modal, children }) });
 };
 Dialog.displayName = "Dialog";
 var DialogTrigger = DialogPrimitive2.Trigger;
@@ -1600,12 +1687,12 @@ var DialogPortal = ({
   ...props
 }) => {
   const resolved = usePortalContainer(container);
-  return /* @__PURE__ */ jsx17(DialogPrimitive2.Portal, { container: resolved ?? null, ...props });
+  return /* @__PURE__ */ jsx19(DialogPrimitive2.Portal, { container: resolved ?? null, ...props });
 };
 DialogPortal.displayName = "DialogPortal";
-var DialogContainerContext = React14.createContext(null);
-var useDialogContainer = () => React14.useContext(DialogContainerContext);
-var DialogOverlay = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var DialogContainerContext = React16.createContext(null);
+var useDialogContainer = () => React16.useContext(DialogContainerContext);
+var DialogOverlay = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
   DialogPrimitive2.Overlay,
   {
     ref,
@@ -1620,9 +1707,9 @@ var DialogOverlay = React14.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive2.Overlay.displayName;
-var DialogContentPrimitive = React14.forwardRef((props, ref) => {
+var DialogContentPrimitive = React16.forwardRef((props, ref) => {
   const isModal = useRadixDialogModal();
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19(
     DialogPrimitive2.Content,
     {
       ...props,
@@ -1635,7 +1722,7 @@ DialogContentPrimitive.displayName = "DialogContentPrimitive";
 var DIALOG_DESKTOP_CLASSES2 = "fixed left-[50%] top-[50%] z-[10000] grid min-w-0 w-full max-w-lg translate-x-[-50%] translate-y-[-50%] 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 duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] 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 duration-200 rounded-t-2xl rounded-b-none overflow-y-auto overscroll-contain data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom";
 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 = React14.forwardRef(
+var DialogContent = React16.forwardRef(
   ({
     className,
     children,
@@ -1648,10 +1735,10 @@ var DialogContent = React14.forwardRef(
     const isModal = useRadixDialogModal();
     const injectedContainer = usePortalContainer(container);
     const asSheet = mobileSheet && isMobile;
-    const [containerEl, setContainerEl] = React14.useState(
+    const [containerEl, setContainerEl] = React16.useState(
       null
     );
-    const mergedRef = React14.useCallback(
+    const mergedRef = React16.useCallback(
       (node) => {
         setContainerEl(node);
         if (typeof ref === "function") ref(node);
@@ -1662,9 +1749,9 @@ var DialogContent = React14.forwardRef(
     );
     const hasTitle = treeContainsComponent3(children, DialogTitle) || treeContainsComponent3(children, DialogPrimitive2.Title);
     const hasDescription = treeContainsComponent3(children, DialogDescription) || treeContainsComponent3(children, DialogPrimitive2.Description);
-    return /* @__PURE__ */ jsxs8(DialogPortal, { container, children: [
-      isModal ? /* @__PURE__ */ jsx17(DialogOverlay, {}) : null,
-      /* @__PURE__ */ jsxs8(
+    return /* @__PURE__ */ jsxs9(DialogPortal, { container, children: [
+      isModal ? /* @__PURE__ */ jsx19(DialogOverlay, {}) : null,
+      /* @__PURE__ */ jsxs9(
         DialogContentPrimitive,
         {
           ref: mergedRef,
@@ -1682,23 +1769,23 @@ var DialogContent = React14.forwardRef(
           ...hasDescription ? {} : { "aria-describedby": void 0 },
           ...props,
           children: [
-            hasTitle ? null : /* @__PURE__ */ jsx17(VisuallyHidden2.Root, { children: /* @__PURE__ */ jsx17(DialogPrimitive2.Title, { children: "Dialog" }) }),
-            /* @__PURE__ */ jsx17(DialogContainerContext.Provider, { value: containerEl, children: /* @__PURE__ */ jsx17(
+            hasTitle ? null : /* @__PURE__ */ jsx19(VisuallyHidden2.Root, { children: /* @__PURE__ */ jsx19(DialogPrimitive2.Title, { children: "Dialog" }) }),
+            /* @__PURE__ */ jsx19(DialogContainerContext.Provider, { value: containerEl, children: /* @__PURE__ */ jsx19(
               PortalContainerProvider,
               {
                 container: containerEl ?? injectedContainer ?? null,
                 children
               }
             ) }),
-            showCloseButton ? /* @__PURE__ */ jsxs8(
+            showCloseButton ? /* @__PURE__ */ jsxs9(
               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__ */ jsx17(XIcon, { className: "h-4 w-4" }),
-                  /* @__PURE__ */ jsx17("span", { className: "sr-only", children: "Close" })
+                  /* @__PURE__ */ jsx19(XIcon, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ jsx19("span", { className: "sr-only", children: "Close" })
                 ]
               }
             ) : null
@@ -1712,7 +1799,7 @@ DialogContent.displayName = DialogPrimitive2.Content.displayName;
 var DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx17(
+}) => /* @__PURE__ */ jsx19(
   "div",
   {
     "data-slot": "dialog-header",
@@ -1729,7 +1816,7 @@ DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx17(
+}) => /* @__PURE__ */ jsx19(
   "div",
   {
     "data-slot": "dialog-footer",
@@ -1743,7 +1830,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var DialogTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
   DialogPrimitive2.Title,
   {
     ref,
@@ -1753,7 +1840,7 @@ var DialogTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive2.Title.displayName;
-var DialogDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var DialogDescription = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
   DialogPrimitive2.Description,
   {
     ref,
@@ -1766,8 +1853,8 @@ DialogDescription.displayName = DialogPrimitive2.Description.displayName;
 
 // src/dropdown-menu.tsx
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import * as React15 from "react";
-import { jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
+import * as React17 from "react";
+import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
@@ -1778,7 +1865,7 @@ var MENU_SURFACE_CLASS = "z-[10001] min-w-[8rem] max-h-[var(--radix-dropdown-men
 var MENU_MOTION_CLASS = "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2";
 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 = React15.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs9(
+var DropdownMenuSubTrigger = React17.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -1791,12 +1878,12 @@ var DropdownMenuSubTrigger = React15.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx18(RadixChevronRightIcon, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx20(RadixChevronRightIcon, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var DropdownMenuSubContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -1806,9 +1893,9 @@ var DropdownMenuSubContent = React15.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React15.forwardRef(({ className, sideOffset = 4, container, ...props }, ref) => {
+var DropdownMenuContent = React17.forwardRef(({ className, sideOffset = 4, container, ...props }, ref) => {
   const portalContainer = usePortalContainer(container);
-  return /* @__PURE__ */ jsx18(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx20(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx20(
     DropdownMenuPrimitive.Content,
     {
       ref,
@@ -1825,7 +1912,7 @@ var DropdownMenuContent = React15.forwardRef(({ className, sideOffset = 4, conta
   ) });
 });
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React15.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx18(
+var DropdownMenuItem = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx20(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -1835,7 +1922,7 @@ var DropdownMenuItem = React15.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React15.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs9(
+var DropdownMenuCheckboxItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -1843,13 +1930,13 @@ var DropdownMenuCheckboxItem = React15.forwardRef(({ className, children, ...pro
     className: cn(MENU_INDICATOR_ITEM_CLASS, className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx18("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx18(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx18(CheckIcon, { className: "h-4 w-4" }) }) }),
+      /* @__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" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React15.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs9(
+var DropdownMenuRadioItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -1857,13 +1944,13 @@ var DropdownMenuRadioItem = React15.forwardRef(({ className, children, ...props
     className: cn(MENU_INDICATOR_ITEM_CLASS, className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx18("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx18(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx18(DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
+      /* @__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" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React15.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx18(
+var DropdownMenuLabel = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx20(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -1873,7 +1960,7 @@ var DropdownMenuLabel = React15.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var DropdownMenuSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -1886,7 +1973,7 @@ DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
 var DropdownMenuShortcut = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx18(
+}) => /* @__PURE__ */ jsx20(
   "span",
   {
     "data-slot": "dropdown-menu-shortcut",
@@ -1898,7 +1985,7 @@ 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 jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
 function EditableLabel({
   value,
   onCommit,
@@ -2005,8 +2092,8 @@ function EditableLabel({
     setEditing
   ]);
   if (editing) {
-    return /* @__PURE__ */ jsxs10("span", { className: cn("relative flex min-w-0 flex-1 items-center", className), children: [
-      /* @__PURE__ */ jsx19(
+    return /* @__PURE__ */ jsxs11("span", { className: cn("relative flex min-w-0 flex-1 items-center", className), children: [
+      /* @__PURE__ */ jsx21(
         "input",
         {
           ref: inputRef,
@@ -2046,12 +2133,12 @@ function EditableLabel({
           )
         }
       ),
-      busy && /* @__PURE__ */ jsx19(Loader2Icon, { className: "absolute right-1 h-3.5 w-3.5 animate-spin text-muted-foreground" }),
-      error && /* @__PURE__ */ jsx19("span", { className: "absolute left-0 top-full mt-0.5 whitespace-nowrap text-xs text-destructive", children: error })
+      busy && /* @__PURE__ */ jsx21(Loader2Icon, { className: "absolute right-1 h-3.5 w-3.5 animate-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 })
     ] });
   }
   if (controlled) return null;
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx21(
     "button",
     {
       type: "button",
@@ -2085,8 +2172,8 @@ function EditableLabel({
 }
 
 // src/input.tsx
-import * as React16 from "react";
-import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
+import * as React18 from "react";
+import { jsx as jsx22, jsxs as jsxs12 } 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
@@ -2114,9 +2201,9 @@ var getVariantStyles = (variant = "default") => {
       return baseStyles;
   }
 };
-var Input = React16.forwardRef(
+var Input = React18.forwardRef(
   ({ className, type, variant = "default", ...props }, ref) => {
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx22(
       "input",
       {
         type,
@@ -2128,7 +2215,7 @@ var Input = React16.forwardRef(
   }
 );
 Input.displayName = "Input";
-var EnterInput = React16.forwardRef(
+var EnterInput = React18.forwardRef(
   ({ onEnter, ...props }, ref) => {
     const handleKeyDown = (e) => {
       if (e.key === "Enter" && onEnter) {
@@ -2136,7 +2223,7 @@ var EnterInput = React16.forwardRef(
         onEnter();
       }
     };
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx22(
       Input,
       {
         ...props,
@@ -2152,11 +2239,11 @@ var EnterInput = React16.forwardRef(
   }
 );
 EnterInput.displayName = "EnterInput";
-var BasicInput = React16.forwardRef(
+var BasicInput = React18.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__ */ jsx20(
+    return /* @__PURE__ */ jsx22(
       "input",
       {
         type,
@@ -2171,10 +2258,10 @@ var BasicInput = React16.forwardRef(
   }
 );
 BasicInput.displayName = "BasicInput";
-var InputWithPrefix = React16.forwardRef(({ prefix, className, wrapperClassName, ...props }, ref) => {
-  return /* @__PURE__ */ jsxs11("div", { className: cn("relative", wrapperClassName), children: [
-    prefix && /* @__PURE__ */ jsx20("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: prefix }),
-    /* @__PURE__ */ jsx20(
+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(
       Input,
       {
         ref,
@@ -2188,9 +2275,9 @@ InputWithPrefix.displayName = "InputWithPrefix";
 
 // src/label.tsx
 import * as LabelPrimitive from "@radix-ui/react-label";
-import * as React17 from "react";
-import { jsx as jsx21 } from "react/jsx-runtime";
-var Label3 = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
+import * as React19 from "react";
+import { jsx as jsx23 } from "react/jsx-runtime";
+var Label3 = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   LabelPrimitive.Root,
   {
     ref,
@@ -2205,7 +2292,7 @@ Label3.displayName = LabelPrimitive.Root.displayName;
 
 // src/overflow-toolbar.tsx
 import { useLayoutEffect, useMemo, useRef as useRef3, useState as useState5 } from "react";
-import { Fragment, jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
 var GAP_PX = 6;
 var TONE = {
   default: "border border-border bg-background hover:bg-accent text-foreground",
@@ -2227,16 +2314,16 @@ function ToolbarButton({
     action.hideLabel && !action.running ? "w-7 justify-center px-0" : "px-2",
     TONE[tone]
   );
-  const inner = /* @__PURE__ */ jsxs12(Fragment, { children: [
-    /* @__PURE__ */ jsx22(
+  const inner = /* @__PURE__ */ jsxs13(Fragment, { children: [
+    /* @__PURE__ */ jsx24(
       Icon2,
       {
         className: cn("w-3.5 h-3.5 shrink-0", action.running && "animate-spin")
       }
     ),
-    showLabel && /* @__PURE__ */ jsx22("span", { children: text })
+    showLabel && /* @__PURE__ */ jsx24("span", { children: text })
   ] });
-  const control = action.href && !action.disabled ? /* @__PURE__ */ jsx22(
+  const control = action.href && !action.disabled ? /* @__PURE__ */ jsx24(
     "a",
     {
       href: action.href,
@@ -2246,7 +2333,7 @@ function ToolbarButton({
       "aria-label": action.label,
       children: inner
     }
-  ) : /* @__PURE__ */ jsx22(
+  ) : /* @__PURE__ */ jsx24(
     "button",
     {
       type: "button",
@@ -2258,12 +2345,12 @@ function ToolbarButton({
     }
   );
   if (enableTooltip && action.hideLabel && renderTooltip) {
-    return /* @__PURE__ */ jsx22(Fragment, { children: renderTooltip(control, action.label) });
+    return /* @__PURE__ */ jsx24(Fragment, { children: renderTooltip(control, action.label) });
   }
   return control;
 }
 function OverflowTrigger({ ariaLabel }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx24(
     "button",
     {
       type: "button",
@@ -2274,7 +2361,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__ */ jsx22(MoreHorizontalIcon, { className: "w-3.5 h-3.5" })
+      children: /* @__PURE__ */ jsx24(MoreHorizontalIcon, { className: "w-3.5 h-3.5" })
     }
   );
 }
@@ -2334,22 +2421,22 @@ function OverflowToolbar({
   }, [signature, leading != null]);
   const shown = visibleActions.slice(0, visibleCount);
   const hidden = visibleActions.slice(visibleCount);
-  return /* @__PURE__ */ jsxs12("div", { ref: containerRef, className: cn("relative min-w-0", className), children: [
-    /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13("div", { ref: containerRef, className: cn("relative min-w-0", className), children: [
+    /* @__PURE__ */ jsxs13(
       "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__ */ jsx22(ToolbarButton, { action: a }, a.id)),
-          /* @__PURE__ */ jsx22(OverflowTrigger, { ariaLabel: overflowAriaLabel })
+          visibleActions.map((a) => /* @__PURE__ */ jsx24(ToolbarButton, { action: a }, a.id)),
+          /* @__PURE__ */ jsx24(OverflowTrigger, { ariaLabel: overflowAriaLabel })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-end gap-1.5", children: [
-      leading != null && /* @__PURE__ */ jsx22("span", { ref: leadingRef, className: "shrink-0", children: leading }),
-      shown.map((a) => /* @__PURE__ */ jsx22(
+    /* @__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(
         ToolbarButton,
         {
           action: a,
@@ -2360,7 +2447,7 @@ function OverflowToolbar({
       )),
       hidden.length > 0 && renderOverflowMenu({
         actions: hidden,
-        trigger: /* @__PURE__ */ jsx22(OverflowTrigger, { ariaLabel: overflowAriaLabel })
+        trigger: /* @__PURE__ */ jsx24(OverflowTrigger, { ariaLabel: overflowAriaLabel })
       })
     ] })
   ] });
@@ -2368,20 +2455,20 @@ function OverflowToolbar({
 
 // src/progress.tsx
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import * as React19 from "react";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import * as React21 from "react";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var PROGRESS_TONES = {
   default: "bg-primary",
   success: "bg-success",
   warning: "bg-warning",
   destructive: "bg-destructive"
 };
-var Progress = React19.forwardRef(({ className, tone = "default", indicatorClassName, ...props }, ref) => {
+var Progress = React21.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__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     ProgressPrimitive.Root,
     {
       ref,
@@ -2391,7 +2478,7 @@ var Progress = React19.forwardRef(({ className, tone = "default", indicatorClass
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx23(
+      children: /* @__PURE__ */ jsx25(
         ProgressPrimitive.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -2411,9 +2498,9 @@ Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // src/scroll-area.tsx
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import * as React20 from "react";
-import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
-var ScrollArea = React20.forwardRef(
+import * as React22 from "react";
+import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
+var ScrollArea = React22.forwardRef(
   ({
     className,
     children,
@@ -2422,7 +2509,7 @@ var ScrollArea = React20.forwardRef(
     scrollBarClassName,
     orientation = "vertical",
     ...props
-  }, ref) => /* @__PURE__ */ jsxs13(
+  }, ref) => /* @__PURE__ */ jsxs14(
     ScrollAreaPrimitive.Root,
     {
       ref,
@@ -2430,7 +2517,7 @@ var ScrollArea = React20.forwardRef(
       className: cn("relative overflow-hidden", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx26(
           ScrollAreaPrimitive.Viewport,
           {
             ref: viewportRef,
@@ -2439,14 +2526,14 @@ var ScrollArea = React20.forwardRef(
             children
           }
         ),
-        /* @__PURE__ */ jsx24(ScrollBar, { orientation, className: scrollBarClassName }),
-        /* @__PURE__ */ jsx24(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx26(ScrollBar, { orientation, className: scrollBarClassName }),
+        /* @__PURE__ */ jsx26(ScrollAreaPrimitive.Corner, {})
       ]
     }
   )
 );
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React20.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx24(
+var ScrollBar = React22.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx26(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -2459,7 +2546,7 @@ var ScrollBar = React20.forwardRef(({ className, orientation = "vertical", ...pr
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx24(
+    children: /* @__PURE__ */ jsx26(
       ScrollAreaPrimitive.ScrollAreaThumb,
       {
         "data-slot": "scroll-area-thumb",
@@ -2471,7 +2558,7 @@ var ScrollBar = React20.forwardRef(({ className, orientation = "vertical", ...pr
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // src/score-ring.tsx
-import { jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
 var DEFAULT_SCORE_THRESHOLDS = {
   good: 75,
   warning: 50
@@ -2502,7 +2589,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__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       className: cn(
@@ -2513,8 +2600,8 @@ function ScoreRing({
       role: "img",
       "aria-label": `${label ?? "Score"}: ${pct === null ? "not available" : `${pct} out of 100`}`,
       children: [
-        /* @__PURE__ */ jsxs14("svg", { viewBox: "0 0 100 100", className: "h-full w-full -rotate-90", children: [
-          /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsxs15("svg", { viewBox: "0 0 100 100", className: "h-full w-full -rotate-90", children: [
+          /* @__PURE__ */ jsx27(
             "circle",
             {
               cx: "50",
@@ -2525,7 +2612,7 @@ function ScoreRing({
               fill: "none"
             }
           ),
-          pct !== null ? /* @__PURE__ */ jsx25(
+          pct !== null ? /* @__PURE__ */ jsx27(
             "circle",
             {
               cx: "50",
@@ -2544,8 +2631,8 @@ function ScoreRing({
             }
           ) : null
         ] }),
-        /* @__PURE__ */ jsxs14("div", { className: "absolute flex flex-col items-center justify-center", children: [
-          /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsxs15("div", { className: "absolute flex flex-col items-center justify-center", children: [
+          /* @__PURE__ */ jsx27(
             "span",
             {
               className: cn(
@@ -2555,7 +2642,7 @@ function ScoreRing({
               children: pct === null ? "\u2014" : `${pct}${suffix}`
             }
           ),
-          label ? /* @__PURE__ */ jsx25("span", { className: "max-w-[74px] truncate text-[9px] font-semibold uppercase tracking-wide text-muted-foreground", children: label }) : null
+          label ? /* @__PURE__ */ jsx27("span", { className: "max-w-[74px] truncate text-[9px] font-semibold uppercase tracking-wide text-muted-foreground", children: label }) : null
         ] })
       ]
     }
@@ -2563,7 +2650,7 @@ function ScoreRing({
 }
 
 // src/segmented-control.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function SegmentedControl({
   value,
   onValueChange,
@@ -2578,7 +2665,7 @@ function SegmentedControl({
     md: "h-9 text-sm",
     lg: "h-10 text-base"
   };
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       className: cn(
@@ -2589,7 +2676,7 @@ function SegmentedControl({
       role: "tablist",
       children: data.map((option) => {
         const isActive = value === option.value;
-        return /* @__PURE__ */ jsx26(
+        return /* @__PURE__ */ jsx28(
           "button",
           {
             type: "button",
@@ -2616,8 +2703,8 @@ function SegmentedControl({
 // src/select.tsx
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { cva as cva4 } from "class-variance-authority";
-import * as React21 from "react";
-import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
+import * as React23 from "react";
+import { jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
@@ -2636,7 +2723,7 @@ var selectTriggerVariants = cva4(
     }
   }
 );
-var SelectTrigger = React21.forwardRef(({ className, children, hideArrow = false, size, ...props }, ref) => /* @__PURE__ */ jsxs15(
+var SelectTrigger = React23.forwardRef(({ className, children, hideArrow = false, size, ...props }, ref) => /* @__PURE__ */ jsxs16(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -2644,12 +2731,12 @@ var SelectTrigger = React21.forwardRef(({ className, children, hideArrow = false
     ...props,
     children: [
       children,
-      !hideArrow && /* @__PURE__ */ jsx27(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx27(RadixChevronDownIcon, { className: "h-4 w-4 opacity-50" }) })
+      !hideArrow && /* @__PURE__ */ jsx29(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx29(RadixChevronDownIcon, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var SelectScrollUpButton = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -2658,11 +2745,11 @@ var SelectScrollUpButton = React21.forwardRef(({ className, ...props }, ref) =>
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx27(RadixChevronUpIcon, {})
+    children: /* @__PURE__ */ jsx29(RadixChevronUpIcon, {})
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var SelectScrollDownButton = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -2671,13 +2758,13 @@ var SelectScrollDownButton = React21.forwardRef(({ className, ...props }, ref) =
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx27(RadixChevronDownIcon, {})
+    children: /* @__PURE__ */ jsx29(RadixChevronDownIcon, {})
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React21.forwardRef(({ className, children, position = "popper", container, ...props }, ref) => {
+var SelectContent = React23.forwardRef(({ className, children, position = "popper", container, ...props }, ref) => {
   const portalContainer = usePortalContainer(container);
-  return /* @__PURE__ */ jsx27(SelectPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsx29(SelectPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxs16(
     SelectPrimitive.Content,
     {
       ref,
@@ -2689,8 +2776,8 @@ var SelectContent = React21.forwardRef(({ className, children, position = "poppe
       position,
       ...props,
       children: [
-        /* @__PURE__ */ jsx27(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx29(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx29(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -2700,13 +2787,13 @@ var SelectContent = React21.forwardRef(({ className, children, position = "poppe
             children
           }
         ),
-        /* @__PURE__ */ jsx27(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx29(SelectScrollDownButton, {})
       ]
     }
   ) });
 });
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var SelectLabel = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   SelectPrimitive.Label,
   {
     ref,
@@ -2715,7 +2802,7 @@ var SelectLabel = React21.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React21.forwardRef(({ className, children, description, ...props }, ref) => /* @__PURE__ */ jsxs15(
+var SelectItem = React23.forwardRef(({ className, children, description, ...props }, ref) => /* @__PURE__ */ jsxs16(
   SelectPrimitive.Item,
   {
     ref,
@@ -2726,14 +2813,14 @@ var SelectItem = React21.forwardRef(({ className, children, description, ...prop
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx27("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx27(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx27(CheckIcon, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ jsx27(SelectPrimitive.ItemText, { children }),
-      description ? /* @__PURE__ */ jsx27("span", { className: "block text-xs leading-snug text-muted-foreground", children: description }) : null
+      /* @__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
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var SelectSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   SelectPrimitive.Separator,
   {
     ref,
@@ -2745,9 +2832,9 @@ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/separator.tsx
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import * as React22 from "react";
-import { jsx as jsx28 } from "react/jsx-runtime";
-var Separator4 = React22.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx28(
+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(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -2767,11 +2854,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 React23 from "react";
-import { jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
-var SheetContentBase = React23.forwardRef(({ ...props }, ref) => {
+import * as React25 from "react";
+import { jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
+var SheetContentBase = React25.forwardRef(({ ...props }, ref) => {
   const isModal = useRadixDialogModal();
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx31(
     SheetPrimitive.Content,
     {
       ...props,
@@ -2781,15 +2868,15 @@ var SheetContentBase = React23.forwardRef(({ ...props }, ref) => {
   );
 });
 SheetContentBase.displayName = "SheetContentBase";
-var Sheet = React23.forwardRef(({ children, ...props }, _ref) => {
+var Sheet = React25.forwardRef(({ children, ...props }, _ref) => {
   const modal = props.modal ?? true;
-  return /* @__PURE__ */ jsx29(RadixDialogModalProvider, { modal, children: /* @__PURE__ */ jsx29(SheetPrimitive.Root, { ...props, modal, children }) });
+  return /* @__PURE__ */ jsx31(RadixDialogModalProvider, { modal, children: /* @__PURE__ */ jsx31(SheetPrimitive.Root, { ...props, modal, children }) });
 });
 Sheet.displayName = "Sheet";
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var SheetOverlay = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -2818,7 +2905,7 @@ var sheetVariants = cva5(
     }
   }
 );
-var SheetDescription = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var SheetDescription = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   SheetPrimitive.Description,
   {
     ref,
@@ -2827,7 +2914,7 @@ var SheetDescription = React23.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
-var SheetContent = React23.forwardRef(
+var SheetContent = React25.forwardRef(
   ({
     side = "right",
     className,
@@ -2838,9 +2925,9 @@ var SheetContent = React23.forwardRef(
     ...props
   }, ref) => {
     const hasDescription = treeContainsComponent4(children, SheetDescription) || treeContainsComponent4(children, SheetPrimitive.Description);
-    return /* @__PURE__ */ jsxs16(SheetPortal, { children: [
-      !hideOverlay && /* @__PURE__ */ jsx29(SheetOverlay, { className: overlayClassName }),
-      /* @__PURE__ */ jsxs16(
+    return /* @__PURE__ */ jsxs17(SheetPortal, { children: [
+      !hideOverlay && /* @__PURE__ */ jsx31(SheetOverlay, { className: overlayClassName }),
+      /* @__PURE__ */ jsxs17(
         SheetContentBase,
         {
           ref,
@@ -2848,9 +2935,9 @@ var SheetContent = React23.forwardRef(
           ...hasDescription ? {} : { "aria-describedby": void 0 },
           ...props,
           children: [
-            !hideCloseButton && /* @__PURE__ */ jsxs16(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__ */ jsx29(Cross2Icon, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx29("span", { className: "sr-only", children: "Close" })
+            !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" })
             ] }),
             children
           ]
@@ -2863,7 +2950,7 @@ SheetContent.displayName = SheetPrimitive.Content.displayName;
 var SheetHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx29(
+}) => /* @__PURE__ */ jsx31(
   "div",
   {
     className: cn(
@@ -2877,7 +2964,7 @@ SheetHeader.displayName = "SheetHeader";
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx29(
+}) => /* @__PURE__ */ jsx31(
   "div",
   {
     className: cn(
@@ -2888,7 +2975,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var SheetTitle = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   SheetPrimitive.Title,
   {
     ref,
@@ -2899,12 +2986,12 @@ var SheetTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
 
 // src/skeleton.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function Skeleton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx32(
     "div",
     {
       className: cn("animate-pulse rounded-md bg-primary/10", className),
@@ -2915,8 +3002,8 @@ function Skeleton({
 
 // src/switch.tsx
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-import * as React24 from "react";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import * as React26 from "react";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var SWITCH_SIZES = {
   sm: {
     root: "h-4 w-9 border-border data-[state=unchecked]:bg-input",
@@ -2927,7 +3014,7 @@ var SWITCH_SIZES = {
     thumb: "h-4 w-4 data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
   }
 };
-var Switch = React24.forwardRef(({ className, size = "md", ...props }, ref) => /* @__PURE__ */ jsx31(
+var Switch = React26.forwardRef(({ className, size = "md", ...props }, ref) => /* @__PURE__ */ jsx33(
   SwitchPrimitives.Root,
   {
     ref,
@@ -2938,7 +3025,7 @@ var Switch = React24.forwardRef(({ className, size = "md", ...props }, ref) => /
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx31(
+    children: /* @__PURE__ */ jsx33(
       SwitchPrimitives.Thumb,
       {
         "data-slot": "switch-thumb",
@@ -2954,7 +3041,7 @@ Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/tabbed-bottom-sheet.tsx
 import { useState as useState6 } from "react";
-import { jsx as jsx32, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs18 } from "react/jsx-runtime";
 function TabbedBottomSheet({
   open,
   onOpenChange,
@@ -2968,15 +3055,15 @@ function TabbedBottomSheet({
     if (open) setSelectedTabId(null);
   }
   const selectedTab = selectedTabId ? tabs.find((tab) => tab.id === selectedTabId) : null;
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx34(
     BottomSheet,
     {
       open,
       onOpenChange,
       title,
       size: "full",
-      children: /* @__PURE__ */ jsxs17("div", { className: "matrx-mobile-sheet flex min-h-0 flex-1 flex-col", children: [
-        /* @__PURE__ */ jsx32(
+      children: /* @__PURE__ */ jsxs18("div", { className: "matrx-mobile-sheet flex min-h-0 flex-1 flex-col", children: [
+        /* @__PURE__ */ jsx34(
           BottomSheetHeader,
           {
             title: selectedTab ? selectedTab.label : title,
@@ -2984,19 +3071,19 @@ function TabbedBottomSheet({
             onBack: () => setSelectedTabId(null)
           }
         ),
-        selectedTab ? /* @__PURE__ */ jsx32("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden pb-safe", children: selectedTab.content }) : /* @__PURE__ */ jsx32(BottomSheetBody, { children: /* @__PURE__ */ jsx32("ul", { className: "divide-y divide-border", children: tabs.map((tab) => {
+        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) => {
           const Icon2 = tab.icon;
-          return /* @__PURE__ */ jsx32("li", { children: /* @__PURE__ */ jsxs17(
+          return /* @__PURE__ */ jsx34("li", { children: /* @__PURE__ */ jsxs18(
             "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__ */ jsx32(Icon2, { className: "h-5 w-5 shrink-0 text-muted-foreground" }) : null,
-                /* @__PURE__ */ jsx32("span", { className: "min-w-0 flex-1 text-base text-foreground", children: tab.label }),
+                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 }),
                 tab.trailing,
-                /* @__PURE__ */ jsx32(ChevronRightIcon, { className: "h-5 w-5 shrink-0 text-muted-foreground" })
+                /* @__PURE__ */ jsx34(ChevronRightIcon, { className: "h-5 w-5 shrink-0 text-muted-foreground" })
               ]
             }
           ) }, tab.id);
@@ -3007,19 +3094,19 @@ function TabbedBottomSheet({
 }
 
 // src/table.tsx
-import * as React25 from "react";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import * as React27 from "react";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var TABLE_SIZES = {
   sm: { head: "px-2", cell: "p-2" },
   md: { head: "px-3", cell: "p-3" }
 };
-var TableSizeContext = React25.createContext("md");
+var TableSizeContext = React27.createContext("md");
 function useTableSize() {
-  return React25.useContext(TableSizeContext);
+  return React27.useContext(TableSizeContext);
 }
-var Table = React25.forwardRef(
+var Table = React27.forwardRef(
   ({ className, size = "md", wrap = true, wrapperClassName, ...props }, ref) => {
-    const table = /* @__PURE__ */ jsx33(
+    const table = /* @__PURE__ */ jsx35(
       "table",
       {
         ref,
@@ -3029,7 +3116,7 @@ var Table = React25.forwardRef(
         ...props
       }
     );
-    return /* @__PURE__ */ jsx33(TableSizeContext.Provider, { value: size, children: wrap ? /* @__PURE__ */ jsx33(
+    return /* @__PURE__ */ jsx35(TableSizeContext.Provider, { value: size, children: wrap ? /* @__PURE__ */ jsx35(
       "div",
       {
         "data-slot": "table-wrapper",
@@ -3040,7 +3127,7 @@ var Table = React25.forwardRef(
   }
 );
 Table.displayName = "Table";
-var TableHeader = React25.forwardRef(({ className, sticky = false, ...props }, ref) => /* @__PURE__ */ jsx33(
+var TableHeader = React27.forwardRef(({ className, sticky = false, ...props }, ref) => /* @__PURE__ */ jsx35(
   "thead",
   {
     ref,
@@ -3054,7 +3141,7 @@ var TableHeader = React25.forwardRef(({ className, sticky = false, ...props }, r
   }
 ));
 TableHeader.displayName = "TableHeader";
-var TableBody = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var TableBody = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
   "tbody",
   {
     ref,
@@ -3064,7 +3151,7 @@ var TableBody = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var TableFooter = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
   "tfoot",
   {
     ref,
@@ -3077,7 +3164,7 @@ var TableFooter = React25.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var TableRow = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
   "tr",
   {
     ref,
@@ -3090,9 +3177,9 @@ var TableRow = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React25.forwardRef(({ className, ...props }, ref) => {
+var TableHead = React27.forwardRef(({ className, ...props }, ref) => {
   const size = useTableSize();
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx35(
     "th",
     {
       ref,
@@ -3107,9 +3194,9 @@ var TableHead = React25.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TableHead.displayName = "TableHead";
-var TableCell = React25.forwardRef(({ className, ...props }, ref) => {
+var TableCell = React27.forwardRef(({ className, ...props }, ref) => {
   const size = useTableSize();
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx35(
     "td",
     {
       ref,
@@ -3124,7 +3211,7 @@ var TableCell = React25.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TableCell.displayName = "TableCell";
-var TableCaption = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var TableCaption = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
   "caption",
   {
     ref,
@@ -3137,11 +3224,11 @@ TableCaption.displayName = "TableCaption";
 
 // src/tabs.tsx
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import * as React26 from "react";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import * as React28 from "react";
+import { jsx as jsx36 } 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 = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+var TabsList = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
   TabsPrimitive.List,
   {
     ref,
@@ -3154,7 +3241,7 @@ var TabsList = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+var TabsTrigger = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -3168,7 +3255,7 @@ var TabsTrigger = React26.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsTriggerCore = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+var TabsTriggerCore = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -3178,7 +3265,7 @@ var TabsTriggerCore = React26.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 TabsTriggerCore.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+var TabsContent = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
   TabsPrimitive.Content,
   {
     ref,
@@ -3194,8 +3281,8 @@ var TabsContent = React26.forwardRef(({ className, ...props }, ref) => /* @__PUR
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/textarea.tsx
-import * as React27 from "react";
-import { jsx as jsx35, jsxs as jsxs18 } from "react/jsx-runtime";
+import * as React29 from "react";
+import { jsx as jsx37, jsxs as jsxs19 } 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) {
@@ -3208,7 +3295,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) {
-  React27.useEffect(() => {
+  React29.useEffect(() => {
     if (!autoGrow || !ref.current) return;
     const textarea = ref.current;
     textarea.style.height = "auto";
@@ -3224,8 +3311,8 @@ function useAutoGrow(ref, value, autoGrow = false, minHeight, maxHeight) {
   }, [value, autoGrow, minHeight, maxHeight, ref]);
 }
 function useMergedTextareaRef(forwarded) {
-  const internal = React27.useRef(null);
-  const callback = React27.useCallback(
+  const internal = React29.useRef(null);
+  const callback = React29.useCallback(
     (node) => {
       internal.current = node;
       if (typeof forwarded === "function") forwarded(node);
@@ -3242,13 +3329,13 @@ function boxStyle(minHeight, maxHeight) {
     maxHeight: maxHeight ? `${maxHeight}px` : void 0
   };
 }
-var Textarea = React27.forwardRef(
+var Textarea = React29.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__ */ jsx35(
+    const textarea = /* @__PURE__ */ jsx37(
       "textarea",
       {
         ref: callback,
@@ -3264,15 +3351,15 @@ var Textarea = React27.forwardRef(
       }
     );
     if (!needsWrapper) return textarea;
-    return /* @__PURE__ */ jsx35("div", { className: cn(stretchClasses, wrapperClassName), children: textarea });
+    return /* @__PURE__ */ jsx37("div", { className: cn(stretchClasses, wrapperClassName), children: textarea });
   }
 );
 Textarea.displayName = "Textarea";
-var BasicTextarea = React27.forwardRef(
+var BasicTextarea = React29.forwardRef(
   ({ className, autoGrow, minHeight, maxHeight, ...props }, forwarded) => {
     const { ref, callback } = useMergedTextareaRef(forwarded);
     useAutoGrow(ref, props.value, autoGrow, minHeight, maxHeight);
-    return /* @__PURE__ */ jsx35(
+    return /* @__PURE__ */ jsx37(
       "textarea",
       {
         ref: callback,
@@ -3290,7 +3377,7 @@ var BasicTextarea = React27.forwardRef(
   }
 );
 BasicTextarea.displayName = "BasicTextarea";
-var TextareaWithPrefix = React27.forwardRef(
+var TextareaWithPrefix = React29.forwardRef(
   ({
     prefix,
     className,
@@ -3302,13 +3389,13 @@ var TextareaWithPrefix = React27.forwardRef(
   }, forwarded) => {
     const { ref, callback } = useMergedTextareaRef(forwarded);
     useAutoGrow(ref, props.value, autoGrow, minHeight, maxHeight);
-    return /* @__PURE__ */ jsxs18(
+    return /* @__PURE__ */ jsxs19(
       "div",
       {
         className: cn("relative", getStretchClasses(className), wrapperClassName),
         children: [
-          prefix ? /* @__PURE__ */ jsx35("div", { className: "pointer-events-none absolute left-3 top-3 z-10 text-muted-foreground", children: prefix }) : null,
-          /* @__PURE__ */ jsx35(
+          prefix ? /* @__PURE__ */ jsx37("div", { className: "pointer-events-none absolute left-3 top-3 z-10 text-muted-foreground", children: prefix }) : null,
+          /* @__PURE__ */ jsx37(
             "textarea",
             {
               ref: callback,
@@ -3387,13 +3474,13 @@ function useScrollFade() {
 
 // src/hover-card.tsx
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-import * as React28 from "react";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import * as React30 from "react";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React28.forwardRef(({ className, align = "center", sideOffset = 4, container, ...props }, ref) => {
+var HoverCardContent = React30.forwardRef(({ className, align = "center", sideOffset = 4, container, ...props }, ref) => {
   const resolved = usePortalContainer(container);
-  return /* @__PURE__ */ jsx36(HoverCardPrimitive.Portal, { container: resolved ?? null, children: /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx38(HoverCardPrimitive.Portal, { container: resolved ?? null, children: /* @__PURE__ */ jsx38(
     HoverCardPrimitive.Content,
     {
       ref,
@@ -3412,9 +3499,9 @@ HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 
 // src/radio-group.tsx
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import * as React29 from "react";
-import { jsx as jsx37 } from "react/jsx-runtime";
-var RadioGroupSizeContext = React29.createContext("md");
+import * as React31 from "react";
+import { jsx as jsx39 } from "react/jsx-runtime";
+var RadioGroupSizeContext = React31.createContext("md");
 var CONTROL_CLASSES = {
   sm: "h-3.5 w-3.5",
   md: "h-4 w-4",
@@ -3425,7 +3512,7 @@ var DOT_CLASSES = {
   md: "h-1.5 w-1.5",
   lg: "h-2 w-2"
 };
-var RadioGroup3 = React29.forwardRef(({ className, size = "md", ...props }, ref) => /* @__PURE__ */ jsx37(RadioGroupSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx37(
+var RadioGroup3 = React31.forwardRef(({ className, size = "md", ...props }, ref) => /* @__PURE__ */ jsx39(RadioGroupSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx39(
   RadioGroupPrimitive.Root,
   {
     ref,
@@ -3435,10 +3522,10 @@ var RadioGroup3 = React29.forwardRef(({ className, size = "md", ...props }, ref)
   }
 ) }));
 RadioGroup3.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React29.forwardRef(({ className, size, ...props }, ref) => {
-  const groupSize = React29.useContext(RadioGroupSizeContext);
+var RadioGroupItem = React31.forwardRef(({ className, size, ...props }, ref) => {
+  const groupSize = React31.useContext(RadioGroupSizeContext);
   const resolved = size ?? groupSize;
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx39(
     RadioGroupPrimitive.Item,
     {
       ref,
@@ -3455,7 +3542,7 @@ var RadioGroupItem = React29.forwardRef(({ className, size, ...props }, ref) =>
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx37(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx37(
+      children: /* @__PURE__ */ jsx39(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx39(
         "div",
         {
           className: cn("rounded-full bg-primary-foreground", DOT_CLASSES[resolved])
@@ -3468,7 +3555,7 @@ RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 
 // src/resizable.tsx
 import { Group as Group4, Panel, Separator as Separator5 } from "react-resizable-panels";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx40 } 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",
@@ -3482,7 +3569,7 @@ var HANDLE_SIZES = {
 var ResizablePanelGroup = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx38(
+}) => /* @__PURE__ */ jsx40(
   Group4,
   {
     "data-slot": "resizable-group",
@@ -3497,7 +3584,7 @@ var ResizableHandle = ({
   size = "xs",
   className,
   ...props
-}) => /* @__PURE__ */ jsx38(
+}) => /* @__PURE__ */ jsx40(
   Separator5,
   {
     "data-slot": "resizable-handle",
@@ -3517,15 +3604,15 @@ var ResizableHandle = ({
       className
     ),
     ...props,
-    children: withHandle ? /* @__PURE__ */ jsx38("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__ */ jsx38(DragHandleDots2Icon, { className: "h-2.5 w-2.5 group-aria-[orientation=horizontal]/handle:rotate-90" }) }) : null
+    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
   }
 );
 ResizableHandle.displayName = "ResizableHandle";
 
 // src/slider.tsx
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import * as React30 from "react";
-import { jsx as jsx39, jsxs as jsxs19 } from "react/jsx-runtime";
+import * as React32 from "react";
+import { jsx as jsx41, jsxs as jsxs20 } from "react/jsx-runtime";
 var TRACK_CLASSES = {
   sm: "h-1",
   md: "h-1.5",
@@ -3536,12 +3623,12 @@ var THUMB_CLASSES = {
   md: "h-4 w-4",
   lg: "h-5 w-5"
 };
-var Slider = React30.forwardRef(({ className, size = "md", ...props }, ref) => {
+var Slider = React32.forwardRef(({ className, size = "md", ...props }, ref) => {
   const thumbCount = Math.max(
     1,
     (props.value ?? props.defaultValue ?? [0]).length
   );
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     SliderPrimitive.Root,
     {
       ref,
@@ -3553,7 +3640,7 @@ var Slider = React30.forwardRef(({ className, size = "md", ...props }, ref) => {
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx41(
           SliderPrimitive.Track,
           {
             "data-slot": "slider-track",
@@ -3562,7 +3649,7 @@ var Slider = React30.forwardRef(({ className, size = "md", ...props }, ref) => {
               TRACK_CLASSES[size],
               "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
             ),
-            children: /* @__PURE__ */ jsx39(
+            children: /* @__PURE__ */ jsx41(
               SliderPrimitive.Range,
               {
                 "data-slot": "slider-range",
@@ -3571,7 +3658,7 @@ var Slider = React30.forwardRef(({ className, size = "md", ...props }, ref) => {
             )
           }
         ),
-        Array.from({ length: thumbCount }, (_, index) => /* @__PURE__ */ jsx39(
+        Array.from({ length: thumbCount }, (_, index) => /* @__PURE__ */ jsx41(
           SliderPrimitive.Thumb,
           {
             "data-slot": "slider-thumb",
@@ -3598,8 +3685,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 React31 from "react";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import * as React33 from "react";
+import { jsx as jsx42 } 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",
   {
@@ -3620,7 +3707,7 @@ var toggleVariants = cva6(
     }
   }
 );
-var Toggle = React31.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx40(
+var Toggle = React33.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx42(
   TogglePrimitive.Root,
   {
     ref,
@@ -3630,21 +3717,21 @@ var Toggle = React31.forwardRef(({ className, variant, size, ...props }, ref) =>
   }
 ));
 Toggle.displayName = TogglePrimitive.Root.displayName;
-var ToggleGroupContext = React31.createContext({ size: "default", variant: "default" });
-var ToggleGroup = React31.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx40(
+var ToggleGroupContext = React33.createContext({ size: "default", variant: "default" });
+var ToggleGroup = React33.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx42(
   ToggleGroupPrimitive.Root,
   {
     ref,
     "data-slot": "toggle-group",
     className: cn("flex items-center justify-center gap-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx40(ToggleGroupContext.Provider, { value: { variant, size }, children })
+    children: /* @__PURE__ */ jsx42(ToggleGroupContext.Provider, { value: { variant, size }, children })
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React31.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React31.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx40(
+var ToggleGroupItem = React33.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React33.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx42(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -3665,14 +3752,14 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/tooltip.tsx
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import * as React32 from "react";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import * as React34 from "react";
+import { jsx as jsx43 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React32.forwardRef(({ className, sideOffset = 4, container, ...props }, ref) => {
+var TooltipContent = React34.forwardRef(({ className, sideOffset = 4, container, ...props }, ref) => {
   const resolved = usePortalContainer(container);
-  return /* @__PURE__ */ jsx41(TooltipPrimitive.Portal, { container: resolved ?? null, children: /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx43(TooltipPrimitive.Portal, { container: resolved ?? null, children: /* @__PURE__ */ jsx43(
     TooltipPrimitive.Content,
     {
       ref,
@@ -3688,6 +3775,10 @@ var TooltipContent = React32.forwardRef(({ className, sideOffset = 4, container,
 });
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
   Alert,
   AlertDescription,
   AlertDialog,
@@ -3871,6 +3962,7 @@ export {
   selectTriggerVariants,
   sheetVariants,
   toggleVariants,
+  useAccordionSize,
   useCardSize,
   useDialogContainer,
   useDrawerDirection,