@tutti-os/ui-system 0.0.139 → 0.0.141

package/dist/{chunk-AVDBPOD4.js → chunk-HVIT4MKC.js}

@@ -626,7 +626,7 @@ var MenuSurface = React4.forwardRef(
 MenuSurface.displayName = "MenuSurface";
 
 // src/components/context-menu/context-menu.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 function ContextMenu({
   ...props
 }) {
@@ -686,11 +686,75 @@ function ContextMenuItem({
     }
   );
 }
+function ContextMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx9(
+    ContextMenuPrimitive.Separator,
+    {
+      "data-slot": "context-menu-separator",
+      className: cn("mx-2 my-0.5 h-px bg-[var(--border-1)]", className),
+      ...props
+    }
+  );
+}
+function ContextMenuSub({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx9(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
+}
+function ContextMenuSubTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs4(
+    ContextMenuPrimitive.SubTrigger,
+    {
+      "data-slot": "context-menu-sub-trigger",
+      className: cn(
+        menuItemClassName,
+        "data-open:bg-[var(--transparency-block)] data-open:text-[var(--text-primary)]",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx9(ArrowRightIcon, { className: "ml-auto text-[var(--text-tertiary)]" })
+      ]
+    }
+  );
+}
+function ContextMenuSubContent({
+  className,
+  children,
+  style,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx9(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx9(
+    ContextMenuPrimitive.SubContent,
+    {
+      asChild: true,
+      "data-slot": "context-menu-sub-content",
+      ...props,
+      children: /* @__PURE__ */ jsx9(
+        MenuSurface,
+        {
+          "data-slot": "context-menu-sub-content",
+          className: cn("z-50 min-w-[96px] overflow-hidden", className),
+          style: { zIndex: "var(--z-popover)", ...style },
+          children
+        }
+      )
+    }
+  ) });
+}
 
 // src/components/date-picker/date-picker.tsx
 import * as React5 from "react";
 import { createPortal } from "react-dom";
-import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 var defaultLabels = {
   placeholder: "Year / Month / Day",
   previousMonth: "Previous month",
@@ -893,7 +957,7 @@ var DatePicker = React5.forwardRef(
       setIsOpen(false);
       triggerRef.current?.focus();
     };
-    return /* @__PURE__ */ jsxs4(Fragment2, { children: [
+    return /* @__PURE__ */ jsxs5(Fragment2, { children: [
       /* @__PURE__ */ jsx10(
         "button",
         {
@@ -929,7 +993,7 @@ var DatePicker = React5.forwardRef(
         }
       ),
       isOpen && popoverPosition ? createPortal(
-        /* @__PURE__ */ jsxs4(
+        /* @__PURE__ */ jsxs5(
           "div",
           {
             ref: popoverRef,
@@ -942,9 +1006,9 @@ var DatePicker = React5.forwardRef(
               zIndex: "var(--z-popover)"
             },
             children: [
-              /* @__PURE__ */ jsxs4("div", { className: "mb-3 flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ jsxs5("div", { className: "mb-3 flex items-center justify-between gap-2", children: [
                 /* @__PURE__ */ jsx10("div", { className: "text-[13px] font-semibold text-foreground", children: formatMonthLabel(visibleMonth) }),
-                /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-1", children: [
                   /* @__PURE__ */ jsx10(
                     "button",
                     {
@@ -1009,7 +1073,7 @@ var DatePicker = React5.forwardRef(
                   })
                 }
               ),
-              /* @__PURE__ */ jsxs4("div", { className: "mt-3 flex items-center justify-between gap-2 border-t border-border/70 pt-3", children: [
+              /* @__PURE__ */ jsxs5("div", { className: "mt-3 flex items-center justify-between gap-2 border-t border-border/70 pt-3", children: [
                 /* @__PURE__ */ jsx10(
                   "button",
                   {
@@ -1045,7 +1109,7 @@ DatePicker.displayName = "DatePicker";
 
 // src/components/drawer/drawer.tsx
 import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
 function Drawer({
   ...props
 }) {
@@ -1092,9 +1156,9 @@ function DrawerContent({
   style,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs5(DrawerPortal, { "data-slot": "drawer-portal", container: portalContainer, children: [
+  return /* @__PURE__ */ jsxs6(DrawerPortal, { "data-slot": "drawer-portal", container: portalContainer, children: [
     showOverlay ? /* @__PURE__ */ jsx11(DrawerOverlay, {}) : null,
-    /* @__PURE__ */ jsxs5(
+    /* @__PURE__ */ jsxs6(
       DrawerPrimitive.Content,
       {
         "data-slot": "drawer-content",
@@ -1171,7 +1235,7 @@ function DrawerDescription({
 
 // src/components/dropdown-menu/dropdown-menu.tsx
 import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
 function DropdownMenu({
   ...props
 }) {
@@ -1266,7 +1330,7 @@ function DropdownMenuCheckboxItem({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     DropdownMenuPrimitive.CheckboxItem,
     {
       checked,
@@ -1311,7 +1375,7 @@ function DropdownMenuRadioItem({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     DropdownMenuPrimitive.RadioItem,
     {
       "data-inset": inset,
@@ -1394,7 +1458,7 @@ function DropdownMenuSubTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     DropdownMenuPrimitive.SubTrigger,
     {
       "data-inset": inset,
@@ -1536,7 +1600,7 @@ function TooltipContent({
 }
 
 // src/components/mention-pill/truncating-pill-label.tsx
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 function useTextOverflow(watch, descendantSelector) {
   const ref = React6.useRef(null);
   const [overflowing, setOverflowing] = React6.useState(false);
@@ -1587,7 +1651,7 @@ function TruncatingPillLabel({
   if (!tooltip) {
     return label;
   }
-  const tooltipElement = /* @__PURE__ */ jsxs7(Tooltip, { children: [
+  const tooltipElement = /* @__PURE__ */ jsxs8(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
   ] });
@@ -1595,7 +1659,7 @@ function TruncatingPillLabel({
 }
 
 // src/components/mention-pill/mention-pill.tsx
-import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
 var mentionPillTokenByKind = {
   app: "var(--rich-text-folder)",
   issue: "var(--rich-text-mention-issue)",
@@ -1635,7 +1699,7 @@ function MentionPill({
   const tooltipText = [label, summary].filter(
     (part) => typeof part === "string" && part.trim() !== ""
   ).join(" ");
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "span",
     {
       className: cn(
@@ -1652,7 +1716,7 @@ function MentionPill({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsxs8(
+        /* @__PURE__ */ jsxs9(
           "span",
           {
             ...iconContainerProps,
@@ -1708,14 +1772,14 @@ function MentionPill({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs8(
+        /* @__PURE__ */ jsxs9(
           TruncatingPillLabel,
           {
             tooltip: tooltipEnabled ? tooltipText : "",
             withTooltipProvider,
             children: [
               /* @__PURE__ */ jsx16("span", { children: label }),
-              summary ? /* @__PURE__ */ jsxs8("span", { className: "text-current", children: [
+              summary ? /* @__PURE__ */ jsxs9("span", { className: "text-current", children: [
                 " ",
                 summary
               ] }) : null
@@ -1855,7 +1919,7 @@ function ResizableHandle({
 
 // src/components/scroll-area/scroll-area.tsx
 import * as React8 from "react";
-import { jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
 var MIN_THUMB_SIZE_PX = 24;
 function ScrollArea({
   className,
@@ -1954,7 +2018,7 @@ function CustomScrollArea({
   const contentRef = React8.useRef(null);
   const [active, setActive] = React8.useState(false);
   const alwaysVisible = type === "always" || type === "scroll" || hasAlwaysVisibleScrollbarSelector(className);
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     ScrollAreaFrame,
     {
       ...props,
@@ -2417,7 +2481,7 @@ function clamp(value, min, max) {
 
 // src/components/select/select.tsx
 import { Select as SelectPrimitive } from "radix-ui";
-import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
 function Select({
   ...props
 }) {
@@ -2448,7 +2512,7 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     SelectPrimitive.Trigger,
     {
       "data-slot": "select-trigger",
@@ -2489,7 +2553,7 @@ function SelectContent({
       position,
       align,
       ...props,
-      children: /* @__PURE__ */ jsxs10(
+      children: /* @__PURE__ */ jsxs11(
         MenuSurface,
         {
           "data-slot": "select-content",
@@ -2618,7 +2682,7 @@ function SelectItem({
   forceSelectedIndicator = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     SelectPrimitive.Item,
     {
       "data-slot": "select-item",
@@ -2713,7 +2777,7 @@ function Separator2({
 }
 
 // src/components/section-tabs/section-tabs.tsx
-import { jsx as jsx23, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
 function SectionTabs({
   tabs,
   value,
@@ -2732,7 +2796,7 @@ function SectionTabs({
       role: "tablist",
       children: tabs.map((tab) => {
         const isActive = value === tab.value;
-        return /* @__PURE__ */ jsxs11(
+        return /* @__PURE__ */ jsxs12(
           "button",
           {
             "aria-selected": isActive,
@@ -2963,7 +3027,7 @@ function Textarea({ className, ...props }) {
 import * as React9 from "react";
 import { Toast as ToastPrimitive } from "radix-ui";
 import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx30, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs13 } from "react/jsx-runtime";
 var toastDefaultDurationMs = 3e3;
 function ToastProvider({
   duration = toastDefaultDurationMs,
@@ -3055,7 +3119,7 @@ function ToastTitle({
 }) {
   const toastVisual = React9.useContext(ToastVisualContext);
   const StatusIcon = toastVisual?.variant && hasToastStatusIcon(toastVisual.variant) ? toastStatusIconByVariant[toastVisual.variant] : null;
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     ToastPrimitive.Title,
     {
       "data-slot": "toast-title",
@@ -3133,7 +3197,7 @@ function ToastViewport({
 
 // src/components/underline-tabs/underline-tabs.tsx
 import { useEffect as useEffect5, useLayoutEffect as useLayoutEffect2, useRef as useRef4, useState as useState6 } from "react";
-import { jsx as jsx31, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs14 } from "react/jsx-runtime";
 function UnderlineTabs({
   tabs,
   value,
@@ -3216,7 +3280,7 @@ function UnderlineTabs({
       behavior: "smooth"
     });
   };
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       "aria-label": ariaLabel,
@@ -3242,7 +3306,7 @@ function UnderlineTabs({
             "data-can-scroll-right": overflow.canScrollRight ? "true" : "false",
             "data-slot": "underline-tabs-viewport",
             "data-testid": viewportTestId,
-            children: /* @__PURE__ */ jsxs13(
+            children: /* @__PURE__ */ jsxs14(
               "div",
               {
                 ref: rowRef,
@@ -3250,7 +3314,7 @@ function UnderlineTabs({
                 children: [
                   tabs.map((tab) => {
                     const isActive = value === tab.value;
-                    return /* @__PURE__ */ jsxs13(
+                    return /* @__PURE__ */ jsxs14(
                       "button",
                       {
                         ref: (element) => {
@@ -3670,6 +3734,10 @@ export {
   ContextMenuTrigger,
   ContextMenuContent,
   ContextMenuItem,
+  ContextMenuSeparator,
+  ContextMenuSub,
+  ContextMenuSubTrigger,
+  ContextMenuSubContent,
   DatePicker,
   Drawer,
   DrawerTrigger,
@@ -3752,4 +3820,4 @@ export {
   UnderlineTabs,
   ViewportMenuSurface
 };
-//# sourceMappingURL=chunk-AVDBPOD4.js.map
+//# sourceMappingURL=chunk-HVIT4MKC.js.map