impact-nova 1.7.24 → 1.7.26

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

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