impact-nova 1.7.1 → 1.7.3

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

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