@ai-matrx/design-system 0.31.0 → 0.32.0

package/dist/index.js

@@ -3324,6 +3324,9 @@ var SheetTitle = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE
 ));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
 
+// src/organization-picker.tsx
+import * as React29 from "react";
+
 // src/skeleton.tsx
 import { jsx as jsx36 } from "react/jsx-runtime";
 function Skeleton({ className, animated = true, ...props }) {
@@ -3382,6 +3385,14 @@ Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/organization-picker.tsx
 import { Fragment as Fragment2, jsx as jsx38, jsxs as jsxs21 } from "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,
@@ -3413,13 +3424,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__ */ jsx38("li", { role: "none", children: /* @__PURE__ */ jsxs21(
+      "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__ */ jsx38(
+            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__ */ jsxs21("span", { className: "flex min-w-0 flex-1 flex-col", children: [
+            /* @__PURE__ */ jsx38("span", { className: "truncate", children: org.name }),
+            sharesItsName(org) && org.distinguisher ? /* @__PURE__ */ jsx38("span", { className: "truncate text-[10px] font-normal text-muted-foreground", children: org.distinguisher }) : null
+          ] }),
+          org.isPersonal && /* @__PURE__ */ jsx38("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__ */ jsx38(
+            StarIcon,
+            {
+              className: "h-[13px] w-[13px] shrink-0 fill-warning text-warning",
+              "aria-hidden": false,
+              "aria-label": "Default organization",
+              role: "img"
+            }
+          ),
+          isActive && /* @__PURE__ */ jsx38(LucideCheckIcon, { className: "h-[15px] w-[15px] shrink-0 text-primary" })
+        ]
+      }
+    ) }, org.id);
+  };
   return /* @__PURE__ */ jsxs21("div", { className: cn("flex flex-col", className), "data-slot": "organization-picker", children: [
     !hideHeading && /* @__PURE__ */ jsx38("p", { className: "px-2 py-1.5 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Organization" }),
     loading ? /* @__PURE__ */ jsxs21("div", { className: "space-y-1 px-1 py-1", "aria-busy": "true", "aria-label": "Loading organizations", children: [
@@ -3431,55 +3495,62 @@ function OrganizationPicker({
         " ",
         /* @__PURE__ */ jsx38("span", { className: "font-medium text-foreground", children: active.name })
       ] }) : /* @__PURE__ */ jsx38("p", { className: "px-2 pb-1 text-[11px] text-destructive", "data-slot": "organization-picker-status", children: "No organization selected \u2014 pick one below." }),
-      /* @__PURE__ */ jsx38("ul", { className: "max-h-72 overflow-y-auto", role: "listbox", "aria-label": "Organizations", children: listed.map((org) => {
-        const isActive = org.id === activeOrganizationId;
-        return /* @__PURE__ */ jsx38("li", { role: "none", children: /* @__PURE__ */ jsxs21(
-          "button",
+      searchable && /* @__PURE__ */ jsx38("div", { className: "px-2 pb-1.5", children: /* @__PURE__ */ jsx38(
+        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__ */ jsxs21(
+        "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__ */ jsx38(
+          "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__ */ jsx38(
-                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__ */ jsxs21("span", { className: "flex min-w-0 flex-1 flex-col", children: [
-                /* @__PURE__ */ jsx38("span", { className: "truncate", children: org.name }),
-                sharesItsName(org) && org.distinguisher ? /* @__PURE__ */ jsx38("span", { className: "truncate text-[10px] font-normal text-muted-foreground", children: org.distinguisher }) : null
-              ] }),
-              org.isPersonal && /* @__PURE__ */ jsx38("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__ */ jsx38(
-                StarIcon,
-                {
-                  className: "h-[13px] w-[13px] shrink-0 fill-warning text-warning",
-                  "aria-hidden": false,
-                  "aria-label": "Default organization",
-                  role: "img"
-                }
-              ),
-              isActive && /* @__PURE__ */ jsx38(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__ */ jsx38("ul", { className: "max-h-72 overflow-y-auto", role: "listbox", "aria-label": "Organizations", children: listed.map(renderRow) }),
+      /* @__PURE__ */ jsx38(
+        ArchivedDisclosure,
+        {
+          count: fixtures.length,
+          open: showFixtures,
+          onOpenChange: setShowFixtures,
+          label: "Test organizations",
+          className: "mt-0.5",
+          children: /* @__PURE__ */ jsx38(
+            "ul",
+            {
+              className: "max-h-72 overflow-y-auto",
+              role: "listbox",
+              "aria-label": "Test organizations",
+              children: fixtures.map(renderRow)
+            }
+          )
+        }
+      ),
       onSetDefault && /* @__PURE__ */ jsxs21(Fragment2, { children: [
         /* @__PURE__ */ jsx38("div", { className: "my-1 border-t border-border" }),
         /* @__PURE__ */ jsx38(
@@ -3525,7 +3596,7 @@ function DefaultOrganizationSwitch({
 }
 
 // src/tabbed-bottom-sheet.tsx
-import { useState as useState6 } from "react";
+import { useState as useState7 } from "react";
 import { jsx as jsx39, jsxs as jsxs22 } from "react/jsx-runtime";
 function TabbedBottomSheet({
   open,
@@ -3534,8 +3605,8 @@ function TabbedBottomSheet({
   tabs,
   initialTabId = null
 }) {
-  const [selectedTabId, setSelectedTabId] = useState6(initialTabId);
-  const [wasOpen, setWasOpen] = useState6(open);
+  const [selectedTabId, setSelectedTabId] = useState7(initialTabId);
+  const [wasOpen, setWasOpen] = useState7(open);
   if (open !== wasOpen) {
     setWasOpen(open);
     if (open) setSelectedTabId(initialTabId);
@@ -3580,17 +3651,17 @@ function TabbedBottomSheet({
 }
 
 // src/table.tsx
-import * as React29 from "react";
+import * as React30 from "react";
 import { jsx as jsx40 } from "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__ */ jsx40(
       "table",
@@ -3613,7 +3684,7 @@ var Table = React29.forwardRef(
   }
 );
 Table.displayName = "Table";
-var TableHeader = React29.forwardRef(({ className, sticky = false, ...props }, ref) => /* @__PURE__ */ jsx40(
+var TableHeader = React30.forwardRef(({ className, sticky = false, ...props }, ref) => /* @__PURE__ */ jsx40(
   "thead",
   {
     ref,
@@ -3627,7 +3698,7 @@ var TableHeader = React29.forwardRef(({ className, sticky = false, ...props }, r
   }
 ));
 TableHeader.displayName = "TableHeader";
-var TableBody = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
+var TableBody = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
   "tbody",
   {
     ref,
@@ -3637,7 +3708,7 @@ var TableBody = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
+var TableFooter = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
   "tfoot",
   {
     ref,
@@ -3650,7 +3721,7 @@ var TableFooter = React29.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
+var TableRow = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
   "tr",
   {
     ref,
@@ -3663,7 +3734,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__ */ jsx40(
     "th",
@@ -3680,7 +3751,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__ */ jsx40(
     "td",
@@ -3697,7 +3768,7 @@ var TableCell = React29.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TableCell.displayName = "TableCell";
-var TableCaption = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
+var TableCaption = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
   "caption",
   {
     ref,
@@ -3710,11 +3781,11 @@ TableCaption.displayName = "TableCaption";
 
 // src/tabs.tsx
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import * as React30 from "react";
+import * as React31 from "react";
 import { jsx as jsx41 } 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 = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
+var TabsList = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
   TabsPrimitive.List,
   {
     ref,
@@ -3727,7 +3798,7 @@ var TabsList = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
+var TabsTrigger = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -3741,7 +3812,7 @@ var TabsTrigger = React30.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsTriggerCore = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
+var TabsTriggerCore = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -3751,7 +3822,7 @@ var TabsTriggerCore = React30.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 TabsTriggerCore.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
+var TabsContent = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
   TabsPrimitive.Content,
   {
     ref,
@@ -3767,7 +3838,7 @@ var TabsContent = React30.forwardRef(({ className, ...props }, ref) => /* @__PUR
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/textarea.tsx
-import * as React31 from "react";
+import * as React32 from "react";
 import { jsx as jsx42, jsxs as jsxs23 } 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|$)/;
@@ -3781,7 +3852,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";
@@ -3797,8 +3868,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);
@@ -3815,7 +3886,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);
@@ -3841,7 +3912,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);
@@ -3863,7 +3934,7 @@ var BasicTextarea = React31.forwardRef(
   }
 );
 BasicTextarea.displayName = "BasicTextarea";
-var TextareaWithPrefix = React31.forwardRef(
+var TextareaWithPrefix = React32.forwardRef(
   ({
     prefix,
     className,
@@ -3905,10 +3976,10 @@ var TextareaWithPrefix = React31.forwardRef(
 TextareaWithPrefix.displayName = "TextareaWithPrefix";
 
 // src/use-scroll-fade.ts
-import { useCallback as useCallback5, useEffect as useEffect4, useRef as useRef5, useState as useState7 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect4, useRef as useRef5, useState as useState8 } from "react";
 var EPSILON = 2;
 function useScrollFade() {
-  const [state, setState] = useState7({
+  const [state, setState] = useState8({
     top: false,
     bottom: false
   });
@@ -3960,11 +4031,11 @@ function useScrollFade() {
 
 // src/hover-card.tsx
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-import * as React32 from "react";
+import * as React33 from "react";
 import { jsx as jsx43 } from "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__ */ jsx43(HoverCardPrimitive.Portal, { container: resolved ?? null, children: /* @__PURE__ */ jsx43(
@@ -3988,9 +4059,9 @@ HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 
 // src/radio-group.tsx
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import * as React33 from "react";
+import * as React34 from "react";
 import { jsx as jsx44 } from "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",
@@ -4001,7 +4072,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__ */ jsx44(RadioGroupSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx44(
+var RadioGroup3 = React34.forwardRef(({ className, size = "md", ...props }, ref) => /* @__PURE__ */ jsx44(RadioGroupSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx44(
   RadioGroupPrimitive.Root,
   {
     ref,
@@ -4011,8 +4082,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__ */ jsx44(
     RadioGroupPrimitive.Item,
@@ -4100,7 +4171,7 @@ ResizableHandle.displayName = "ResizableHandle";
 
 // src/slider.tsx
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import * as React34 from "react";
+import * as React35 from "react";
 import { jsx as jsx46, jsxs as jsxs24 } from "react/jsx-runtime";
 var TRACK_CLASSES = {
   sm: "h-1",
@@ -4112,7 +4183,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
@@ -4174,7 +4245,7 @@ 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 React35 from "react";
+import * as React36 from "react";
 import { jsx as jsx47 } 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",
@@ -4196,7 +4267,7 @@ var toggleVariants = cva6(
     }
   }
 );
-var Toggle = React35.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx47(
+var Toggle = React36.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx47(
   TogglePrimitive.Root,
   {
     ref,
@@ -4206,8 +4277,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__ */ jsx47(
+var ToggleGroupContext = React36.createContext({ size: "default", variant: "default" });
+var ToggleGroup = React36.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx47(
   ToggleGroupPrimitive.Root,
   {
     ref,
@@ -4218,8 +4289,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__ */ jsx47(
     ToggleGroupPrimitive.Item,
     {
@@ -4241,12 +4312,12 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/tooltip.tsx
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import * as React36 from "react";
+import * as React37 from "react";
 import { jsx as jsx48 } from "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__ */ jsx48(TooltipPrimitive.Portal, { container: resolved ?? null, children: /* @__PURE__ */ jsx48(
     TooltipPrimitive.Content,