impact-nova 1.7.5 → 1.7.6

package/dist/components/ui/select/select.js

@@ -1,77 +1,78 @@
-import { jsxs as g, jsx as a, Fragment as pt } from "react/jsx-runtime";
-import { useState as K, useRef as z, useEffect as L } from "react";
-import * as ne from "@radix-ui/react-popover";
-import { useVirtualizer as mt } from "@tanstack/react-virtual";
-import ht from "./components/LabelWithSequence.js";
-import xt from "./components/Submenu.js";
-import { LoadingSpinner as gt, Cross as bt, ChevronRight as $e, Search as vt, Info as xe } from "../../../icons/index.js";
+import { jsxs as x, jsx as r, Fragment as pt } from "react/jsx-runtime";
+import { useState as K, useRef as M, useEffect as L } from "react";
+import * as se from "@radix-ui/react-popover";
+import { useVirtualizer as ht } from "@tanstack/react-virtual";
+import xt from "./components/LabelWithSequence.js";
+import gt from "./components/Submenu.js";
+import { LoadingSpinner as bt, Cross as vt, ChevronRight as ze, Search as yt, Info as ie } from "../../../icons/index.js";
 import { Checkbox as Ge } from "../checkbox.js";
-import { Button as yt } from "../button.js";
-import { cn as A } from "../../../lib/utils.js";
-import { isInvertedSelection as T, isOptionArray as w, isSelected as St, getSequence as wt, getLeafOptions as Vt } from "./utils/select.js";
-import { useFlattenOptions as Nt } from "./hooks/useFlattenOptions.js";
-import { useSelectionModel as kt } from "./hooks/useSelectionModel.js";
+import { Button as St } from "../button.js";
+import { cn as w } from "../../../lib/utils.js";
+import { isInvertedSelection as T, isOptionArray as V, isSelected as wt, getSequence as Vt, getLeafOptions as Nt } from "./utils/select.js";
+import { useFlattenOptions as kt } from "./hooks/useFlattenOptions.js";
+import { useSelectionModel as Pt } from "./hooks/useSelectionModel.js";
 import { useVisibleStats as Dt } from "./hooks/useVisibleStats.js";
