impact-nova 2.2.5 → 2.2.7

package/dist/components/flows/filter-strip/filter-tag-list.js

@@ -1,171 +1,187 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import * as C from "react";
-import { HorizontalScroller as S } from "../../layout/horizontal-scroller/horizontal-scroller.js";
-import { TagGroup as z } from "../../primitives/tag-group/tag-group.js";
-import { Tag as k } from "../../primitives/tag/tag.js";
-import { Tooltip as b, TooltipTrigger as w, TooltipContent as y } from "../../feedback/tooltip/tooltip.js";
-import { PopoverContent as $, Popover as O, PopoverTrigger as j } from "../../feedback/popover/popover.js";
-import { Button as P } from "../../primitives/button/button.js";
-import { Checkmark as A, Copy as R, Cross as F } from "impact-nova-icons";
-const T = "whitespace-nowrap bg-accent text-brand hover:bg-accent/80 border-0 px-2 text-xs font-medium font-['Manrope'] cursor-pointer focus:!ring-inset focus:!ring-offset-0 focus:!ring-brand data-[state=open]:!ring-inset data-[state=open]:!ring-offset-0 data-[state=open]:!ring-brand", I = ({
-  remainingValues: s,
+import { jsx as o, jsxs as r } from "react/jsx-runtime";
+import * as N from "react";
+import { cn as O } from "../../../lib/utils.js";
+import { HorizontalScroller as $ } from "../../layout/horizontal-scroller/horizontal-scroller.js";
+import { TagGroup as A } from "../../primitives/tag-group/tag-group.js";
+import { Tag as C } from "../../primitives/tag/tag.js";
+import { Tooltip as T, TooltipTrigger as k, TooltipContent as z } from "../../feedback/tooltip/tooltip.js";
+import { OverflowTooltip as P } from "../../feedback/tooltip/overflow-tooltip.js";
+import { PopoverContent as j, Popover as R, PopoverTrigger as B } from "../../feedback/popover/popover.js";
+import { Button as F } from "../../primitives/button/button.js";
+import { Checkmark as I, Copy as L, Cross as V } from "impact-nova-icons";
+const S = "whitespace-nowrap bg-accent text-brand hover:bg-accent/80 border-0 px-2 text-xs font-medium font-['Manrope'] cursor-pointer focus:!ring-inset focus:!ring-offset-0 focus:!ring-brand data-[state=open]:!ring-inset data-[state=open]:!ring-offset-0 data-[state=open]:!ring-brand", E = ({
+  remainingValues: a,
   viewAllTrigger: c = "expand",
-  onViewAll: h,
-  onItemRemove: u,
-  isRemovable: N,
-  isCopyable: t = !1,
+  onViewAll: u,
+  onItemRemove: v,
+  isRemovable: f,
+  isCopyable: e = !1,
   externalCopyFunction: m
 }) => {
-  const [i, f] = C.useState(!1), [n, d] = C.useState(null), v = (o, l, a) => {
-    navigator.clipboard.writeText(String(l)), d(a), o.currentTarget.blur(), setTimeout(() => d(null), 1500);
-  }, g = i ? s : s.slice(0, 3), x = s.length > 3, p = () => {
-    c === "custom" ? h?.() : f(!0);
+  const [s, g] = N.useState(!1), [n, d] = N.useState(null), x = (t, l, i) => {
+    navigator.clipboard.writeText(String(l)), d(i), t.currentTarget.blur(), setTimeout(() => d(null), 1500);
+  }, w = s ? a : a.slice(0, 3), b = a.length > 3, h = () => {
+    c === "custom" ? u?.() : g(!0);
   };
-  return /* @__PURE__ */ e(
-    $,
+  return /* @__PURE__ */ o(
+    j,
     {
       className: "w-[200px] p-0 rounded-[8px] bg-canvas-elevated shadow-elevation-floating border-none",
       align: "start",
       sideOffset: 8,
-      onOpenAutoFocus: (o) => o.preventDefault(),
+      onOpenAutoFocus: (t) => t.preventDefault(),
       children: /* @__PURE__ */ r("div", { className: "flex flex-col py-2 px-[6px]", children: [
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ o(
           "div",
           {
-            className: `flex flex-col gap-1 mb-2 ${i ? "max-h-[180px] overflow-y-auto" : ""}`,
-            children: g.map((o, l) => /* @__PURE__ */ r(
-              "div",
-              {
-                className: "flex items-center justify-between text-[14px] font-medium leading-[20px] text-foreground px-3 py-2 overflow-hidden hover:bg-secondary rounded group shrink-0",
-                children: [
-                  /* @__PURE__ */ r(b, { children: [
-                    /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "truncate", children: String(o) }) }),
-                    /* @__PURE__ */ e(y, { variant: "tertiary", side: "right", children: String(o) })
-                  ] }),
-                  /* @__PURE__ */ r("div", { className: "flex items-center shrink-0", children: [
-                    t && /* @__PURE__ */ e(
-                      "button",
+            className: `flex flex-col gap-1 mb-2 ${s ? "max-h-[180px] overflow-y-auto" : ""}`,
+            children: w.map((t, l) => {
+              const i = String(t), y = !!(e || f);
+              return /* @__PURE__ */ r(
+                "div",
+                {
+                  className: "group relative flex min-w-0 items-stretch overflow-hidden rounded px-3 py-2 text-[14px] font-medium leading-[20px] text-foreground hover:bg-secondary",
+                  children: [
+                    /* @__PURE__ */ o(
+                      P,
                       {
-                        onClick: (a) => {
-                          a.stopPropagation(), m ? m({ e: a, val: o, index: l }) : v(a, o, l);
-                        },
-                        "aria-label": `Copy ${String(o)}`,
-                        className: "ms-2 flex h-4 w-4 shrink-0 items-center justify-center rounded-full text-content-icon hover:bg-scrim-hover hover:text-content-secondary opacity-0 group-hover:opacity-100 focus:opacity-100 transition-opacity",
-                        children: n === l ? /* @__PURE__ */ e(A, { size: 12, className: "text-success" }) : /* @__PURE__ */ e(R, { size: 12 })
+                        triggerClassName: O(
+                          "block min-w-0 flex-1 self-stretch truncate overflow-hidden",
+                          y && "pe-0 group-hover:pe-10"
+                        ),
+                        content: i,
+                        side: "right",
+                        variant: "tertiary",
+                        children: i
                       }
                     ),
-                    N && /* @__PURE__ */ e(
-                      "button",
-                      {
-                        onClick: (a) => {
-                          a.stopPropagation(), u(o);
-                        },
-                        "aria-label": `Remove ${String(o)}`,
-                        className: "ms-2 flex h-4 w-4 shrink-0 items-center justify-center rounded-full text-content-icon hover:bg-scrim-hover hover:text-content-secondary opacity-0 group-hover:opacity-100 focus:opacity-100 transition-opacity",
-                        children: /* @__PURE__ */ e(F, { size: 12 })
-                      }
-                    )
-                  ] })
-                ]
-              },
-              l
-            ))
+                    y ? /* @__PURE__ */ r("div", { className: "pointer-events-none absolute end-2 top-1/2 z-10 flex -translate-y-1/2 items-center gap-1 opacity-0 transition-opacity group-hover:pointer-events-auto group-hover:opacity-100 focus-within:pointer-events-auto focus-within:opacity-100", children: [
+                      e ? /* @__PURE__ */ o(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: (p) => {
+                            p.stopPropagation(), m ? m({ e: p, val: t, index: l }) : x(p, t, l);
+                          },
+                          "aria-label": `Copy ${i}`,
+                          className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-full text-content-icon hover:bg-scrim-hover hover:text-content-secondary",
+                          children: n === l ? /* @__PURE__ */ o(I, { size: 12, className: "text-success" }) : /* @__PURE__ */ o(L, { size: 12 })
+                        }
+                      ) : null,
+                      f ? /* @__PURE__ */ o(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: (p) => {
+                            p.stopPropagation(), v(t);
+                          },
+                          "aria-label": `Remove ${i}`,
+                          className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-full text-content-icon hover:bg-scrim-hover hover:text-content-secondary",
+                          children: /* @__PURE__ */ o(V, { size: 12 })
+                        }
+                      ) : null
+                    ] }) : null
+                  ]
+                },
+                l
+              );
+            })
           }
         ),
-        !i && x && /* @__PURE__ */ r("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ e("div", { className: "h-px bg-stroke-hairline w-full" }),
-          /* @__PURE__ */ e(
-            P,
+        !s && b && /* @__PURE__ */ r("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ o("div", { className: "h-px bg-stroke-hairline w-full" }),
+          /* @__PURE__ */ o(
+            F,
             {
               variant: "secondary",
               size: "md",
               className: "w-full justify-center",
-              onClick: p,
-              children: c === "custom" ? "View all" : `View all (${s.length})`
+              onClick: h,
+              children: c === "custom" ? "View all" : `View all (${a.length})`
             }
           )
         ] })
       ] })
     }
   );
