@tutti-os/ui-system 0.0.14 → 0.0.16

package/dist/{chunk-746EJAIH.js → chunk-53IMBHOL.js}

@@ -15,7 +15,7 @@ import {
   SuccessFilledIcon,
   WarningFilledIcon,
   WarningLinedIcon
-} from "./chunk-HSIAUUW7.js";
+} from "./chunk-UUXDRVOD.js";
 import {
   cn
 } from "./chunk-DGPY4WP3.js";
@@ -1401,8 +1401,111 @@ function Input({
   );
 }
 
+// src/components/mention-pill/truncating-pill-label.tsx
+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";
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx13(
+    TooltipPrimitive.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration,
+      ...props
+    }
+  );
+}
+function Tooltip({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx13(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
+}
+function TooltipTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx13(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx13(TooltipPrimitive.Portal, { "data-slot": "tooltip-portal", ...props });
+}
+function TooltipContent({
+  className,
+  sideOffset = 8,
+  children,
+  style,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx13(TooltipPortal, { children: /* @__PURE__ */ jsx13(
+    TooltipPrimitive.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-2 rounded-md border border-[var(--border-1)] bg-[var(--background-fronted)] px-2 py-1 text-[13px] leading-[1.3] text-popover-foreground shadow-soft outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+        className
+      ),
+      style: { zIndex: "var(--z-tooltip, 100700)", ...style },
+      ...props,
+      children
+    }
+  ) });
+}
+
+// src/components/mention-pill/truncating-pill-label.tsx
+import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
+function useTextOverflow(watch) {
+  const ref = React6.useRef(null);
+  const [overflowing, setOverflowing] = React6.useState(false);
+  React6.useEffect(() => {
+    const element = ref.current;
+    if (!element || typeof ResizeObserver === "undefined") {
+      return;
+    }
+    const measure = () => {
+      setOverflowing(element.scrollWidth - element.clientWidth > 1);
+    };
+    measure();
+    const observer = new ResizeObserver(measure);
+    observer.observe(element);
+    return () => observer.disconnect();
+  }, [watch]);
+  return { ref, overflowing };
+}
+function TruncatingPillLabel({
+  tooltip,
+  className,
+  children
+}) {
+  const { ref: labelRef, overflowing } = useTextOverflow(tooltip);
+  const label = /* @__PURE__ */ jsx14(
+    "span",
+    {
+      ref: labelRef,
+      className: cn(
+        "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",
+        className
+      ),
+      children
+    }
+  );
+  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
+  ] }) });
+}
+
 // src/components/mention-pill/mention-pill.tsx
