@tutti-os/ui-system 0.0.38 → 0.0.39

package/dist/{chunk-NIKJOCMI.js → chunk-KFFYDDIV.js}

@@ -588,10 +588,105 @@ function ConfirmationDialog({
   ) });
 }
 
-// src/components/date-picker/date-picker.tsx
+// src/components/context-menu/context-menu.tsx
+import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
+
+// src/components/menu-surface/menu-surface.tsx
 import * as React4 from "react";
+import { Slot as Slot4 } from "radix-ui";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var menuSurfaceClassName = "t-dropdown flex flex-col gap-0.5 rounded-[8px] border border-[var(--border-1)] bg-[var(--background-fronted)] p-1 text-[13px] text-[var(--text-primary)] shadow-panel outline-none";
+var menuItemClassName = "relative flex cursor-pointer items-center gap-1.5 rounded-sm px-2 py-1 text-[13px] text-[var(--text-primary)] outline-hidden transition-colors duration-200 select-none hover:bg-[var(--transparency-hover)] hover:text-[var(--text-primary)] focus:bg-[var(--transparency-hover)] focus:text-[var(--text-primary)] data-[highlighted]:bg-[var(--transparency-hover)] data-[highlighted]:text-[var(--text-primary)] data-disabled:pointer-events-none data-disabled:text-[var(--text-disabled)] [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:min-w-0 *:[span]:last:flex-1 *:[span]:last:items-center *:[span]:last:gap-2";
+var menuItemWithIndicatorClassName = `${menuItemClassName} pr-8`;
+var menuItemIndicatorClassName = "pointer-events-none absolute right-2 flex size-4 items-center justify-center text-[var(--tutti-purple)]";
+var MenuSurface = React4.forwardRef(
+  ({
+    asChild = false,
+    className,
+    "data-state": dataState,
+    state = "open",
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot4.Root : "div";
+    return /* @__PURE__ */ jsx8(
+      Comp,
+      {
+        ...props,
+        ref,
+        className: cn(menuSurfaceClassName, className),
+        "data-state": dataState ?? state
+      }
+    );
+  }
+);
+MenuSurface.displayName = "MenuSurface";
+
+// src/components/context-menu/context-menu.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+function ContextMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx9(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
+}
+function ContextMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx9(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
+}
+function ContextMenuContent({
+  className,
+  children,
+  style,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx9(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx9(
+    ContextMenuPrimitive.Content,
+    {
+      asChild: true,
+      "data-slot": "context-menu-content",
+      ...props,
+      children: /* @__PURE__ */ jsx9(
+        MenuSurface,
+        {
+          "data-slot": "context-menu-content",
+          className: cn(
+            "z-50 min-w-32 overflow-x-hidden overflow-y-auto",
+            className
+          ),
+          style: { zIndex: "var(--z-popover)", ...style },
+          children
+        }
+      )
+    }
+  ) });
+}
+function ContextMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx9(
+    ContextMenuPrimitive.Item,
+    {
+      "data-inset": inset,
+      "data-slot": "context-menu-item",
+      "data-variant": variant,
+      className: cn(
+        "group/context-menu-item",
+        menuItemClassName,
+        "data-inset:pl-7",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/date-picker/date-picker.tsx
+import * as React5 from "react";
 import { createPortal } from "react-dom";
-import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
 var defaultLabels = {
   placeholder: "Year / Month / Day",
   previousMonth: "Previous month",
@@ -679,7 +774,7 @@ function subscribeScrollableAncestors(trigger, onScrollLike) {
   }
   return () => cleanups.forEach((dispose) => dispose());
 }
-var DatePicker = React4.forwardRef(
+var DatePicker = React5.forwardRef(
   ({
     className,
     value,
@@ -696,20 +791,20 @@ var DatePicker = React4.forwardRef(
       ...labels,
       weekdayLabels: labels?.weekdayLabels ?? defaultLabels.weekdayLabels
     };
-    const triggerRef = React4.useRef(null);
-    const popoverRef = React4.useRef(null);
-    const selectedDate = React4.useMemo(() => parseDateValue(value), [value]);
-    const [isOpen, setIsOpen] = React4.useState(false);
-    const [visibleMonth, setVisibleMonth] = React4.useState(
+    const triggerRef = React5.useRef(null);
+    const popoverRef = React5.useRef(null);
+    const selectedDate = React5.useMemo(() => parseDateValue(value), [value]);
+    const [isOpen, setIsOpen] = React5.useState(false);
+    const [visibleMonth, setVisibleMonth] = React5.useState(
       () => selectedDate ?? /* @__PURE__ */ new Date()
     );
-    const [popoverPosition, setPopoverPosition] = React4.useState(null);
-    React4.useEffect(() => {
+    const [popoverPosition, setPopoverPosition] = React5.useState(null);
+    React5.useEffect(() => {
       if (selectedDate) {
         setVisibleMonth(selectedDate);
       }
     }, [selectedDate]);
-    const openPopover = React4.useCallback(() => {
+    const openPopover = React5.useCallback(() => {
       const trigger = triggerRef.current;
       if (!trigger) {
         return;
@@ -719,7 +814,7 @@ var DatePicker = React4.forwardRef(
       );
       setIsOpen(true);
     }, []);
-    React4.useLayoutEffect(() => {
+    React5.useLayoutEffect(() => {
       if (!isOpen) {
         return;
       }
@@ -736,7 +831,7 @@ var DatePicker = React4.forwardRef(
       const rafId = window.requestAnimationFrame(sync);
       return () => window.cancelAnimationFrame(rafId);
     }, [isOpen]);
-    React4.useEffect(() => {
+    React5.useEffect(() => {
       if (!isOpen) {
         return void 0;
       }
@@ -783,8 +878,8 @@ var DatePicker = React4.forwardRef(
         unsubAncestors();
       };
     }, [isOpen]);
-    const today = React4.useMemo(() => /* @__PURE__ */ new Date(), []);
-    const monthGrid = React4.useMemo(
+    const today = React5.useMemo(() => /* @__PURE__ */ new Date(), []);
+    const monthGrid = React5.useMemo(
       () => buildMonthGrid(visibleMonth),
       [visibleMonth]
     );
@@ -795,7 +890,7 @@ var DatePicker = React4.forwardRef(
       triggerRef.current?.focus();
     };
     return /* @__PURE__ */ jsxs3(Fragment2, { children: [
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx10(
         "button",
         {
           ref: (node) => {
@@ -826,7 +921,7 @@ var DatePicker = React4.forwardRef(
             }
           },
           ...props,
-          children: /* @__PURE__ */ jsx8("span", { className: "min-w-0 truncate", children: displayValue })
+          children: /* @__PURE__ */ jsx10("span", { className: "min-w-0 truncate", children: displayValue })
         }
       ),
       isOpen && popoverPosition ? createPortal(
@@ -844,9 +939,9 @@ var DatePicker = React4.forwardRef(
             },
             children: [
               /* @__PURE__ */ jsxs3("div", { className: "mb-3 flex items-center justify-between gap-2", children: [
-                /* @__PURE__ */ jsx8("div", { className: "text-[13px] font-semibold text-foreground", children: formatMonthLabel(visibleMonth) }),
+                /* @__PURE__ */ jsx10("div", { className: "text-[13px] font-semibold text-foreground", children: formatMonthLabel(visibleMonth) }),
                 /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1", children: [
-                  /* @__PURE__ */ jsx8(
+                  /* @__PURE__ */ jsx10(
                     "button",
                     {
                       "aria-label": resolvedLabels.previousMonth,
@@ -859,10 +954,10 @@ var DatePicker = React4.forwardRef(
                           1
                         )
                       ),
-                      children: /* @__PURE__ */ jsx8(ArrowLeftIcon, { size: 16 })
+                      children: /* @__PURE__ */ jsx10(ArrowLeftIcon, { size: 16 })
                     }
                   ),
-                  /* @__PURE__ */ jsx8(
+                  /* @__PURE__ */ jsx10(
                     "button",
                     {
                       "aria-label": resolvedLabels.nextMonth,
@@ -875,13 +970,13 @@ var DatePicker = React4.forwardRef(
                           1
                         )
                       ),
-                      children: /* @__PURE__ */ jsx8(ArrowRightIcon, { size: 16 })
+                      children: /* @__PURE__ */ jsx10(ArrowRightIcon, { size: 16 })
                     }
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ jsx8("div", { className: "grid grid-cols-7 gap-1 text-center text-[11px] font-semibold text-muted-foreground", children: resolvedLabels.weekdayLabels.map((day) => /* @__PURE__ */ jsx8("div", { className: "py-1", children: day }, day)) }),
-              /* @__PURE__ */ jsx8(
+              /* @__PURE__ */ jsx10("div", { className: "grid grid-cols-7 gap-1 text-center text-[11px] font-semibold text-muted-foreground", children: resolvedLabels.weekdayLabels.map((day) => /* @__PURE__ */ jsx10("div", { className: "py-1", children: day }, day)) }),
+              /* @__PURE__ */ jsx10(
                 "div",
                 {
                   className: "mt-1 grid grid-cols-7 justify-items-center gap-1",
@@ -890,7 +985,7 @@ var DatePicker = React4.forwardRef(
                     const isSelected = isSameDate(date, selectedDate);
                     const isToday = isSameDate(date, today);
                     const inCurrentMonth = date.getMonth() === visibleMonth.getMonth();
-                    return /* @__PURE__ */ jsx8(
+                    return /* @__PURE__ */ jsx10(
                       "button",
                       {
                         "aria-pressed": isSelected,
@@ -911,7 +1006,7 @@ var DatePicker = React4.forwardRef(
                 }
               ),
               /* @__PURE__ */ jsxs3("div", { className: "mt-3 flex items-center justify-between gap-2 border-t border-border/70 pt-3", children: [
-                /* @__PURE__ */ jsx8(
+                /* @__PURE__ */ jsx10(
                   "button",
                   {
                     className: "inline-flex min-h-8 items-center justify-center rounded-sm px-3 text-[13px] font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
@@ -924,7 +1019,7 @@ var DatePicker = React4.forwardRef(
                     children: resolvedLabels.clear
                   }
                 ),
-                /* @__PURE__ */ jsx8(
+                /* @__PURE__ */ jsx10(
                   "button",
                   {
                     className: "inline-flex min-h-8 items-center justify-center rounded-sm bg-primary px-3 text-[13px] font-medium text-primary-foreground transition-opacity hover:opacity-90",
@@ -946,33 +1041,33 @@ DatePicker.displayName = "DatePicker";
 
 // src/components/drawer/drawer.tsx
 import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
 function Drawer({
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(DrawerPrimitive.Root, { "data-slot": "drawer", ...props });
+  return /* @__PURE__ */ jsx11(DrawerPrimitive.Root, { "data-slot": "drawer", ...props });
 }
 function DrawerTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
+  return /* @__PURE__ */ jsx11(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
 }
 function DrawerPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
+  return /* @__PURE__ */ jsx11(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
 }
 function DrawerClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
+  return /* @__PURE__ */ jsx11(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
 }
 function DrawerOverlay({
   className,
   style,
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11(
     DrawerPrimitive.Overlay,
     {
       "data-slot": "drawer-overlay",
@@ -994,7 +1089,7 @@ function DrawerContent({
   ...props
 }) {
   return /* @__PURE__ */ jsxs4(DrawerPortal, { "data-slot": "drawer-portal", container: portalContainer, children: [
-    showOverlay ? /* @__PURE__ */ jsx9(DrawerOverlay, {}) : null,
+    showOverlay ? /* @__PURE__ */ jsx11(DrawerOverlay, {}) : null,
     /* @__PURE__ */ jsxs4(
       DrawerPrimitive.Content,
       {
@@ -1010,7 +1105,7 @@ function DrawerContent({
         style: { zIndex: "var(--z-dialog)", ...style },
         ...props,
         children: [
-          /* @__PURE__ */ jsx9("div", { className: "mx-auto mt-4 hidden h-1 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
+          /* @__PURE__ */ jsx11("div", { className: "mx-auto mt-4 hidden h-1 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
           children
         ]
       }
@@ -1018,7 +1113,7 @@ function DrawerContent({
   ] });
 }
 function DrawerHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       "data-slot": "drawer-header",
@@ -1031,7 +1126,7 @@ function DrawerHeader({ className, ...props }) {
   );
 }
 function DrawerFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       "data-slot": "drawer-footer",
@@ -1044,7 +1139,7 @@ function DrawerTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11(
     DrawerPrimitive.Title,
     {
       "data-slot": "drawer-title",
@@ -1060,7 +1155,7 @@ function DrawerDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11(
     DrawerPrimitive.Description,
     {
       "data-slot": "drawer-description",
@@ -1072,53 +1167,21 @@ function DrawerDescription({
 
 // src/components/dropdown-menu/dropdown-menu.tsx
 import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-
-// src/components/menu-surface/menu-surface.tsx
-import * as React5 from "react";
-import { Slot as Slot4 } from "radix-ui";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var menuSurfaceClassName = "t-dropdown flex flex-col gap-0.5 rounded-[8px] border border-[var(--border-1)] bg-[var(--background-fronted)] p-1 text-[13px] text-[var(--text-primary)] shadow-panel outline-none";
-var menuItemClassName = "relative flex cursor-pointer items-center gap-1.5 rounded-sm px-2 py-1 text-[13px] text-[var(--text-primary)] outline-hidden transition-colors duration-200 select-none hover:bg-[var(--transparency-hover)] hover:text-[var(--text-primary)] focus:bg-[var(--transparency-hover)] focus:text-[var(--text-primary)] data-[highlighted]:bg-[var(--transparency-hover)] data-[highlighted]:text-[var(--text-primary)] data-disabled:pointer-events-none data-disabled:text-[var(--text-disabled)] [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:min-w-0 *:[span]:last:flex-1 *:[span]:last:items-center *:[span]:last:gap-2";
-var menuItemWithIndicatorClassName = `${menuItemClassName} pr-8`;
-var menuItemIndicatorClassName = "pointer-events-none absolute right-2 flex size-4 items-center justify-center text-[var(--tutti-purple)]";
-var MenuSurface = React5.forwardRef(
-  ({
-    asChild = false,
-    className,
-    "data-state": dataState,
-    state = "open",
-    ...props
-  }, ref) => {
-    const Comp = asChild ? Slot4.Root : "div";
-    return /* @__PURE__ */ jsx10(
-      Comp,
-      {
-        ...props,
-        ref,
-        className: cn(menuSurfaceClassName, className),
-        "data-state": dataState ?? state
-      }
-    );
-  }
-);
-MenuSurface.displayName = "MenuSurface";
-
-// src/components/dropdown-menu/dropdown-menu.tsx
-import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
 function DropdownMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ jsx12(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+  return /* @__PURE__ */ jsx12(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
 }
 function DropdownMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     DropdownMenuPrimitive.Trigger,
     {
       "data-slot": "dropdown-menu-trigger",
@@ -1134,7 +1197,7 @@ function DropdownMenuContent({
   style,
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx12(
     DropdownMenuPrimitive.Content,
     {
       asChild: true,
@@ -1142,7 +1205,7 @@ function DropdownMenuContent({
       align,
       sideOffset,
       ...props,
-      children: /* @__PURE__ */ jsx11(
+      children: /* @__PURE__ */ jsx12(
         MenuSurface,
         {
           "data-slot": "dropdown-menu-content",
@@ -1161,7 +1224,7 @@ function DropdownMenuGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     DropdownMenuPrimitive.Group,
     {
       "data-slot": "dropdown-menu-group",
@@ -1176,7 +1239,7 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     DropdownMenuPrimitive.Item,
     {
       "data-inset": inset,
@@ -1212,12 +1275,12 @@ function DropdownMenuCheckboxItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12(
           "span",
           {
             className: menuItemIndicatorClassName,
             "data-slot": "dropdown-menu-checkbox-item-indicator",
-            children: /* @__PURE__ */ jsx11(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx11(CheckIcon, { className: "text-[var(--tutti-purple)]" }) })
+            children: /* @__PURE__ */ jsx12(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx12(CheckIcon, { className: "text-[var(--tutti-purple)]" }) })
           }
         ),
         children
@@ -1229,7 +1292,7 @@ function DropdownMenuRadioGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     DropdownMenuPrimitive.RadioGroup,
     {
       "data-slot": "dropdown-menu-radio-group",
@@ -1256,12 +1319,12 @@ function DropdownMenuRadioItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12(
           "span",
           {
             className: menuItemIndicatorClassName,
             "data-slot": "dropdown-menu-radio-item-indicator",
-            children: /* @__PURE__ */ jsx11(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx11(CheckIcon, { className: "text-[var(--tutti-purple)]" }) })
+            children: /* @__PURE__ */ jsx12(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx12(CheckIcon, { className: "text-[var(--tutti-purple)]" }) })
           }
         ),
         children
@@ -1274,7 +1337,7 @@ function DropdownMenuLabel({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     DropdownMenuPrimitive.Label,
     {
       "data-inset": inset,
@@ -1291,7 +1354,7 @@ function DropdownMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     DropdownMenuPrimitive.Separator,
     {
       "data-slot": "dropdown-menu-separator",
@@ -1304,7 +1367,7 @@ function DropdownMenuShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
@@ -1319,7 +1382,7 @@ function DropdownMenuShortcut({
 function DropdownMenuSub({
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ jsx12(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuSubTrigger({
   className,
@@ -1340,7 +1403,7 @@ function DropdownMenuSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx11(ArrowRightIcon, { className: "ml-auto text-[var(--text-tertiary)]" })
+        /* @__PURE__ */ jsx12(ArrowRightIcon, { className: "ml-auto text-[var(--text-tertiary)]" })
       ]
     }
   );
@@ -1351,13 +1414,13 @@ function DropdownMenuSubContent({
   style,
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx12(
     DropdownMenuPrimitive.SubContent,
     {
       asChild: true,
       "data-slot": "dropdown-menu-sub-content",
       ...props,
-      children: /* @__PURE__ */ jsx11(
+      children: /* @__PURE__ */ jsx12(
         MenuSurface,
         {
           "data-slot": "dropdown-menu-sub-content",
@@ -1374,7 +1437,7 @@ function DropdownMenuSubContent({
 }
 
 // src/components/input/input.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var inputVariantClassNames = {
   default: "h-8 rounded-md px-3 py-0 text-[13px] leading-[1.3]",
   lg: "h-12 rounded-[8px] px-4 py-3 text-[15px] leading-[1.3]",
@@ -1390,7 +1453,7 @@ function Input({
   ...props
 }) {
   const resolvedVariant = variant ?? (size === "sm" ? "sm" : "default");
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "input",
     {
       type,
@@ -1413,12 +1476,12 @@ import * as React6 from "react";
 
 // src/components/tooltip/tooltip.tsx
 import { Tooltip as TooltipPrimitive } from "radix-ui";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function TooltipProvider({
   delayDuration = 0,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     TooltipPrimitive.Provider,
     {
       "data-slot": "tooltip-provider",
@@ -1430,17 +1493,17 @@ function TooltipProvider({
 function Tooltip({
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
+  return /* @__PURE__ */ jsx14(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
 }
 function TooltipTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ jsx14(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(TooltipPrimitive.Portal, { "data-slot": "tooltip-portal", ...props });
+  return /* @__PURE__ */ jsx14(TooltipPrimitive.Portal, { "data-slot": "tooltip-portal", ...props });
 }
 function TooltipContent({
   className,
@@ -1449,7 +1512,7 @@ function TooltipContent({
   style,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(TooltipPortal, { children: /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(TooltipPortal, { children: /* @__PURE__ */ jsx14(
     TooltipPrimitive.Content,
     {
       "data-slot": "tooltip-content",
@@ -1466,7 +1529,7 @@ function TooltipContent({
 }
 
 // src/components/mention-pill/truncating-pill-label.tsx
-import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
 function useTextOverflow(watch) {
   const ref = React6.useRef(null);
   const [overflowing, setOverflowing] = React6.useState(false);
@@ -1491,7 +1554,7 @@ function TruncatingPillLabel({
   children
 }) {
   const { ref: labelRef, overflowing } = useTextOverflow(tooltip);
-  const label = /* @__PURE__ */ jsx14(
+  const label = /* @__PURE__ */ jsx15(
     "span",
     {
       ref: labelRef,
@@ -1505,14 +1568,14 @@ function TruncatingPillLabel({
   if (!tooltip) {
     return label;
   }
-  return /* @__PURE__ */ jsx14(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs6(Tooltip, { children: [
-    /* @__PURE__ */ jsx14(TooltipTrigger, { asChild: true, children: label }),
-    overflowing ? /* @__PURE__ */ jsx14(TooltipContent, { className: "max-w-[min(420px,calc(100vw-32px))] whitespace-normal text-left [overflow-wrap:anywhere]", children: tooltip }) : null
+  return /* @__PURE__ */ jsx15(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs6(Tooltip, { children: [
+    /* @__PURE__ */ jsx15(TooltipTrigger, { asChild: true, children: label }),
+    overflowing ? /* @__PURE__ */ jsx15(TooltipContent, { className: "max-w-[min(420px,calc(100vw-32px))] whitespace-normal text-left [overflow-wrap:anywhere]", children: tooltip }) : null
   ] }) });
 }
 
 // src/components/mention-pill/mention-pill.tsx
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
 var mentionPillTokenByKind = {
   app: "var(--rich-text-folder)",
   issue: "var(--rich-text-mention-issue)",
@@ -1573,7 +1636,7 @@ function MentionPill({
               iconShellClassName
             ),
             children: [
-              normalizedIconUrl ? /* @__PURE__ */ jsx15(
+              normalizedIconUrl ? /* @__PURE__ */ jsx16(
                 "img",
                 {
                   src: normalizedIconUrl,
@@ -1586,7 +1649,7 @@ function MentionPill({
                   loading: "lazy",
                   draggable: false
                 }
-              ) : /* @__PURE__ */ jsx15(
+              ) : /* @__PURE__ */ jsx16(
                 Icon,
                 {
                   className: cn(
@@ -1596,7 +1659,7 @@ function MentionPill({
                   )
                 }
               ),
-              removable ? /* @__PURE__ */ jsx15(
+              removable ? /* @__PURE__ */ jsx16(
                 "button",
                 {
                   "aria-label": removeButtonProps?.["aria-label"],
@@ -1606,14 +1669,14 @@ function MentionPill({
                     "absolute top-1/2 left-1/2 inline-flex size-5 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-sm text-[var(--text-secondary)] opacity-0 transition-opacity group-hover:opacity-100 hover:bg-transparency-block hover:text-[var(--text-primary)] focus-visible:opacity-100",
                     removeButtonProps?.className
                   ),
-                  children: /* @__PURE__ */ jsx15(CloseIcon, { className: "size-3.5" })
+                  children: /* @__PURE__ */ jsx16(CloseIcon, { className: "size-3.5" })
                 }
               ) : null
             ]
           }
         ),
         /* @__PURE__ */ jsxs7(TruncatingPillLabel, { tooltip: tooltipText, children: [
-          /* @__PURE__ */ jsx15("span", { children: label }),
+          /* @__PURE__ */ jsx16("span", { children: label }),
           summary ? /* @__PURE__ */ jsxs7("span", { className: "text-current", children: [
             " ",
             summary
@@ -1626,26 +1689,26 @@ function MentionPill({
 
 // src/components/popover/popover.tsx
 import { Popover as PopoverPrimitive } from "radix-ui";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function Popover({
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ jsx17(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ jsx17(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(PopoverPrimitive.Portal, { "data-slot": "popover-portal", ...props });
+  return /* @__PURE__ */ jsx17(PopoverPrimitive.Portal, { "data-slot": "popover-portal", ...props });
 }
 function PopoverClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(PopoverPrimitive.Close, { "data-slot": "popover-close", ...props });
+  return /* @__PURE__ */ jsx17(PopoverPrimitive.Close, { "data-slot": "popover-close", ...props });
 }
 function PopoverContent({
   className,
@@ -1653,7 +1716,7 @@ function PopoverContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(PopoverPortal, { children: /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(PopoverPortal, { children: /* @__PURE__ */ jsx17(
     PopoverPrimitive.Content,
     {
       "data-slot": "popover-content",
@@ -1671,18 +1734,18 @@ function PopoverContent({
 function PopoverAnchor({
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
+  return /* @__PURE__ */ jsx17(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
 }
 
 // src/components/resizable/resizable.tsx
 import * as ResizablePrimitive from "react-resizable-panels";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function ResizablePanelGroup({
   className,
   orientation = "horizontal",
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     ResizablePrimitive.Group,
     {
       "data-orientation": orientation,
@@ -1697,14 +1760,14 @@ function ResizablePanelGroup({
   );
 }
 function ResizablePanel(props) {
-  return /* @__PURE__ */ jsx17(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
+  return /* @__PURE__ */ jsx18(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
 }
 function ResizableHandle({
   className,
   withHandle,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     ResizablePrimitive.Separator,
     {
       "data-slot": "resizable-handle",
@@ -1713,14 +1776,14 @@ function ResizableHandle({
         className
       ),
       ...props,
-      children: withHandle ? /* @__PURE__ */ jsx17("div", { className: "z-10 flex items-center justify-center rounded-full bg-border/85 opacity-0 transition-[background-color,opacity] group-hover:bg-border group-hover:opacity-100 group-focus-visible:bg-border group-focus-visible:opacity-100 group-aria-[orientation=horizontal]:h-[3px] group-aria-[orientation=horizontal]:w-10 group-aria-[orientation=vertical]:h-10 group-aria-[orientation=vertical]:w-[3px]" }) : null
+      children: withHandle ? /* @__PURE__ */ jsx18("div", { className: "z-10 flex items-center justify-center rounded-full bg-border/85 opacity-0 transition-[background-color,opacity] group-hover:bg-border group-hover:opacity-100 group-focus-visible:bg-border group-focus-visible:opacity-100 group-aria-[orientation=horizontal]:h-[3px] group-aria-[orientation=horizontal]:w-10 group-aria-[orientation=vertical]:h-10 group-aria-[orientation=vertical]:w-[3px]" }) : null
     }
   );
 }
 
 // src/components/scroll-area/scroll-area.tsx
 import * as React7 from "react";
-import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs8 } from "react/jsx-runtime";
 var MIN_THUMB_SIZE_PX = 24;
 function ScrollArea({
   className,
@@ -1755,9 +1818,9 @@ function ScrollArea({
     ...props
   };
   if (scrollbarMode === "native") {
-    return /* @__PURE__ */ jsx18(NativeScrollArea, { ...implementationProps, children });
+    return /* @__PURE__ */ jsx19(NativeScrollArea, { ...implementationProps, children });
   }
-  return /* @__PURE__ */ jsx18(CustomScrollArea, { ...implementationProps, children });
+  return /* @__PURE__ */ jsx19(CustomScrollArea, { ...implementationProps, children });
 }
 function NativeScrollArea({
   className,
@@ -1776,7 +1839,7 @@ function NativeScrollArea({
   ...props
 }) {
   const alwaysVisible = type === "always" || type === "scroll" || hasAlwaysVisibleScrollbarSelector(className);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     ScrollAreaFrame,
     {
       ...props,
@@ -1855,7 +1918,7 @@ function CustomScrollArea({
       viewportTestId,
       children: [
         children,
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx19(
           ScrollAreaScrollbar,
           {
             active: active || alwaysVisible,
@@ -1880,7 +1943,7 @@ function ScrollAreaFrame({
   viewportTestId,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "scroll-area",
@@ -1890,7 +1953,7 @@ function ScrollAreaFrame({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx18(
+      children: /* @__PURE__ */ jsx19(
         "div",
         {
           ...viewportProps,
@@ -1901,7 +1964,7 @@ function ScrollAreaFrame({
             "size-full overflow-auto rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1",
             viewportClassName
           ),
-          children: /* @__PURE__ */ jsx18(
+          children: /* @__PURE__ */ jsx19(
             "div",
             {
               ref: contentRef,
@@ -2116,7 +2179,7 @@ function ScrollAreaScrollbar({
   React7.useEffect(() => {
     scheduleSync();
   });
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       ref: trackRef,
@@ -2134,7 +2197,7 @@ function ScrollAreaScrollbar({
       onPointerEnter: () => setTrackActive(true),
       onPointerLeave: () => setTrackActive(false),
       onPointerDown: handleTrackPointerDown,
-      children: /* @__PURE__ */ jsx18(
+      children: /* @__PURE__ */ jsx19(
         "div",
         {
           ref: thumbRef,
@@ -2153,7 +2216,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "scroll-area-scrollbar",
@@ -2161,7 +2224,7 @@ function ScrollBar({
       className: cn(scrollbarClassName(orientation), className),
       style: scrollbarStyle({ active: false, orientation, scrollable: true }),
       ...props,
-      children: /* @__PURE__ */ jsx18(
+      children: /* @__PURE__ */ jsx19(
         "div",
         {
           "data-slot": "scroll-area-thumb",
@@ -2282,17 +2345,17 @@ function clamp(value, min, max) {
 
 // src/components/select/select.tsx
 import { Select as SelectPrimitive } from "radix-ui";
-import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
 function Select({
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(SelectPrimitive.Root, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ jsx20(SelectPrimitive.Root, { "data-slot": "select", ...props });
 }
 function SelectGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     SelectPrimitive.Group,
     {
       "data-slot": "select-group",
@@ -2304,7 +2367,7 @@ function SelectGroup({
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ jsx20(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
   className,
@@ -2327,7 +2390,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx19(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx20(
           ChevronDownIcon,
           {
             className: cn("pointer-events-none size-4", "text-current")
@@ -2345,7 +2408,7 @@ function SelectContent({
   style,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx20(
     SelectPrimitive.Content,
     {
       asChild: true,
@@ -2365,8 +2428,8 @@ function SelectContent({
           ),
           style: { zIndex: "var(--z-popover)", ...style },
           children: [
-            /* @__PURE__ */ jsx19(SelectScrollUpButton, {}),
-            /* @__PURE__ */ jsx19(
+            /* @__PURE__ */ jsx20(SelectScrollUpButton, {}),
+            /* @__PURE__ */ jsx20(
               SelectPrimitive.Viewport,
               {
                 "data-position": position,
@@ -2376,7 +2439,7 @@ function SelectContent({
                 children
               }
             ),
-            /* @__PURE__ */ jsx19(SelectScrollDownButton, {})
+            /* @__PURE__ */ jsx20(SelectScrollDownButton, {})
           ]
         }
       )
@@ -2387,7 +2450,7 @@ function SelectLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     SelectPrimitive.Label,
     {
       "data-slot": "select-label",
@@ -2403,7 +2466,7 @@ function SelectSplitLayout({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       "data-slot": "select-split-layout",
@@ -2419,7 +2482,7 @@ function SelectSplitColumn({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       "data-slot": "select-split-column",
@@ -2432,7 +2495,7 @@ function SelectSplitColumnLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       "data-slot": "select-split-column-label",
@@ -2448,7 +2511,7 @@ function SelectSplitColumnItems({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       "data-slot": "select-split-column-items",
@@ -2464,7 +2527,7 @@ function SelectSplitDivider({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       "aria-hidden": "true",
@@ -2490,14 +2553,14 @@ function SelectItem({
       className: cn("w-full", menuItemWithIndicatorClassName, className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx19("span", { className: menuItemIndicatorClassName, children: forceSelectedIndicator ? /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20("span", { className: menuItemIndicatorClassName, children: forceSelectedIndicator ? /* @__PURE__ */ jsx20(
           CheckIcon,
           {
             className: "pointer-events-none text-[var(--tutti-purple)]",
             "data-slot": "select-item-forced-indicator"
           }
-        ) : /* @__PURE__ */ jsx19(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx19(CheckIcon, { className: "pointer-events-none text-[var(--tutti-purple)]" }) }) }),
-        /* @__PURE__ */ jsx19(SelectPrimitive.ItemText, { children })
+        ) : /* @__PURE__ */ jsx20(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx20(CheckIcon, { className: "pointer-events-none text-[var(--tutti-purple)]" }) }) }),
+        /* @__PURE__ */ jsx20(SelectPrimitive.ItemText, { children })
       ]
     }
   );
@@ -2506,7 +2569,7 @@ function SelectSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     SelectPrimitive.Separator,
     {
       "data-slot": "select-separator",
@@ -2522,7 +2585,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
@@ -2531,7 +2594,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx19(ChevronUpIcon, {})
+      children: /* @__PURE__ */ jsx20(ChevronUpIcon, {})
     }
   );
 }
@@ -2539,7 +2602,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
@@ -2548,21 +2611,21 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx19(ChevronDownIcon, {})
+      children: /* @__PURE__ */ jsx20(ChevronDownIcon, {})
     }
   );
 }
 
 // src/components/separator/separator.tsx
 import { Separator as SeparatorPrimitive } from "radix-ui";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function Separator2({
   className,
   orientation = "horizontal",
   decorative = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     SeparatorPrimitive.Root,
     {
       "data-slot": "separator",
@@ -2578,7 +2641,7 @@ function Separator2({
 }
 
 // src/components/section-tabs/section-tabs.tsx
-import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs10 } from "react/jsx-runtime";
 function SectionTabs({
   tabs,
   value,
@@ -2587,7 +2650,7 @@ function SectionTabs({
   className,
   testId
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       "aria-label": ariaLabel,
@@ -2612,8 +2675,8 @@ function SectionTabs({
             type: "button",
             onClick: () => onValueChange(tab.value),
             children: [
-              /* @__PURE__ */ jsx21("span", { className: "min-w-0 truncate", children: tab.label }),
-              tab.count !== void 0 ? /* @__PURE__ */ jsx21("span", { className: "text-[15px] font-semibold leading-5 text-[inherit]", children: tab.count }) : null
+              /* @__PURE__ */ jsx22("span", { className: "min-w-0 truncate", children: tab.label }),
+              tab.count !== void 0 ? /* @__PURE__ */ jsx22("span", { className: "text-[15px] font-semibold leading-5 text-[inherit]", children: tab.count }) : null
             ]
           },
           tab.value
@@ -2624,9 +2687,9 @@ function SectionTabs({
 }
 
 // src/components/shortcut-badge/shortcut-badge.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function ShortcutBadge({ className, ...props }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "kbd",
     {
       "data-slot": "shortcut-badge",
@@ -2644,9 +2707,9 @@ import {
   Toaster as SonnerToaster,
   toast
 } from "sonner";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function Toaster({ toastOptions, style, ...props }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     SonnerToaster,
     {
       closeButton: true,
@@ -2655,11 +2718,11 @@ function Toaster({ toastOptions, style, ...props }) {
       position: "top-right",
       visibleToasts: 4,
       icons: {
-        error: /* @__PURE__ */ jsx23(FailedFilledIcon, { className: "size-4" }),
-        info: /* @__PURE__ */ jsx23(WarningLinedIcon, { className: "size-4" }),
-        loading: /* @__PURE__ */ jsx23(LoadingIcon, { className: "size-4 animate-spin" }),
-        success: /* @__PURE__ */ jsx23(SuccessFilledIcon, { className: "size-4" }),
-        warning: /* @__PURE__ */ jsx23(WarningFilledIcon, { className: "size-4" })
+        error: /* @__PURE__ */ jsx24(FailedFilledIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ jsx24(WarningLinedIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ jsx24(LoadingIcon, { className: "size-4 animate-spin" }),
+        success: /* @__PURE__ */ jsx24(SuccessFilledIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ jsx24(WarningFilledIcon, { className: "size-4" })
       },
       style: {
         "--normal-bg": "var(--background-fronted)",
@@ -2688,7 +2751,7 @@ function Toaster({ toastOptions, style, ...props }) {
 }
 
 // src/components/spinner/spinner.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function Spinner({
   className,
   size = 16,
@@ -2697,7 +2760,7 @@ function Spinner({
   testId,
   trackColor
 }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     LoadingIcon,
     {
       "data-slot": "spinner",
@@ -2717,7 +2780,7 @@ function Spinner({
 
 // src/components/status-dot/status-dot.tsx
 import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var statusDotVariants = cva4("inline-flex shrink-0 rounded-full", {
   variants: {
     tone: {
@@ -2751,7 +2814,7 @@ function StatusDot({
   title,
   className
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "span",
     {
       "aria-hidden": ariaLabel ? void 0 : true,
@@ -2769,13 +2832,13 @@ function StatusDot({
 
 // src/components/switch/switch.tsx
 import { Switch as SwitchPrimitive } from "radix-ui";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function Switch({
   className,
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     SwitchPrimitive.Root,
     {
       "data-slot": "switch",
@@ -2785,7 +2848,7 @@ function Switch({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx26(
+      children: /* @__PURE__ */ jsx27(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -2797,9 +2860,9 @@ function Switch({
 }
 
 // src/components/textarea/textarea.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "textarea",
     {
       "data-slot": "textarea",
@@ -2816,13 +2879,13 @@ function Textarea({ className, ...props }) {
 import * as React8 from "react";
 import { Toast as ToastPrimitive } from "radix-ui";
 import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx28, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs11 } from "react/jsx-runtime";
 var toastDefaultDurationMs = 3e3;
 function ToastProvider({
   duration = toastDefaultDurationMs,
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(ToastPrimitive.Provider, { duration, ...props });
+  return /* @__PURE__ */ jsx29(ToastPrimitive.Provider, { duration, ...props });
 }
 var ToastVisualContext = React8.createContext(null);
 var toastStatusIconByVariant = {
@@ -2880,7 +2943,7 @@ function ToastRoot({
   ...props
 }) {
   const isDestructive = variant === "destructive";
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     ToastPrimitive.Root,
     {
       "aria-busy": busy,
@@ -2897,7 +2960,7 @@ function ToastRoot({
         ...style
       },
       ...props,
-      children: /* @__PURE__ */ jsx28(ToastVisualContext.Provider, { value: { busy, variant }, children: /* @__PURE__ */ jsx28("span", { className: "flex min-w-0 max-w-full flex-col items-center justify-center whitespace-normal break-words text-center", children }) })
+      children: /* @__PURE__ */ jsx29(ToastVisualContext.Provider, { value: { busy, variant }, children: /* @__PURE__ */ jsx29("span", { className: "flex min-w-0 max-w-full flex-col items-center justify-center whitespace-normal break-words text-center", children }) })
     }
   );
 }
@@ -2918,7 +2981,7 @@ function ToastTitle({
       ),
       ...props,
       children: [
-        toastVisual?.busy ? /* @__PURE__ */ jsx28(
+        toastVisual?.busy ? /* @__PURE__ */ jsx29(
           Spinner,
           {
             className: "shrink-0 text-current",
@@ -2926,8 +2989,8 @@ function ToastTitle({
             strokeWidth: 2,
             trackColor: "color-mix(in srgb, currentColor 28%, transparent)"
           }
-        ) : StatusIcon ? /* @__PURE__ */ jsx28(StatusIcon, { className: "size-4 shrink-0 text-current" }) : null,
-        /* @__PURE__ */ jsx28("span", { className: "min-w-0 break-words", children: formatToastText(children) })
+        ) : StatusIcon ? /* @__PURE__ */ jsx29(StatusIcon, { className: "size-4 shrink-0 text-current" }) : null,
+        /* @__PURE__ */ jsx29("span", { className: "min-w-0 break-words", children: formatToastText(children) })
       ]
     }
   );
@@ -2936,7 +2999,7 @@ function ToastDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     ToastPrimitive.Description,
     {
       "data-slot": "toast-description",
@@ -2952,7 +3015,7 @@ function ToastClose({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     ToastPrimitive.Close,
     {
       "data-slot": "toast-close",
@@ -2961,7 +3024,7 @@ function ToastClose({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx28(CloseIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx29(CloseIcon, { className: "size-4" })
     }
   );
 }
@@ -2970,7 +3033,7 @@ function ToastViewport({
   style,
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     ToastPrimitive.Viewport,
     {
       "data-slot": "toast-viewport",
@@ -2986,7 +3049,7 @@ function ToastViewport({
 
 // src/components/underline-tabs/underline-tabs.tsx
 import { useEffect as useEffect5, useLayoutEffect as useLayoutEffect2, useRef as useRef4, useState as useState5 } from "react";
-import { jsx as jsx29, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs12 } from "react/jsx-runtime";
 function UnderlineTabs({
   tabs,
   value,
@@ -3081,7 +3144,7 @@ function UnderlineTabs({
       "data-testid": testId,
       role: "tablist",
       children: [
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx30(
           "div",
           {
             ref: viewportRef,
@@ -3126,14 +3189,14 @@ function UnderlineTabs({
                         onClick: () => onValueChange(tab.value),
                         onMouseDown: preventMouseDownDefault ? (event) => event.preventDefault() : void 0,
                         children: [
-                          /* @__PURE__ */ jsx29("span", { children: tab.label }),
-                          tab.count !== void 0 ? /* @__PURE__ */ jsx29("span", { className: "text-[11px] font-medium leading-6 text-[inherit]", children: tab.count }) : null
+                          /* @__PURE__ */ jsx30("span", { children: tab.label }),
+                          tab.count !== void 0 ? /* @__PURE__ */ jsx30("span", { className: "text-[11px] font-medium leading-6 text-[inherit]", children: tab.count }) : null
                         ]
                       },
                       tab.value
                     );
                   }),
-                  /* @__PURE__ */ jsx29(
+                  /* @__PURE__ */ jsx30(
                     "div",
                     {
                       "aria-hidden": true,
@@ -3150,7 +3213,7 @@ function UnderlineTabs({
             )
           }
         ),
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx30(
           "button",
           {
             "aria-label": scrollLeftLabel,
@@ -3161,10 +3224,10 @@ function UnderlineTabs({
             disabled: !overflow.canScrollLeft,
             type: "button",
             onClick: () => scrollTabs("left"),
-            children: /* @__PURE__ */ jsx29(ArrowLeftIcon, { size: 16 })
+            children: /* @__PURE__ */ jsx30(ArrowLeftIcon, { size: 16 })
           }
         ),
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx30(
           "button",
           {
             "aria-label": scrollRightLabel,
@@ -3175,7 +3238,7 @@ function UnderlineTabs({
             disabled: !overflow.canScrollRight,
             type: "button",
             onClick: () => scrollTabs("right"),
-            children: /* @__PURE__ */ jsx29(ArrowRightIcon, { size: 16 })
+            children: /* @__PURE__ */ jsx30(ArrowRightIcon, { size: 16 })
           }
         )
       ]
@@ -3186,7 +3249,7 @@ function UnderlineTabs({
 // src/components/viewport-menu-surface/viewport-menu-surface.tsx
 import * as React9 from "react";
 import { createPortal as createPortal2 } from "react-dom";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var VIEWPORT_MENU_PADDING = 12;
 var MENU_BOUNDARY_PADDING = 8;
 function clampMenuCoordinate(origin, size, viewportExtent, padding) {
@@ -3456,7 +3519,7 @@ var ViewportMenuSurface = React9.forwardRef(function ViewportMenuSurface2({
   }
   const portalTarget = resolvedPlacement.portalTarget ?? document.body;
   return createPortal2(
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx31(
       MenuSurface,
       {
         ...rest,
@@ -3514,6 +3577,15 @@ export {
   DialogTitle,
   DialogDescription,
   ConfirmationDialog,
+  menuSurfaceClassName,
+  menuItemClassName,
+  menuItemWithIndicatorClassName,
+  menuItemIndicatorClassName,
+  MenuSurface,
+  ContextMenu,
+  ContextMenuTrigger,
+  ContextMenuContent,
+  ContextMenuItem,
   DatePicker,
   Drawer,
   DrawerTrigger,
@@ -3525,11 +3597,6 @@ export {
   DrawerFooter,
   DrawerTitle,
   DrawerDescription,
-  menuSurfaceClassName,
-  menuItemClassName,
-  menuItemWithIndicatorClassName,
-  menuItemIndicatorClassName,
-  MenuSurface,
   DropdownMenu,
   DropdownMenuPortal,
   DropdownMenuTrigger,
@@ -3600,4 +3667,4 @@ export {
   UnderlineTabs,
   ViewportMenuSurface
 };
-//# sourceMappingURL=chunk-NIKJOCMI.js.map
+//# sourceMappingURL=chunk-KFFYDDIV.js.map