impact-nova 1.7.33 → 1.7.34

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

@@ -1,40 +1,40 @@
 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 bt, { useState as W, useRef as R, useEffect as I } 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 yt from "./components/LabelWithSequence.js";
+import St 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 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 { isInvertedSelection as L, isOptionArray as V, isSelected as Pt, getSequence as Dt, getLeafOptions as Ct } from "./utils/select.js";
+import { useFlattenOptions as Ot } from "./hooks/useFlattenOptions.js";
+import { useSelectionModel as At } from "./hooks/useSelectionModel.js";
+import { useVisibleStats as It } from "./hooks/useVisibleStats.js";
 import { useImpactNovaI18n as Et } from "../../../i18n/ImpactNovaI18nContext.js";
 const Tt = (Ve) => {
   const {
-    options: R,
+    options: H,
     value: ce,
     defaultValue: Re,
     onChange: u,
-    isMulti: m,
+    isMulti: p,
     isDisabled: k,
     isLoading: E,
     isClearable: He = !0,
-    isSearchable: L = !0,
+    isSearchable: z = !0,
     placeholder: _e,
     // menuPortalTarget is kept for API compatibility but no longer used (Radix handles portalling)
     menuPortalTarget: Lt,
     autoFocus: je,
-    closeMenuOnSelect: qe = !m,
+    closeMenuOnSelect: qe = !p,
     defaultMenuIsOpen: Be = !1,
     scrollToSelectedOnOpen: Ne = !1,
     maxSelectableOptions: b,
     showSequence: ke,
     selectionOrder: Ke,
-    label: H,
+    label: _,
     isRequired: Ue,
     error: ue,
     helperText: X,
@@ -45,88 +45,88 @@ const Tt = (Ve) => {
     onMenuScrollToBottom: $,
     name: Ye,
     isSelectAllEnabled: Q = !0,
-    isReadOnly: p = !1,
-    searchPosition: z = "menu",
+    isReadOnly: h = !1,
+    searchPosition: G = "menu",
     footerContent: Pe,
     onInputChange: Je,
     getOptionLabel: De,
-    renderOption: Oe,
+    renderOption: Ce,
     onMenuOpen: Qe,
-    onMenuClose: Ae,
+    onMenuClose: Oe,
     labelOrientation: fe = "top",
-    leftContent: Ie,
+    leftContent: Ae,
     ignoreCase: Ze,
     ignoreAccents: et,
     matchFrom: tt,
-    stringify: lt,
-    trim: nt,
+    stringify: nt,
+    trim: lt,
     filterOption: st,
-    enableSubMenus: S = !1,
+    enableSubMenus: y = !1,
     enableGroups: D = !1,
-    fetchError: _,
-    onRefetch: Ce,
+    fetchError: j,
+    onRefetch: Ie,
     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(() => {
+  } = Ve, { t: Y } = Et(), pe = _e ?? Y("select.placeholder"), [m, Te] = W(Be), [M, Z] = W(""), [Le, me] = W(void 0), [d, v] = W(Re || (p ? [] : null)), [ot, he] = W(null), J = -2, [C, O] = W(-1), xe = R(!1), ge = R(null), ee = R(null), ct = R(null), te = R(null), q = R(null);
+  I(() => {
     ce !== void 0 && v(ce);
-  }, [ce]), C(() => {
-    if (!(h && L && z === "menu")) return;
+  }, [ce]), I(() => {
+    if (!(m && z && G === "menu")) return;
     let e = !1;
     const t = () => {
-      !e && j.current && j.current.focus();
+      !e && q.current && q.current.focus();
     };
     requestAnimationFrame(t);
-    const l = setTimeout(t, 50);
+    const n = setTimeout(t, 50);
     return () => {
-      e = !0, clearTimeout(l);
+      e = !0, clearTimeout(n);
     };
-  }, [h, L, z]);
-  const { flatOptions: f, isProcessing: I, totalOptionsCount: $e, workerSelectAll: ut } = At(R, G, {
+  }, [m, z, G]);
+  const { flatOptions: f, isProcessing: A, totalOptionsCount: ze, workerSelectAll: ut } = Ot(H, M, {
     ignoreCase: Ze,
     ignoreAccents: et,
     matchFrom: tt,
-    stringify: lt,
-    trim: nt,
+    stringify: nt,
+    trim: lt,
     filterOption: st,
-    enableSubMenus: S,
+    enableSubMenus: y,
     enableGroups: D
-  }), y = It(d, m ?? !1), { stats: q, getGroupStats: be } = Ct(
+  }), S = At(d, p ?? !1), { stats: B, getGroupStats: be } = It(
     f,
-    $e,
-    G,
-    y,
+    ze,
+    M,
+    S,
     d,
-    m ?? !1
+    p ?? !1
   ), N = vt({
     count: f.length,
     getScrollElement: () => te.current,
     estimateSize: () => 34,
     overscan: 5
   });
-  C(() => {
-    if (!h)
-      pe(void 0), A(-1);
+  I(() => {
+    if (!m)
+      me(void 0), O(-1);
     else if (xe.current)
-      if (xe.current = !1, L && z === "menu" && !p)
-        A(-1);
+      if (xe.current = !1, z && G === "menu" && !h)
+        O(-1);
       else {
-        const e = !E && !I && !_ && m && Q && !p && f.length > 0;
-        A(e ? J : 0);
+        const e = !E && !A && !j && p && Q && !h && f.length > 0;
+        O(e ? J : 0);
       }
-  }, [h]), C(() => {
-    O !== -1 && A(0);
-  }, [G]), C(() => {
-    if (!h) return;
+  }, [m]), I(() => {
+    C !== -1 && O(0);
+  }, [M]), I(() => {
+    if (!m) return;
     const e = requestAnimationFrame(() => {
       N.measure();
     });
     return () => cancelAnimationFrame(e);
-  }, [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);
+  }, [m, N]), I(() => {
+    if (m && Ne && !A && f.length > 0) {
+      const e = f.findIndex((t) => p ? S.mode === "exclude" ? !S.set.has(t.value) : S.set.has(t.value) : d?.value === t.value);
       if (e !== -1) {
         const t = setTimeout(() => {
           N.scrollToIndex(e, { align: "center" });
@@ -134,76 +134,76 @@ const Tt = (Ve) => {
         return () => clearTimeout(t);
       }
     }
-  }, [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;
+  }, [m, Ne, A, f.length, p, S.mode, S.set, d, N]);
+  const K = R(null), $e = N.getVirtualItems(), ve = $e[$e.length - 1], ne = bt.useCallback(() => {
+    E || A || K.current || $ && ($(), K.current = setTimeout(() => {
+      K.current = null;
     }, 500));
-  }, [E, I, $]);
-  C(() => () => {
-    B.current && (clearTimeout(B.current), B.current = null);
-  }, []), C(() => {
-    if (!h || !te.current || !$) return;
+  }, [E, A, $]);
+  I(() => () => {
+    K.current && (clearTimeout(K.current), K.current = null);
+  }, []), I(() => {
+    if (!m || !te.current || !$) return;
     const e = () => {
-      const { scrollTop: l, scrollHeight: s, clientHeight: n } = t;
-      s - l - n <= 64 && le();
+      const { scrollTop: n, scrollHeight: l, clientHeight: s } = t;
+      l - n - s <= 64 && ne();
     }, t = te.current;
     return t.addEventListener("scroll", e), e(), () => {
       t.removeEventListener("scroll", e);
     };
   }, [
     $,
-    h,
-    le
-  ]), C(() => {
-    if (!h || !$ || !ve) return;
+    m,
+    ne
+  ]), I(() => {
+    if (!m || !$ || !ve) return;
     const e = f.length - 1;
-    e < 0 || ve.index < e - 1 || le();
+    e < 0 || ve.index < e - 1 || ne();
   }, [
-    h,
+    m,
     $,
     f.length,
     ve,
-    le
+    ne
   ]);
-  const K = (e) => {
+  const T = (e) => {
     if (!k)
       if (Te(e), e)
         Qe?.();
       else {
-        const t = d, l = m && V(d) ? d.map((s) => s.value) : void 0;
-        Ae?.(t, l), Z(""), he(null);
+        const t = d, n = p && V(d) ? d.map((l) => l.value) : void 0;
+        Oe?.(t, n), Z(""), he(null);
       }
   };
-  C(() => {
-    if (!h) return;
+  I(() => {
+    if (!m) return;
     const e = (t) => {
-      const l = t.target;
-      l && ee.current?.contains(l) || (t.preventDefault(), t.stopPropagation());
+      const n = t.target;
+      n && ee.current?.contains(n) || (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 || [];
+  }, [m]);
+  const le = (e) => {
+    if (!(k || h || e.isDisabled || ("children" in e || "options" in e) && e.isParentSelectable === !1))
+      if (p) {
+        const n = d || [];
         if ("children" in e || "options" in e) {
-          const n = Ot(
+          const s = Ct(
             e,
-            S,
+            y,
             D
           ).filter((i) => !i.isDisabled);
-          if (T(l)) {
-            const i = l.excludedValues, a = n.every(
+          if (L(n)) {
+            const i = n.excludedValues, a = s.every(
               (x) => !i.includes(x.value)
             );
             let c = [...i];
-            a ? n.forEach((x) => {
+            a ? s.forEach((x) => {
               c.includes(x.value) || c.push(x.value);
             }) : c = c.filter(
-              (x) => !n.some((ie) => ie.value === x)
+              (x) => !s.some((ie) => ie.value === x)
             );
             const o = {
               isAllSelected: !0,
@@ -213,14 +213,14 @@ const Tt = (Ve) => {
               action: "select-option",
               option: e
             });
-          } else if (V(l)) {
-            const i = l, a = n.every(
+          } else if (V(n)) {
+            const i = n, a = s.every(
               (o) => i.some((x) => x.value === o.value)
             );
             let c = [...i];
             if (a ? c = c.filter(
-              (o) => !n.some((x) => x.value === o.value)
-            ) : n.forEach((o) => {
+              (o) => !s.some((x) => x.value === o.value)
+            ) : s.forEach((o) => {
               c.some((x) => x.value === o.value) || c.push(o);
             }), b && c.length > b)
               return;
@@ -229,30 +229,30 @@ const Tt = (Ve) => {
               option: e
             });
           }
-        } else if (T(l)) {
-          const s = l.excludedValues, n = s.includes(e.value);
-          let i = [...s];
-          n ? i = i.filter((c) => c !== e.value) : i.push(e.value);
+        } else if (L(n)) {
+          const l = n.excludedValues, s = l.includes(e.value);
+          let i = [...l];
+          s ? i = i.filter((c) => c !== e.value) : i.push(e.value);
           const a = {
             isAllSelected: !0,
             excludedValues: i
           };
           v(a), u && u(a, {
-            action: n ? "select-option" : "deselect-option",
+            action: s ? "select-option" : "deselect-option",
             option: e
           });
-        } else if (V(l)) {
-          const s = l, n = m ? y.mode === "exclude" ? !y.set.has(e.value) : y.set.has(e.value) : d?.value === e.value;
+        } else if (V(n)) {
+          const l = n, s = p ? S.mode === "exclude" ? !S.set.has(e.value) : S.set.has(e.value) : d?.value === e.value;
           let i = [];
-          if (n)
-            i = s.filter((a) => a.value !== e.value);
+          if (s)
+            i = l.filter((a) => a.value !== e.value);
           else {
-            if (b && l.length >= b)
+            if (b && n.length >= b)
               return;
-            i = [...s, e];
+            i = [...l, e];
           }
           v(i), u && u(i, {
-            action: n ? "deselect-option" : "select-option",
+            action: s ? "deselect-option" : "select-option",
             option: e
           });
         }
@@ -260,14 +260,14 @@ const Tt = (Ve) => {
         v(e), u && u(e, {
           action: "select-option",
           option: e
-        }), qe && (Te(!1), Ae?.(e, void 0), Z(""));
-  }, Se = async () => {
-    if (!(!m || k || p)) {
-      if (R.length > 3e3) {
+        }), qe && (Te(!1), Oe?.(e, void 0), Z(""));
+  }, ye = async () => {
+    if (!(!p || k || h)) {
+      if (H.length > 3e3) {
         try {
           const e = await ut(
             d,
-            T(d),
+            L(d),
             b
           );
           v(e), u && u(e, { action: "select-option" });
@@ -275,19 +275,19 @@ const Tt = (Ve) => {
         }
         return;
       }
-      if (G) {
+      if (M) {
         let e = !1;
-        for (const l of f)
-          if (!l.isGroup && !l.isSubmenuParent && !l.isDisabled) {
+        for (const n of f)
+          if (!n.isGroup && !n.isSubmenuParent && !n.isDisabled) {
             e = !0;
             break;
           }
         if (!e)
           return;
         const t = d || [];
-        if (T(t)) {
-          const l = t.excludedValues, { totalVisible: s, selectedVisible: n } = q, i = s > 0 && s === n;
-          let a = [...l];
+        if (L(t)) {
+          const n = t.excludedValues, { totalVisible: l, selectedVisible: s } = B, i = l > 0 && l === s;
+          let a = [...n];
           if (i)
             for (const o of f)
               !o.isGroup && !o.isSubmenuParent && !o.isDisabled && (a.includes(o.value) || a.push(o.value));
@@ -303,8 +303,8 @@ const Tt = (Ve) => {
           };
           v(c), u && u(c, { action: "select-option" });
         } else if (V(t)) {
-          const l = t, { totalVisible: s, selectedVisible: n } = q, i = s > 0 && s === n;
-          let a = [...l];
+          const n = t, { totalVisible: l, selectedVisible: s } = B, i = l > 0 && l === s;
+          let a = [...n];
           if (i) {
             const c = /* @__PURE__ */ new Set();
             for (const o of f)
@@ -320,53 +320,53 @@ const Tt = (Ve) => {
           v(a), u && u(a, { action: "select-option" });
         }
       } 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, {
+        const e = d, { totalVisible: t } = B, n = V(e) ? e.length : 0, l = Math.min(t, b);
+        if (V(e) && n >= l && n > 0) {
+          const s = e.filter((i) => i.isDisabled);
+          v(s), u && u(s, {
             action: "select-option"
           });
         } else if (V(e)) {
-          const n = e.filter(
+          const s = e.filter(
             (a) => a.isDisabled
           );
-          let i = n.length;
+          let i = s.length;
           for (const a of f)
-            if (!a.isGroup && !a.isSubmenuParent && !a.isDisabled && (n.push(a), i++, i >= b))
+            if (!a.isGroup && !a.isSubmenuParent && !a.isDisabled && (s.push(a), i++, i >= b))
               break;
-          v(n), u && u(n, {
+          v(s), u && u(s, {
             action: "select-option"
           });
         }
       } else {
-        const e = d, t = T(e) && e.excludedValues.length === 0;
+        const e = d, t = L(e) && e.excludedValues.length === 0;
         if (Ve.enableInvertedSelection)
           if (t) {
-            const l = V(e) ? e.filter((s) => s.isDisabled) : [];
-            v(l), u && u(l, {
+            const n = V(e) ? e.filter((l) => l.isDisabled) : [];
+            v(n), u && u(n, {
               action: "select-option"
             });
           } else {
-            const s = {
+            const l = {
               isAllSelected: !0,
               excludedValues: f.filter(
-                (n) => n.isDisabled && (V(e) ? !e.some((i) => i.value === n.value) : !0)
-              ).map((n) => n.value)
+                (s) => s.isDisabled && (V(e) ? !e.some((i) => i.value === s.value) : !0)
+              ).map((s) => s.value)
             };
-            v(s), u && u(s, { action: "select-option" });
+            v(l), u && u(l, { action: "select-option" });
           }
         else {
-          const { totalVisible: l, selectedVisible: s } = q;
-          if (l > 0 && l === s) {
-            const n = V(e) ? e.filter((i) => i.isDisabled) : [];
-            v(n), u && u(n, {
+          const { totalVisible: n, selectedVisible: l } = B;
+          if (n > 0 && n === l) {
+            const s = V(e) ? e.filter((i) => i.isDisabled) : [];
+            v(s), u && u(s, {
               action: "select-option"
             });
           } else {
-            const n = V(e) ? e.filter((i) => i.isDisabled) : [];
+            const s = V(e) ? e.filter((i) => i.isDisabled) : [];
             for (const i of f)
-              !i.isGroup && !i.isSubmenuParent && !i.isDisabled && n.push(i);
-            v(n), u && u(n, {
+              !i.isGroup && !i.isSubmenuParent && !i.isDisabled && s.push(i);
+            v(s), u && u(s, {
               action: "select-option"
             });
           }
@@ -374,131 +374,135 @@ const Tt = (Ve) => {
       }
     }
   }, dt = (e) => {
-    if (e.stopPropagation(), !p)
-      if (m) {
-        const t = [], l = (n) => {
-          for (const i of n) {
+    if (e.stopPropagation(), !h)
+      if (p) {
+        const t = [], n = (s) => {
+          for (const i of s) {
             if (D && "options" in i) {
-              l(
+              n(
                 i.options
               );
               continue;
             }
-            if (S && "children" in i && Array.isArray(i.children)) {
-              l(i.children);
+            if (y && "children" in i && Array.isArray(i.children)) {
+              n(i.children);
               continue;
             }
             const a = i;
-            a.isDisabled && (y.mode === "exclude" ? !y.set.has(a.value) : y.set.has(a.value)) && t.push(a);
+            a.isDisabled && (S.mode === "exclude" ? !S.set.has(a.value) : S.set.has(a.value)) && t.push(a);
           }
         };
-        l(R);
-        const s = t;
-        v(s), u && u(s, { action: "clear" }), Ee?.();
+        n(H);
+        const l = t;
+        v(l), u && u(l, { action: "clear" }), Ee?.();
       } else {
         const t = d;
         if (t) {
-          let s;
-          const n = (i) => {
+          let l;
+          const s = (i) => {
             for (const a of i) {
-              if (s) return;
+              if (l) return;
               if (D && "options" in a) {
-                if (n(
+                if (s(
                   a.options
-                ), s) return;
+                ), l) return;
                 continue;
               }
-              if (S && "children" in a && Array.isArray(a.children)) {
-                if (n(
+              if (y && "children" in a && Array.isArray(a.children)) {
+                if (s(
                   a.children
-                ), s) return;
+                ), l) return;
                 continue;
               }
               const c = a;
               if (c.value === t.value) {
-                s = c;
+                l = c;
                 return;
               }
             }
           };
-          if (n(R), s?.isDisabled)
+          if (s(H), l?.isDisabled)
             return;
         }
-        const l = null;
-        v(l), u && u(l, { action: "clear" }), Ee?.();
+        const n = null;
+        v(n), u && u(n, { action: "clear" }), Ee?.();
       }
   }, ft = (e) => Dt(
     e,
     ke ?? !1,
-    m ?? !1,
+    p ?? !1,
     Ke,
     d
   ), se = (e) => De ? De(e) : e.label, Ge = () => {
     const e = [];
-    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);
+    return !E && !A && !j && p && Q && !h && f.length > 0 && e.push(J), f.forEach((n, l) => {
+      !n.isGroup && !(y && n.isSubmenuParent) && !n.isDisabled && e.push(l);
     }), e;
-  }, 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));
+  }, pt = (e) => {
+    if (k || h) return;
+    if (e.key === "Tab") {
+      m && T(!1);
       return;
     }
-    if (L && z === "menu" && !p && j.current) {
-      document.activeElement !== j.current && j.current.focus();
+    if (!m) {
+      (e.key === "Enter" || e.key === " " || e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), xe.current = !0, T(!0));
+      return;
+    }
+    if (z && G === "menu" && !h && q.current) {
+      document.activeElement !== q.current && q.current.focus();
       return;
     }
     const t = Ge();
     if (t.length === 0) return;
-    const l = t.indexOf(O);
+    const n = t.indexOf(C);
     if (e.key === "ArrowDown") {
       e.preventDefault();
-      const s = l < t.length - 1 ? l + 1 : 0, n = t[s];
-      A(n), n >= 0 && N.scrollToIndex(n, { align: "auto" });
+      const l = n < t.length - 1 ? n + 1 : 0, s = t[l];
+      O(s), s >= 0 && N.scrollToIndex(s, { align: "auto" });
     } else if (e.key === "ArrowUp") {
       e.preventDefault();
-      const s = l > 0 ? l - 1 : t.length - 1, n = t[s];
-      A(n), n >= 0 && N.scrollToIndex(n, { align: "auto" });
+      const l = n > 0 ? n - 1 : t.length - 1, s = t[l];
+      O(s), s >= 0 && N.scrollToIndex(s, { align: "auto" });
     } else if (e.key === "Enter" || e.key === " ") {
-      if (e.preventDefault(), O === J)
-        Se();
-      else if (O >= 0 && O < f.length) {
-        const s = f[O];
-        s.isDisabled || ne(s);
+      if (e.preventDefault(), C === J)
+        ye();
+      else if (C >= 0 && C < f.length) {
+        const l = f[C];
+        l.isDisabled || le(l);
       }
     } else if (e.key === "Escape")
-      e.preventDefault(), K(!1), ge.current?.focus();
+      e.preventDefault(), T(!1), ge.current?.focus();
     else if (e.key === "Home")
-      e.preventDefault(), t.length > 0 && (A(t[0]), t[0] >= 0 && N.scrollToIndex(t[0], { align: "auto" }));
+      e.preventDefault(), t.length > 0 && (O(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];
-      A(s), s >= 0 && N.scrollToIndex(s, { align: "auto" });
+      const l = t[t.length - 1];
+      O(l), l >= 0 && N.scrollToIndex(l, { align: "auto" });
     }
-  }, pt = (e) => {
+  }, mt = (e) => {
     const t = Ge();
     if (t.length === 0) return;
-    const l = t.indexOf(O);
+    const n = t.indexOf(C);
     if (e.key === "ArrowDown") {
       e.preventDefault();
-      const s = l < t.length - 1 ? l + 1 : 0, n = t[s];
-      A(n), n >= 0 && N.scrollToIndex(n, { align: "auto" });
+      const l = n < t.length - 1 ? n + 1 : 0, s = t[l];
+      O(s), s >= 0 && N.scrollToIndex(s, { align: "auto" });
     } else if (e.key === "ArrowUp") {
       e.preventDefault();
-      const s = l > 0 ? l - 1 : t.length - 1, n = t[s];
-      A(n), n >= 0 && N.scrollToIndex(n, { align: "auto" });
+      const l = n > 0 ? n - 1 : t.length - 1, s = t[l];
+      O(s), s >= 0 && N.scrollToIndex(s, { align: "auto" });
     } else if (e.key === "Enter") {
-      if (e.preventDefault(), O === J)
-        Se();
-      else if (O >= 0 && O < f.length) {
-        const s = f[O];
-        s.isDisabled || ne(s);
+      if (e.preventDefault(), C === J)
+        ye();
+      else if (C >= 0 && C < f.length) {
+        const l = f[C];
+        l.isDisabled || le(l);
       }
-    } else e.key === "Escape" && (e.preventDefault(), K(!1), ge.current?.focus());
+    } else e.key === "Escape" && (e.preventDefault(), T(!1), ge.current?.focus());
   }, ht = () => {
-    if (m) {
+    if (p) {
       const e = d || [];
       let t = 0;
-      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 }) });
+      return L(e) ? t = ze - 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", k ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: se(e) }) : null;
@@ -515,7 +519,7 @@ const Tt = (Ve) => {
       "data-testid": `select-${P || "default"}`,
       "data-component": "select",
       children: [
-        H && /* @__PURE__ */ g(
+        _ && /* @__PURE__ */ g(
           "label",
           {
             className: w(
@@ -523,7 +527,7 @@ const Tt = (Ve) => {
               fe === "left" ? "shrink-0" : ""
             ),
             children: [
-              H,
+              _,
               " ",
               Ue && /* @__PURE__ */ r("span", { className: "text-[red]", children: "*" })
             ]
@@ -537,7 +541,7 @@ const Tt = (Ve) => {
               X && de === "absolute" && "relative"
             ),
             children: [
-              /* @__PURE__ */ g(ae.Root, { open: h, onOpenChange: K, children: [
+              /* @__PURE__ */ g(ae.Root, { open: m, onOpenChange: T, children: [
                 /* @__PURE__ */ r(ae.Trigger, { asChild: !0, children: /* @__PURE__ */ r(
                   "div",
                   {
@@ -546,9 +550,9 @@ const Tt = (Ve) => {
                       "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",
                       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]" : "",
-                      h ? "ring-1 ring-indigo-500 border-indigo-500" : "",
-                      !k && !p && "bg-white",
+                      h ? "cursor-default  bg-[#f2f4fb]" : "",
+                      m ? "ring-1 ring-indigo-500 border-indigo-500" : "",
+                      !k && !h && "bg-white",
                       We
                     ),
                     id: P,
@@ -556,15 +560,22 @@ const Tt = (Ve) => {
                     onFocus: rt,
                     onBlur: at,
                     role: "combobox",
-                    "aria-expanded": h,
+                    "aria-expanded": m,
                     "aria-haspopup": "listbox",
-                    "aria-label": H ? String(H) : me,
+                    "aria-label": _ ? String(_) : pe,
                     "data-component": "select-trigger",
                     "data-disabled": k || void 0,
-                    "data-state": h ? "open" : "closed",
-                    onKeyDown: mt,
+                    "data-state": m ? "open" : "closed",
+                    onKeyDown: pt,
+                    onClick: (e) => {
+                      const t = e.target, n = t.closest("[data-chevron-button]"), l = t.closest("[data-clear-button]");
+                      if (n || l) {
+                        e.preventDefault(), e.stopPropagation();
+                        return;
+                      }
+                    },
                     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 }),
+                      Ae && /* @__PURE__ */ r("div", { className: "flex items-center text-gray-500 shrink-0", children: Ae }),
                       /* @__PURE__ */ g(
                         "div",
                         {
@@ -577,16 +588,16 @@ const Tt = (Ve) => {
                                 className: "text-[#b4bac7] font-normal text-[14px] truncate min-w-0 block",
                                 "data-testid": `select-placeholder-${P || "default"}`,
                                 "data-has-value": !1,
-                                children: me
+                                children: pe
                               }
                             ),
-                            L && h && z === "trigger" && !p && /* @__PURE__ */ r(
+                            z && m && G === "trigger" && !h && /* @__PURE__ */ r(
                               "input",
                               {
                                 ref: ct,
                                 type: "text",
                                 className: "flex-1 min-w-[50px] border-none p-0 focus:ring-0 text-sm outline-none h-full",
-                                value: G,
+                                value: M,
                                 onChange: (e) => Z(e.target.value),
                                 onClick: (e) => e.stopPropagation(),
                                 autoFocus: je,
@@ -596,25 +607,40 @@ const Tt = (Ve) => {
                           ]
                         }
                       ),
-                      /* @__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(
+                      /* @__PURE__ */ r("div", { className: "flex items-center gap-1 text-gray-400 shrink-0", children: !m && (E || A) ? /* @__PURE__ */ r(wt, { size: "14px" }) : /* @__PURE__ */ g(gt, { children: [
+                        He && !h && !k && (p && (L(
                           d
-                        ) && d.isAllSelected || V(d) && d.length > 0) || !m && d) && /* @__PURE__ */ r(
+                        ) && d.isAllSelected || V(d) && d.length > 0) || !p && d) && /* @__PURE__ */ r(
                           "div",
                           {
                             role: "button",
-                            onClick: dt,
-                            className: "hover:text-gray-600 p-0.5",
+                            "data-clear-button": !0,
+                            onPointerDown: (e) => {
+                              e.preventDefault(), e.stopPropagation(), dt(e);
+                            },
+                            className: "hover:text-gray-600 p-0.5 cursor-pointer z-10 relative",
                             children: /* @__PURE__ */ r(Vt, { size: "11px", color: "#758490" })
                           }
                         ),
                         /* @__PURE__ */ r(
-                          Me,
+                          "div",
                           {
-                            size: "16px",
-                            className: w(
-                              "transition-transform duration-200",
-                              h ? "-rotate-90" : "rotate-90"
+                            role: "button",
+                            "data-chevron-button": !0,
+                            "aria-label": m ? "Close dropdown" : "Open dropdown",
+                            onPointerDown: (e) => {
+                              e.preventDefault(), e.stopPropagation(), T(!m);
+                            },
+                            className: "hover:text-gray-600 p-0.5 cursor-pointer z-10 relative",
+                            children: /* @__PURE__ */ r(
+                              Me,
+                              {
+                                size: "16px",
+                                className: w(
+                                  "transition-transform duration-200",
+                                  m ? "-rotate-90" : "rotate-90"
+                                )
+                              }
                             )
                           }
                         )
@@ -632,8 +658,8 @@ const Tt = (Ve) => {
                     avoidCollisions: !0,
                     collisionPadding: 8,
                     onOpenAutoFocus: (e) => e.preventDefault(),
-                    onInteractOutside: () => K(!1),
-                    onFocusOutside: () => K(!1),
+                    onInteractOutside: () => T(!1),
+                    onFocusOutside: () => T(!1),
                     onWheel: (e) => e.stopPropagation(),
                     style: {
                       width: it || "var(--radix-popover-trigger-width)",
@@ -642,7 +668,7 @@ const Tt = (Ve) => {
                     },
                     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"
+                      h ? "bg-[#f5f5f5]" : "bg-white"
                     ),
                     "data-testid": `select-menu-${P || "default"}`,
                     "data-component": "select-menu",
@@ -652,11 +678,11 @@ const Tt = (Ve) => {
                         {
                           className: w(
                             "flex flex-col z-10 sticky top-0 px-[6px] pt-[8px]",
-                            p ? "bg-[#f5f5f5]" : "bg-white",
-                            !_ && (L && z === "menu" && !p || m && Q && !p && f.length > 0) ? "border-b border-solid border-gray-100" : ""
+                            h ? "bg-[#f5f5f5]" : "bg-white",
+                            !j && (z && G === "menu" && !h || p && Q && !h && f.length > 0) ? "border-b border-solid border-gray-100" : ""
                           ),
                           children: [
-                            L && z === "menu" && !p && !_ && /* @__PURE__ */ r(
+                            z && G === "menu" && !h && !j && /* @__PURE__ */ r(
                               "div",
                               {
                                 className: "p-0",
@@ -666,15 +692,15 @@ const Tt = (Ve) => {
                                   /* @__PURE__ */ r(
                                     "input",
                                     {
-                                      ref: j,
+                                      ref: q,
                                       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: Y("select.searchHere"),
-                                      value: G,
-                                      onKeyDown: pt,
+                                      value: M,
+                                      onKeyDown: mt,
                                       onChange: (e) => {
                                         const t = e.target.value;
-                                        G === "" && t !== "" ? ee.current && pe(ee.current.offsetHeight) : t === "" && pe(void 0), Z(t), Je?.(t);
+                                        M === "" && t !== "" ? ee.current && me(ee.current.offsetHeight) : t === "" && me(void 0), Z(t), Je?.(t);
                                       },
                                       onClick: (e) => e.stopPropagation(),
                                       "data-testid": `select-search-input-${P || "default"}`
@@ -683,7 +709,7 @@ const Tt = (Ve) => {
                                 ] })
                               }
                             ),
-                            !E && !I && !_ && m && Q && !p && f.length > 0 && /* @__PURE__ */ r(
+                            !E && !A && !j && p && Q && !h && f.length > 0 && /* @__PURE__ */ r(
                               "div",
                               {
                                 className: "pb-1",
@@ -693,9 +719,9 @@ const Tt = (Ve) => {
                                   {
                                     className: w(
                                       "flex items-center justify-between cursor-pointer rounded-md hover:bg-gray-100 transition-colors py-[6px] px-3 w-full",
-                                      O === J && "ring-2 ring-inset ring-primary bg-[#edf0ff]"
+                                      C === J && "ring-2 ring-inset ring-primary bg-[#edf0ff]"
                                     ),
-                                    onClick: Se,
+                                    onClick: ye,
                                     role: "option",
                                     "aria-selected": !1,
                                     "data-testid": `select-select-all-button-${P || "default"}`,
@@ -704,12 +730,12 @@ const Tt = (Ve) => {
                                         Fe,
                                         {
                                           checked: (() => {
-                                            const { totalVisible: e, selectedVisible: t } = q;
+                                            const { totalVisible: e, selectedVisible: t } = B;
                                             if (e === 0) return !1;
-                                            const l = b ? Math.min(e, b) : e;
-                                            return t > 0 && t < l ? "indeterminate" : t >= l;
+                                            const n = b ? Math.min(e, b) : e;
+                                            return t > 0 && t < n ? "indeterminate" : t >= n;
                                           })(),
-                                          disabled: k || p,
+                                          disabled: k || h,
                                           onChange: () => {
                                           },
                                           "data-testid": `select-select-all-checkbox-${P || "default"}`
@@ -721,8 +747,8 @@ const Tt = (Ve) => {
                                           className: "text-sm font-medium text-gray-700",
                                           "data-testid": `select-select-all-label-${P || "default"}`,
                                           children: (() => {
-                                            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");
+                                            const { totalVisible: e, selectedVisible: t } = B, n = b ? Math.min(e, b) : e, l = e > 0 && t >= n;
+                                            return Y(l ? "select.unselectAll" : "select.selectAll");
                                           })()
                                         }
                                       )
@@ -739,30 +765,30 @@ const Tt = (Ve) => {
                         {
                           ref: te,
                           role: "listbox",
-                          "aria-label": H ? String(H) : me,
+                          "aria-label": _ ? String(_) : pe,
                           className: "flex-1 overflow-auto py-1 px-[6px]",
                           style: {
                             maxHeight: "297px",
                             overscrollBehavior: "contain"
                           },
                           onWheel: (e) => e.stopPropagation(),
-                          children: _ ? /* @__PURE__ */ g("div", { className: "flex flex-col items-center justify-center py-8 px-4 text-center", children: [
+                          children: j ? /* @__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" }),
-                            Ce && /* @__PURE__ */ r(
+                            Ie && /* @__PURE__ */ r(
                               kt,
                               {
                                 size: "sm",
                                 variant: "outline",
-                                onClick: () => Ce(),
+                                onClick: () => Ie(),
                                 children: "Refetch"
                               }
                             )
-                          ] }) : 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(
+                          ] }) : f.length === 0 && !E && !A ? /* @__PURE__ */ r("div", { className: "flex items-center justify-center py-8 text-sm text-gray-500", children: "No options found" }) : E || A ? /* @__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: [
-                                m && /* @__PURE__ */ r("div", { className: "w-4 h-4 bg-gray-200 rounded shrink-0" }),
+                                p && /* @__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" })
                               ]
                             },
@@ -776,7 +802,7 @@ const Tt = (Ve) => {
                                 position: "relative"
                               },
                               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(
+                                const t = f[e.index], n = p ? S.mode === "exclude" ? !S.set.has(t.value) : S.set.has(t.value) : d?.value === t.value, l = d || [], s = p && b ? L(l) ? !1 : V(l) && l.length >= b : !1, i = t.isDisabled || s && !n && !(D && t.isGroup) && !(y && t.isSubmenuParent), a = D && t.isGroup || y && t.isSubmenuParent ? be(t.original) : void 0, c = a?.selected || 0, o = a?.total || 0, x = c > 0 && c < o, ie = t.isParentSelectable !== !1, Se = P || "default", re = String(t.value || ""), we = se(
                                   t
                                 ), xt = typeof we == "string" ? we : re;
                                 return /* @__PURE__ */ g(
@@ -789,59 +815,59 @@ const Tt = (Ve) => {
                                       transform: `translateY(${e.start}px)`,
                                       width: "100%"
                                     },
-                                    "data-testid": `select-option-wrapper-${ye}-${re}`,
+                                    "data-testid": `select-option-wrapper-${Se}-${re}`,
                                     children: [
                                       /* @__PURE__ */ r(
                                         "div",
                                         {
                                           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 && !(D && t.isGroup) && !(S && t.isSubmenuParent) ? "bg-[#edf0ff] text-[#1f2b4d]" : "text-[#1f2b4d]",
-                                            O === e.index && !i && "ring-2 ring-inset ring-primary bg-[#edf0ff]"
+                                            i ? "opacity-50 cursor-not-allowed bg-[#f5f5f5]" : h ? "cursor-default" : "hover:bg-gray-100 cursor-pointer",
+                                            n && !i && !(D && t.isGroup) && !(y && t.isSubmenuParent) ? "bg-[#edf0ff] text-[#1f2b4d]" : "text-[#1f2b4d]",
+                                            C === e.index && !i && "ring-2 ring-inset ring-primary bg-[#edf0ff]"
                                           ),
                                           style: {
                                             paddingLeft: `${t.depth * 16 + 12}px`
                                           },
                                           onClick: () => {
-                                            i || (D && t.isGroup || S && t.isSubmenuParent) && !ie || ne(t);
+                                            i || (D && t.isGroup || y && t.isSubmenuParent) && !ie || le(t);
                                           },
-                                          onMouseEnter: (M) => {
-                                            if (S && t.isSubmenuParent) {
+                                          onMouseEnter: (F) => {
+                                            if (y && t.isSubmenuParent) {
                                               he(t.value);
-                                              const U = M.currentTarget.getBoundingClientRect();
+                                              const U = F.currentTarget.getBoundingClientRect();
                                               t.rect = U;
                                             } else
                                               he(null);
                                           },
-                                          "data-testid": `select-option-${ye}-${re}`,
-                                          "data-state": l ? "checked" : "unchecked",
+                                          "data-testid": `select-option-${Se}-${re}`,
+                                          "data-state": n ? "checked" : "unchecked",
                                           "data-disabled": i || void 0,
                                           "data-component": "select-option",
                                           role: "option",
-                                          "aria-selected": l,
+                                          "aria-selected": n,
                                           "aria-disabled": i || void 0,
-                                          children: Oe ? Oe(
+                                          children: Ce ? Ce(
                                             {
                                               onClick: () => {
                                               },
                                               className: "w-full",
-                                              selected: l,
+                                              selected: n,
                                               disabled: i
                                             },
                                             t
                                           ) : /* @__PURE__ */ g("div", { className: "flex items-center flex-1 overflow-hidden", children: [
-                                            m && (D && t.isGroup || S && t.isSubmenuParent ? ie : !0) && /* @__PURE__ */ r(
+                                            p && (D && t.isGroup || y && t.isSubmenuParent ? ie : !0) && /* @__PURE__ */ r(
                                               Fe,
                                               {
-                                                checked: x ? "indeterminate" : l,
-                                                disabled: i || p,
+                                                checked: x ? "indeterminate" : n,
+                                                disabled: i || h,
                                                 onChange: () => {
                                                 }
                                               }
                                             ),
-                                            ke && !(D && t.isGroup) && !(S && t.isSubmenuParent) ? /* @__PURE__ */ r(
-                                              St,
+                                            ke && !(D && t.isGroup) && !(y && t.isSubmenuParent) ? /* @__PURE__ */ r(
+                                              yt,
                                               {
                                                 label: se(
                                                   t
@@ -854,18 +880,18 @@ const Tt = (Ve) => {
                                                 {
                                                   className: w(
                                                     "block truncate",
-                                                    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-xs font-semibold text-gray-400 uppercase tracking-wider" : n && !(y && t.isSubmenuParent) ? "font-medium" : "font-normal",
                                                     !(D && t.isGroup) && "text-[14px]"
                                                   ),
-                                                  "data-testid": `select-option-label-${ye}-${re}`,
-                                                  "data-state": l ? "checked" : "unchecked",
+                                                  "data-testid": `select-option-label-${Se}-${re}`,
+                                                  "data-state": n ? "checked" : "unchecked",
                                                   title: xt,
                                                   children: we
                                                 }
                                               ),
-                                              (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 })
+                                              (D && 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 })
                                             ] }),
-                                            S && t.isSubmenuParent && /* @__PURE__ */ r(
+                                            y && t.isSubmenuParent && /* @__PURE__ */ r(
                                               Me,
                                               {
                                                 size: "12px",
@@ -875,19 +901,19 @@ const Tt = (Ve) => {
                                           ] })
                                         }
                                       ),
-                                      S && ot === t.value && t.isSubmenuParent && t.rect && /* @__PURE__ */ r(
-                                        yt,
+                                      y && ot === t.value && t.isSubmenuParent && t.rect && /* @__PURE__ */ r(
+                                        St,
                                         {
                                           parentOption: t,
-                                          isMulti: !!m,
-                                          isReadOnly: !!p,
-                                          isSelected: (M) => Pt(M, d, !!m),
-                                          getIndeterminateState: (M) => {
-                                            const U = be(M);
+                                          isMulti: !!p,
+                                          isReadOnly: !!h,
+                                          isSelected: (F) => Pt(F, d, !!p),
+                                          getIndeterminateState: (F) => {
+                                            const U = be(F);
                                             return U ? U.selected > 0 && U.selected < U.total : !1;
                                           },
-                                          getSelectedCount: (M) => be(M)?.selected || 0,
-                                          handleSelect: ne,
+                                          getSelectedCount: (F) => be(F)?.selected || 0,
+                                          handleSelect: le,
                                           id: P
                                         }
                                       )
@@ -900,14 +926,14 @@ const Tt = (Ve) => {
                           )
                         }
                       ),
-                      (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: [
+                      (Pe || b || H.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 ",
                           b,
                           " selections"
                         ] })
-                      ] }) : R.length > 5e3 ? /* @__PURE__ */ g("div", { className: "flex items-center gap-2 text-gray-500 px-2", children: [
+                      ] }) : H.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." })
                       ] }) : Pe })