-import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
 var mentionPillTokenByKind = {
   app: "var(--rich-text-folder)",
   issue: "var(--rich-text-mention-issue)",
@@ -1434,11 +1537,14 @@ function MentionPill({
   const normalizedIconUrl = iconUrl?.trim() ?? "";
   const iconSizeClassName = "size-4";
   const iconShellClassName = isFile ? "size-4" : "size-[18px]";
-  return /* @__PURE__ */ jsxs6(
+  const tooltipText = [label, summary].filter(
+    (part) => typeof part === "string" && part.trim() !== ""
+  ).join(" ");
+  return /* @__PURE__ */ jsxs7(
     "span",
     {
       className: cn(
-        "group relative top-[3px] inline-flex max-w-full cursor-default items-center overflow-hidden rounded-[4px] border border-transparent bg-transparent py-0.5 align-baseline text-[13px] font-medium leading-5 no-underline transition-colors hover:border-transparent hover:bg-[color-mix(in_srgb,currentColor_12%,transparent)]",
+        "group relative top-[3px] inline-flex max-w-[min(100%,var(--agent-mention-max-width,16rem))] cursor-default items-center overflow-hidden rounded-[4px] border border-transparent bg-transparent py-0.5 align-baseline text-[13px] font-medium leading-5 no-underline transition-colors hover:border-transparent hover:bg-[color-mix(in_srgb,currentColor_12%,transparent)]",
         isFile ? "gap-1.5 px-1.5" : "gap-1 px-1",
         className
       ),
@@ -1451,7 +1557,7 @@ function MentionPill({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsxs6(
+        /* @__PURE__ */ jsxs7(
           "span",
           {
             "aria-hidden": removable ? void 0 : true,
@@ -1460,7 +1566,7 @@ function MentionPill({
               iconShellClassName
             ),
             children: [
-              normalizedIconUrl ? /* @__PURE__ */ jsx13(
+              normalizedIconUrl ? /* @__PURE__ */ jsx15(
                 "img",
                 {
                   src: normalizedIconUrl,
@@ -1473,7 +1579,7 @@ function MentionPill({
                   loading: "lazy",
                   draggable: false
                 }
-              ) : /* @__PURE__ */ jsx13(
+              ) : /* @__PURE__ */ jsx15(
                 Icon,
                 {
                   className: cn(
@@ -1483,7 +1589,7 @@ function MentionPill({
                   )
                 }
               ),
-              removable ? /* @__PURE__ */ jsx13(
+              removable ? /* @__PURE__ */ jsx15(
                 "button",
                 {
                   "aria-label": removeButtonProps?.["aria-label"],
@@ -1493,15 +1599,15 @@ 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__ */ jsx13(CloseIcon, { className: "size-3.5" })
+                  children: /* @__PURE__ */ jsx15(CloseIcon, { className: "size-3.5" })
                 }
               ) : null
             ]
           }
         ),
-        /* @__PURE__ */ jsxs6("span", { className: "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap", children: [
-          /* @__PURE__ */ jsx13("span", { children: label }),
-          summary ? /* @__PURE__ */ jsxs6("span", { className: "text-current", children: [
+        /* @__PURE__ */ jsxs7(TruncatingPillLabel, { tooltip: tooltipText, children: [
+          /* @__PURE__ */ jsx15("span", { children: label }),
+          summary ? /* @__PURE__ */ jsxs7("span", { className: "text-current", children: [
             " ",
             summary
           ] }) : null
@@ -1513,26 +1619,26 @@ function MentionPill({
 
 // src/components/popover/popover.tsx
 import { Popover as PopoverPrimitive } from "radix-ui";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function Popover({
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ jsx16(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ jsx16(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(PopoverPrimitive.Portal, { "data-slot": "popover-portal", ...props });
+  return /* @__PURE__ */ jsx16(PopoverPrimitive.Portal, { "data-slot": "popover-portal", ...props });
 }
 function PopoverClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(PopoverPrimitive.Close, { "data-slot": "popover-close", ...props });
+  return /* @__PURE__ */ jsx16(PopoverPrimitive.Close, { "data-slot": "popover-close", ...props });
 }
 function PopoverContent({
   className,
@@ -1540,7 +1646,7 @@ function PopoverContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(PopoverPortal, { children: /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx16(PopoverPortal, { children: /* @__PURE__ */ jsx16(
     PopoverPrimitive.Content,
     {
       "data-slot": "popover-content",
@@ -1558,18 +1664,18 @@ function PopoverContent({
 function PopoverAnchor({
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
+  return /* @__PURE__ */ jsx16(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
 }
 
 // src/components/resizable/resizable.tsx
 import * as ResizablePrimitive from "react-resizable-panels";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function ResizablePanelGroup({
   className,
   orientation = "horizontal",
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx17(
     ResizablePrimitive.Group,
     {
       "data-orientation": orientation,
@@ -1584,14 +1690,14 @@ function ResizablePanelGroup({
   );
 }
 function ResizablePanel(props) {
-  return /* @__PURE__ */ jsx15(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
+  return /* @__PURE__ */ jsx17(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
 }
 function ResizableHandle({
   className,
   withHandle,
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx17(
     ResizablePrimitive.Separator,
     {
       "data-slot": "resizable-handle",
@@ -1600,14 +1706,14 @@ function ResizableHandle({
         className
       ),
       ...props,
-      children: withHandle ? /* @__PURE__ */ jsx15("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__ */ 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
     }
   );
 }
 
 // src/components/scroll-area/scroll-area.tsx
-import * as React6 from "react";
-import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
+import * as React7 from "react";
+import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
 var MIN_THUMB_SIZE_PX = 24;
 function ScrollArea({
   className,
@@ -1642,9 +1748,9 @@ function ScrollArea({
     ...props
   };
   if (scrollbarMode === "native") {
-    return /* @__PURE__ */ jsx16(NativeScrollArea, { ...implementationProps, children });
+    return /* @__PURE__ */ jsx18(NativeScrollArea, { ...implementationProps, children });
   }
-  return /* @__PURE__ */ jsx16(CustomScrollArea, { ...implementationProps, children });
+  return /* @__PURE__ */ jsx18(CustomScrollArea, { ...implementationProps, children });
 }
 function NativeScrollArea({
   className,
@@ -1663,7 +1769,7 @@ function NativeScrollArea({
   ...props
 }) {
   const alwaysVisible = type === "always" || type === "scroll" || hasAlwaysVisibleScrollbarSelector(className);
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx18(
     ScrollAreaFrame,
     {
       ...props,
@@ -1702,11 +1808,11 @@ function CustomScrollArea({
   viewportTestId,
   ...props
 }) {
-  const localViewportRef = React6.useRef(null);
-  const contentRef = React6.useRef(null);
-  const [active, setActive] = React6.useState(false);
+  const localViewportRef = React7.useRef(null);
+  const contentRef = React7.useRef(null);
+  const [active, setActive] = React7.useState(false);
   const alwaysVisible = type === "always" || type === "scroll" || hasAlwaysVisibleScrollbarSelector(className);
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     ScrollAreaFrame,
     {
       ...props,
@@ -1742,7 +1848,7 @@ function CustomScrollArea({
       viewportTestId,
       children: [
         children,
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx18(
           ScrollAreaScrollbar,
           {
             active: active || alwaysVisible,
@@ -1767,7 +1873,7 @@ function ScrollAreaFrame({
   viewportTestId,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       "data-slot": "scroll-area",
@@ -1777,7 +1883,7 @@ function ScrollAreaFrame({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx16(
+      children: /* @__PURE__ */ jsx18(
         "div",
         {
           ...viewportProps,
@@ -1788,7 +1894,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__ */ jsx16(
+          children: /* @__PURE__ */ jsx18(
             "div",
             {
               ref: contentRef,
@@ -1812,15 +1918,15 @@ function ScrollAreaScrollbar({
   orientation,
   viewportRef
 }) {
-  const trackRef = React6.useRef(null);
-  const thumbRef = React6.useRef(null);
-  const dragStateRef = React6.useRef(null);
-  const frameRef = React6.useRef(null);
-  const scrollableRef = React6.useRef(false);
-  const [dragging, setDragging] = React6.useState(false);
-  const [scrollable, setScrollable] = React6.useState(false);
-  const [trackActive, setTrackActive] = React6.useState(false);
-  const syncScrollbarState = React6.useCallback(() => {
+  const trackRef = React7.useRef(null);
+  const thumbRef = React7.useRef(null);
+  const dragStateRef = React7.useRef(null);
+  const frameRef = React7.useRef(null);
+  const scrollableRef = React7.useRef(false);
+  const [dragging, setDragging] = React7.useState(false);
+  const [scrollable, setScrollable] = React7.useState(false);
+  const [trackActive, setTrackActive] = React7.useState(false);
+  const syncScrollbarState = React7.useCallback(() => {
     const viewport = viewportRef.current;
     const track = trackRef.current;
     const thumb = thumbRef.current;
@@ -1859,7 +1965,7 @@ function ScrollAreaScrollbar({
     }
     updateScrollable(true, scrollableRef, setScrollable);
   }, [orientation, viewportRef]);
-  const scheduleSync = React6.useCallback(() => {
+  const scheduleSync = React7.useCallback(() => {
     if (frameRef.current !== null) {
       return;
     }
@@ -1868,7 +1974,7 @@ function ScrollAreaScrollbar({
       syncScrollbarState();
     });
   }, [syncScrollbarState]);
-  const scrollViewportToThumbOffset = React6.useCallback(
+  const scrollViewportToThumbOffset = React7.useCallback(
     (thumbOffset) => {
       const viewport = viewportRef.current;
       const track = trackRef.current;
@@ -1895,7 +2001,7 @@ function ScrollAreaScrollbar({
     },
     [orientation, syncScrollbarState, viewportRef]
   );
-  const handleTrackPointerDown = React6.useCallback(
+  const handleTrackPointerDown = React7.useCallback(
     (event) => {
       if (event.button !== 0 || !scrollableRef.current) {
         return;
@@ -1915,7 +2021,7 @@ function ScrollAreaScrollbar({
     },
     [orientation, scrollViewportToThumbOffset]
   );
-  const handleThumbPointerDown = React6.useCallback(
+  const handleThumbPointerDown = React7.useCallback(
     (event) => {
       if (event.button !== 0 || !scrollableRef.current) {
         return;
@@ -1947,7 +2053,7 @@ function ScrollAreaScrollbar({
     },
     [orientation, viewportRef]
   );
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     if (!dragging) {
       return;
     }
@@ -1978,7 +2084,7 @@ function ScrollAreaScrollbar({
       window.removeEventListener("pointerup", handlePointerUp);
     };
   }, [dragging, orientation, syncScrollbarState, viewportRef]);
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     const viewport = viewportRef.current;
     if (!viewport) {
       updateScrollable(false, scrollableRef, setScrollable);
@@ -2000,10 +2106,10 @@ function ScrollAreaScrollbar({
       resizeObserver?.disconnect();
     };
   }, [contentRef, scheduleSync, syncScrollbarState, viewportRef]);
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     scheduleSync();
   });
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       ref: trackRef,
@@ -2021,7 +2127,7 @@ function ScrollAreaScrollbar({
       onPointerEnter: () => setTrackActive(true),
       onPointerLeave: () => setTrackActive(false),
       onPointerDown: handleTrackPointerDown,
-      children: /* @__PURE__ */ jsx16(
+      children: /* @__PURE__ */ jsx18(
         "div",
         {
           ref: thumbRef,
@@ -2040,7 +2146,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       "data-slot": "scroll-area-scrollbar",
@@ -2048,7 +2154,7 @@ function ScrollBar({
       className: cn(scrollbarClassName(orientation), className),
       style: scrollbarStyle({ active: false, orientation, scrollable: true }),
       ...props,
-      children: /* @__PURE__ */ jsx16(
+      children: /* @__PURE__ */ jsx18(
         "div",
         {
           "data-slot": "scroll-area-thumb",
@@ -2169,17 +2275,17 @@ function clamp(value, min, max) {
 
 // src/components/select/select.tsx
 import { Select as SelectPrimitive } from "radix-ui";
-import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
 function Select({
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(SelectPrimitive.Root, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ jsx19(SelectPrimitive.Root, { "data-slot": "select", ...props });
 }
 function SelectGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19(
     SelectPrimitive.Group,
     {
       "data-slot": "select-group",
@@ -2191,7 +2297,7 @@ function SelectGroup({
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ jsx19(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
   className,
@@ -2200,7 +2306,7 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     SelectPrimitive.Trigger,
     {
       "data-slot": "select-trigger",
@@ -2214,7 +2320,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx17(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx19(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx19(
           ChevronDownIcon,
           {
             className: cn("pointer-events-none size-4", "text-current")
@@ -2232,7 +2338,7 @@ function SelectContent({
   style,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx19(
     SelectPrimitive.Content,
     {
       asChild: true,
@@ -2241,7 +2347,7 @@ function SelectContent({
       position,
       align,
       ...props,
-      children: /* @__PURE__ */ jsxs8(
+      children: /* @__PURE__ */ jsxs9(
         MenuSurface,
         {
           "data-slot": "select-content",
@@ -2252,8 +2358,8 @@ function SelectContent({
           ),
           style: { zIndex: "var(--z-popover)", ...style },
           children: [
-            /* @__PURE__ */ jsx17(SelectScrollUpButton, {}),
-            /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsx19(SelectScrollUpButton, {}),
+            /* @__PURE__ */ jsx19(
               SelectPrimitive.Viewport,
               {
                 "data-position": position,
@@ -2263,7 +2369,7 @@ function SelectContent({
                 children
               }
             ),
-            /* @__PURE__ */ jsx17(SelectScrollDownButton, {})
+            /* @__PURE__ */ jsx19(SelectScrollDownButton, {})
           ]
         }
       )
@@ -2274,7 +2380,7 @@ function SelectLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19(
     SelectPrimitive.Label,
     {
       "data-slot": "select-label",
@@ -2290,7 +2396,7 @@ function SelectSplitLayout({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "select-split-layout",
@@ -2306,7 +2412,7 @@ function SelectSplitColumn({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "select-split-column",
@@ -2319,7 +2425,7 @@ function SelectSplitColumnLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "select-split-column-label",
@@ -2335,7 +2441,7 @@ function SelectSplitColumnItems({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "select-split-column-items",
@@ -2351,7 +2457,7 @@ function SelectSplitDivider({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "aria-hidden": "true",
@@ -2370,21 +2476,21 @@ function SelectItem({
   forceSelectedIndicator = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     SelectPrimitive.Item,
     {
       "data-slot": "select-item",
       className: cn("w-full", menuItemWithIndicatorClassName, className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx17("span", { className: menuItemIndicatorClassName, children: forceSelectedIndicator ? /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx19("span", { className: menuItemIndicatorClassName, children: forceSelectedIndicator ? /* @__PURE__ */ jsx19(
           CheckIcon,
           {
             className: "pointer-events-none text-[var(--tutti-purple)]",
             "data-slot": "select-item-forced-indicator"
           }
-        ) : /* @__PURE__ */ jsx17(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx17(CheckIcon, { className: "pointer-events-none text-[var(--tutti-purple)]" }) }) }),
-        /* @__PURE__ */ jsx17(SelectPrimitive.ItemText, { children })
+        ) : /* @__PURE__ */ jsx19(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx19(CheckIcon, { className: "pointer-events-none text-[var(--tutti-purple)]" }) }) }),
+        /* @__PURE__ */ jsx19(SelectPrimitive.ItemText, { children })
       ]
     }
   );
@@ -2393,7 +2499,7 @@ function SelectSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19(
     SelectPrimitive.Separator,
     {
       "data-slot": "select-separator",
@@ -2409,7 +2515,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19(
     SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
@@ -2418,7 +2524,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx17(ChevronUpIcon, {})
+      children: /* @__PURE__ */ jsx19(ChevronUpIcon, {})
     }
   );
 }
@@ -2426,7 +2532,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19(
     SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
@@ -2435,21 +2541,21 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx17(ChevronDownIcon, {})
+      children: /* @__PURE__ */ jsx19(ChevronDownIcon, {})
     }
   );
 }
 
 // src/components/separator/separator.tsx
 import { Separator as SeparatorPrimitive } from "radix-ui";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function Separator2({
   className,
   orientation = "horizontal",
   decorative = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx20(
     SeparatorPrimitive.Root,
     {
       "data-slot": "separator",
@@ -2465,7 +2571,7 @@ function Separator2({
 }
 
 // src/components/section-tabs/section-tabs.tsx
-import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
 function SectionTabs({
   tabs,
   value,
@@ -2474,7 +2580,7 @@ function SectionTabs({
   className,
   testId
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       "aria-label": ariaLabel,
@@ -2484,7 +2590,7 @@ function SectionTabs({
       role: "tablist",
       children: tabs.map((tab) => {
         const isActive = value === tab.value;
-        return /* @__PURE__ */ jsxs9(
+        return /* @__PURE__ */ jsxs10(
           "button",
           {
             "aria-selected": isActive,
@@ -2499,8 +2605,8 @@ function SectionTabs({
             type: "button",
             onClick: () => onValueChange(tab.value),
             children: [
-              /* @__PURE__ */ jsx19("span", { className: "min-w-0 truncate", children: tab.label }),
-              tab.count !== void 0 ? /* @__PURE__ */ jsx19("span", { className: "text-[15px] font-semibold leading-5 text-[inherit]", children: tab.count }) : null
+              /* @__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
             ]
           },
           tab.value
@@ -2511,9 +2617,9 @@ function SectionTabs({
 }
 
 // src/components/shortcut-badge/shortcut-badge.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function ShortcutBadge({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx22(
     "kbd",
     {
       "data-slot": "shortcut-badge",
@@ -2531,9 +2637,9 @@ import {
   Toaster as SonnerToaster,
   toast
 } from "sonner";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function Toaster({ toastOptions, style, ...props }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx23(
     SonnerToaster,
     {
       closeButton: true,
@@ -2542,11 +2648,11 @@ function Toaster({ toastOptions, style, ...props }) {
       position: "top-right",
       visibleToasts: 4,
       icons: {
-        error: /* @__PURE__ */ jsx21(FailedFilledIcon, { className: "size-4" }),
-        info: /* @__PURE__ */ jsx21(WarningLinedIcon, { className: "size-4" }),
-        loading: /* @__PURE__ */ jsx21(LoadingIcon, { className: "size-4 animate-spin" }),
-        success: /* @__PURE__ */ jsx21(SuccessFilledIcon, { className: "size-4" }),
-        warning: /* @__PURE__ */ jsx21(WarningFilledIcon, { className: "size-4" })
+        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" })
       },
       style: {
         "--normal-bg": "var(--background-fronted)",
@@ -2575,7 +2681,7 @@ function Toaster({ toastOptions, style, ...props }) {
 }
 
 // src/components/spinner/spinner.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function Spinner({
   className,
   size = 16,
@@ -2584,7 +2690,7 @@ function Spinner({
   testId,
   trackColor
 }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx24(
     LoadingIcon,
     {
       "data-slot": "spinner",
@@ -2604,7 +2710,7 @@ function Spinner({
 
 // src/components/status-dot/status-dot.tsx
 import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var statusDotVariants = cva4("inline-flex shrink-0 rounded-full", {
   variants: {
     tone: {
@@ -2638,7 +2744,7 @@ function StatusDot({
   title,
   className
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     "span",
     {
       "aria-hidden": ariaLabel ? void 0 : true,
@@ -2656,13 +2762,13 @@ function StatusDot({
 
 // src/components/switch/switch.tsx
 import { Switch as SwitchPrimitive } from "radix-ui";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function Switch({
   className,
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx26(
     SwitchPrimitive.Root,
     {
       "data-slot": "switch",
@@ -2672,7 +2778,7 @@ function Switch({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx24(
+      children: /* @__PURE__ */ jsx26(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -2684,9 +2790,9 @@ function Switch({
 }
 
 // src/components/textarea/textarea.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx27(
     "textarea",
     {
       "data-slot": "textarea",
@@ -2700,18 +2806,18 @@ function Textarea({ className, ...props }) {
 }
 
 // src/components/toast/toast.tsx
-import * as React7 from "react";
+import * as React8 from "react";
 import { Toast as ToastPrimitive } from "radix-ui";
 import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx26, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs11 } from "react/jsx-runtime";
 var toastDefaultDurationMs = 3e3;
 function ToastProvider({
   duration = toastDefaultDurationMs,
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(ToastPrimitive.Provider, { duration, ...props });
+  return /* @__PURE__ */ jsx28(ToastPrimitive.Provider, { duration, ...props });
 }
-var ToastVisualContext = React7.createContext(null);
+var ToastVisualContext = React8.createContext(null);
 var toastStatusIconByVariant = {
   destructive: FailedFilledIcon,
   success: SuccessFilledIcon
@@ -2735,7 +2841,7 @@ function formatToastText(children) {
   if (typeof children === "string") {
     return stripToastTrailingSentencePunctuation(children);
   }
-  const flatChildren = React7.Children.toArray(children);
+  const flatChildren = React8.Children.toArray(children);
   if (flatChildren.length === 1 && typeof flatChildren[0] === "string") {
     return stripToastTrailingSentencePunctuation(flatChildren[0]);
   }
@@ -2767,7 +2873,7 @@ function ToastRoot({
   ...props
 }) {
   const isDestructive = variant === "destructive";
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx28(
     ToastPrimitive.Root,
     {
       "aria-busy": busy,
@@ -2784,7 +2890,7 @@ function ToastRoot({
         ...style
       },
       ...props,
-      children: /* @__PURE__ */ jsx26(ToastVisualContext.Provider, { value: { busy, variant }, children: /* @__PURE__ */ jsx26("span", { className: "flex min-w-0 max-w-full flex-col items-center justify-center whitespace-normal break-words text-center", children }) })
+      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 }) })
     }
   );
 }
@@ -2793,9 +2899,9 @@ function ToastTitle({
   children,
   ...props
 }) {
-  const toastVisual = React7.useContext(ToastVisualContext);
+  const toastVisual = React8.useContext(ToastVisualContext);
   const StatusIcon = toastVisual?.variant && hasToastStatusIcon(toastVisual.variant) ? toastStatusIconByVariant[toastVisual.variant] : null;
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     ToastPrimitive.Title,
     {
       "data-slot": "toast-title",
@@ -2805,7 +2911,7 @@ function ToastTitle({
       ),
       ...props,
       children: [
-        toastVisual?.busy ? /* @__PURE__ */ jsx26(
+        toastVisual?.busy ? /* @__PURE__ */ jsx28(
           Spinner,
           {
             className: "shrink-0 text-current",
@@ -2813,8 +2919,8 @@ function ToastTitle({
             strokeWidth: 2,
             trackColor: "color-mix(in srgb, currentColor 28%, transparent)"
           }
-        ) : StatusIcon ? /* @__PURE__ */ jsx26(StatusIcon, { className: "size-4 shrink-0 text-current" }) : null,
-        /* @__PURE__ */ jsx26("span", { className: "min-w-0 break-words", children: formatToastText(children) })
+        ) : StatusIcon ? /* @__PURE__ */ jsx28(StatusIcon, { className: "size-4 shrink-0 text-current" }) : null,
+        /* @__PURE__ */ jsx28("span", { className: "min-w-0 break-words", children: formatToastText(children) })
       ]
     }
   );
@@ -2823,7 +2929,7 @@ function ToastDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx28(
     ToastPrimitive.Description,
     {
       "data-slot": "toast-description",
@@ -2839,7 +2945,7 @@ function ToastClose({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx28(
     ToastPrimitive.Close,
     {
       "data-slot": "toast-close",
@@ -2848,7 +2954,7 @@ function ToastClose({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx26(CloseIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx28(CloseIcon, { className: "size-4" })
     }
   );
 }
@@ -2857,7 +2963,7 @@ function ToastViewport({
   style,
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx28(
     ToastPrimitive.Viewport,
     {
       "data-slot": "toast-viewport",
@@ -2871,63 +2977,9 @@ function ToastViewport({
   );
 }
 
-// src/components/tooltip/tooltip.tsx
-import { Tooltip as TooltipPrimitive } from "radix-ui";
-import { jsx as jsx27 } from "react/jsx-runtime";
-function TooltipProvider({
-  delayDuration = 0,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx27(
-    TooltipPrimitive.Provider,
-    {
-      "data-slot": "tooltip-provider",
-      delayDuration,
-      ...props
-    }
-  );
-}
-function Tooltip({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx27(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
-}
-function TooltipTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx27(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
-}
-function TooltipPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx27(TooltipPrimitive.Portal, { "data-slot": "tooltip-portal", ...props });
-}
-function TooltipContent({
-  className,
-  sideOffset = 8,
-  children,
-  style,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx27(TooltipPortal, { children: /* @__PURE__ */ jsx27(
-    TooltipPrimitive.Content,
-    {
-      "data-slot": "tooltip-content",
-      sideOffset,
-      className: cn(
-        "inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-2 rounded-md border border-[var(--border-1)] bg-[var(--background-fronted)] px-2 py-1 text-[13px] leading-[1.3] text-popover-foreground shadow-soft outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
-        className
-      ),
-      style: { zIndex: "var(--z-tooltip, 100700)", ...style },
-      ...props,
-      children
-    }
-  ) });
-}
-
 // src/components/underline-tabs/underline-tabs.tsx
-import { useEffect as useEffect4, useLayoutEffect as useLayoutEffect2, useRef as useRef3, useState as useState4 } from "react";
-import { jsx as jsx28, jsxs as jsxs11 } from "react/jsx-runtime";
+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";
 function UnderlineTabs({
   tabs,
   value,
@@ -2942,11 +2994,11 @@ function UnderlineTabs({
   scrollRightTestId,
   preventMouseDownDefault = false
 }) {
-  const viewportRef = useRef3(null);
-  const rowRef = useRef3(null);
-  const buttonRefs = useRef3({});
-  const [indicatorStyle, setIndicatorStyle] = useState4({ left: 0, width: 0 });
-  const [overflow, setOverflow] = useState4({
+  const viewportRef = useRef4(null);
+  const rowRef = useRef4(null);
+  const buttonRefs = useRef4({});
+  const [indicatorStyle, setIndicatorStyle] = useState5({ left: 0, width: 0 });
+  const [overflow, setOverflow] = useState5({
     canScrollLeft: false,
     canScrollRight: false
   });
@@ -2967,7 +3019,7 @@ function UnderlineTabs({
       (current) => current.left === nextStyle.left && current.width === nextStyle.width ? current : nextStyle
     );
   }, [tabs, value]);
-  useEffect4(() => {
+  useEffect5(() => {
     const viewport = viewportRef.current;
     if (!viewport) {
       return;
@@ -3010,7 +3062,7 @@ function UnderlineTabs({
       behavior: "smooth"
     });
   };
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       "aria-label": ariaLabel,
@@ -3022,7 +3074,7 @@ function UnderlineTabs({
       "data-testid": testId,
       role: "tablist",
       children: [
-        /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx29(
           "div",
           {
             ref: viewportRef,
@@ -3036,7 +3088,7 @@ function UnderlineTabs({
             "data-can-scroll-right": overflow.canScrollRight ? "true" : "false",
             "data-slot": "underline-tabs-viewport",
             "data-testid": viewportTestId,
-            children: /* @__PURE__ */ jsxs11(
+            children: /* @__PURE__ */ jsxs12(
               "div",
               {
                 ref: rowRef,
@@ -3044,7 +3096,7 @@ function UnderlineTabs({
                 children: [
                   tabs.map((tab) => {
                     const isActive = value === tab.value;
-                    return /* @__PURE__ */ jsxs11(
+                    return /* @__PURE__ */ jsxs12(
                       "button",
                       {
                         ref: (element) => {
@@ -3067,14 +3119,14 @@ function UnderlineTabs({
                         onClick: () => onValueChange(tab.value),
                         onMouseDown: preventMouseDownDefault ? (event) => event.preventDefault() : void 0,
                         children: [
-                          /* @__PURE__ */ jsx28("span", { children: tab.label }),
-                          tab.count !== void 0 ? /* @__PURE__ */ jsx28("span", { className: "text-[11px] font-semibold leading-6 text-[inherit]", children: tab.count }) : null
+                          /* @__PURE__ */ jsx29("span", { children: tab.label }),
+                          tab.count !== void 0 ? /* @__PURE__ */ jsx29("span", { className: "text-[11px] font-semibold leading-6 text-[inherit]", children: tab.count }) : null
                         ]
                       },
                       tab.value
                     );
                   }),
-                  /* @__PURE__ */ jsx28(
+                  /* @__PURE__ */ jsx29(
                     "div",
                     {
                       "aria-hidden": true,
@@ -3091,7 +3143,7 @@ function UnderlineTabs({
             )
           }
         ),
-        /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx29(
           "button",
           {
             "aria-label": scrollLeftLabel,
@@ -3102,10 +3154,10 @@ function UnderlineTabs({
             disabled: !overflow.canScrollLeft,
             type: "button",
             onClick: () => scrollTabs("left"),
-            children: /* @__PURE__ */ jsx28(ArrowLeftIcon, { size: 16 })
+            children: /* @__PURE__ */ jsx29(ArrowLeftIcon, { size: 16 })
           }
         ),
-        /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx29(
           "button",
           {
             "aria-label": scrollRightLabel,
@@ -3116,7 +3168,7 @@ function UnderlineTabs({
             disabled: !overflow.canScrollRight,
             type: "button",
             onClick: () => scrollTabs("right"),
-            children: /* @__PURE__ */ jsx28(ArrowRightIcon, { size: 16 })
+            children: /* @__PURE__ */ jsx29(ArrowRightIcon, { size: 16 })
           }
         )
       ]
@@ -3125,9 +3177,9 @@ function UnderlineTabs({
 }
 
 // src/components/viewport-menu-surface/viewport-menu-surface.tsx
-import * as React8 from "react";
+import * as React9 from "react";
 import { createPortal as createPortal2 } from "react-dom";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var VIEWPORT_MENU_PADDING = 12;
 var MENU_BOUNDARY_PADDING = 8;
 function clampMenuCoordinate(origin, size, viewportExtent, padding) {
@@ -3239,7 +3291,7 @@ function assignRef(ref, value) {
 function callHandler(handler, event) {
   handler?.(event);
 }
-var ViewportMenuSurface = React8.forwardRef(function ViewportMenuSurface2({
+var ViewportMenuSurface = React9.forwardRef(function ViewportMenuSurface2({
   open,
   placement,
   children,
@@ -3255,16 +3307,16 @@ var ViewportMenuSurface = React8.forwardRef(function ViewportMenuSurface2({
   className,
   ...rest
 }, forwardedRef) {
-  const surfaceRef = React8.useRef(null);
-  const [measuredSize, setMeasuredSize] = React8.useState(null);
-  const setRefs2 = React8.useCallback(
+  const surfaceRef = React9.useRef(null);
+  const [measuredSize, setMeasuredSize] = React9.useState(null);
+  const setRefs2 = React9.useCallback(
     (node) => {
       surfaceRef.current = node;
       assignRef(forwardedRef, node);
     },
     [forwardedRef]
   );
-  React8.useLayoutEffect(() => {
+  React9.useLayoutEffect(() => {
     if (!open) {
       setMeasuredSize(null);
       return;
@@ -3288,7 +3340,7 @@ var ViewportMenuSurface = React8.forwardRef(function ViewportMenuSurface2({
     observer.observe(element);
     return () => observer.disconnect();
   }, [open, placement]);
-  React8.useEffect(() => {
+  React9.useEffect(() => {
     if (!open) {
       return;
     }
@@ -3345,7 +3397,7 @@ var ViewportMenuSurface = React8.forwardRef(function ViewportMenuSurface2({
     onDismiss,
     open
   ]);
-  const resolvedPlacement = React8.useMemo(() => {
+  const resolvedPlacement = React9.useMemo(() => {
     if (placement.type === "absolute") {
       const boundary2 = resolveMenuBoundaryFromPoint({
         x: placement.left,
@@ -3390,7 +3442,7 @@ var ViewportMenuSurface = React8.forwardRef(function ViewportMenuSurface2({
   }
   const portalTarget = resolvedPlacement.portalTarget ?? document.body;
   return createPortal2(
-    /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsx30(
       MenuSurface,
       {
         ...rest,
@@ -3480,6 +3532,13 @@ export {
   DropdownMenuSubTrigger,
   DropdownMenuSubContent,
   Input,
+  TooltipProvider,
+  Tooltip,
+  TooltipTrigger,
+  TooltipPortal,
+  TooltipContent,
+  useTextOverflow,
+  TruncatingPillLabel,
   MentionPill,
   Popover,
   PopoverTrigger,
@@ -3524,12 +3583,7 @@ export {
   ToastDescription,
   ToastClose,
   ToastViewport,
-  TooltipProvider,
-  Tooltip,
-  TooltipTrigger,
-  TooltipPortal,
-  TooltipContent,
   UnderlineTabs,
   ViewportMenuSurface
 };
-//# sourceMappingURL=chunk-746EJAIH.js.map
+//# sourceMappingURL=chunk-53IMBHOL.js.map