-}, H = ({
-  filters: s,
+}, X = ({
+  filters: a,
   onFilterRemove: c,
-  onOverflowClick: h,
-  onViewAll: u
-}) => /* @__PURE__ */ e("div", { className: "flex flex-1 items-center min-w-0", children: /* @__PURE__ */ e(
-  S,
+  onOverflowClick: u,
+  onViewAll: v
+}) => /* @__PURE__ */ o("div", { className: "flex flex-1 items-center min-w-0", children: /* @__PURE__ */ o(
+  $,
   {
-    items: s,
-    renderItem: (t, m) => {
-      const i = Array.isArray(t.value) ? t.value : [t.value], f = i.slice(0, 2), n = i.slice(2), d = !!t.overflow, v = t.overflow?.label ? t.overflow.label : t.overflow?.count ? `+${t.overflow.count}` : null, g = n.length > 0, x = d || g, p = `+${n.length}`;
+    items: a,
+    renderItem: (e, m) => {
+      const s = Array.isArray(e.value) ? e.value : [e.value], g = s.slice(0, 2), n = s.slice(2), d = !!e.overflow, x = e.overflow?.label ? e.overflow.label : e.overflow?.count ? `+${e.overflow.count}` : null, w = n.length > 0, b = d || w, h = `+${n.length}`;
       return /* @__PURE__ */ r("div", { className: "flex items-center px-1", children: [
-        m > 0 && /* @__PURE__ */ e("div", { className: "mx-3 h-4 w-px bg-stroke-hairline shrink-0" }),
+        m > 0 && /* @__PURE__ */ o("div", { className: "mx-3 h-4 w-px bg-stroke-hairline shrink-0" }),
         /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ r("span", { className: "text-xs font-medium leading-[21px] text-secondary-foreground whitespace-nowrap", children: [
-            t.label,
-            t.required && /* @__PURE__ */ e("span", { className: "text-validation ms-0.5", children: "*" })
+            e.label,
+            e.required && /* @__PURE__ */ o("span", { className: "text-validation ms-0.5", children: "*" })
           ] }),
           /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ e(
-              z,
+            /* @__PURE__ */ o(
+              A,
               {
                 spacing: "sm",
-                tags: f.map((o) => ({
-                  label: String(o),
+                tags: g.map((t) => ({
+                  label: String(t),
                   variant: "secondary",
                   size: "md",
                   shape: "rounded",
-                  removable: t.removable,
-                  onRemove: () => c(t.id, o)
+                  removable: e.removable,
+                  onRemove: () => c(e.id, t)
                 }))
               }
             ),
-            x && (d ? /* @__PURE__ */ r(b, { children: [
-              /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(
-                k,
+            b && (d ? /* @__PURE__ */ r(T, { children: [
+              /* @__PURE__ */ o(k, { asChild: !0, children: /* @__PURE__ */ o(
+                C,
                 {
                   asButton: !0,
                   variant: "secondary",
                   size: "md",
                   shape: "rounded",
-                  className: T,
-                  "aria-label": `${t.overflow?.count || n.length} more filters for ${t.label}`,
-                  onClick: () => h?.(t.id),
-                  children: v || p
+                  className: S,
+                  "aria-label": `${e.overflow?.count || n.length} more filters for ${e.label}`,
+                  onClick: () => u?.(e.id),
+                  children: x || h
                 }
               ) }),
-              /* @__PURE__ */ r(y, { variant: "tertiary", side: "top", children: [
-                t.overflow?.count || n.length,
+              /* @__PURE__ */ r(z, { variant: "tertiary", side: "top", children: [
+                e.overflow?.count || n.length,
                 " more filters"
               ] })
-            ] }) : /* @__PURE__ */ r(O, { children: [
-              /* @__PURE__ */ r(b, { children: [
-                /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ e(
-                  k,
+            ] }) : /* @__PURE__ */ r(R, { children: [
+              /* @__PURE__ */ r(T, { children: [
+                /* @__PURE__ */ o(k, { asChild: !0, children: /* @__PURE__ */ o(B, { asChild: !0, children: /* @__PURE__ */ o(
+                  C,
                   {
                     asButton: !0,
                     variant: "secondary",
                     size: "md",
                     shape: "rounded",
-                    className: T,
-                    children: p
+                    className: S,
+                    children: h
                   }
                 ) }) }),
-                /* @__PURE__ */ r(y, { variant: "tertiary", side: "top", children: [
+                /* @__PURE__ */ r(z, { variant: "tertiary", side: "top", children: [
                   n.length,
                   " more filters"
                 ] })
               ] }),
-              /* @__PURE__ */ e(
-                I,
+              /* @__PURE__ */ o(
+                E,
                 {
                   remainingValues: n,
-                  viewAllTrigger: t.viewAllTrigger,
-                  onViewAll: u,
-                  onItemRemove: (o) => c(t.id, o),
-                  isRemovable: t.removable,
-                  isCopyable: t.copyable
+                  viewAllTrigger: e.viewAllTrigger,
+                  onViewAll: v,
+                  onItemRemove: (t) => c(e.id, t),
+                  isRemovable: e.removable,
+                  isCopyable: e.copyable
                 }
               )
             ] }))
@@ -178,6 +194,6 @@ const T = "whitespace-nowrap bg-accent text-brand hover:bg-accent/80 border-0 px
   }
 ) });
 export {
-  I as FilterPopoverContent,
-  H as FilterTagList
+  E as FilterPopoverContent,
+  X as FilterTagList
 };

package/dist/components/forms/prompt/prompt.variants.d.ts

@@ -1,3 +1,3 @@
 export declare const promptVariants: (props?: ({
-    variant?: "default" | "destructive" | "info" | "warning" | "success" | null | undefined;
+    variant?: "default" | "success" | "warning" | "destructive" | "info" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/forms/select/components/SelectMenuPanel.js

@@ -1,58 +1,62 @@
 import { jsx as o } from "react/jsx-runtime";
-import * as a from "@radix-ui/react-popover";
-import { cn as i } from "../../../../lib/utils.js";
-import { useOverlayPortalContainer as m } from "../../../../lib/overlay/overlay-portal-context.js";
-import { OVERLAY_NESTED_FLOATING_INSTANT_HIDE_CLASS as v } from "../../../../lib/overlay/overlay-host.constants.js";
-function g({
-  menuRef: n,
-  menuMinHeight: t,
-  menuWidth: l,
+import * as n from "@radix-ui/react-popover";
+import { cn as a } from "../../../../lib/utils.js";
+import { preventDismissOnTooltipOutside as t } from "../../../../lib/overlay/prevent-dismiss-on-tooltip-outside.js";
+import { useOverlayPortalContainer as v } from "../../../../lib/overlay/overlay-portal-context.js";
+import { OVERLAY_NESTED_FLOATING_INSTANT_HIDE_CLASS as f } from "../../../../lib/overlay/overlay-host.constants.js";
+function O({
+  menuRef: l,
+  menuMinHeight: i,
+  menuWidth: s,
   isReadOnly: r,
   id: d,
-  menuLabel: s,
-  children: p
+  menuLabel: p,
+  children: m
 }) {
-  const c = m();
-  return /* @__PURE__ */ o(a.Portal, { container: c, children: /* @__PURE__ */ o(
-    a.Content,
+  const c = v();
+  return /* @__PURE__ */ o(n.Portal, { container: c, children: /* @__PURE__ */ o(
+    n.Content,
     {
-      ref: n,
+      ref: l,
       side: "bottom",
       sideOffset: 4,
       align: "start",
       avoidCollisions: !0,
       collisionPadding: 8,
-      "aria-label": s,
+      "aria-label": p,
       onOpenAutoFocus: (e) => e.preventDefault(),
+      onPointerDownOutside: t,
+      onInteractOutside: t,
+      onFocusOutside: t,
       onWheel: (e) => e.stopPropagation(),
       style: {
-        width: l ?? "var(--radix-popover-trigger-width)",
+        width: s ?? "var(--radix-popover-trigger-width)",
         minWidth: "var(--radix-popover-trigger-width)",
         maxHeight: "min(320px, var(--radix-popover-content-available-height, 320px))"
       },
-      className: i(
+      className: a(
         "z-50 flex flex-col overflow-hidden rounded-[12px] p-0 text-base shadow-elevation-select focus:outline-none sm:text-sm border-none pointer-events-auto",
         r ? "bg-disabled-surface" : "bg-canvas-elevated",
-        v
+        f
       ),
       "data-testid": `select-menu-${d || "default"}`,
       "data-component": "select-menu",
       children: /* @__PURE__ */ o(
         "div",
         {
-          className: i(
+          className: a(
             "flex min-h-0 flex-1 flex-col overflow-hidden rounded-[12px]",
             r ? "bg-disabled-surface" : "bg-canvas-elevated"
           ),
           style: {
-            minHeight: t ? `${t}px` : void 0
+            minHeight: i ? `${i}px` : void 0
           },
-          children: p
+          children: m
         }
       )
     }
   ) });
 }
 export {
-  g as SelectMenuPanel
+  O as SelectMenuPanel
 };

package/dist/components/forms/select/components/SelectOptionRow.js

@@ -1,16 +1,18 @@
 import { jsxs as w, jsx as t } from "react/jsx-runtime";
 import { memo as Y } from "react";
-import { Checkmark as F, ChevronRight as H } from "impact-nova-icons";
-import { Badge as J } from "../../../data-display/badge/badge.js";
-import { cn as o } from "../../../../lib/utils.js";
-import { selectOptionVariants as K } from "../select.variants.js";
-import { isSelected as L } from "../utils/select.js";
-import { Submenu as Q } from "./Submenu.js";
-function T({
+import { useSuppressOptionClickForTextSelection as J } from "../hooks/useSuppressOptionClickForTextSelection.js";
+import { Checkmark as K, ChevronRight as L } from "impact-nova-icons";
+import { Badge as Q } from "../../../data-display/badge/badge.js";
+import { OverflowTooltip as U } from "../../../feedback/tooltip/overflow-tooltip.js";
+import { cn as m } from "../../../../lib/utils.js";
+import { selectOptionVariants as W } from "../select.variants.js";
+import { isSelected as X } from "../utils/select.js";
+import { Submenu as Z } from "./Submenu.js";
+function _({
   option: e,
-  virtualRow: s,
-  measureElement: j,
-  selectFieldId: C,
+  virtualRow: o,
+  measureElement: P,
+  selectFieldId: j,
   id: v,
   isMulti: f,
   isReadOnly: u,
@@ -19,62 +21,64 @@ function T({
   showSequence: I,
   selected: r,
   isOptDisabled: n,
-  indeterminate: h,
-  selectedCount: N,
-  isParentSelectable: $,
-  highlighted: z,
-  activeSubmenu: B,
+  indeterminate: p,
+  selectedCount: S,
+  isParentSelectable: N,
+  highlighted: O,
+  activeSubmenu: z,
   setActiveSubmenu: y,
-  optionLabel: V,
-  optionLabelString: E,
-  sequence: d,
-  internalValue: G,
-  renderOption: S,
+  optionLabel: B,
+  optionLabelString: T,
+  sequence: s,
+  internalValue: V,
+  renderOption: $,
   onSelect: b,
-  getGroupStats: P
+  getGroupStats: C
 }) {
-  const x = v || "default", p = String(e.value || ""), l = c && e.isGroup, g = a && e.isSubmenuParent, k = I && !l && !g;
+  const h = v || "default", x = String(e.value || ""), l = c && e.isGroup, k = a && e.isSubmenuParent, g = I && !l && !k, { onOptionPointerDown: E, onOptionDoubleClick: F, createOptionClickHandler: G } = J(), H = () => {
+    n || (c && e.isGroup || a && e.isSubmenuParent) && !N || b(e);
+  };
   return /* @__PURE__ */ w(
     "div",
     {
-      "data-index": s.index,
-      ref: j,
+      "data-index": o.index,
+      ref: P,
       className: "absolute start-0 w-full pb-[2px]",
       style: {
-        transform: `translateY(${s.start}px)`,
+        transform: `translateY(${o.start}px)`,
         width: "100%"
       },
-      "data-testid": `select-option-wrapper-${x}-${p}`,
+      "data-testid": `select-option-wrapper-${h}-${x}`,
       children: [
         /* @__PURE__ */ t(
           "div",
           {
-            id: `${C}-option-${s.index}`,
-            className: o(
-              K({
+            id: `${j}-option-${o.index}`,
+            className: m(
+              W({
                 disabled: n,
                 readOnly: u,
                 selected: r && !n && !(c && e.isGroup) && !(a && e.isSubmenuParent),
-                highlighted: z && !n
+                highlighted: O && !n
               })
             ),
             style: {
               paddingInlineStart: `${e.depth * 16 + 12}px`
             },
-            onClick: () => {
-              n || (c && e.isGroup || a && e.isSubmenuParent) && !$ || b(e);
-            },
+            onPointerDown: E,
+            onDoubleClick: F,
+            onClick: G(H),
             onMouseEnter: () => {
               a && e.isSubmenuParent ? y(e.value) : y(null);
             },
-            "data-testid": `select-option-${x}-${p}`,
+            "data-testid": `select-option-${h}-${x}`,
             "data-state": r ? "checked" : "unchecked",
             "data-disabled": n || void 0,
             "data-component": "select-option",
             role: "option",
             "aria-selected": r,
             "aria-disabled": n || void 0,
-            children: S ? S(
+            children: $ ? $(
               {
                 onClick: () => {
                 },
@@ -84,82 +88,89 @@ function T({
               },
               e
             ) : /* @__PURE__ */ w("div", { className: "flex items-center flex-1 overflow-hidden", children: [
-              f && (c && e.isGroup || a && e.isSubmenuParent ? $ : !0) && /* @__PURE__ */ t(
+              f && (c && e.isGroup || a && e.isSubmenuParent ? N : !0) && /* @__PURE__ */ t(
                 "span",
                 {
                   "aria-hidden": "true",
-                  className: o(
+                  className: m(
                     "mr-[7px] flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] border border-stroke-field bg-canvas-elevated",
-                    (r || h) && "border-brand bg-accent text-brand",
+                    (r || p) && "border-brand bg-accent text-brand",
                     (n || u) && "opacity-50"
                   ),
-                  children: r && !h ? /* @__PURE__ */ t(F, { className: "h-3.5 w-3.5" }) : h ? /* @__PURE__ */ t("span", { className: "block h-0.5 w-2.5 bg-current" }) : null
+                  children: r && !p ? /* @__PURE__ */ t(K, { className: "h-3.5 w-3.5" }) : p ? /* @__PURE__ */ t("span", { className: "block h-0.5 w-2.5 bg-current" }) : null
                 }
               ),
               /* @__PURE__ */ w(
                 "div",
                 {
-                  className: o(
+                  className: m(
                     "flex min-w-0 flex-1 items-center overflow-hidden",
-                    k ? "justify-between gap-2" : "gap-2"
+                    g ? "justify-between gap-2" : "gap-2"
                   ),
                   children: [
                     /* @__PURE__ */ t(
-                      "span",
+                      U,
                       {
-                        className: o(
-                          "block min-w-0 truncate",
-                          k && "flex-1",
-                          l ? "text-xs font-semibold text-content-icon uppercase tracking-wider" : r && !g ? "font-medium" : "font-normal",
+                        triggerClassName: m(
+                          "block min-w-0 truncate select-text",
+                          g && "flex-1",
+                          l ? "text-xs font-semibold text-content-icon uppercase tracking-wider" : r && !k ? "font-medium" : "font-normal",
                           !l && "text-[14px]"
                         ),
-                        "data-testid": `select-option-label-${x}-${p}`,
-                        "data-state": r ? "checked" : "unchecked",
-                        title: E,
-                        children: V
+                        content: T,
+                        side: "top",
+                        variant: "tertiary",
+                        children: /* @__PURE__ */ t(
+                          "span",
+                          {
+                            "data-testid": `select-option-label-${h}-${x}`,
+                            "data-state": r ? "checked" : "unchecked",
+                            children: B
+                          }
+                        )
                       }
                     ),
-                    (l || g) && N > 0 && /* @__PURE__ */ t("span", { className: "inline-flex shrink-0 items-center justify-center rounded-full bg-brand-tint px-1.5 py-0.5 text-xs font-medium text-brand-on-subtle", children: N }),
-                    k && /* @__PURE__ */ t("span", { className: "flex h-5 w-6 shrink-0 items-center justify-center", children: d !== void 0 && d > 0 ? /* @__PURE__ */ t(
-                      J,
+                    (l || k) && S > 0 && /* @__PURE__ */ t("span", { className: "inline-flex shrink-0 items-center justify-center rounded-full bg-brand-tint px-1.5 py-0.5 text-xs font-medium text-brand-on-subtle", children: S }),
+                    g && /* @__PURE__ */ t("span", { className: "flex h-5 w-6 shrink-0 items-center justify-center", children: s !== void 0 && s > 0 ? /* @__PURE__ */ t(
+                      Q,
                       {
                         variant: "outline",
                         color: "primary",
                         size: "sm",
-                        "data-testid": `select-option-sequence-${d}`,
-                        children: d.toString()
+                        "data-testid": `select-option-sequence-${s}`,
+                        children: s.toString()
                       }
                     ) : null })
                   ]
                 }
               ),
-              a && e.isSubmenuParent && /* @__PURE__ */ t(H, { size: "12px", className: "text-content-icon" })
+              a && e.isSubmenuParent && /* @__PURE__ */ t(L, { size: "12px", className: "text-content-icon" })
             ] })
           }
         ),
-        a && B === e.value && e.isSubmenuParent && /* @__PURE__ */ t(
-          Q,
+        a && z === e.value && e.isSubmenuParent && /* @__PURE__ */ t(
+          Z,
           {
             parentOption: e,
             isMulti: !!f,
             isReadOnly: !!u,
-            isSelected: (i) => L(i, G, !!f),
+            isSelected: (i) => X(i, V, !!f),
             getIndeterminateState: (i) => {
-              const m = P(i);
-              return m ? m.selected > 0 && m.selected < m.total : !1;
+              const d = C(i);
+              return d ? d.selected > 0 && d.selected < d.total : !1;
             },
-            getSelectedCount: (i) => P(i)?.selected || 0,
+            getSelectedCount: (i) => C(i)?.selected || 0,
             handleSelect: b,
             id: v
           }
         )
       ]
     },
-    s.key
+    o.key
   );
 }
-const O = Y(T);
+const ie = Y(_);
 export {
-  O as SelectOptionRow,
-  T as SelectOptionRowInner
+  ie as SelectOptionRow,
+  _ as SelectOptionRowInner
 };