@ai-matrx/design-system 0.12.0 → 0.13.0

package/dist/index.cjs

@@ -32,6 +32,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   ALL_MOTION_CLASSES: () => ALL_MOTION_CLASSES,
+  ARCHIVE_FILTER_LABELS: () => ARCHIVE_FILTER_LABELS,
+  ARCHIVE_FILTER_VALUES: () => ARCHIVE_FILTER_VALUES,
   Accordion: () => Accordion,
   AccordionContent: () => AccordionContent,
   AccordionItem: () => AccordionItem,
@@ -51,6 +53,7 @@ __export(src_exports, {
   AlertDialogTitle: () => AlertDialogTitle,
   AlertDialogTrigger: () => AlertDialogTrigger,
   AlertTitle: () => AlertTitle,
+  ArchiveFilter: () => ArchiveFilter,
   Avatar: () => Avatar,
   AvatarFallback: () => AvatarFallback,
   AvatarImage: () => AvatarImage,
@@ -101,6 +104,7 @@ __export(src_exports, {
   ContextMenuSubTrigger: () => ContextMenuSubTrigger,
   ContextMenuTrigger: () => ContextMenuTrigger,
   CreatablePicker: () => CreatablePicker,
+  DEFAULT_ARCHIVE_FILTER: () => DEFAULT_ARCHIVE_FILTER,
   DEFAULT_SCORE_THRESHOLDS: () => DEFAULT_SCORE_THRESHOLDS,
   Dialog: () => Dialog,
   DialogClose: () => DialogClose,
@@ -232,6 +236,7 @@ __export(src_exports, {
   scoreRingColorClasses: () => scoreRingColorClasses,
   selectTriggerVariants: () => selectTriggerVariants,
   sheetVariants: () => sheetVariants,
+  toArchiveFilter: () => toArchiveFilter,
   toggleVariants: () => toggleVariants,
   useAccordionSize: () => useAccordionSize,
   useCardSize: () => useCardSize,
@@ -815,6 +820,7 @@ function BottomSheetFooter({
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "div",
     {
+      "data-slot": "bottom-sheet-footer",
       className: cn(
         "flex-shrink-0 px-4 py-3 pb-safe border-t border-[var(--matrx-sheet-divider)]",
         className
@@ -3148,11 +3154,60 @@ function SegmentedControl({
   );
 }
 
+// src/archive-filter.tsx
+var React24 = __toESM(require("react"), 1);
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var ARCHIVE_FILTER_VALUES = ["active", "archived", "all"];
+var DEFAULT_ARCHIVE_FILTER = "active";
+var ARCHIVE_FILTER_LABELS = {
+  active: "Active only",
+  archived: "Archived only",
+  all: "Active + archived"
+};
+function toArchiveFilter(value, fallback = DEFAULT_ARCHIVE_FILTER) {
+  return ARCHIVE_FILTER_VALUES.includes(value) ? value : fallback;
+}
+function ArchiveFilter({
+  value,
+  onValueChange,
+  counts,
+  labels,
+  size = "sm",
+  className,
+  "aria-label": ariaLabel = "Archive filter",
+  disabled = false
+}) {
+  const data = React24.useMemo(
+    () => ARCHIVE_FILTER_VALUES.map((state) => {
+      const text = labels?.[state] ?? ARCHIVE_FILTER_LABELS[state];
+      const count = counts?.[state];
+      return {
+        value: state,
+        disabled,
+        label: typeof count === "number" ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children: text }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-muted-foreground tabular-nums", children: count })
+        ] }) : text
+      };
+    }),
+    [counts, labels, disabled]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { role: "group", "aria-label": ariaLabel, className: cn("inline-flex", className), children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    SegmentedControl,
+    {
+      value,
+      onValueChange: (next) => onValueChange(toArchiveFilter(next, value)),
+      data,
+      size
+    }
+  ) });
+}
+
 // src/select.tsx
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
 var import_class_variance_authority4 = require("class-variance-authority");
-var React24 = __toESM(require("react"), 1);
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var React25 = __toESM(require("react"), 1);
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
@@ -3171,7 +3226,7 @@ var selectTriggerVariants = (0, import_class_variance_authority4.cva)(
     }
   }
 );
-var SelectTrigger = React24.forwardRef(({ className, children, hideArrow = false, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+var SelectTrigger = React25.forwardRef(({ className, children, hideArrow = false, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -3179,12 +3234,12 @@ var SelectTrigger = React24.forwardRef(({ className, children, hideArrow = false
     ...props,
     children: [
       children,
-      !hideArrow && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(RadixChevronDownIcon, { className: "h-4 w-4 opacity-50" }) })
+      !hideArrow && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(RadixChevronDownIcon, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SelectScrollUpButton = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -3193,11 +3248,11 @@ var SelectScrollUpButton = React24.forwardRef(({ className, ...props }, ref) =>
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(RadixChevronUpIcon, {})
+    children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(RadixChevronUpIcon, {})
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SelectScrollDownButton = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -3206,11 +3261,11 @@ var SelectScrollDownButton = React24.forwardRef(({ className, ...props }, ref) =
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(RadixChevronDownIcon, {})
+    children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(RadixChevronDownIcon, {})
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React24.forwardRef(
+var SelectContent = React25.forwardRef(
   ({
     className,
     children,
@@ -3220,7 +3275,7 @@ var SelectContent = React24.forwardRef(
     ...props
   }, ref) => {
     const portalContainer = usePortalContainer(container);
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SelectPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
       SelectPrimitive.Content,
       {
         ref,
@@ -3238,8 +3293,8 @@ var SelectContent = React24.forwardRef(
         position,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectScrollUpButton, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SelectScrollUpButton, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
             SelectPrimitive.Viewport,
             {
               className: cn(
@@ -3249,14 +3304,14 @@ var SelectContent = React24.forwardRef(
               children
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectScrollDownButton, {})
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SelectScrollDownButton, {})
         ]
       }
     ) });
   }
 );
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SelectLabel = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   SelectPrimitive.Label,
   {
     ref,
@@ -3265,7 +3320,7 @@ var SelectLabel = React24.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React24.forwardRef(({ className, children, description, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+var SelectItem = React25.forwardRef(({ className, children, description, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
@@ -3276,14 +3331,14 @@ var SelectItem = React24.forwardRef(({ className, children, description, ...prop
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CheckIcon, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectPrimitive.ItemText, { children }),
-      description ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "block text-xs leading-snug text-muted-foreground", children: description }) : null
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(CheckIcon, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SelectPrimitive.ItemText, { children }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "block text-xs leading-snug text-muted-foreground", children: description }) : null
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SelectSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   SelectPrimitive.Separator,
   {
     ref,
@@ -3295,9 +3350,9 @@ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/separator.tsx
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
-var React25 = __toESM(require("react"), 1);
-var import_jsx_runtime32 = require("react/jsx-runtime");
-var Separator4 = React25.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+var React26 = __toESM(require("react"), 1);
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var Separator4 = React26.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -3317,11 +3372,11 @@ Separator4.displayName = SeparatorPrimitive.Root.displayName;
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_react_tree4 = require("@ai-matrx/kit/react-tree");
 var import_class_variance_authority5 = require("class-variance-authority");
-var React26 = __toESM(require("react"), 1);
-var import_jsx_runtime33 = require("react/jsx-runtime");
-var SheetContentBase = React26.forwardRef(({ ...props }, ref) => {
+var React27 = __toESM(require("react"), 1);
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var SheetContentBase = React27.forwardRef(({ ...props }, ref) => {
   const isModal = useRadixDialogModal();
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     SheetPrimitive.Content,
     {
       ...props,
@@ -3331,15 +3386,15 @@ var SheetContentBase = React26.forwardRef(({ ...props }, ref) => {
   );
 });
 SheetContentBase.displayName = "SheetContentBase";
-var Sheet = React26.forwardRef(({ children, ...props }, _ref) => {
+var Sheet = React27.forwardRef(({ children, ...props }, _ref) => {
   const modal = props.modal ?? true;
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(RadixDialogModalProvider, { modal, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SheetPrimitive.Root, { ...props, modal, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(RadixDialogModalProvider, { modal, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SheetPrimitive.Root, { ...props, modal, children }) });
 });
 Sheet.displayName = "Sheet";
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var SheetOverlay = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -3376,7 +3431,7 @@ var sheetVariants = (0, import_class_variance_authority5.cva)(
     }
   }
 );
-var SheetDescription = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var SheetDescription = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   SheetPrimitive.Description,
   {
     ref,
@@ -3385,7 +3440,7 @@ var SheetDescription = React26.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
-var SheetContent = React26.forwardRef(
+var SheetContent = React27.forwardRef(
   ({
     side = "right",
     className,
@@ -3397,9 +3452,9 @@ var SheetContent = React26.forwardRef(
     ...props
   }, ref) => {
     const hasDescription = (0, import_react_tree4.treeContainsComponent)(children, SheetDescription) || (0, import_react_tree4.treeContainsComponent)(children, SheetPrimitive.Description);
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(SheetPortal, { children: [
-      !hideOverlay && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SheetOverlay, { className: overlayClassName }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(SheetPortal, { children: [
+      !hideOverlay && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SheetOverlay, { className: overlayClassName }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
         SheetContentBase,
         {
           ref,
@@ -3411,9 +3466,9 @@ var SheetContent = React26.forwardRef(
           ...hasDescription ? {} : { "aria-describedby": void 0 },
           ...props,
           children: [
-            !hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(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__ */ (0, import_jsx_runtime33.jsx)(Cross2Icon, { className: "h-4 w-4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "sr-only", children: "Close" })
+            !hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(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__ */ (0, import_jsx_runtime34.jsx)(Cross2Icon, { className: "h-4 w-4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "sr-only", children: "Close" })
             ] }),
             children
           ]
@@ -3426,7 +3481,7 @@ SheetContent.displayName = SheetPrimitive.Content.displayName;
 var SheetHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "div",
   {
     className: cn(
@@ -3440,9 +3495,10 @@ SheetHeader.displayName = "SheetHeader";
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "div",
   {
+    "data-slot": "sheet-footer",
     className: cn(
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
       className
@@ -3451,7 +3507,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var SheetTitle = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   SheetPrimitive.Title,
   {
     ref,
@@ -3462,9 +3518,9 @@ var SheetTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
 
 // src/skeleton.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function Skeleton({ className, animated = true, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     {
       "data-slot": "skeleton",
@@ -3480,8 +3536,8 @@ function Skeleton({ className, animated = true, ...props }) {
 
 // src/switch.tsx
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"), 1);
-var React27 = __toESM(require("react"), 1);
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var React28 = __toESM(require("react"), 1);
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var SWITCH_SIZES = {
   sm: {
     root: "h-4 w-9 border-border data-[state=unchecked]:bg-input",
@@ -3492,7 +3548,7 @@ var SWITCH_SIZES = {
     thumb: "h-4 w-4 data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
   }
 };
-var Switch = React27.forwardRef(({ className, size = "md", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+var Switch = React28.forwardRef(({ className, size = "md", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
   SwitchPrimitives.Root,
   {
     ref,
@@ -3503,7 +3559,7 @@ var Switch = React27.forwardRef(({ className, size = "md", ...props }, ref) => /
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       SwitchPrimitives.Thumb,
       {
         "data-slot": "switch-thumb",
@@ -3518,14 +3574,14 @@ var Switch = React27.forwardRef(({ className, size = "md", ...props }, ref) => /
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/organization-picker.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function OrganizationAbbreviation({
   abbreviation,
   name,
   className
 }) {
   const mark = abbreviation && abbreviation.trim() || name.trim().slice(0, 1) || "?";
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "span",
     {
       className: cn(
@@ -3552,20 +3608,20 @@ function OrganizationPicker({
 }) {
   const active = organizations.find((o) => o.id === activeOrganizationId) ?? null;
   const isDefault = (id) => !!defaultOrganizationId && id === defaultOrganizationId;
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: cn("flex flex-col", className), "data-slot": "organization-picker", children: [
-    !hideHeading && /* @__PURE__ */ (0, import_jsx_runtime36.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_runtime36.jsxs)("div", { className: "space-y-1 px-1 py-1", "aria-busy": "true", "aria-label": "Loading organizations", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Skeleton, { className: "h-7 rounded-md" }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Skeleton, { className: "h-7 rounded-md" })
-    ] }) : loadFailed ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "px-2 py-2 text-xs text-destructive", role: "alert", children: "Could not load organizations." }) : organizations.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "px-2 py-2 text-xs text-muted-foreground", children: "Your account is not a member of any organization. Ask an administrator to add you to one." }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
-      active ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("p", { className: "px-2 pb-1 text-[11px] text-muted-foreground", "data-slot": "organization-picker-status", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: cn("flex flex-col", className), "data-slot": "organization-picker", children: [
+    !hideHeading && /* @__PURE__ */ (0, import_jsx_runtime37.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_runtime37.jsxs)("div", { className: "space-y-1 px-1 py-1", "aria-busy": "true", "aria-label": "Loading organizations", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Skeleton, { className: "h-7 rounded-md" }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Skeleton, { className: "h-7 rounded-md" })
+    ] }) : loadFailed ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "px-2 py-2 text-xs text-destructive", role: "alert", children: "Could not load organizations." }) : organizations.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "px-2 py-2 text-xs text-muted-foreground", children: "Your account is not a member of any organization. Ask an administrator to add you to one." }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
+      active ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("p", { className: "px-2 pb-1 text-[11px] text-muted-foreground", "data-slot": "organization-picker-status", children: [
         "Working in",
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "font-medium text-foreground", children: active.name })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime36.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_runtime36.jsx)("ul", { className: "max-h-72 overflow-y-auto", role: "listbox", "aria-label": "Organizations", children: organizations.map((org) => {
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "font-medium text-foreground", children: active.name })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime37.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_runtime37.jsx)("ul", { className: "max-h-72 overflow-y-auto", role: "listbox", "aria-label": "Organizations", children: organizations.map((org) => {
         const isActive = org.id === activeOrganizationId;
-        return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("li", { role: "none", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("li", { role: "none", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
           "button",
           {
             type: "button",
@@ -3582,7 +3638,7 @@ function OrganizationPicker({
               itemClassName
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                 OrganizationAbbreviation,
                 {
                   abbreviation: org.abbreviation,
@@ -3593,9 +3649,9 @@ function OrganizationPicker({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "min-w-0 flex-1 truncate", children: org.name }),
-              org.isPersonal && /* @__PURE__ */ (0, import_jsx_runtime36.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_runtime36.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "min-w-0 flex-1 truncate", children: org.name }),
+              org.isPersonal && /* @__PURE__ */ (0, import_jsx_runtime37.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_runtime37.jsx)(
                 StarIcon,
                 {
                   className: "h-[13px] w-[13px] shrink-0 fill-warning text-warning",
@@ -3604,14 +3660,14 @@ function OrganizationPicker({
                   role: "img"
                 }
               ),
-              isActive && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(LucideCheckIcon, { className: "h-[15px] w-[15px] shrink-0 text-primary" })
+              isActive && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(LucideCheckIcon, { className: "h-[15px] w-[15px] shrink-0 text-primary" })
             ]
           }
         ) }, org.id);
       }) }),
-      onSetDefault && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "my-1 border-t border-border" }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      onSetDefault && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "my-1 border-t border-border" }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           DefaultOrganizationSwitch,
           {
             active,
@@ -3629,17 +3685,17 @@ function DefaultOrganizationSwitch({
   onChange
 }) {
   const disabled = !active;
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
     "div",
     {
       className: "flex items-center justify-between gap-3 rounded-md px-2 py-1.5",
       "data-slot": "organization-picker-default",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-xs font-medium text-foreground", children: "Set as my default" }),
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "truncate text-[11px] text-muted-foreground", children: disabled ? "Select an organization first" : checked ? `Next startup opens ${active.name}` : "Auto-select this at startup" })
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-xs font-medium text-foreground", children: "Set as my default" }),
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "truncate text-[11px] text-muted-foreground", children: disabled ? "Select an organization first" : checked ? `Next startup opens ${active.name}` : "Auto-select this at startup" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           Switch,
           {
             checked,
@@ -3655,7 +3711,7 @@ function DefaultOrganizationSwitch({
 
 // src/tabbed-bottom-sheet.tsx
 var import_react4 = require("react");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function TabbedBottomSheet({
   open,
   onOpenChange,
@@ -3669,15 +3725,15 @@ function TabbedBottomSheet({
     if (open) setSelectedTabId(null);
   }
   const selectedTab = selectedTabId ? tabs.find((tab) => tab.id === selectedTabId) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     BottomSheet,
     {
       open,
       onOpenChange,
       title,
       size: "full",
-      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "matrx-mobile-sheet flex min-h-0 flex-1 flex-col", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "matrx-mobile-sheet flex min-h-0 flex-1 flex-col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           BottomSheetHeader,
           {
             title: selectedTab ? selectedTab.label : title,
@@ -3685,19 +3741,19 @@ function TabbedBottomSheet({
             onBack: () => setSelectedTabId(null)
           }
         ),
-        selectedTab ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden pb-safe", children: selectedTab.content }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(BottomSheetBody, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("ul", { className: "divide-y divide-border", children: tabs.map((tab) => {
+        selectedTab ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden pb-safe", children: selectedTab.content }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(BottomSheetBody, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("ul", { className: "divide-y divide-border", children: tabs.map((tab) => {
           const Icon2 = tab.icon;
-          return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
             "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__ */ (0, import_jsx_runtime37.jsx)(Icon2, { className: "h-5 w-5 shrink-0 text-muted-foreground" }) : null,
-                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "min-w-0 flex-1 text-base text-foreground", children: tab.label }),
+                Icon2 ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon2, { className: "h-5 w-5 shrink-0 text-muted-foreground" }) : null,
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "min-w-0 flex-1 text-base text-foreground", children: tab.label }),
                 tab.trailing,
-                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ChevronRightIcon, { className: "h-5 w-5 shrink-0 text-muted-foreground" })
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ChevronRightIcon, { className: "h-5 w-5 shrink-0 text-muted-foreground" })
               ]
             }
           ) }, tab.id);
@@ -3708,19 +3764,19 @@ function TabbedBottomSheet({
 }
 
 // src/table.tsx
-var React28 = __toESM(require("react"), 1);
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var React29 = __toESM(require("react"), 1);
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var TABLE_SIZES = {
   sm: { head: "px-2", cell: "p-2" },
   md: { head: "px-3", cell: "p-3" }
 };
-var TableSizeContext = React28.createContext("md");
+var TableSizeContext = React29.createContext("md");
 function useTableSize() {
-  return React28.useContext(TableSizeContext);
+  return React29.useContext(TableSizeContext);
 }
-var Table = React28.forwardRef(
+var Table = React29.forwardRef(
   ({ className, size = "md", wrap = true, wrapperClassName, ...props }, ref) => {
-    const table = /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    const table = /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       "table",
       {
         ref,
@@ -3730,7 +3786,7 @@ var Table = React28.forwardRef(
         ...props
       }
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TableSizeContext.Provider, { value: size, children: wrap ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TableSizeContext.Provider, { value: size, children: wrap ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       "div",
       {
         "data-slot": "table-wrapper",
@@ -3741,7 +3797,7 @@ var Table = React28.forwardRef(
   }
 );
 Table.displayName = "Table";
-var TableHeader = React28.forwardRef(({ className, sticky = false, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var TableHeader = React29.forwardRef(({ className, sticky = false, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
   "thead",
   {
     ref,
@@ -3755,7 +3811,7 @@ var TableHeader = React28.forwardRef(({ className, sticky = false, ...props }, r
   }
 ));
 TableHeader.displayName = "TableHeader";
-var TableBody = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var TableBody = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
   "tbody",
   {
     ref,
@@ -3765,7 +3821,7 @@ var TableBody = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var TableFooter = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
   "tfoot",
   {
     ref,
@@ -3778,7 +3834,7 @@ var TableFooter = React28.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var TableRow = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
   "tr",
   {
     ref,
@@ -3791,9 +3847,9 @@ var TableRow = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React28.forwardRef(({ className, ...props }, ref) => {
+var TableHead = React29.forwardRef(({ className, ...props }, ref) => {
   const size = useTableSize();
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "th",
     {
       ref,
@@ -3808,9 +3864,9 @@ var TableHead = React28.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TableHead.displayName = "TableHead";
-var TableCell = React28.forwardRef(({ className, ...props }, ref) => {
+var TableCell = React29.forwardRef(({ className, ...props }, ref) => {
   const size = useTableSize();
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "td",
     {
       ref,
@@ -3825,7 +3881,7 @@ var TableCell = React28.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TableCell.displayName = "TableCell";
-var TableCaption = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var TableCaption = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
   "caption",
   {
     ref,
@@ -3838,11 +3894,11 @@ TableCaption.displayName = "TableCaption";
 
 // src/tabs.tsx
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"), 1);
-var React29 = __toESM(require("react"), 1);
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var React30 = __toESM(require("react"), 1);
+var import_jsx_runtime40 = 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 = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+var TabsList = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
   TabsPrimitive.List,
   {
     ref,
@@ -3855,7 +3911,7 @@ var TabsList = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+var TabsTrigger = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -3869,7 +3925,7 @@ var TabsTrigger = React29.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsTriggerCore = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+var TabsTriggerCore = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -3879,7 +3935,7 @@ var TabsTriggerCore = React29.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 TabsTriggerCore.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+var TabsContent = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
   TabsPrimitive.Content,
   {
     ref,
@@ -3895,8 +3951,8 @@ var TabsContent = React29.forwardRef(({ className, ...props }, ref) => /* @__PUR
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/textarea.tsx
-var React30 = __toESM(require("react"), 1);
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var React31 = __toESM(require("react"), 1);
+var import_jsx_runtime41 = 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|$)/;
 function getStretchClasses(className) {
@@ -3909,7 +3965,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) {
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     if (!autoGrow || !ref.current) return;
     const textarea = ref.current;
     textarea.style.height = "auto";
@@ -3925,8 +3981,8 @@ function useAutoGrow(ref, value, autoGrow = false, minHeight, maxHeight) {
   }, [value, autoGrow, minHeight, maxHeight, ref]);
 }
 function useMergedTextareaRef(forwarded) {
-  const internal = React30.useRef(null);
-  const callback = React30.useCallback(
+  const internal = React31.useRef(null);
+  const callback = React31.useCallback(
     (node) => {
       internal.current = node;
       if (typeof forwarded === "function") forwarded(node);
@@ -3943,13 +3999,13 @@ function boxStyle(minHeight, maxHeight) {
     maxHeight: maxHeight ? `${maxHeight}px` : void 0
   };
 }
-var Textarea = React30.forwardRef(
+var Textarea = React31.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__ */ (0, import_jsx_runtime40.jsx)(
+    const textarea = /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       "textarea",
       {
         ref: callback,
@@ -3965,15 +4021,15 @@ var Textarea = React30.forwardRef(
       }
     );
     if (!needsWrapper) return textarea;
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: cn(stretchClasses, wrapperClassName), children: textarea });
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: cn(stretchClasses, wrapperClassName), children: textarea });
   }
 );
 Textarea.displayName = "Textarea";
-var BasicTextarea = React30.forwardRef(
+var BasicTextarea = React31.forwardRef(
   ({ className, autoGrow, minHeight, maxHeight, ...props }, forwarded) => {
     const { ref, callback } = useMergedTextareaRef(forwarded);
     useAutoGrow(ref, props.value, autoGrow, minHeight, maxHeight);
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       "textarea",
       {
         ref: callback,
@@ -3991,7 +4047,7 @@ var BasicTextarea = React30.forwardRef(
   }
 );
 BasicTextarea.displayName = "BasicTextarea";
-var TextareaWithPrefix = React30.forwardRef(
+var TextareaWithPrefix = React31.forwardRef(
   ({
     prefix,
     className,
@@ -4003,13 +4059,13 @@ var TextareaWithPrefix = React30.forwardRef(
   }, forwarded) => {
     const { ref, callback } = useMergedTextareaRef(forwarded);
     useAutoGrow(ref, props.value, autoGrow, minHeight, maxHeight);
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
       "div",
       {
         className: cn("relative", getStretchClasses(className), wrapperClassName),
         children: [
-          prefix ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "pointer-events-none absolute left-3 top-3 z-10 text-muted-foreground", children: prefix }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+          prefix ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "pointer-events-none absolute left-3 top-3 z-10 text-muted-foreground", children: prefix }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             "textarea",
             {
               ref: callback,
@@ -4088,14 +4144,14 @@ function useScrollFade() {
 
 // src/hover-card.tsx
 var HoverCardPrimitive = __toESM(require("@radix-ui/react-hover-card"), 1);
-var React31 = __toESM(require("react"), 1);
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var React32 = __toESM(require("react"), 1);
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React31.forwardRef(
+var HoverCardContent = React32.forwardRef(
   ({ className, align = "center", sideOffset = 4, container, animated = true, ...props }, ref) => {
     const resolved = usePortalContainer(container);
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(HoverCardPrimitive.Portal, { container: resolved ?? null, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(HoverCardPrimitive.Portal, { container: resolved ?? null, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       HoverCardPrimitive.Content,
       {
         ref,
@@ -4116,9 +4172,9 @@ HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 
 // src/radio-group.tsx
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
-var React32 = __toESM(require("react"), 1);
-var import_jsx_runtime42 = require("react/jsx-runtime");
-var RadioGroupSizeContext = React32.createContext("md");
+var React33 = __toESM(require("react"), 1);
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var RadioGroupSizeContext = React33.createContext("md");
 var CONTROL_CLASSES = {
   sm: "h-3.5 w-3.5",
   md: "h-4 w-4",
@@ -4129,7 +4185,7 @@ var DOT_CLASSES = {
   md: "h-1.5 w-1.5",
   lg: "h-2 w-2"
 };
-var RadioGroup3 = React32.forwardRef(({ className, size = "md", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(RadioGroupSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+var RadioGroup3 = React33.forwardRef(({ className, size = "md", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(RadioGroupSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
   RadioGroupPrimitive.Root,
   {
     ref,
@@ -4139,10 +4195,10 @@ var RadioGroup3 = React32.forwardRef(({ className, size = "md", ...props }, ref)
   }
 ) }));
 RadioGroup3.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React32.forwardRef(({ className, size, ...props }, ref) => {
-  const groupSize = React32.useContext(RadioGroupSizeContext);
+var RadioGroupItem = React33.forwardRef(({ className, size, ...props }, ref) => {
+  const groupSize = React33.useContext(RadioGroupSizeContext);
   const resolved = size ?? groupSize;
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     RadioGroupPrimitive.Item,
     {
       ref,
@@ -4159,7 +4215,7 @@ var RadioGroupItem = React32.forwardRef(({ className, size, ...props }, ref) =>
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
         "div",
         {
           className: cn("rounded-full bg-primary-foreground", DOT_CLASSES[resolved])
@@ -4172,7 +4228,7 @@ RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 
 // src/resizable.tsx
 var import_react_resizable_panels = require("react-resizable-panels");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("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",
@@ -4186,7 +4242,7 @@ var HANDLE_SIZES = {
 var ResizablePanelGroup = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
   import_react_resizable_panels.Group,
   {
     "data-slot": "resizable-group",
@@ -4201,7 +4257,7 @@ var ResizableHandle = ({
   size = "xs",
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
   import_react_resizable_panels.Separator,
   {
     "data-slot": "resizable-handle",
@@ -4221,15 +4277,15 @@ var ResizableHandle = ({
       className
     ),
     ...props,
-    children: withHandle ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("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__ */ (0, import_jsx_runtime43.jsx)(DragHandleDots2Icon, { className: "h-2.5 w-2.5 group-aria-[orientation=horizontal]/handle:rotate-90" }) }) : null
+    children: withHandle ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("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__ */ (0, import_jsx_runtime44.jsx)(DragHandleDots2Icon, { className: "h-2.5 w-2.5 group-aria-[orientation=horizontal]/handle:rotate-90" }) }) : null
   }
 );
 ResizableHandle.displayName = "ResizableHandle";
 
 // src/slider.tsx
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"), 1);
-var React33 = __toESM(require("react"), 1);
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var React34 = __toESM(require("react"), 1);
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var TRACK_CLASSES = {
   sm: "h-1",
   md: "h-1.5",
@@ -4240,12 +4296,12 @@ var THUMB_CLASSES = {
   md: "h-4 w-4",
   lg: "h-5 w-5"
 };
-var Slider = React33.forwardRef(({ className, size = "md", ...props }, ref) => {
+var Slider = React34.forwardRef(({ className, size = "md", ...props }, ref) => {
   const thumbCount = Math.max(
     1,
     (props.value ?? props.defaultValue ?? [0]).length
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     SliderPrimitive.Root,
     {
       ref,
@@ -4257,7 +4313,7 @@ var Slider = React33.forwardRef(({ className, size = "md", ...props }, ref) => {
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           SliderPrimitive.Track,
           {
             "data-slot": "slider-track",
@@ -4266,7 +4322,7 @@ var Slider = React33.forwardRef(({ className, size = "md", ...props }, ref) => {
               TRACK_CLASSES[size],
               "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
               SliderPrimitive.Range,
               {
                 "data-slot": "slider-range",
@@ -4275,7 +4331,7 @@ var Slider = React33.forwardRef(({ className, size = "md", ...props }, ref) => {
             )
           }
         ),
-        Array.from({ length: thumbCount }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        Array.from({ length: thumbCount }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           SliderPrimitive.Thumb,
           {
             "data-slot": "slider-thumb",
@@ -4302,8 +4358,8 @@ 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 React34 = __toESM(require("react"), 1);
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var React35 = __toESM(require("react"), 1);
+var import_jsx_runtime46 = 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",
   {
@@ -4324,7 +4380,7 @@ var toggleVariants = (0, import_class_variance_authority6.cva)(
     }
   }
 );
-var Toggle = React34.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+var Toggle = React35.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
   TogglePrimitive.Root,
   {
     ref,
@@ -4334,21 +4390,21 @@ var Toggle = React34.forwardRef(({ className, variant, size, ...props }, ref) =>
   }
 ));
 Toggle.displayName = TogglePrimitive.Root.displayName;
-var ToggleGroupContext = React34.createContext({ size: "default", variant: "default" });
-var ToggleGroup = React34.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+var ToggleGroupContext = React35.createContext({ size: "default", variant: "default" });
+var ToggleGroup = React35.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
   ToggleGroupPrimitive.Root,
   {
     ref,
     "data-slot": "toggle-group",
     className: cn("flex items-center justify-center gap-1", className),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ToggleGroupContext.Provider, { value: { variant, size }, children })
+    children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ToggleGroupContext.Provider, { value: { variant, size }, children })
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React34.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React34.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+var ToggleGroupItem = React35.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React35.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -4369,14 +4425,14 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/tooltip.tsx
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
-var React35 = __toESM(require("react"), 1);
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var React36 = __toESM(require("react"), 1);
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React35.forwardRef(({ className, sideOffset = 4, container, animated = true, ...props }, ref) => {
+var TooltipContent = React36.forwardRef(({ className, sideOffset = 4, container, animated = true, ...props }, ref) => {
   const resolved = usePortalContainer(container);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TooltipPrimitive.Portal, { container: resolved ?? null, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TooltipPrimitive.Portal, { container: resolved ?? null, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     TooltipPrimitive.Content,
     {
       ref,