@ai-matrx/design-system 0.30.0 → 0.32.0

package/dist/index.cjs

@@ -3583,6 +3583,9 @@ var SheetTitle = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE
 ));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
 
+// src/organization-picker.tsx
+var React29 = __toESM(require("react"), 1);
+
 // src/skeleton.tsx
 var import_jsx_runtime36 = require("react/jsx-runtime");
 function Skeleton({ className, animated = true, ...props }) {
@@ -3641,6 +3644,14 @@ Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/organization-picker.tsx
 var import_jsx_runtime38 = require("react/jsx-runtime");
+var SEARCH_APPEARS_ABOVE = 8;
+function matchesQuery(org, query) {
+  const q = query.trim().toLowerCase();
+  if (!q) return true;
+  if (org.name.toLowerCase().includes(q)) return true;
+  const abbreviation = org.abbreviation?.trim().toLowerCase();
+  return !!abbreviation && abbreviation.includes(q);
+}
 function OrganizationAbbreviation({
   abbreviation,
   name,
@@ -3672,13 +3683,66 @@ function OrganizationPicker({
   itemClassName,
   className
 }) {
+  const [query, setQuery] = React29.useState("");
+  const [showFixtures, setShowFixtures] = React29.useState(false);
   const active = organizations.find((o) => o.id === activeOrganizationId) ?? null;
   const isDefault = (id) => !!defaultOrganizationId && id === defaultOrganizationId;
-  const listed = defaultOrganizationId === null ? organizations : [
-    ...organizations.filter((o) => o.id === defaultOrganizationId),
-    ...organizations.filter((o) => o.id !== defaultOrganizationId)
-  ];
+  const rank = (org) => org.id === defaultOrganizationId ? 0 : org.isOwn ? 1 : 2;
+  const ordered = [...organizations].sort((a, b) => rank(a) - rank(b));
+  const matching = ordered.filter((org) => matchesQuery(org, query));
+  const listed = matching.filter((org) => !org.isTestFixture);
+  const fixtures = matching.filter((org) => org.isTestFixture);
+  const searchable = organizations.length > SEARCH_APPEARS_ABOVE;
   const sharesItsName = (org) => organizations.filter((other) => other.name.trim() === org.name.trim()).length > 1;
+  const renderRow = (org) => {
+    const isActive = org.id === activeOrganizationId;
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("li", { role: "none", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+      "button",
+      {
+        type: "button",
+        role: "option",
+        "aria-selected": isActive,
+        "aria-pressed": isActive,
+        onClick: (event) => {
+          event.stopPropagation();
+          onSelect(org);
+        },
+        className: cn(
+          "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm text-foreground transition-colors hover:bg-accent",
+          isActive && "bg-primary/10 font-medium text-primary",
+          itemClassName
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+            OrganizationAbbreviation,
+            {
+              abbreviation: org.abbreviation,
+              name: org.name,
+              className: cn(
+                "h-5 min-w-8 rounded border border-border bg-muted px-1 text-[9px]",
+                isActive ? "text-primary" : "text-muted-foreground"
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "flex min-w-0 flex-1 flex-col", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "truncate", children: org.name }),
+            sharesItsName(org) && org.distinguisher ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "truncate text-[10px] font-normal text-muted-foreground", children: org.distinguisher }) : null
+          ] }),
+          org.isPersonal && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "shrink-0 rounded-full bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground", children: "Personal" }),
+          isDefault(org.id) && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+            StarIcon,
+            {
+              className: "h-[13px] w-[13px] shrink-0 fill-warning text-warning",
+              "aria-hidden": false,
+              "aria-label": "Default organization",
+              role: "img"
+            }
+          ),
+          isActive && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(LucideCheckIcon, { className: "h-[15px] w-[15px] shrink-0 text-primary" })
+        ]
+      }
+    ) }, org.id);
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: cn("flex flex-col", className), "data-slot": "organization-picker", children: [
     !hideHeading && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "px-2 py-1.5 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Organization" }),
     loading ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "space-y-1 px-1 py-1", "aria-busy": "true", "aria-label": "Loading organizations", children: [
@@ -3690,55 +3754,62 @@ function OrganizationPicker({
         " ",
         /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "font-medium text-foreground", children: active.name })
       ] }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "px-2 pb-1 text-[11px] text-destructive", "data-slot": "organization-picker-status", children: "No organization selected \u2014 pick one below." }),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("ul", { className: "max-h-72 overflow-y-auto", role: "listbox", "aria-label": "Organizations", children: listed.map((org) => {
-        const isActive = org.id === activeOrganizationId;
-        return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("li", { role: "none", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
-          "button",
+      searchable && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "px-2 pb-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        Input,
+        {
+          type: "search",
+          value: query,
+          onChange: (event) => setQuery(event.target.value),
+          onClick: (event) => event.stopPropagation(),
+          onKeyDown: (event) => event.stopPropagation(),
+          placeholder: "Search organizations",
+          "aria-label": "Search organizations by name or abbreviation",
+          className: "h-8 text-sm",
+          "data-slot": "organization-picker-search"
+        }
+      ) }),
+      listed.length === 0 && fixtures.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+        "p",
+        {
+          className: "px-2 py-2 text-xs text-muted-foreground",
+          "data-slot": "organization-picker-no-match",
+          children: [
+            "No organization matches \u201C",
+            query.trim(),
+            "\u201D."
+          ]
+        }
+      ) : listed.length === 0 ? (
+        /* THE ARCHIVED-ITEMS LAW, honesty half: "nothing" may only be said
+           when both halves are empty. Here the other half is one line down. */
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          "p",
           {
-            type: "button",
-            role: "option",
-            "aria-selected": isActive,
-            "aria-pressed": isActive,
-            onClick: (event) => {
-              event.stopPropagation();
-              onSelect(org);
-            },
-            className: cn(
-              "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm text-foreground transition-colors hover:bg-accent",
-              isActive && "bg-primary/10 font-medium text-primary",
-              itemClassName
-            ),
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-                OrganizationAbbreviation,
-                {
-                  abbreviation: org.abbreviation,
-                  name: org.name,
-                  className: cn(
-                    "h-5 min-w-8 rounded border border-border bg-muted px-1 text-[9px]",
-                    isActive ? "text-primary" : "text-muted-foreground"
-                  )
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "flex min-w-0 flex-1 flex-col", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "truncate", children: org.name }),
-                sharesItsName(org) && org.distinguisher ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "truncate text-[10px] font-normal text-muted-foreground", children: org.distinguisher }) : null
-              ] }),
-              org.isPersonal && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "shrink-0 rounded-full bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground", children: "Personal" }),
-              isDefault(org.id) && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-                StarIcon,
-                {
-                  className: "h-[13px] w-[13px] shrink-0 fill-warning text-warning",
-                  "aria-hidden": false,
-                  "aria-label": "Default organization",
-                  role: "img"
-                }
-              ),
-              isActive && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(LucideCheckIcon, { className: "h-[15px] w-[15px] shrink-0 text-primary" })
-            ]
+            className: "px-2 py-2 text-xs text-muted-foreground",
+            "data-slot": "organization-picker-only-fixtures",
+            children: query.trim() ? `Nothing matches \u201C${query.trim()}\u201D outside the test organizations below.` : `Every organization you belong to is a test organization \u2014 all ${fixtures.length} are below.`
           }