-import { useImpactNovaI18n as Pt } from "../../../i18n/ImpactNovaI18nContext.js";
-const At = (ge) => {
+import { useImpactNovaI18n as At } from "../../../i18n/ImpactNovaI18nContext.js";
+const Ot = (Se) => {
   const {
     options: F,
-    value: se,
+    value: re,
     defaultValue: Me,
     onChange: u,
     isMulti: f,
-    isDisabled: V,
+    isDisabled: N,
     isLoading: I,
-    isClearable: ze = !0,
+    isClearable: Le = !0,
     isSearchable: E = !0,
-    placeholder: Le,
+    placeholder: Fe,
     // menuPortalTarget is kept for API compatibility but no longer used (Radix handles portalling)
-    menuPortalTarget: Ot,
-    autoFocus: Fe,
-    closeMenuOnSelect: Re = !f,
-    defaultMenuIsOpen: He = !1,
-    scrollToSelectedOnOpen: be = !1,
-    maxSelectableOptions: x,
-    showSequence: ve,
-    selectionOrder: je,
+    menuPortalTarget: Ct,
+    autoFocus: Re,
+    closeMenuOnSelect: He = !f,
+    defaultMenuIsOpen: je = !1,
+    scrollToSelectedOnOpen: we = !1,
+    maxSelectableOptions: g,
+    showSequence: Ve,
+    selectionOrder: qe,
     label: R,
-    isRequired: qe,
-    error: ye,
-    helperText: Se,
-    id: N,
-    className: _e,
-    parentClassName: Be,
-    onMenuScrollToBottom: ie,
-    name: Ke,
-    isSelectAllEnabled: Y = !0,
-    isReadOnly: m = !1,
+    isRequired: _e,
+    error: ae,
+    helperText: U,
+    helperTextPosition: oe = "absolute",
+    id: k,
+    className: Be,
+    parentClassName: Ke,
+    onMenuScrollToBottom: ce,
+    name: Ue,
+    isSelectAllEnabled: J = !0,
+    isReadOnly: p = !1,
     searchPosition: $ = "menu",
-    footerContent: we,
-    onInputChange: Ue,
-    getOptionLabel: Ve,
-    renderOption: Ne,
-    onMenuOpen: We,
-    onMenuClose: ke,
-    labelOrientation: De = "top",
-    leftContent: Pe,
-    ignoreCase: Xe,
-    ignoreAccents: Ye,
-    matchFrom: Je,
-    stringify: Qe,
-    trim: Ze,
-    filterOption: et,
+    footerContent: Ne,
+    onInputChange: We,
+    getOptionLabel: ke,
+    renderOption: Pe,
+    onMenuOpen: Xe,
+    onMenuClose: De,
+    labelOrientation: ue = "top",
+    leftContent: Ae,
+    ignoreCase: Ye,
+    ignoreAccents: Je,
+    matchFrom: Qe,
+    stringify: Ze,
+    trim: et,
+    filterOption: tt,
     enableSubMenus: y = !1,
-    enableGroups: k = !1,
+    enableGroups: P = !1,
     fetchError: H,
-    onRefetch: Ae,
-    menuWidth: tt,
-    onClearAll: Oe,
-    onFocus: lt,
-    onBlur: nt
-  } = ge, { t: U } = Pt(), re = Le ?? U("select.placeholder"), [b, Ce] = K(He), [G, J] = K(""), [Ie, ae] = K(void 0), [d, v] = K(Me || (f ? [] : null)), [st, oe] = K(null), W = -2, [D, C] = K(-1), ce = z(!1), ue = z(null), de = z(null), it = z(null), X = z(null), j = z(null);
+    onRefetch: Oe,
+    menuWidth: lt,
+    onClearAll: Ce,
+    onFocus: nt,
+    onBlur: st
+  } = Se, { t: W } = At(), de = Fe ?? W("select.placeholder"), [b, Ie] = K(je), [z, Q] = K(""), [Te, fe] = K(void 0), [d, v] = K(Me || (f ? [] : null)), [it, me] = K(null), X = -2, [D, C] = K(-1), pe = M(!1), he = M(null), xe = M(null), rt = M(null), Y = M(null), j = M(null);
   L(() => {
-    se !== void 0 && v(se);
-  }, [se]), L(() => {
+    re !== void 0 && v(re);
+  }, [re]), L(() => {
     if (!(b && E && $ === "menu")) return;
     let e = !1;
     const t = () => {
@@ -83,107 +84,107 @@ const At = (ge) => {
       e = !0, clearTimeout(l);
     };
   }, [b, E, $]);
-  const { flatOptions: p, isProcessing: O, totalOptionsCount: Te, workerSelectAll: rt } = Nt(F, G, {
-    ignoreCase: Xe,
-    ignoreAccents: Ye,
-    matchFrom: Je,
-    stringify: Qe,
-    trim: Ze,
-    filterOption: et,
+  const { flatOptions: m, isProcessing: O, totalOptionsCount: Ee, workerSelectAll: at } = kt(F, z, {
+    ignoreCase: Ye,
+    ignoreAccents: Je,
+    matchFrom: Qe,
+    stringify: Ze,
+    trim: et,
+    filterOption: tt,
     enableSubMenus: y,
-    enableGroups: k
-  }), S = kt(d, f ?? !1), { stats: q, getGroupStats: fe } = Dt(
-    p,
-    Te,
-    G,
+    enableGroups: P
+  }), S = Pt(d, f ?? !1), { stats: q, getGroupStats: ge } = Dt(
+    m,
+    Ee,
+    z,
     S,
     d,
     f ?? !1
-  ), P = mt({
-    count: p.length,
-    getScrollElement: () => X.current,
+  ), A = ht({
+    count: m.length,
+    getScrollElement: () => Y.current,
     estimateSize: () => 34,
     overscan: 5
   });
   L(() => {
     if (!b)
-      ae(void 0), C(-1);
-    else if (ce.current)
-      if (ce.current = !1, E && $ === "menu" && !m)
+      fe(void 0), C(-1);
+    else if (pe.current)
+      if (pe.current = !1, E && $ === "menu" && !p)
         C(-1);
       else {
-        const e = !I && !O && !H && f && Y && !m && p.length > 0;
-        C(e ? W : 0);
+        const e = !I && !O && !H && f && J && !p && m.length > 0;
+        C(e ? X : 0);
       }
   }, [b]), L(() => {
     D !== -1 && C(0);
-  }, [G]), L(() => {
+  }, [z]), L(() => {
     if (!b) return;
     const e = requestAnimationFrame(() => {
-      P.measure();
+      A.measure();
     });
     return () => cancelAnimationFrame(e);
-  }, [b, P]), L(() => {
-    if (b && be && !O && p.length > 0) {
-      const e = p.findIndex((t) => f ? S.mode === "exclude" ? !S.set.has(t.value) : S.set.has(t.value) : d?.value === t.value);
+  }, [b, A]), L(() => {
+    if (b && we && !O && m.length > 0) {
+      const e = m.findIndex((t) => f ? S.mode === "exclude" ? !S.set.has(t.value) : S.set.has(t.value) : d?.value === t.value);
       if (e !== -1) {
         const t = setTimeout(() => {
-          P.scrollToIndex(e, { align: "center" });
+          A.scrollToIndex(e, { align: "center" });
         }, 50);
         return () => clearTimeout(t);
       }
     }
-  }, [b, be, O, p.length, f, S.mode, S.set, d, P]);
-  const _ = z(null);
+  }, [b, we, O, m.length, f, S.mode, S.set, d, A]);
+  const _ = M(null);
   L(() => {
-    if (!X.current || !ie) return;
+    if (!Y.current || !ce) return;
     const e = () => {
       if (I || O) return;
-      const { scrollTop: l, scrollHeight: s, clientHeight: n } = X.current;
+      const { scrollTop: l, scrollHeight: s, clientHeight: n } = Y.current;
       if (s - l - n <= 10) {
         if (_.current) return;
-        ie(), _.current = setTimeout(() => {
+        ce(), _.current = setTimeout(() => {
           _.current = null;
         }, 500);
       }
-    }, t = X.current;
+    }, t = Y.current;
     return t.addEventListener("scroll", e), !I && !O && e(), () => {
       t.removeEventListener("scroll", e), _.current && (clearTimeout(_.current), _.current = null);
     };
   }, [
-    ie,
-    p.length,
+    ce,
+    m.length,
     b,
     I,
     O
   ]);
-  const Q = (e) => {
-    if (!V)
-      if (Ce(e), e)
-        We?.();
+  const Z = (e) => {
+    if (!N)
+      if (Ie(e), e)
+        Xe?.();
       else {
-        const t = d, l = f && w(d) ? d.map((s) => s.value) : void 0;
-        ke?.(t, l), J(""), oe(null);
+        const t = d, l = f && V(d) ? d.map((s) => s.value) : void 0;
+        De?.(t, l), Q(""), me(null);
       }
-  }, Z = (e) => {
-    if (!(V || m || e.isDisabled || ("children" in e || "options" in e) && e.isParentSelectable === !1))
+  }, ee = (e) => {
+    if (!(N || p || e.isDisabled || ("children" in e || "options" in e) && e.isParentSelectable === !1))
       if (f) {
         const l = d || [];
         if ("children" in e || "options" in e) {
-          const n = Vt(
+          const n = Nt(
             e,
             y,
-            k
+            P
           ).filter((i) => !i.isDisabled);
           if (T(l)) {
-            const i = l.excludedValues, r = n.every(
+            const i = l.excludedValues, a = n.every(
               (h) => !i.includes(h.value)
             );
             let c = [...i];
-            r ? n.forEach((h) => {
+            a ? n.forEach((h) => {
               c.includes(h.value) || c.push(h.value);
             }) : c = c.filter(
-              (h) => !n.some((te) => te.value === h)
+              (h) => !n.some((le) => le.value === h)
             );
             const o = {
               isAllSelected: !0,
@@ -193,16 +194,16 @@ const At = (ge) => {
               action: "select-option",
               option: e
             });
-          } else if (w(l)) {
-            const i = l, r = n.every(
+          } else if (V(l)) {
+            const i = l, a = n.every(
               (o) => i.some((h) => h.value === o.value)
             );
             let c = [...i];
-            if (r ? c = c.filter(
+            if (a ? c = c.filter(
               (o) => !n.some((h) => h.value === o.value)
             ) : n.forEach((o) => {
               c.some((h) => h.value === o.value) || c.push(o);
-            }), x && c.length > x)
+            }), g && c.length > g)
               return;
             v(c), u && u(c, {
               action: "select-option",
@@ -213,21 +214,21 @@ const At = (ge) => {
           const s = l.excludedValues, n = s.includes(e.value);
           let i = [...s];
           n ? i = i.filter((c) => c !== e.value) : i.push(e.value);
-          const r = {
+          const a = {
             isAllSelected: !0,
             excludedValues: i
           };
-          v(r), u && u(r, {
+          v(a), u && u(a, {
             action: n ? "select-option" : "deselect-option",
             option: e
           });
-        } else if (w(l)) {
+        } else if (V(l)) {
           const s = l, n = f ? S.mode === "exclude" ? !S.set.has(e.value) : S.set.has(e.value) : d?.value === e.value;
           let i = [];
           if (n)
-            i = s.filter((r) => r.value !== e.value);
+            i = s.filter((a) => a.value !== e.value);
           else {
-            if (x && l.length >= x)
+            if (g && l.length >= g)
               return;
             i = [...s, e];
           }
@@ -240,24 +241,24 @@ const At = (ge) => {
         v(e), u && u(e, {
           action: "select-option",
           option: e
-        }), Re && (Ce(!1), ke?.(e, void 0), J(""));
-  }, pe = async () => {
-    if (!(!f || V || m)) {
+        }), He && (Ie(!1), De?.(e, void 0), Q(""));
+  }, be = async () => {
+    if (!(!f || N || p)) {
       if (F.length > 3e3) {
         try {
-          const e = await rt(
+          const e = await at(
             d,
             T(d),
-            x
+            g
           );
           v(e), u && u(e, { action: "select-option" });
         } catch {
         }
         return;
       }
-      if (G) {
+      if (z) {
         let e = !1;
-        for (const l of p)
+        for (const l of m)
           if (!l.isGroup && !l.isSubmenuParent && !l.isDisabled) {
             e = !0;
             break;
@@ -267,52 +268,52 @@ const At = (ge) => {
         const t = d || [];
         if (T(t)) {
           const l = t.excludedValues, { totalVisible: s, selectedVisible: n } = q, i = s > 0 && s === n;
-          let r = [...l];
+          let a = [...l];
           if (i)
-            for (const o of p)
-              !o.isGroup && !o.isSubmenuParent && !o.isDisabled && (r.includes(o.value) || r.push(o.value));
+            for (const o of m)
+              !o.isGroup && !o.isSubmenuParent && !o.isDisabled && (a.includes(o.value) || a.push(o.value));
           else {
             const o = /* @__PURE__ */ new Set();
-            for (const h of p)
+            for (const h of m)
               !h.isGroup && !h.isSubmenuParent && !h.isDisabled && o.add(h.value);
-            r = r.filter((h) => !o.has(h));
+            a = a.filter((h) => !o.has(h));
           }
           const c = {
             isAllSelected: !0,
-            excludedValues: r
+            excludedValues: a
           };
           v(c), u && u(c, { action: "select-option" });
-        } else if (w(t)) {
+        } else if (V(t)) {
           const l = t, { totalVisible: s, selectedVisible: n } = q, i = s > 0 && s === n;
-          let r = [...l];
+          let a = [...l];
           if (i) {
             const c = /* @__PURE__ */ new Set();
-            for (const o of p)
+            for (const o of m)
               !o.isGroup && !o.isSubmenuParent && !o.isDisabled && c.add(o.value);
-            r = r.filter((o) => !c.has(o.value));
+            a = a.filter((o) => !c.has(o.value));
           } else {
-            const c = new Set(r.map((o) => o.value));
-            for (const o of p)
-              !o.isGroup && !o.isSubmenuParent && !o.isDisabled && (c.has(o.value) || (r.push(o), c.add(o.value)));
+            const c = new Set(a.map((o) => o.value));
+            for (const o of m)
+              !o.isGroup && !o.isSubmenuParent && !o.isDisabled && (c.has(o.value) || (a.push(o), c.add(o.value)));
           }
-          if (x && r.length > x)
+          if (g && a.length > g)
             return;
-          v(r), u && u(r, { action: "select-option" });
+          v(a), u && u(a, { action: "select-option" });
         }
-      } else if (x) {
-        const e = d, { totalVisible: t } = q, l = w(e) ? e.length : 0, s = Math.min(t, x);
-        if (w(e) && l >= s && l > 0) {
+      } else if (g) {
+        const e = d, { totalVisible: t } = q, l = V(e) ? e.length : 0, s = Math.min(t, g);
+        if (V(e) && l >= s && l > 0) {
           const n = e.filter((i) => i.isDisabled);
           v(n), u && u(n, {
             action: "select-option"
           });
-        } else if (w(e)) {
+        } else if (V(e)) {
           const n = e.filter(
-            (r) => r.isDisabled
+            (a) => a.isDisabled
           );
           let i = n.length;
-          for (const r of p)
-            if (!r.isGroup && !r.isSubmenuParent && !r.isDisabled && (n.push(r), i++, i >= x))
+          for (const a of m)
+            if (!a.isGroup && !a.isSubmenuParent && !a.isDisabled && (n.push(a), i++, i >= g))
               break;
           v(n), u && u(n, {
             action: "select-option"
@@ -320,17 +321,17 @@ const At = (ge) => {
         }
       } else {
         const e = d, t = T(e) && e.excludedValues.length === 0;
-        if (ge.enableInvertedSelection)
+        if (Se.enableInvertedSelection)
           if (t) {
-            const l = w(e) ? e.filter((s) => s.isDisabled) : [];
+            const l = V(e) ? e.filter((s) => s.isDisabled) : [];
             v(l), u && u(l, {
               action: "select-option"
             });
           } else {
             const s = {
               isAllSelected: !0,
-              excludedValues: p.filter(
-                (n) => n.isDisabled && (w(e) ? !e.some((i) => i.value === n.value) : !0)
+              excludedValues: m.filter(
+                (n) => n.isDisabled && (V(e) ? !e.some((i) => i.value === n.value) : !0)
               ).map((n) => n.value)
             };
             v(s), u && u(s, { action: "select-option" });
@@ -338,13 +339,13 @@ const At = (ge) => {
         else {
           const { totalVisible: l, selectedVisible: s } = q;
           if (l > 0 && l === s) {
-            const n = w(e) ? e.filter((i) => i.isDisabled) : [];
+            const n = V(e) ? e.filter((i) => i.isDisabled) : [];
             v(n), u && u(n, {
               action: "select-option"
             });
           } else {
-            const n = w(e) ? e.filter((i) => i.isDisabled) : [];
-            for (const i of p)
+            const n = V(e) ? e.filter((i) => i.isDisabled) : [];
+            for (const i of m)
               !i.isGroup && !i.isSubmenuParent && !i.isDisabled && n.push(i);
             v(n), u && u(n, {
               action: "select-option"
@@ -353,12 +354,12 @@ const At = (ge) => {
         }
       }
     }
-  }, at = (e) => {
-    if (e.stopPropagation(), !m)
+  }, ot = (e) => {
+    if (e.stopPropagation(), !p)
       if (f) {
         const t = [], l = (n) => {
           for (const i of n) {
-            if (k && "options" in i) {
+            if (P && "options" in i) {
               l(
                 i.options
               );
@@ -368,33 +369,33 @@ const At = (ge) => {
               l(i.children);
               continue;
             }
-            const r = i;
-            r.isDisabled && (S.mode === "exclude" ? !S.set.has(r.value) : S.set.has(r.value)) && t.push(r);
+            const a = i;
+            a.isDisabled && (S.mode === "exclude" ? !S.set.has(a.value) : S.set.has(a.value)) && t.push(a);
           }
         };
         l(F);
         const s = t;
-        v(s), u && u(s, { action: "clear" }), Oe?.();
+        v(s), u && u(s, { action: "clear" }), Ce?.();
       } else {
         const t = d;
         if (t) {
           let s;
           const n = (i) => {
-            for (const r of i) {
+            for (const a of i) {
               if (s) return;
-              if (k && "options" in r) {
+              if (P && "options" in a) {
                 if (n(
-                  r.options
+                  a.options
                 ), s) return;
                 continue;
               }
-              if (y && "children" in r && Array.isArray(r.children)) {
+              if (y && "children" in a && Array.isArray(a.children)) {
                 if (n(
-                  r.children
+                  a.children
                 ), s) return;
                 continue;
               }
-              const c = r;
+              const c = a;
               if (c.value === t.value) {
                 s = c;
                 return;
@@ -405,496 +406,520 @@ const At = (ge) => {
             return;
         }
         const l = null;
-        v(l), u && u(l, { action: "clear" }), Oe?.();
+        v(l), u && u(l, { action: "clear" }), Ce?.();
       }
-  }, ot = (e) => wt(
+  }, ct = (e) => Vt(
     e,
-    ve ?? !1,
+    Ve ?? !1,
     f ?? !1,
-    je,
+    qe,
     d
-  ), ee = (e) => Ve ? Ve(e) : e.label, Ee = () => {
+  ), te = (e) => ke ? ke(e) : e.label, $e = () => {
     const e = [];
-    return !I && !O && !H && f && Y && !m && p.length > 0 && e.push(W), p.forEach((l, s) => {
+    return !I && !O && !H && f && J && !p && m.length > 0 && e.push(X), m.forEach((l, s) => {
       !l.isGroup && !(y && l.isSubmenuParent) && !l.isDisabled && e.push(s);
     }), e;
-  }, ct = (e) => {
-    if (V || m) return;
+  }, ut = (e) => {
+    if (N || p) return;
     if (!b) {
-      (e.key === "Enter" || e.key === " " || e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), ce.current = !0, Q(!0));
+      (e.key === "Enter" || e.key === " " || e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), pe.current = !0, Z(!0));
       return;
     }
-    if (E && $ === "menu" && !m && j.current) {
+    if (E && $ === "menu" && !p && j.current) {
       document.activeElement !== j.current && j.current.focus();
       return;
     }
-    const t = Ee();
+    const t = $e();
     if (t.length === 0) return;
     const l = t.indexOf(D);
     if (e.key === "ArrowDown") {
       e.preventDefault();
       const s = l < t.length - 1 ? l + 1 : 0, n = t[s];
-      C(n), n >= 0 && P.scrollToIndex(n, { align: "auto" });
+      C(n), n >= 0 && A.scrollToIndex(n, { align: "auto" });
     } else if (e.key === "ArrowUp") {
       e.preventDefault();
       const s = l > 0 ? l - 1 : t.length - 1, n = t[s];
-      C(n), n >= 0 && P.scrollToIndex(n, { align: "auto" });
+      C(n), n >= 0 && A.scrollToIndex(n, { align: "auto" });
     } else if (e.key === "Enter" || e.key === " ") {
-      if (e.preventDefault(), D === W)
-        pe();
-      else if (D >= 0 && D < p.length) {
-        const s = p[D];
-        s.isDisabled || Z(s);
+      if (e.preventDefault(), D === X)
+        be();
+      else if (D >= 0 && D < m.length) {
+        const s = m[D];
+        s.isDisabled || ee(s);
       }
     } else if (e.key === "Escape")
-      e.preventDefault(), Q(!1), ue.current?.focus();
+      e.preventDefault(), Z(!1), he.current?.focus();
     else if (e.key === "Home")
-      e.preventDefault(), t.length > 0 && (C(t[0]), t[0] >= 0 && P.scrollToIndex(t[0], { align: "auto" }));
+      e.preventDefault(), t.length > 0 && (C(t[0]), t[0] >= 0 && A.scrollToIndex(t[0], { align: "auto" }));
     else if (e.key === "End" && (e.preventDefault(), t.length > 0)) {
       const s = t[t.length - 1];
-      C(s), s >= 0 && P.scrollToIndex(s, { align: "auto" });
+      C(s), s >= 0 && A.scrollToIndex(s, { align: "auto" });
     }
-  }, ut = (e) => {
-    const t = Ee();
+  }, dt = (e) => {
+    const t = $e();
     if (t.length === 0) return;
     const l = t.indexOf(D);
     if (e.key === "ArrowDown") {
       e.preventDefault();
       const s = l < t.length - 1 ? l + 1 : 0, n = t[s];
-      C(n), n >= 0 && P.scrollToIndex(n, { align: "auto" });
+      C(n), n >= 0 && A.scrollToIndex(n, { align: "auto" });
     } else if (e.key === "ArrowUp") {
       e.preventDefault();
       const s = l > 0 ? l - 1 : t.length - 1, n = t[s];
-      C(n), n >= 0 && P.scrollToIndex(n, { align: "auto" });
+      C(n), n >= 0 && A.scrollToIndex(n, { align: "auto" });
     } else if (e.key === "Enter") {
-      if (e.preventDefault(), D === W)
-        pe();
-      else if (D >= 0 && D < p.length) {
-        const s = p[D];
-        s.isDisabled || Z(s);
+      if (e.preventDefault(), D === X)
+        be();
+      else if (D >= 0 && D < m.length) {
+        const s = m[D];
+        s.isDisabled || ee(s);
       }
-    } else e.key === "Escape" && (e.preventDefault(), Q(!1), ue.current?.focus());
-  }, dt = () => {
+    } else e.key === "Escape" && (e.preventDefault(), Z(!1), he.current?.focus());
+  }, ft = () => {
     if (f) {
       const e = d || [];
       let t = 0;
-      return T(e) ? t = Te - e.excludedValues.length : w(e) && (t = e.length), t === 0 ? null : t === 1 && w(e) ? /* @__PURE__ */ a("span", { className: A("text-[14px] font-medium truncate min-w-0 block", V ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: ee(e[0]) }) : /* @__PURE__ */ a("span", { className: A("text-[14px] font-medium truncate min-w-0 block", V ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: U("select.selectedCount", { count: t }) });
+      return T(e) ? t = Ee - e.excludedValues.length : V(e) && (t = e.length), t === 0 ? null : t === 1 && V(e) ? /* @__PURE__ */ r("span", { className: w("text-[14px] font-medium truncate min-w-0 block", N ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: te(e[0]) }) : /* @__PURE__ */ r("span", { className: w("text-[14px] font-medium truncate min-w-0 block", N ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: W("select.selectedCount", { count: t }) });
     } else {
       const e = d;
-      return e ? /* @__PURE__ */ a("span", { className: A("text-[14px] font-medium truncate min-w-0 block", V ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: ee(e) }) : null;
+      return e ? /* @__PURE__ */ r("span", { className: w("text-[14px] font-medium truncate min-w-0 block", N ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: te(e) }) : null;
     }
   };
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ x(
     "div",
     {
-      className: A(
+      className: w(
         "flex gap-[6px]",
-        De === "left" ? "w-fit flex-row items-center" : "w-full flex-col",
-        Be
+        ue === "left" ? "w-fit flex-row items-center" : "w-full flex-col",
+        Ke
       ),
-      "data-testid": `select-${N || "default"}`,
+      "data-testid": `select-${k || "default"}`,
       "data-component": "select",
       children: [
-        R && /* @__PURE__ */ g(
+        R && /* @__PURE__ */ x(
           "label",
           {
-            className: A(
+            className: w(
               "text-[12px] font-medium text-[#60697d] leading-[18px]",
-              De === "left" ? "shrink-0" : ""
+              ue === "left" ? "shrink-0" : ""
             ),
             children: [
               R,
               " ",
-              qe && /* @__PURE__ */ a("span", { className: "text-[red]", children: "*" })
+              _e && /* @__PURE__ */ r("span", { className: "text-[red]", children: "*" })
             ]
           }
         ),
-        /* @__PURE__ */ g(ne.Root, { open: b, onOpenChange: Q, children: [
-          /* @__PURE__ */ a(ne.Trigger, { asChild: !0, children: /* @__PURE__ */ a(
-            "div",
-            {
-              ref: ue,
-              className: A(
-                "relative h-[32px] w-full cursor-pointer rounded-[8px] border border-solid px-3 py-1 text-left shadow-sm sm:text-sm transition-all flex items-center overflow-hidden",
-                ye ? "border-[#e15554] focus-visible:ring-[#e15554]" : "border-[#c3c8d4] hover:border-gray-400 focus-visible:border-indigo-500 focus-visible:ring-1 focus-visible:ring-indigo-500",
-                V ? "bg-[#f2f4fb] cursor-not-allowed opacity-75" : "",
-                m ? "cursor-default  bg-[#f2f4fb]" : "",
-                b ? "ring-1 ring-indigo-500 border-indigo-500" : "",
-                !V && !m && "bg-white",
-                _e
-              ),
-              id: N,
-              tabIndex: V ? -1 : 0,
-              onFocus: lt,
-              onBlur: nt,
-              role: "combobox",
-              "aria-expanded": b,
-              "aria-haspopup": "listbox",
-              "aria-label": R ? String(R) : re,
-              "data-component": "select-trigger",
-              "data-disabled": V || void 0,
-              "data-state": b ? "open" : "closed",
-              onKeyDown: ct,
-              children: /* @__PURE__ */ g("div", { className: "flex items-center justify-between w-full min-w-0 max-w-full", children: [
-                Pe && /* @__PURE__ */ a("div", { className: "flex items-center text-gray-500 shrink-0", children: Pe }),
-                /* @__PURE__ */ g(
-                  "div",
-                  {
-                    className: "flex-1 flex items-center overflow-hidden min-w-0 max-w-full",
-                    "data-testid": `select-value-${N || "default"}`,
-                    children: [
-                      dt() || /* @__PURE__ */ a(
-                        "span",
-                        {
-                          className: "text-[#b4bac7] font-normal text-[14px] truncate min-w-0 block",
-                          "data-testid": `select-placeholder-${N || "default"}`,
-                          "data-has-value": !1,
-                          children: re
-                        }
-                      ),
-                      E && b && $ === "trigger" && !m && /* @__PURE__ */ a(
-                        "input",
-                        {
-                          ref: it,
-                          type: "text",
-                          className: "flex-1 min-w-[50px] border-none p-0 focus:ring-0 text-sm outline-none h-full",
-                          value: G,
-                          onChange: (e) => J(e.target.value),
-                          onClick: (e) => e.stopPropagation(),
-                          autoFocus: Fe,
-                          name: Ke || void 0
-                        }
-                      )
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ a("div", { className: "flex items-center gap-1 text-gray-400 shrink-0", children: !b && (I || O) ? /* @__PURE__ */ a(gt, { size: "14px" }) : /* @__PURE__ */ g(pt, { children: [
-                  ze && !m && !V && (f && (T(
-                    d
-                  ) && d.isAllSelected || w(d) && d.length > 0) || !f && d) && /* @__PURE__ */ a(
-                    "div",
-                    {
-                      role: "button",
-                      onClick: at,
-                      className: "hover:text-gray-600 p-0.5",
-                      children: /* @__PURE__ */ a(bt, { size: "11px", color: "#758490" })
-                    }
-                  ),
-                  /* @__PURE__ */ a(
-                    $e,
-                    {
-                      size: "16px",
-                      className: A(
-                        "transition-transform duration-200",
-                        b ? "-rotate-90" : "rotate-90"
-                      )
-                    }
-                  )
-                ] }) })
-              ] })
-            }
-          ) }),
-          /* @__PURE__ */ a(ne.Portal, { children: /* @__PURE__ */ g(
-            ne.Content,
-            {
-              ref: de,
-              side: "bottom",
-              sideOffset: 4,
-              align: "start",
-              avoidCollisions: !0,
-              collisionPadding: 8,
-              onOpenAutoFocus: (e) => e.preventDefault(),
-              onWheel: (e) => e.stopPropagation(),
-              style: {
-                width: tt || "var(--radix-popover-trigger-width)",
-                maxHeight: "var(--radix-popover-content-available-height)",
-                minHeight: Ie ? `${Ie}px` : void 0
-              },
-              className: A(
-                "z-50 overflow-hidden rounded-[12px] text-base shadow-[0px_1px_6px_0px_rgba(26,39,124,0.14)] focus:outline-none sm:text-sm flex flex-col border-none pointer-events-auto",
-                m ? "bg-[#f5f5f5]" : "bg-white"
-              ),
-              "data-testid": `select-menu-${N || "default"}`,
-              "data-component": "select-menu",
-              children: [
-                /* @__PURE__ */ g(
+        /* @__PURE__ */ x(
+          "div",
+          {
+            className: w(
+              ue === "left" ? "min-w-0 flex-1" : "w-full min-w-0",
+              U && oe === "absolute" && "relative"
+            ),
+            children: [
+              /* @__PURE__ */ x(se.Root, { open: b, onOpenChange: Z, children: [
+                /* @__PURE__ */ r(se.Trigger, { asChild: !0, children: /* @__PURE__ */ r(
                   "div",
                   {
-                    className: A(
-                      "flex flex-col z-10 sticky top-0 px-[6px] pt-[8px]",
-                      m ? "bg-[#f5f5f5]" : "bg-white",
-                      !H && (E && $ === "menu" && !m || f && Y && !m && p.length > 0) ? "border-b border-solid border-gray-100" : ""
+                    ref: he,
+                    className: w(
+                      "relative h-[32px] w-full cursor-pointer rounded-[8px] border border-solid px-3 py-1 text-left shadow-sm sm:text-sm transition-all flex items-center overflow-hidden",
+                      ae ? "border-[#e15554] focus-visible:ring-[#e15554]" : "border-[#c3c8d4] hover:border-gray-400 focus-visible:border-indigo-500 focus-visible:ring-1 focus-visible:ring-indigo-500",
+                      N ? "bg-[#f2f4fb] cursor-not-allowed opacity-75" : "",
+                      p ? "cursor-default  bg-[#f2f4fb]" : "",
+                      b ? "ring-1 ring-indigo-500 border-indigo-500" : "",
+                      !N && !p && "bg-white",
+                      Be
                     ),
-                    children: [
-                      E && $ === "menu" && !m && !H && /* @__PURE__ */ a(
+                    id: k,
+                    tabIndex: N ? -1 : 0,
+                    onFocus: nt,
+                    onBlur: st,
+                    role: "combobox",
+                    "aria-expanded": b,
+                    "aria-haspopup": "listbox",
+                    "aria-label": R ? String(R) : de,
+                    "data-component": "select-trigger",
+                    "data-disabled": N || void 0,
+                    "data-state": b ? "open" : "closed",
+                    onKeyDown: ut,
+                    children: /* @__PURE__ */ x("div", { className: "flex items-center justify-between w-full min-w-0 max-w-full", children: [
+                      Ae && /* @__PURE__ */ r("div", { className: "flex items-center text-gray-500 shrink-0", children: Ae }),
+                      /* @__PURE__ */ x(
                         "div",
                         {
-                          className: "p-0",
-                          "data-testid": `select-search-container-${N || "default"}`,
-                          children: /* @__PURE__ */ g("div", { className: "relative", children: [
-                            /* @__PURE__ */ a("div", { className: "absolute inset-y-0 left-[12px] flex items-center pointer-events-none", children: /* @__PURE__ */ a(vt, { size: "14px", color: "#AFAFAF" }) }),
-                            /* @__PURE__ */ a(
+                          className: "flex-1 flex items-center overflow-hidden min-w-0 max-w-full",
+                          "data-testid": `select-value-${k || "default"}`,
+                          children: [
+                            ft() || /* @__PURE__ */ r(
+                              "span",
+                              {
+                                className: "text-[#b4bac7] font-normal text-[14px] truncate min-w-0 block",
+                                "data-testid": `select-placeholder-${k || "default"}`,
+                                "data-has-value": !1,
+                                children: de
+                              }
+                            ),
+                            E && b && $ === "trigger" && !p && /* @__PURE__ */ r(
                               "input",
                               {
-                                ref: j,
+                                ref: rt,
                                 type: "text",
-                                className: "block w-full pl-[34px] pr-4 h-[35px] border-none border-b border-primary text-sm outline-none focus-visible:ring-1 focus-visible:ring-indigo-500 focus-visible:rounded-md",
-                                placeholder: U("select.searchHere"),
-                                value: G,
-                                onKeyDown: ut,
-                                onChange: (e) => {
-                                  const t = e.target.value;
-                                  G === "" && t !== "" ? de.current && ae(de.current.offsetHeight) : t === "" && ae(void 0), J(t), Ue?.(t);
-                                },
+                                className: "flex-1 min-w-[50px] border-none p-0 focus:ring-0 text-sm outline-none h-full",
+                                value: z,
+                                onChange: (e) => Q(e.target.value),
                                 onClick: (e) => e.stopPropagation(),
-                                "data-testid": `select-search-input-${N || "default"}`
+                                autoFocus: Re,
+                                name: Ue || void 0
                               }
                             )
-                          ] })
+                          ]
                         }
                       ),
-                      !I && !O && !H && f && Y && !m && p.length > 0 && /* @__PURE__ */ a(
+                      /* @__PURE__ */ r("div", { className: "flex items-center gap-1 text-gray-400 shrink-0", children: !b && (I || O) ? /* @__PURE__ */ r(bt, { size: "14px" }) : /* @__PURE__ */ x(pt, { children: [
+                        Le && !p && !N && (f && (T(
+                          d
+                        ) && d.isAllSelected || V(d) && d.length > 0) || !f && d) && /* @__PURE__ */ r(
+                          "div",
+                          {
+                            role: "button",
+                            onClick: ot,
+                            className: "hover:text-gray-600 p-0.5",
+                            children: /* @__PURE__ */ r(vt, { size: "11px", color: "#758490" })
+                          }
+                        ),
+                        /* @__PURE__ */ r(
+                          ze,
+                          {
+                            size: "16px",
+                            className: w(
+                              "transition-transform duration-200",
+                              b ? "-rotate-90" : "rotate-90"
+                            )
+                          }
+                        )
+                      ] }) })
+                    ] })
+                  }
+                ) }),
+                /* @__PURE__ */ r(se.Portal, { children: /* @__PURE__ */ x(
+                  se.Content,
+                  {
+                    ref: xe,
+                    side: "bottom",
+                    sideOffset: 4,
+                    align: "start",
+                    avoidCollisions: !0,
+                    collisionPadding: 8,
+                    onOpenAutoFocus: (e) => e.preventDefault(),
+                    onWheel: (e) => e.stopPropagation(),
+                    style: {
+                      width: lt || "var(--radix-popover-trigger-width)",
+                      maxHeight: "var(--radix-popover-content-available-height)",
+                      minHeight: Te ? `${Te}px` : void 0
+                    },
+                    className: w(
+                      "z-50 overflow-hidden rounded-[12px] text-base shadow-[0px_1px_6px_0px_rgba(26,39,124,0.14)] focus:outline-none sm:text-sm flex flex-col border-none pointer-events-auto",
+                      p ? "bg-[#f5f5f5]" : "bg-white"
+                    ),
+                    "data-testid": `select-menu-${k || "default"}`,
+                    "data-component": "select-menu",
+                    children: [
+                      /* @__PURE__ */ x(
                         "div",
                         {
-                          className: "pb-1",
-                          "data-testid": `select-select-all-container-${N || "default"}`,
-                          children: /* @__PURE__ */ a(
-                            "div",
-                            {
-                              className: A(
-                                "flex items-center justify-between cursor-pointer rounded-md hover:bg-gray-100 transition-colors py-[6px] px-3 w-full",
-                                D === W && "ring-2 ring-inset ring-primary bg-[#edf0ff]"
-                              ),
-                              onClick: pe,
-                              role: "option",
-                              "aria-selected": !1,
-                              "data-testid": `select-select-all-button-${N || "default"}`,
-                              children: /* @__PURE__ */ g("div", { className: "flex items-center flex-1", children: [
-                                /* @__PURE__ */ a("div", { className: "pointer-events-none flex", children: /* @__PURE__ */ a(
-                                  Ge,
-                                  {
-                                    checked: (() => {
-                                      const { totalVisible: e, selectedVisible: t } = q;
-                                      if (e === 0) return !1;
-                                      const l = x ? Math.min(e, x) : e;
-                                      return t > 0 && t < l ? "indeterminate" : t >= l;
-                                    })(),
-                                    disabled: V || m,
-                                    onChange: () => {
-                                    },
-                                    "data-testid": `select-select-all-checkbox-${N || "default"}`
-                                  }
-                                ) }),
-                                /* @__PURE__ */ a(
-                                  "span",
+                          className: w(
+                            "flex flex-col z-10 sticky top-0 px-[6px] pt-[8px]",
+                            p ? "bg-[#f5f5f5]" : "bg-white",
+                            !H && (E && $ === "menu" && !p || f && J && !p && m.length > 0) ? "border-b border-solid border-gray-100" : ""
+                          ),
+                          children: [
+                            E && $ === "menu" && !p && !H && /* @__PURE__ */ r(
+                              "div",
+                              {
+                                className: "p-0",
+                                "data-testid": `select-search-container-${k || "default"}`,
+                                children: /* @__PURE__ */ x("div", { className: "relative", children: [
+                                  /* @__PURE__ */ r("div", { className: "absolute inset-y-0 left-[12px] flex items-center pointer-events-none", children: /* @__PURE__ */ r(yt, { size: "14px", color: "#AFAFAF" }) }),
+                                  /* @__PURE__ */ r(
+                                    "input",
+                                    {
+                                      ref: j,
+                                      type: "text",
+                                      className: "block w-full pl-[34px] pr-4 h-[35px] border-none border-b border-primary text-sm outline-none focus-visible:ring-1 focus-visible:ring-indigo-500 focus-visible:rounded-md",
+                                      placeholder: W("select.searchHere"),
+                                      value: z,
+                                      onKeyDown: dt,
+                                      onChange: (e) => {
+                                        const t = e.target.value;
+                                        z === "" && t !== "" ? xe.current && fe(xe.current.offsetHeight) : t === "" && fe(void 0), Q(t), We?.(t);
+                                      },
+                                      onClick: (e) => e.stopPropagation(),
+                                      "data-testid": `select-search-input-${k || "default"}`
+                                    }
+                                  )
+                                ] })
+                              }
+                            ),
+                            !I && !O && !H && f && J && !p && m.length > 0 && /* @__PURE__ */ r(
+                              "div",
+                              {
+                                className: "pb-1",
+                                "data-testid": `select-select-all-container-${k || "default"}`,
+                                children: /* @__PURE__ */ r(
+                                  "div",
                                   {
-                                    className: "text-sm font-medium text-gray-700",
-                                    "data-testid": `select-select-all-label-${N || "default"}`,
-                                    children: (() => {
-                                      const { totalVisible: e, selectedVisible: t } = q, l = x ? Math.min(e, x) : e, s = e > 0 && t >= l;
-                                      return U(s ? "select.unselectAll" : "select.selectAll");
-                                    })()
+                                    className: w(
+                                      "flex items-center justify-between cursor-pointer rounded-md hover:bg-gray-100 transition-colors py-[6px] px-3 w-full",
+                                      D === X && "ring-2 ring-inset ring-primary bg-[#edf0ff]"
+                                    ),
+                                    onClick: be,
+                                    role: "option",
+                                    "aria-selected": !1,
+                                    "data-testid": `select-select-all-button-${k || "default"}`,
+                                    children: /* @__PURE__ */ x("div", { className: "flex items-center flex-1", children: [
+                                      /* @__PURE__ */ r("div", { className: "pointer-events-none flex", children: /* @__PURE__ */ r(
+                                        Ge,
+                                        {
+                                          checked: (() => {
+                                            const { totalVisible: e, selectedVisible: t } = q;
+                                            if (e === 0) return !1;
+                                            const l = g ? Math.min(e, g) : e;
+                                            return t > 0 && t < l ? "indeterminate" : t >= l;
+                                          })(),
+                                          disabled: N || p,
+                                          onChange: () => {
+                                          },
+                                          "data-testid": `select-select-all-checkbox-${k || "default"}`
+                                        }
+                                      ) }),
+                                      /* @__PURE__ */ r(
+                                        "span",
+                                        {
+                                          className: "text-sm font-medium text-gray-700",
+                                          "data-testid": `select-select-all-label-${k || "default"}`,
+                                          children: (() => {
+                                            const { totalVisible: e, selectedVisible: t } = q, l = g ? Math.min(e, g) : e, s = e > 0 && t >= l;
+                                            return W(s ? "select.unselectAll" : "select.selectAll");
+                                          })()
+                                        }
+                                      )
+                                    ] })
                                   }
                                 )
-                              ] })
-                            }
-                          )
+                              }
+                            )
+                          ]
                         }
-                      )
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ a(
-                  "div",
-                  {
-                    ref: X,
-                    role: "listbox",
-                    "aria-label": R ? String(R) : re,
-                    className: "flex-1 overflow-auto py-1 px-[6px]",
-                    style: {
-                      maxHeight: "297px",
-                      overscrollBehavior: "contain"
-                    },
-                    onWheel: (e) => e.stopPropagation(),
-                    children: H ? /* @__PURE__ */ g("div", { className: "flex flex-col items-center justify-center py-8 px-4 text-center", children: [
-                      /* @__PURE__ */ a("p", { className: "text-sm  text-gray-500 font-medium mb-3", children: "Something went wrong" }),
-                      Ae && /* @__PURE__ */ a(
-                        yt,
+                      ),
+                      /* @__PURE__ */ r(
+                        "div",
                         {
-                          size: "sm",
-                          variant: "outline",
-                          onClick: () => Ae(),
-                          children: "Refetch"
-                        }
-                      )
-                    ] }) : p.length === 0 && !I && !O ? /* @__PURE__ */ a("div", { className: "flex items-center justify-center py-8 text-sm text-gray-500", children: "No options found" }) : I || O ? /* @__PURE__ */ a("div", { className: "px-1 py-1 space-y-1", children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ g(
-                      "div",
-                      {
-                        className: "flex items-center gap-2 px-3 py-2 animate-pulse",
-                        children: [
-                          f && /* @__PURE__ */ a("div", { className: "w-4 h-4 bg-gray-200 rounded shrink-0" }),
-                          /* @__PURE__ */ a("div", { className: "h-4 bg-gray-200 rounded w-full" })
-                        ]
-                      },
-                      t
-                    )) }) : /* @__PURE__ */ a(
-                      "div",
-                      {
-                        style: {
-                          height: `${P.getTotalSize()}px`,
-                          width: "100%",
-                          position: "relative"
-                        },
-                        children: P.getVirtualItems().map((e) => {
-                          const t = p[e.index], l = f ? S.mode === "exclude" ? !S.set.has(t.value) : S.set.has(t.value) : d?.value === t.value, s = d || [], n = f && x ? T(s) ? !1 : w(s) && s.length >= x : !1, i = t.isDisabled || n && !l && !(k && t.isGroup) && !(y && t.isSubmenuParent), r = k && t.isGroup || y && t.isSubmenuParent ? fe(t.original) : void 0, c = r?.selected || 0, o = r?.total || 0, h = c > 0 && c < o, te = t.isParentSelectable !== !1, me = N || "default", le = String(t.value || ""), he = ee(
+                          ref: Y,
+                          role: "listbox",
+                          "aria-label": R ? String(R) : de,
+                          className: "flex-1 overflow-auto py-1 px-[6px]",
+                          style: {
+                            maxHeight: "297px",
+                            overscrollBehavior: "contain"
+                          },
+                          onWheel: (e) => e.stopPropagation(),
+                          children: H ? /* @__PURE__ */ x("div", { className: "flex flex-col items-center justify-center py-8 px-4 text-center", children: [
+                            /* @__PURE__ */ r("p", { className: "text-sm  text-gray-500 font-medium mb-3", children: "Something went wrong" }),
+                            Oe && /* @__PURE__ */ r(
+                              St,
+                              {
+                                size: "sm",
+                                variant: "outline",
+                                onClick: () => Oe(),
+                                children: "Refetch"
+                              }
+                            )
+                          ] }) : m.length === 0 && !I && !O ? /* @__PURE__ */ r("div", { className: "flex items-center justify-center py-8 text-sm text-gray-500", children: "No options found" }) : I || O ? /* @__PURE__ */ r("div", { className: "px-1 py-1 space-y-1", children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ x(
+                            "div",
+                            {
+                              className: "flex items-center gap-2 px-3 py-2 animate-pulse",
+                              children: [
+                                f && /* @__PURE__ */ r("div", { className: "w-4 h-4 bg-gray-200 rounded shrink-0" }),
+                                /* @__PURE__ */ r("div", { className: "h-4 bg-gray-200 rounded w-full" })
+                              ]
+                            },
                             t
-                          ), ft = typeof he == "string" ? he : le;
-                          return /* @__PURE__ */ g(
+                          )) }) : /* @__PURE__ */ r(
                             "div",
                             {
-                              "data-index": e.index,
-                              ref: P.measureElement,
-                              className: "absolute left-0 w-full pb-[2px]",
                               style: {
-                                transform: `translateY(${e.start}px)`,
-                                width: "100%"
+                                height: `${A.getTotalSize()}px`,
+                                width: "100%",
+                                position: "relative"
                               },
-                              "data-testid": `select-option-wrapper-${me}-${le}`,
-                              children: [
-                                /* @__PURE__ */ a(
+                              children: A.getVirtualItems().map((e) => {
+                                const t = m[e.index], l = f ? S.mode === "exclude" ? !S.set.has(t.value) : S.set.has(t.value) : d?.value === t.value, s = d || [], n = f && g ? T(s) ? !1 : V(s) && s.length >= g : !1, i = t.isDisabled || n && !l && !(P && t.isGroup) && !(y && t.isSubmenuParent), a = P && t.isGroup || y && t.isSubmenuParent ? ge(t.original) : void 0, c = a?.selected || 0, o = a?.total || 0, h = c > 0 && c < o, le = t.isParentSelectable !== !1, ve = k || "default", ne = String(t.value || ""), ye = te(
+                                  t
+                                ), mt = typeof ye == "string" ? ye : ne;
+                                return /* @__PURE__ */ x(
                                   "div",
                                   {
-                                    className: A(
-                                      "cursor-default select-none py-[6px] px-3 flex items-center justify-between transition-colors rounded-md",
-                                      i ? "opacity-50 cursor-not-allowed bg-[#f5f5f5]" : m ? "cursor-default" : "hover:bg-gray-100 cursor-pointer",
-                                      l && !i && !(k && t.isGroup) && !(y && t.isSubmenuParent) ? "bg-[#edf0ff] text-[#1f2b4d]" : "text-[#1f2b4d]",
-                                      D === e.index && !i && "ring-2 ring-inset ring-primary bg-[#edf0ff]"
-                                    ),
+                                    "data-index": e.index,
+                                    ref: A.measureElement,
+                                    className: "absolute left-0 w-full pb-[2px]",
                                     style: {
-                                      paddingLeft: `${t.depth * 16 + 12}px`
+                                      transform: `translateY(${e.start}px)`,
+                                      width: "100%"
                                     },
-                                    onClick: () => {
-                                      i || (k && t.isGroup || y && t.isSubmenuParent) && !te || Z(t);
-                                    },
-                                    onMouseEnter: (M) => {
-                                      if (y && t.isSubmenuParent) {
-                                        oe(t.value);
-                                        const B = M.currentTarget.getBoundingClientRect();
-                                        t.rect = B;
-                                      } else
-                                        oe(null);
-                                    },
-                                    "data-testid": `select-option-${me}-${le}`,
-                                    "data-state": l ? "checked" : "unchecked",
-                                    "data-disabled": i || void 0,
-                                    "data-component": "select-option",
-                                    role: "option",
-                                    "aria-selected": l,
-                                    "aria-disabled": i || void 0,
-                                    children: Ne ? Ne(
-                                      {
-                                        onClick: () => {
-                                        },
-                                        className: "w-full",
-                                        selected: l,
-                                        disabled: i
-                                      },
-                                      t
-                                    ) : /* @__PURE__ */ g("div", { className: "flex items-center flex-1 overflow-hidden", children: [
-                                      f && (k && t.isGroup || y && t.isSubmenuParent ? te : !0) && /* @__PURE__ */ a(
-                                        Ge,
-                                        {
-                                          checked: h ? "indeterminate" : l,
-                                          disabled: i || m,
-                                          onChange: () => {
-                                          }
-                                        }
-                                      ),
-                                      ve && !(k && t.isGroup) && !(y && t.isSubmenuParent) ? /* @__PURE__ */ a(
-                                        ht,
+                                    "data-testid": `select-option-wrapper-${ve}-${ne}`,
+                                    children: [
+                                      /* @__PURE__ */ r(
+                                        "div",
                                         {
-                                          label: ee(
-                                            t
+                                          className: w(
+                                            "cursor-default select-none py-[6px] px-3 flex items-center justify-between transition-colors rounded-md",
+                                            i ? "opacity-50 cursor-not-allowed bg-[#f5f5f5]" : p ? "cursor-default" : "hover:bg-gray-100 cursor-pointer",
+                                            l && !i && !(P && t.isGroup) && !(y && t.isSubmenuParent) ? "bg-[#edf0ff] text-[#1f2b4d]" : "text-[#1f2b4d]",
+                                            D === e.index && !i && "ring-2 ring-inset ring-primary bg-[#edf0ff]"
                                           ),
-                                          sequence: ot(t)
-                                        }
-                                      ) : /* @__PURE__ */ g("div", { className: "flex items-center gap-2 overflow-hidden w-full", children: [
-                                        /* @__PURE__ */ a(
-                                          "span",
-                                          {
-                                            className: A(
-                                              "block truncate",
-                                              k && t.isGroup ? "text-xs font-semibold text-gray-400 uppercase tracking-wider" : l && !(y && t.isSubmenuParent) ? "font-medium" : "font-normal",
-                                              !(k && t.isGroup) && "text-[14px]"
+                                          style: {
+                                            paddingLeft: `${t.depth * 16 + 12}px`
+                                          },
+                                          onClick: () => {
+                                            i || (P && t.isGroup || y && t.isSubmenuParent) && !le || ee(t);
+                                          },
+                                          onMouseEnter: (G) => {
+                                            if (y && t.isSubmenuParent) {
+                                              me(t.value);
+                                              const B = G.currentTarget.getBoundingClientRect();
+                                              t.rect = B;
+                                            } else
+                                              me(null);
+                                          },
+                                          "data-testid": `select-option-${ve}-${ne}`,
+                                          "data-state": l ? "checked" : "unchecked",
+                                          "data-disabled": i || void 0,
+                                          "data-component": "select-option",
+                                          role: "option",
+                                          "aria-selected": l,
+                                          "aria-disabled": i || void 0,
+                                          children: Pe ? Pe(
+                                            {
+                                              onClick: () => {
+                                              },
+                                              className: "w-full",
+                                              selected: l,
+                                              disabled: i
+                                            },
+                                            t
+                                          ) : /* @__PURE__ */ x("div", { className: "flex items-center flex-1 overflow-hidden", children: [
+                                            f && (P && t.isGroup || y && t.isSubmenuParent ? le : !0) && /* @__PURE__ */ r(
+                                              Ge,
+                                              {
+                                                checked: h ? "indeterminate" : l,
+                                                disabled: i || p,
+                                                onChange: () => {
+                                                }
+                                              }
                                             ),
-                                            "data-testid": `select-option-label-${me}-${le}`,
-                                            "data-state": l ? "checked" : "unchecked",
-                                            title: ft,
-                                            children: he
-                                          }
-                                        ),
-                                        (k && t.isGroup || y && t.isSubmenuParent) && c > 0 && /* @__PURE__ */ a("span", { className: "inline-flex items-center justify-center px-1.5 py-0.5 rounded-full text-xs font-medium bg-indigo-100 text-indigo-800", children: c })
-                                      ] }),
-                                      y && t.isSubmenuParent && /* @__PURE__ */ a(
-                                        $e,
+                                            Ve && !(P && t.isGroup) && !(y && t.isSubmenuParent) ? /* @__PURE__ */ r(
+                                              xt,
+                                              {
+                                                label: te(
+                                                  t
+                                                ),
+                                                sequence: ct(t)
+                                              }
+                                            ) : /* @__PURE__ */ x("div", { className: "flex items-center gap-2 overflow-hidden w-full", children: [
+                                              /* @__PURE__ */ r(
+                                                "span",
+                                                {
+                                                  className: w(
+                                                    "block truncate",
+                                                    P && t.isGroup ? "text-xs font-semibold text-gray-400 uppercase tracking-wider" : l && !(y && t.isSubmenuParent) ? "font-medium" : "font-normal",
+                                                    !(P && t.isGroup) && "text-[14px]"
+                                                  ),
+                                                  "data-testid": `select-option-label-${ve}-${ne}`,
+                                                  "data-state": l ? "checked" : "unchecked",
+                                                  title: mt,
+                                                  children: ye
+                                                }
+                                              ),
+                                              (P && t.isGroup || y && t.isSubmenuParent) && c > 0 && /* @__PURE__ */ r("span", { className: "inline-flex items-center justify-center px-1.5 py-0.5 rounded-full text-xs font-medium bg-indigo-100 text-indigo-800", children: c })
+                                            ] }),
+                                            y && t.isSubmenuParent && /* @__PURE__ */ r(
+                                              ze,
+                                              {
+                                                size: "12px",
+                                                className: "text-gray-400"
+                                              }
+                                            )
+                                          ] })
+                                        }
+                                      ),
+                                      y && it === t.value && t.isSubmenuParent && t.rect && /* @__PURE__ */ r(
+                                        gt,
                                         {
-                                          size: "12px",
-                                          className: "text-gray-400"
+                                          parentOption: t,
+                                          isMulti: !!f,
+                                          isReadOnly: !!p,
+                                          isSelected: (G) => wt(G, d, !!f),
+                                          getIndeterminateState: (G) => {
+                                            const B = ge(G);
+                                            return B ? B.selected > 0 && B.selected < B.total : !1;
+                                          },
+                                          getSelectedCount: (G) => ge(G)?.selected || 0,
+                                          handleSelect: ee,
+                                          id: k
                                         }
                                       )
-                                    ] })
-                                  }
-                                ),
-                                y && st === t.value && t.isSubmenuParent && t.rect && /* @__PURE__ */ a(
-                                  xt,
-                                  {
-                                    parentOption: t,
-                                    isMulti: !!f,
-                                    isReadOnly: !!m,
-                                    isSelected: (M) => St(M, d, !!f),
-                                    getIndeterminateState: (M) => {
-                                      const B = fe(M);
-                                      return B ? B.selected > 0 && B.selected < B.total : !1;
-                                    },
-                                    getSelectedCount: (M) => fe(M)?.selected || 0,
-                                    handleSelect: Z,
-                                    id: N
-                                  }
-                                )
-                              ]
-                            },
-                            e.key
-                          );
-                        })
-                      }
-                    )
+                                    ]
+                                  },
+                                  e.key
+                                );
+                              })
+                            }
+                          )
+                        }
+                      ),
+                      (Ne || g || F.length > 5e3) && /* @__PURE__ */ r("div", { className: "px-3 py-[10px] border-t border-solid border-gray-100 z-10 sticky bottom-0 bg-white", children: g ? /* @__PURE__ */ x("div", { className: "flex items-center gap-2 text-gray-500 px-2", children: [
+                        /* @__PURE__ */ r(ie, { size: "12px", className: "text-gray-400" }),
+                        /* @__PURE__ */ x("span", { className: "text-xs font-medium leading-4 text-[#60697d]", children: [
+                          "Maximum ",
+                          g,
+                          " selections"
+                        ] })
+                      ] }) : F.length > 5e3 ? /* @__PURE__ */ x("div", { className: "flex items-center gap-2 text-gray-500 px-2", children: [
+                        /* @__PURE__ */ r(ie, { size: "12px", className: "text-gray-400" }),
+                        /* @__PURE__ */ r("span", { className: "text-xs font-medium leading-4 text-[#60697d]", children: "Large dataset detected. Operations might be slower." })
+                      ] }) : Ne })
+                    ]
                   }
-                ),
-                (we || x || F.length > 5e3) && /* @__PURE__ */ a("div", { className: "px-3 py-[10px] border-t border-solid border-gray-100 z-10 sticky bottom-0 bg-white", children: x ? /* @__PURE__ */ g("div", { className: "flex items-center gap-2 text-gray-500 px-2", children: [
-                  /* @__PURE__ */ a(xe, { size: "12px", className: "text-gray-400" }),
-                  /* @__PURE__ */ g("span", { className: "text-xs font-medium leading-4 text-[#60697d]", children: [
-                    "Maximum ",
-                    x,
-                    " selections"
-                  ] })
-                ] }) : F.length > 5e3 ? /* @__PURE__ */ g("div", { className: "flex items-center gap-2 text-gray-500 px-2", children: [
-                  /* @__PURE__ */ a(xe, { size: "12px", className: "text-gray-400" }),
-                  /* @__PURE__ */ a("span", { className: "text-xs font-medium leading-4 text-[#60697d]", children: "Large dataset detected. Operations might be slower." })
-                ] }) : we })
-              ]
-            }
-          ) })
-        ] }),
-        Se && /* @__PURE__ */ g(
+                ) })
+              ] }),
+              U && oe === "absolute" && /* @__PURE__ */ x(
+                "p",
+                {
+                  className: w(
+                    "absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full items-center gap-1 text-[12px] font-medium leading-[18px]",
+                    ae ? "text-[#e15554]" : "text-gray-500"
+                  ),
+                  children: [
+                    /* @__PURE__ */ r(ie, { size: "xs", className: "shrink-0" }),
+                    /* @__PURE__ */ r("span", { className: "min-w-0", children: U })
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        U && oe === "flow" && /* @__PURE__ */ x(
           "p",
           {
-            className: A(
-              "text-[12px] mt-1 flex items-center gap-1",
-              ye ? "text-[#e15554]" : "text-gray-500"
+            className: w(
+              "text-[12px] font-medium leading-[18px] mt-1 flex items-center gap-1",
+              ae ? "text-[#e15554]" : "text-gray-500"
             ),
             children: [
-              /* @__PURE__ */ a(xe, { size: "12px" }),
-              Se
+              /* @__PURE__ */ r(ie, { size: "xs" }),
+              U
             ]
           }
         )
@@ -902,7 +927,7 @@ const At = (ge) => {
     }
   );
 };
-At.displayName = "Select";
+Ot.displayName = "Select";
 export {
-  At as default
+  Ot as default
 };