-        ) }, org.id);
-      }) }),
+        )
+      ) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("ul", { className: "max-h-72 overflow-y-auto", role: "listbox", "aria-label": "Organizations", children: listed.map(renderRow) }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        ArchivedDisclosure,
+        {
+          count: fixtures.length,
+          open: showFixtures,
+          onOpenChange: setShowFixtures,
+          label: "Test organizations",
+          className: "mt-0.5",
+          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+            "ul",
+            {
+              className: "max-h-72 overflow-y-auto",
+              role: "listbox",
+              "aria-label": "Test organizations",
+              children: fixtures.map(renderRow)
+            }
+          )
+        }
+      ),
       onSetDefault && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "my-1 border-t border-border" }),
         /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
@@ -3839,17 +3910,17 @@ function TabbedBottomSheet({
 }
 
 // src/table.tsx
-var React29 = __toESM(require("react"), 1);
+var React30 = __toESM(require("react"), 1);
 var import_jsx_runtime40 = require("react/jsx-runtime");
 var TABLE_SIZES = {
   sm: { head: "px-2", cell: "p-2" },
   md: { head: "px-3", cell: "p-3" }
 };
-var TableSizeContext = React29.createContext("md");
+var TableSizeContext = React30.createContext("md");
 function useTableSize() {
-  return React29.useContext(TableSizeContext);
+  return React30.useContext(TableSizeContext);
 }
-var Table = React29.forwardRef(
+var Table = React30.forwardRef(
   ({ className, size = "md", wrap = true, wrapperClassName, ...props }, ref) => {
     const table = /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       "table",
@@ -3872,7 +3943,7 @@ var Table = React29.forwardRef(
   }
 );
 Table.displayName = "Table";
-var TableHeader = React29.forwardRef(({ className, sticky = false, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+var TableHeader = React30.forwardRef(({ className, sticky = false, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
   "thead",
   {
     ref,
@@ -3886,7 +3957,7 @@ var TableHeader = React29.forwardRef(({ className, sticky = false, ...props }, r
   }
 ));
 TableHeader.displayName = "TableHeader";
-var TableBody = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+var TableBody = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
   "tbody",
   {
     ref,
@@ -3896,7 +3967,7 @@ var TableBody = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+var TableFooter = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
   "tfoot",
   {
     ref,
@@ -3909,7 +3980,7 @@ var TableFooter = React29.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+var TableRow = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
   "tr",
   {
     ref,
@@ -3922,7 +3993,7 @@ var TableRow = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React29.forwardRef(({ className, ...props }, ref) => {
+var TableHead = React30.forwardRef(({ className, ...props }, ref) => {
   const size = useTableSize();
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     "th",
@@ -3939,7 +4010,7 @@ var TableHead = React29.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TableHead.displayName = "TableHead";
-var TableCell = React29.forwardRef(({ className, ...props }, ref) => {
+var TableCell = React30.forwardRef(({ className, ...props }, ref) => {
   const size = useTableSize();
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     "td",
@@ -3956,7 +4027,7 @@ var TableCell = React29.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TableCell.displayName = "TableCell";
-var TableCaption = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+var TableCaption = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
   "caption",
   {
     ref,
@@ -3969,11 +4040,11 @@ TableCaption.displayName = "TableCaption";
 
 // src/tabs.tsx
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"), 1);
-var React30 = __toESM(require("react"), 1);
+var React31 = __toESM(require("react"), 1);
 var import_jsx_runtime41 = require("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 = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+var TabsList = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
   TabsPrimitive.List,
   {
     ref,
@@ -3986,7 +4057,7 @@ var TabsList = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+var TabsTrigger = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -4000,7 +4071,7 @@ var TabsTrigger = React30.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsTriggerCore = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+var TabsTriggerCore = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -4010,7 +4081,7 @@ var TabsTriggerCore = React30.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 TabsTriggerCore.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+var TabsContent = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
   TabsPrimitive.Content,
   {
     ref,
@@ -4026,7 +4097,7 @@ var TabsContent = React30.forwardRef(({ className, ...props }, ref) => /* @__PUR
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/textarea.tsx
-var React31 = __toESM(require("react"), 1);
+var React32 = __toESM(require("react"), 1);
 var import_jsx_runtime42 = require("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|$)/;
@@ -4040,7 +4111,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) {
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (!autoGrow || !ref.current) return;
     const textarea = ref.current;
     textarea.style.height = "auto";
@@ -4056,8 +4127,8 @@ function useAutoGrow(ref, value, autoGrow = false, minHeight, maxHeight) {
   }, [value, autoGrow, minHeight, maxHeight, ref]);
 }
 function useMergedTextareaRef(forwarded) {
-  const internal = React31.useRef(null);
-  const callback = React31.useCallback(
+  const internal = React32.useRef(null);
+  const callback = React32.useCallback(
     (node) => {
       internal.current = node;
       if (typeof forwarded === "function") forwarded(node);
@@ -4074,7 +4145,7 @@ function boxStyle(minHeight, maxHeight) {
     maxHeight: maxHeight ? `${maxHeight}px` : void 0
   };
 }
-var Textarea = React31.forwardRef(
+var Textarea = React32.forwardRef(
   ({ className, autoGrow, minHeight, maxHeight, wrapperClassName, ...props }, forwarded) => {
     const { ref, callback } = useMergedTextareaRef(forwarded);
     const stretchClasses = getStretchClasses(className);
@@ -4100,7 +4171,7 @@ var Textarea = React31.forwardRef(
   }
 );
 Textarea.displayName = "Textarea";
-var BasicTextarea = React31.forwardRef(
+var BasicTextarea = React32.forwardRef(
   ({ className, autoGrow, minHeight, maxHeight, ...props }, forwarded) => {
     const { ref, callback } = useMergedTextareaRef(forwarded);
     useAutoGrow(ref, props.value, autoGrow, minHeight, maxHeight);
@@ -4122,7 +4193,7 @@ var BasicTextarea = React31.forwardRef(
   }
 );
 BasicTextarea.displayName = "BasicTextarea";
-var TextareaWithPrefix = React31.forwardRef(
+var TextareaWithPrefix = React32.forwardRef(
   ({
     prefix,
     className,
@@ -4219,11 +4290,11 @@ function useScrollFade() {
 
 // src/hover-card.tsx
 var HoverCardPrimitive = __toESM(require("@radix-ui/react-hover-card"), 1);
-var React32 = __toESM(require("react"), 1);
+var React33 = __toESM(require("react"), 1);
 var import_jsx_runtime43 = require("react/jsx-runtime");
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React32.forwardRef(
+var HoverCardContent = React33.forwardRef(
   ({ className, align = "center", sideOffset = 4, container, animated = true, ...props }, ref) => {
     const resolved = usePortalContainer(container);
     return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(HoverCardPrimitive.Portal, { container: resolved ?? null, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
@@ -4247,9 +4318,9 @@ HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 
 // src/radio-group.tsx
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
-var React33 = __toESM(require("react"), 1);
+var React34 = __toESM(require("react"), 1);
 var import_jsx_runtime44 = require("react/jsx-runtime");
-var RadioGroupSizeContext = React33.createContext("md");
+var RadioGroupSizeContext = React34.createContext("md");
 var CONTROL_CLASSES = {
   sm: "h-3.5 w-3.5",
   md: "h-4 w-4",
@@ -4260,7 +4331,7 @@ var DOT_CLASSES = {
   md: "h-1.5 w-1.5",
   lg: "h-2 w-2"
 };
-var RadioGroup3 = React33.forwardRef(({ className, size = "md", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(RadioGroupSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+var RadioGroup3 = React34.forwardRef(({ className, size = "md", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(RadioGroupSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
   RadioGroupPrimitive.Root,
   {
     ref,
@@ -4270,8 +4341,8 @@ var RadioGroup3 = React33.forwardRef(({ className, size = "md", ...props }, ref)
   }
 ) }));
 RadioGroup3.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React33.forwardRef(({ className, size, ...props }, ref) => {
-  const groupSize = React33.useContext(RadioGroupSizeContext);
+var RadioGroupItem = React34.forwardRef(({ className, size, ...props }, ref) => {
+  const groupSize = React34.useContext(RadioGroupSizeContext);
   const resolved = size ?? groupSize;
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     RadioGroupPrimitive.Item,
@@ -4359,7 +4430,7 @@ ResizableHandle.displayName = "ResizableHandle";
 
 // src/slider.tsx
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"), 1);
-var React34 = __toESM(require("react"), 1);
+var React35 = __toESM(require("react"), 1);
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var TRACK_CLASSES = {
   sm: "h-1",
@@ -4371,7 +4442,7 @@ var THUMB_CLASSES = {
   md: "h-4 w-4",
   lg: "h-5 w-5"
 };
-var Slider = React34.forwardRef(({ className, size = "md", ...props }, ref) => {
+var Slider = React35.forwardRef(({ className, size = "md", ...props }, ref) => {
   const thumbCount = Math.max(
     1,
     (props.value ?? props.defaultValue ?? [0]).length
@@ -4433,7 +4504,7 @@ Slider.displayName = SliderPrimitive.Root.displayName;
 var ToggleGroupPrimitive = __toESM(require("@radix-ui/react-toggle-group"), 1);
 var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"), 1);
 var import_class_variance_authority6 = require("class-variance-authority");
-var React35 = __toESM(require("react"), 1);
+var React36 = __toESM(require("react"), 1);
 var import_jsx_runtime47 = require("react/jsx-runtime");
 var toggleVariants = (0, import_class_variance_authority6.cva)(
   "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",
@@ -4455,7 +4526,7 @@ var toggleVariants = (0, import_class_variance_authority6.cva)(
     }
   }
 );
-var Toggle = React35.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+var Toggle = React36.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
   TogglePrimitive.Root,
   {
     ref,
@@ -4465,8 +4536,8 @@ var Toggle = React35.forwardRef(({ className, variant, size, ...props }, ref) =>
   }
 ));
 Toggle.displayName = TogglePrimitive.Root.displayName;
-var ToggleGroupContext = React35.createContext({ size: "default", variant: "default" });
-var ToggleGroup = React35.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+var ToggleGroupContext = React36.createContext({ size: "default", variant: "default" });
+var ToggleGroup = React36.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
   ToggleGroupPrimitive.Root,
   {
     ref,
@@ -4477,8 +4548,8 @@ var ToggleGroup = React35.forwardRef(({ className, variant, size, children, ...p
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React35.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React35.useContext(ToggleGroupContext);
+var ToggleGroupItem = React36.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React36.useContext(ToggleGroupContext);
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     ToggleGroupPrimitive.Item,
     {
@@ -4500,12 +4571,12 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/tooltip.tsx
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
-var React36 = __toESM(require("react"), 1);
+var React37 = __toESM(require("react"), 1);
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React36.forwardRef(({ className, sideOffset = 4, container, animated = true, ...props }, ref) => {
+var TooltipContent = React37.forwardRef(({ className, sideOffset = 4, container, animated = true, ...props }, ref) => {
   const resolved = usePortalContainer(container);
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(TooltipPrimitive.Portal, { container: resolved ?? null, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     TooltipPrimitive.Content,