impact-nova 1.3.0 → 1.5.2

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

@@ -1,107 +1,108 @@
-import { jsxs as p, jsx as a, Fragment as st } from "react/jsx-runtime";
-import { useState as H, useRef as E, useEffect as R } from "react";
-import * as Y from "@radix-ui/react-popover";
-import { useVirtualizer as it } from "@tanstack/react-virtual";
-import at from "./components/LabelWithSequence.js";
-import rt from "./components/Submenu.js";
-import { LoadingSpinner as ot, Cross as ct, ChevronRight as Ne, Search as ut, Info as ie } from "../../../icons/index.js";
-import { Checkbox as Pe } from "../checkbox.js";
-import { Button as dt } from "../button.js";
+import { jsxs as h, jsx as a, Fragment as at } from "react/jsx-runtime";
+import { useState as q, useRef as E, useEffect as R } from "react";
+import * as J from "@radix-ui/react-popover";
+import { useVirtualizer as rt } from "@tanstack/react-virtual";
+import ot from "./components/LabelWithSequence.js";
+import ct from "./components/Submenu.js";
+import { LoadingSpinner as ut, Cross as dt, ChevronRight as Pe, Search as ft, Info as ae } from "../../../icons/index.js";
+import { Checkbox as Oe } from "../checkbox.js";
+import { Button as mt } from "../button.js";
 import { cn as O } from "../../../lib/utils.js";
-import { isInvertedSelection as k, isOptionArray as y, isSelected as ft, getSequence as mt, getLeafOptions as pt } from "./utils/select.js";
-import { useFlattenOptions as ht } from "./hooks/useFlattenOptions.js";
-import { useSelectionModel as xt } from "./hooks/useSelectionModel.js";
-import { useVisibleStats as bt } from "./hooks/useVisibleStats.js";
-const gt = (ae) => {
+import { isInvertedSelection as k, isOptionArray as y, isSelected as pt, getSequence as ht, getLeafOptions as xt } from "./utils/select.js";
+import { useFlattenOptions as bt } from "./hooks/useFlattenOptions.js";
+import { useSelectionModel as gt } from "./hooks/useSelectionModel.js";
+import { useVisibleStats as vt } from "./hooks/useVisibleStats.js";
+import { useImpactNovaI18n as St } from "../../../i18n/ImpactNovaI18nContext.js";
+const wt = (re) => {
   const {
-    options: T,
-    value: J,
-    defaultValue: Oe,
+    options: I,
+    value: K,
+    defaultValue: Ce,
     onChange: u,
     isMulti: f,
     isDisabled: C,
     isLoading: A,
-    isClearable: Ce = !0,
+    isClearable: ke = !0,
     isSearchable: F = !0,
-    placeholder: ke = "Select...",
+    placeholder: Ae,
     // menuPortalTarget is kept for API compatibility but no longer used (Radix handles portalling)
-    menuPortalTarget: vt,
-    autoFocus: Ae,
-    closeMenuOnSelect: De = !f,
-    defaultMenuIsOpen: $e = !1,
-    scrollToSelectedOnOpen: re = !1,
-    maxSelectableOptions: h,
-    showSequence: oe,
+    menuPortalTarget: yt,
+    autoFocus: De,
+    closeMenuOnSelect: $e = !f,
+    defaultMenuIsOpen: Ie = !1,
+    scrollToSelectedOnOpen: oe = !1,
+    maxSelectableOptions: p,
+    showSequence: ce,
     selectionOrder: Te,
-    label: ce,
+    label: ue,
     isRequired: Ge,
-    error: K,
-    helperText: ue,
+    error: Q,
+    helperText: de,
     id: V,
     className: Me,
     parentClassName: ze,
-    onMenuScrollToBottom: Q,
-    name: Ie,
-    isSelectAllEnabled: de = !0,
+    onMenuScrollToBottom: X,
+    name: Ee,
+    isSelectAllEnabled: fe = !0,
     isReadOnly: b = !1,
     searchPosition: L = "menu",
-    footerContent: fe,
-    onInputChange: Ee,
-    getOptionLabel: me,
-    renderOption: pe,
-    onMenuOpen: Re,
-    onMenuClose: he,
-    labelOrientation: xe = "top",
-    leftContent: be,
-    ignoreCase: Fe,
-    ignoreAccents: Le,
+    footerContent: me,
+    onInputChange: Re,
+    getOptionLabel: pe,
+    renderOption: he,
+    onMenuOpen: Fe,
+    onMenuClose: xe,
+    labelOrientation: be = "top",
+    leftContent: ge,
+    ignoreCase: Le,
+    ignoreAccents: He,
     matchFrom: je,
-    stringify: He,
-    trim: qe,
-    filterOption: _e,
+    stringify: qe,
+    trim: _e,
+    filterOption: Be,
     enableSubMenus: v = !1,
     enableGroups: N = !1,
-    fetchError: q,
-    onRefetch: ge,
-    menuWidth: Be,
-    onClearAll: ve,
-    onFocus: We,
-    onBlur: Ue
-  } = ae, [S, Se] = H($e), [G, _] = H(""), [we, X] = H(void 0), [d, g] = H(Oe || (f ? [] : null)), [Ye, Z] = H(null), Je = E(null), ee = E(null), Ke = E(null), j = E(null), te = E(null);
+    fetchError: _,
+    onRefetch: ve,
+    menuWidth: We,
+    onClearAll: Se,
+    onFocus: Ue,
+    onBlur: Ye
+  } = re, { t: H } = St(), Je = Ae ?? H("select.placeholder"), [S, we] = q(Ie), [T, B] = q(""), [ye, Z] = q(void 0), [d, g] = q(Ce || (f ? [] : null)), [Ke, ee] = q(null), Qe = E(null), te = E(null), Xe = E(null), j = E(null), le = E(null);
   R(() => {
-    J !== void 0 && g(J);
-  }, [J]), R(() => {
+    K !== void 0 && g(K);
+  }, [K]), R(() => {
     let e;
-    return S && F && L === "menu" && te.current && (e = setTimeout(() => {
-      te.current?.focus();
+    return S && F && L === "menu" && le.current && (e = setTimeout(() => {
+      le.current?.focus();
     }, 50)), () => {
       e && clearTimeout(e);
     };
   }, [S, F, L]);
-  const { flatOptions: x, isProcessing: P, totalOptionsCount: ye, workerSelectAll: Qe } = ht(T, G, {
-    ignoreCase: Fe,
-    ignoreAccents: Le,
+  const { flatOptions: x, isProcessing: P, totalOptionsCount: Ve, workerSelectAll: Ze } = bt(I, T, {
+    ignoreCase: Le,
+    ignoreAccents: He,
     matchFrom: je,
-    stringify: He,
-    trim: qe,
-    filterOption: _e,
+    stringify: qe,
+    trim: _e,
+    filterOption: Be,
     enableSubMenus: v,
     enableGroups: N
-  }), w = xt(d, f ?? !1), { stats: M, getGroupStats: le } = bt(
+  }), w = gt(d, f ?? !1), { stats: G, getGroupStats: ne } = vt(
     x,
-    ye,
-    G,
+    Ve,
+    T,
     w,
     d,
     f ?? !1
-  ), D = it({
+  ), D = rt({
     count: x.length,
     getScrollElement: () => j.current,
     estimateSize: () => 34,
     overscan: 5
   });
   R(() => {
-    S || X(void 0);
+    S || Z(void 0);
   }, [S]), R(() => {
     if (!S) return;
     const e = requestAnimationFrame(() => {
@@ -109,7 +110,7 @@ const gt = (ae) => {
     });
     return () => cancelAnimationFrame(e);
   }, [S, D]), R(() => {
-    if (S && re && !P && x.length > 0) {
+    if (S && oe && !P && x.length > 0) {
       const e = x.findIndex((t) => f ? w.mode === "exclude" ? !w.set.has(t.value) : w.set.has(t.value) : d?.value === t.value);
       if (e !== -1) {
         const t = setTimeout(() => {
@@ -118,44 +119,44 @@ const gt = (ae) => {
         return () => clearTimeout(t);
       }
     }
-  }, [S, re, P, x.length, f, w.mode, w.set, d, D]);
-  const z = E(null);
+  }, [S, oe, P, x.length, f, w.mode, w.set, d, D]);
+  const M = E(null);
   R(() => {
-    if (!j.current || !Q) return;
+    if (!j.current || !X) return;
     const e = () => {
       if (A || P) return;
       const { scrollTop: n, scrollHeight: r, clientHeight: s } = j.current;
       if (r - n - s <= 10) {
-        if (z.current) return;
-        Q(), z.current = setTimeout(() => {
-          z.current = null;
+        if (M.current) return;
+        X(), M.current = setTimeout(() => {
+          M.current = null;
         }, 500);
       }
     }, t = j.current;
     return t.addEventListener("scroll", e), !A && !P && e(), () => {
-      t.removeEventListener("scroll", e), z.current && (clearTimeout(z.current), z.current = null);
+      t.removeEventListener("scroll", e), M.current && (clearTimeout(M.current), M.current = null);
     };
   }, [
-    Q,
+    X,
     x.length,
     S,
     A,
     P
   ]);
-  const Xe = (e) => {
+  const et = (e) => {
     if (!C)
-      if (Se(e), e)
-        Re?.();
+      if (we(e), e)
+        Fe?.();
       else {
         const t = d, n = f && y(d) ? d.map((r) => r.value) : void 0;
-        he?.(t, n), _(""), Z(null);
+        xe?.(t, n), B(""), ee(null);
       }
-  }, Ve = (e) => {
+  }, Ne = (e) => {
     if (!(C || b || e.isDisabled || ("children" in e || "options" in e) && e.isParentSelectable === !1))
       if (f) {
         const n = d || [];
         if ("children" in e || "options" in e) {
-          const s = pt(
+          const s = xt(
             e,
             v,
             N
@@ -168,7 +169,7 @@ const gt = (ae) => {
             i ? s.forEach((m) => {
               c.includes(m.value) || c.push(m.value);
             }) : c = c.filter(
-              (m) => !s.some((W) => W.value === m)
+              (m) => !s.some((U) => U.value === m)
             );
             const o = {
               isAllSelected: !0,
@@ -187,7 +188,7 @@ const gt = (ae) => {
               (o) => !s.some((m) => m.value === o.value)
             ) : s.forEach((o) => {
               c.some((m) => m.value === o.value) || c.push(o);
-            }), h && c.length > h)
+            }), p && c.length > p)
               return;
             g(c), u && u(c, {
               action: "select-option",
@@ -212,7 +213,7 @@ const gt = (ae) => {
           if (s)
             l = r.filter((i) => i.value !== e.value);
           else {
-            if (h && n.length >= h)
+            if (p && n.length >= p)
               return;
             l = [...r, e];
           }
@@ -225,22 +226,22 @@ const gt = (ae) => {
         g(e), u && u(e, {
           action: "select-option",
           option: e
-        }), De && (Se(!1), he?.(e, void 0), _(""));
-  }, Ze = async () => {
+        }), $e && (we(!1), xe?.(e, void 0), B(""));
+  }, tt = async () => {
     if (!(!f || C || b)) {
-      if (T.length > 3e3) {
+      if (I.length > 3e3) {
         try {
-          const e = await Qe(
+          const e = await Ze(
             d,
             k(d),
-            h
+            p
           );
           g(e), u && u(e, { action: "select-option" });
         } catch {
         }
         return;
       }
-      if (G) {
+      if (T) {
         let e = !1;
         for (const n of x)
           if (!n.isGroup && !n.isSubmenuParent && !n.isDisabled) {
@@ -251,7 +252,7 @@ const gt = (ae) => {
           return;
         const t = d || [];
         if (k(t)) {
-          const n = t.excludedValues, { totalVisible: r, selectedVisible: s } = M, l = r > 0 && r === s;
+          const n = t.excludedValues, { totalVisible: r, selectedVisible: s } = G, l = r > 0 && r === s;
           let i = [...n];
           if (l)
             for (const o of x)
@@ -268,7 +269,7 @@ const gt = (ae) => {
           };
           g(c), u && u(c, { action: "select-option" });
         } else if (y(t)) {
-          const n = t, { totalVisible: r, selectedVisible: s } = M, l = r > 0 && r === s;
+          const n = t, { totalVisible: r, selectedVisible: s } = G, l = r > 0 && r === s;
           let i = [...n];
           if (l) {
             const c = /* @__PURE__ */ new Set();
@@ -280,12 +281,12 @@ const gt = (ae) => {
             for (const o of x)
               !o.isGroup && !o.isSubmenuParent && !o.isDisabled && (c.has(o.value) || (i.push(o), c.add(o.value)));
           }
-          if (h && i.length > h)
+          if (p && i.length > p)
             return;
           g(i), u && u(i, { action: "select-option" });
         }
-      } else if (h) {
-        const e = d, { totalVisible: t } = M, n = y(e) ? e.length : 0, r = Math.min(t, h);
+      } else if (p) {
+        const e = d, { totalVisible: t } = G, n = y(e) ? e.length : 0, r = Math.min(t, p);
         if (y(e) && n >= r && n > 0) {
           const s = e.filter((l) => l.isDisabled);
           g(s), u && u(s, {
@@ -297,7 +298,7 @@ const gt = (ae) => {
           );
           let l = s.length;
           for (const i of x)
-            if (!i.isGroup && !i.isSubmenuParent && !i.isDisabled && (s.push(i), l++, l >= h))
+            if (!i.isGroup && !i.isSubmenuParent && !i.isDisabled && (s.push(i), l++, l >= p))
               break;
           g(s), u && u(s, {
             action: "select-option"
@@ -305,7 +306,7 @@ const gt = (ae) => {
         }
       } else {
         const e = d, t = k(e) && e.excludedValues.length === 0;
-        if (ae.enableInvertedSelection)
+        if (re.enableInvertedSelection)
           if (t) {
             const n = y(e) ? e.filter((r) => r.isDisabled) : [];
             g(n), u && u(n, {
@@ -321,7 +322,7 @@ const gt = (ae) => {
             g(r), u && u(r, { action: "select-option" });
           }
         else {
-          const { totalVisible: n, selectedVisible: r } = M;
+          const { totalVisible: n, selectedVisible: r } = G;
           if (n > 0 && n === r) {
             const s = y(e) ? e.filter((l) => l.isDisabled) : [];
             g(s), u && u(s, {
@@ -338,7 +339,7 @@ const gt = (ae) => {
         }
       }
     }
-  }, et = (e) => {
+  }, lt = (e) => {
     if (e.stopPropagation(), !b)
       if (f) {
         const t = [], n = (s) => {
@@ -357,9 +358,9 @@ const gt = (ae) => {
             i.isDisabled && (w.mode === "exclude" ? !w.set.has(i.value) : w.set.has(i.value)) && t.push(i);
           }
         };
-        n(T);
+        n(I);
         const r = t;
-        g(r), u && u(r, { action: "clear" }), ve?.();
+        g(r), u && u(r, { action: "clear" }), Se?.();
       } else {
         const t = d;
         if (t) {
@@ -386,68 +387,64 @@ const gt = (ae) => {
               }
             }
           };
-          if (s(T), r?.isDisabled)
+          if (s(I), r?.isDisabled)
             return;
         }
         const n = null;
-        g(n), u && u(n, { action: "clear" }), ve?.();
+        g(n), u && u(n, { action: "clear" }), Se?.();
       }
-  }, tt = (e) => mt(
+  }, nt = (e) => ht(
     e,
-    oe ?? !1,
+    ce ?? !1,
     f ?? !1,
     Te,
     d
-  ), B = (e) => me ? me(e) : e.label, lt = () => {
+  ), W = (e) => pe ? pe(e) : e.label, st = () => {
     if (f) {
       const e = d || [];
       let t = 0;
-      return k(e) ? t = ye - e.excludedValues.length : y(e) && (t = e.length), t === 0 ? null : t === 1 && y(e) ? /* @__PURE__ */ a("span", { className: "text-[#1f2b4d] text-[14px] font-medium truncate min-w-0 block", children: B(e[0]) }) : /* @__PURE__ */ p("span", { className: "text-[#1f2b4d] text-[14px] font-medium truncate min-w-0 block", children: [
-        "Selected (",
-        t,
-        ")"
-      ] });
+      return k(e) ? t = Ve - e.excludedValues.length : y(e) && (t = e.length), t === 0 ? null : t === 1 && y(e) ? /* @__PURE__ */ a("span", { className: "text-[#1f2b4d] text-[14px] font-medium truncate min-w-0 block", children: W(e[0]) }) : /* @__PURE__ */ a("span", { className: "text-[#1f2b4d] text-[14px] font-medium truncate min-w-0 block", children: H("select.selectedCount", { count: t }) });
     } else {
       const e = d;
-      return e ? /* @__PURE__ */ a("span", { className: "text-[#1f2b4d] text-[14px] font-medium truncate min-w-0 block", children: B(e) }) : null;
+      return e ? /* @__PURE__ */ a("span", { className: "text-[#1f2b4d] text-[14px] font-medium truncate min-w-0 block", children: W(e) }) : null;
     }
   };
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ h(
     "div",
     {
       className: O(
         "flex gap-[6px]",
-        xe === "left" ? "w-fit flex-row items-center" : "w-full flex-col",
+        be === "left" ? "w-fit flex-row items-center" : "w-full flex-col",
         ze
       ),
-      onFocus: We,
-      onBlur: Ue,
+      onFocus: Ue,
+      onBlur: Ye,
       tabIndex: C ? -1 : 0,
       "data-testid": `select-${V || "default"}`,
       "data-component": "select",
       children: [
-        ce && /* @__PURE__ */ p(
+        ue && /* @__PURE__ */ h(
           "label",
           {
             className: O(
               "text-[12px] font-medium text-[#60697d] leading-[18px]",
-              xe === "left" ? "shrink-0" : ""
+              be === "left" ? "shrink-0" : ""
             ),
             children: [
-              ce,
+              ue,
               " ",
               Ge && /* @__PURE__ */ a("span", { className: "text-[red]", children: "*" })
             ]
           }
         ),
-        /* @__PURE__ */ p(Y.Root, { open: S, onOpenChange: Xe, children: [
-          /* @__PURE__ */ a(Y.Trigger, { asChild: !0, children: /* @__PURE__ */ a(
+        /* @__PURE__ */ h(J.Root, { open: S, onOpenChange: et, children: [
+          /* @__PURE__ */ a(J.Trigger, { asChild: !0, children: /* @__PURE__ */ a(
             "div",
             {
-              ref: Je,
+              ref: Qe,
               className: O(
                 "relative h-[32px] w-full cursor-pointer rounded-[8px] border border-solid px-3 py-1 text-left shadow-sm focus:outline-none sm:text-sm transition-all flex items-center overflow-hidden",
-                K ? "border-[#e15554] focus:ring-[#e15554]" : "border-[#c3c8d4] hover:border-gray-400 focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500",
+                Q ? "border-[#e15554] focus:ring-[#e15554]" : "border-[#c3c8d4] hover:border-gray-400 focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500",
                 C ? "bg-[#f2f4fb] cursor-not-allowed opacity-75" : "",
                 b ? "cursor-default  bg-[#f2f4fb]" : "",
                 S ? "ring-1 ring-indigo-500 border-indigo-500" : "",
@@ -458,53 +455,53 @@ const gt = (ae) => {
               "data-component": "select-trigger",
               "data-disabled": C || void 0,
               "data-state": S ? "open" : "closed",
-              children: /* @__PURE__ */ p("div", { className: "flex items-center justify-between w-full min-w-0 max-w-full", children: [
-                be && /* @__PURE__ */ a("div", { className: "flex items-center text-gray-500 shrink-0", children: be }),
-                /* @__PURE__ */ p(
+              children: /* @__PURE__ */ h("div", { className: "flex items-center justify-between w-full min-w-0 max-w-full", children: [
+                ge && /* @__PURE__ */ a("div", { className: "flex items-center text-gray-500 shrink-0", children: ge }),
+                /* @__PURE__ */ h(
                   "div",
                   {
                     className: "flex-1 flex items-center overflow-hidden min-w-0 max-w-full",
                     "data-testid": `select-value-${V || "default"}`,
                     children: [
-                      lt() || /* @__PURE__ */ a(
+                      st() || /* @__PURE__ */ a(
                         "span",
                         {
                           className: "text-[#b4bac7] font-normal text-[14px] truncate min-w-0 block",
                           "data-testid": `select-placeholder-${V || "default"}`,
                           "data-has-value": !1,
-                          children: ke
+                          children: Je
                         }
                       ),
                       F && S && L === "trigger" && !b && /* @__PURE__ */ a(
                         "input",
                         {
-                          ref: Ke,
+                          ref: Xe,
                           type: "text",
                           className: "flex-1 min-w-[50px] border-none p-0 focus:ring-0 text-sm outline-none h-full",
-                          value: G,
-                          onChange: (e) => _(e.target.value),
+                          value: T,
+                          onChange: (e) => B(e.target.value),
                           onClick: (e) => e.stopPropagation(),
-                          autoFocus: Ae,
-                          name: Ie || void 0
+                          autoFocus: De,
+                          name: Ee || void 0
                         }
                       )
                     ]
                   }
                 ),
-                /* @__PURE__ */ a("div", { className: "flex items-center gap-1 text-gray-400 shrink-0", children: !S && (A || P) ? /* @__PURE__ */ a(ot, { size: "14px" }) : /* @__PURE__ */ p(st, { children: [
-                  Ce && !b && (f && (k(
+                /* @__PURE__ */ a("div", { className: "flex items-center gap-1 text-gray-400 shrink-0", children: !S && (A || P) ? /* @__PURE__ */ a(ut, { size: "14px" }) : /* @__PURE__ */ h(at, { children: [
+                  ke && !b && (f && (k(
                     d
                   ) && d.isAllSelected || y(d) && d.length > 0) || !f && d) && /* @__PURE__ */ a(
                     "div",
                     {
                       role: "button",
-                      onClick: et,
+                      onClick: lt,
                       className: "hover:text-gray-600 p-0.5",
-                      children: /* @__PURE__ */ a(ct, { size: "11px", color: "#758490" })
+                      children: /* @__PURE__ */ a(dt, { size: "11px", color: "#758490" })
                     }
                   ),
                   /* @__PURE__ */ a(
-                    Ne,
+                    Pe,
                     {
                       size: "16px",
                       className: O(
@@ -517,10 +514,10 @@ const gt = (ae) => {
               ] })
             }
           ) }),
-          /* @__PURE__ */ a(Y.Portal, { children: /* @__PURE__ */ p(
-            Y.Content,
+          /* @__PURE__ */ a(J.Portal, { children: /* @__PURE__ */ h(
+            J.Content,
             {
-              ref: ee,
+              ref: te,
               side: "bottom",
               sideOffset: 4,
               align: "start",
@@ -532,9 +529,9 @@ const gt = (ae) => {
               onWheel: (e) => e.stopPropagation(),
               onPointerDown: (e) => e.stopPropagation(),
               style: {
-                width: Be || "var(--radix-popover-trigger-width)",
+                width: We || "var(--radix-popover-trigger-width)",
                 maxHeight: "var(--radix-popover-content-available-height)",
-                minHeight: we ? `${we}px` : void 0
+                minHeight: ye ? `${ye}px` : void 0
               },
               className: O(
                 "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",
@@ -543,33 +540,33 @@ const gt = (ae) => {
               "data-testid": `select-menu-${V || "default"}`,
               "data-component": "select-menu",
               children: [
-                /* @__PURE__ */ p(
+                /* @__PURE__ */ h(
                   "div",
                   {
                     className: O(
                       "flex flex-col z-10 sticky top-0 px-[6px] pt-[8px]",
                       b ? "bg-[#f5f5f5]" : "bg-white",
-                      !q && (F && L === "menu" && !b || f && de && !b && x.length > 0) ? "border-b border-solid border-gray-100" : ""
+                      !_ && (F && L === "menu" && !b || f && fe && !b && x.length > 0) ? "border-b border-solid border-gray-100" : ""
                     ),
                     children: [
-                      F && L === "menu" && !b && !q && /* @__PURE__ */ a(
+                      F && L === "menu" && !b && !_ && /* @__PURE__ */ a(
                         "div",
                         {
                           className: "p-0",
                           "data-testid": `select-search-container-${V || "default"}`,
-                          children: /* @__PURE__ */ p("div", { className: "relative", children: [
-                            /* @__PURE__ */ a("div", { className: "absolute inset-y-0 left-[12px] flex items-center pointer-events-none", children: /* @__PURE__ */ a(ut, { size: "14px", color: "#AFAFAF" }) }),
+                          children: /* @__PURE__ */ h("div", { className: "relative", children: [
+                            /* @__PURE__ */ a("div", { className: "absolute inset-y-0 left-[12px] flex items-center pointer-events-none", children: /* @__PURE__ */ a(ft, { size: "14px", color: "#AFAFAF" }) }),
                             /* @__PURE__ */ a(
                               "input",
                               {
-                                ref: te,
+                                ref: le,
                                 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: "Search here...",
-                                value: G,
+                                placeholder: H("select.searchHere"),
+                                value: T,
                                 onChange: (e) => {
                                   const t = e.target.value;
-                                  G === "" && t !== "" ? ee.current && X(ee.current.offsetHeight) : t === "" && X(void 0), _(t), Ee?.(t);
+                                  T === "" && t !== "" ? te.current && Z(te.current.offsetHeight) : t === "" && Z(void 0), B(t), Re?.(t);
                                 },
                                 onClick: (e) => e.stopPropagation(),
                                 "data-testid": `select-search-input-${V || "default"}`
@@ -578,7 +575,7 @@ const gt = (ae) => {
                           ] })
                         }
                       ),
-                      !A && !P && !q && f && de && !b && x.length > 0 && /* @__PURE__ */ a(
+                      !A && !P && !_ && f && fe && !b && x.length > 0 && /* @__PURE__ */ a(
                         "div",
                         {
                           className: "pb-1",
@@ -587,16 +584,16 @@ const gt = (ae) => {
                             "div",
                             {
                               className: "flex items-center justify-between cursor-pointer rounded-md hover:bg-gray-100 transition-colors py-[6px] px-3 w-full",
-                              onClick: Ze,
+                              onClick: tt,
                               "data-testid": `select-select-all-button-${V || "default"}`,
-                              children: /* @__PURE__ */ p("div", { className: "flex items-center flex-1", children: [
+                              children: /* @__PURE__ */ h("div", { className: "flex items-center flex-1", children: [
                                 /* @__PURE__ */ a("div", { className: "pointer-events-none flex", children: /* @__PURE__ */ a(
-                                  Pe,
+                                  Oe,
                                   {
                                     checked: (() => {
-                                      const { totalVisible: e, selectedVisible: t } = M;
+                                      const { totalVisible: e, selectedVisible: t } = G;
                                       if (e === 0) return !1;
-                                      const n = h ? Math.min(e, h) : e;
+                                      const n = p ? Math.min(e, p) : e;
                                       return t > 0 && t < n ? "indeterminate" : t >= n;
                                     })(),
                                     disabled: C || b,
@@ -611,8 +608,8 @@ const gt = (ae) => {
                                     className: "text-sm font-medium text-gray-700",
                                     "data-testid": `select-select-all-label-${V || "default"}`,
                                     children: (() => {
-                                      const { totalVisible: e, selectedVisible: t } = M, n = h ? Math.min(e, h) : e;
-                                      return e > 0 && t >= n ? "Unselect All" : "Select All";
+                                      const { totalVisible: e, selectedVisible: t } = G, n = p ? Math.min(e, p) : e, r = e > 0 && t >= n;
+                                      return H(r ? "select.unselectAll" : "select.selectAll");
                                     })()
                                   }
                                 )
@@ -635,18 +632,18 @@ const gt = (ae) => {
                     },
                     onWheel: (e) => e.stopPropagation(),
                     onPointerDown: (e) => e.stopPropagation(),
-                    children: q ? /* @__PURE__ */ p("div", { className: "flex flex-col items-center justify-center py-8 px-4 text-center", children: [
+                    children: _ ? /* @__PURE__ */ h("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" }),
-                      ge && /* @__PURE__ */ a(
-                        dt,
+                      ve && /* @__PURE__ */ a(
+                        mt,
                         {
                           size: "sm",
                           variant: "outline",
-                          onClick: () => ge(),
+                          onClick: () => ve(),
                           children: "Refetch"
                         }
                       )
-                    ] }) : x.length === 0 && !A && !P ? /* @__PURE__ */ a("div", { className: "flex items-center justify-center py-8 text-sm text-gray-500", children: "No options found" }) : A || P ? /* @__PURE__ */ a("div", { className: "px-1 py-1 space-y-1", children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ p(
+                    ] }) : x.length === 0 && !A && !P ? /* @__PURE__ */ a("div", { className: "flex items-center justify-center py-8 text-sm text-gray-500", children: "No options found" }) : A || P ? /* @__PURE__ */ a("div", { className: "px-1 py-1 space-y-1", children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ h(
                       "div",
                       {
                         className: "flex items-center gap-2 px-3 py-2 animate-pulse",
@@ -665,10 +662,10 @@ const gt = (ae) => {
                           position: "relative"
                         },
                         children: D.getVirtualItems().map((e) => {
-                          const t = x[e.index], n = f ? w.mode === "exclude" ? !w.set.has(t.value) : w.set.has(t.value) : d?.value === t.value, r = d || [], s = f && h ? k(r) ? !1 : y(r) && r.length >= h : !1, l = t.isDisabled || s && !n && !(N && t.isGroup) && !(v && t.isSubmenuParent), i = N && t.isGroup || v && t.isSubmenuParent ? le(t.original) : void 0, c = i?.selected || 0, o = i?.total || 0, m = c > 0 && c < o, W = t.isParentSelectable !== !1, ne = V || "default", U = String(t.value || ""), se = B(
+                          const t = x[e.index], n = f ? w.mode === "exclude" ? !w.set.has(t.value) : w.set.has(t.value) : d?.value === t.value, r = d || [], s = f && p ? k(r) ? !1 : y(r) && r.length >= p : !1, l = t.isDisabled || s && !n && !(N && t.isGroup) && !(v && t.isSubmenuParent), i = N && t.isGroup || v && t.isSubmenuParent ? ne(t.original) : void 0, c = i?.selected || 0, o = i?.total || 0, m = c > 0 && c < o, U = t.isParentSelectable !== !1, se = V || "default", Y = String(t.value || ""), ie = W(
                             t
-                          ), nt = typeof se == "string" ? se : U;
-                          return /* @__PURE__ */ p(
+                          ), it = typeof ie == "string" ? ie : Y;
+                          return /* @__PURE__ */ h(
                             "div",
                             {
                               "data-index": e.index,
@@ -678,7 +675,7 @@ const gt = (ae) => {
                                 transform: `translateY(${e.start}px)`,
                                 width: "100%"
                               },
-                              "data-testid": `select-option-wrapper-${ne}-${U}`,
+                              "data-testid": `select-option-wrapper-${se}-${Y}`,
                               children: [
                                 /* @__PURE__ */ a(
                                   "div",
@@ -692,21 +689,21 @@ const gt = (ae) => {
                                       paddingLeft: `${t.depth * 16 + 12}px`
                                     },
                                     onClick: () => {
-                                      l || (N && t.isGroup || v && t.isSubmenuParent) && !W || Ve(t);
+                                      l || (N && t.isGroup || v && t.isSubmenuParent) && !U || Ne(t);
                                     },
                                     onMouseEnter: ($) => {
                                       if (v && t.isSubmenuParent) {
-                                        Z(t.value);
-                                        const I = $.currentTarget.getBoundingClientRect();
-                                        t.rect = I;
+                                        ee(t.value);
+                                        const z = $.currentTarget.getBoundingClientRect();
+                                        t.rect = z;
                                       } else
-                                        Z(null);
+                                        ee(null);
                                     },
-                                    "data-testid": `select-option-${ne}-${U}`,
+                                    "data-testid": `select-option-${se}-${Y}`,
                                     "data-state": n ? "checked" : "unchecked",
                                     "data-disabled": l || void 0,
                                     "data-component": "select-option",
-                                    children: pe ? pe(
+                                    children: he ? he(
                                       {
                                         onClick: () => {
                                         },
@@ -715,9 +712,9 @@ const gt = (ae) => {
                                         disabled: l
                                       },
                                       t
-                                    ) : /* @__PURE__ */ p("div", { className: "flex items-center flex-1 overflow-hidden", children: [
-                                      f && (N && t.isGroup || v && t.isSubmenuParent ? W : !0) && /* @__PURE__ */ a(
-                                        Pe,
+                                    ) : /* @__PURE__ */ h("div", { className: "flex items-center flex-1 overflow-hidden", children: [
+                                      f && (N && t.isGroup || v && t.isSubmenuParent ? U : !0) && /* @__PURE__ */ a(
+                                        Oe,
                                         {
                                           checked: m ? "indeterminate" : n,
                                           disabled: l || b,
@@ -725,15 +722,15 @@ const gt = (ae) => {
                                           }
                                         }
                                       ),
-                                      oe && !(N && t.isGroup) && !(v && t.isSubmenuParent) ? /* @__PURE__ */ a(
-                                        at,
+                                      ce && !(N && t.isGroup) && !(v && t.isSubmenuParent) ? /* @__PURE__ */ a(
+                                        ot,
                                         {
-                                          label: B(
+                                          label: W(
                                             t
                                           ),
-                                          sequence: tt(t)
+                                          sequence: nt(t)
                                         }
-                                      ) : /* @__PURE__ */ p("div", { className: "flex items-center gap-2 overflow-hidden w-full", children: [
+                                      ) : /* @__PURE__ */ h("div", { className: "flex items-center gap-2 overflow-hidden w-full", children: [
                                         /* @__PURE__ */ a(
                                           "span",
                                           {
@@ -742,16 +739,16 @@ const gt = (ae) => {
                                               N && t.isGroup ? "text-xs font-semibold text-gray-400 uppercase tracking-wider" : n && !(v && t.isSubmenuParent) ? "font-medium" : "font-normal",
                                               !(N && t.isGroup) && "text-[14px]"
                                             ),
-                                            "data-testid": `select-option-label-${ne}-${U}`,
+                                            "data-testid": `select-option-label-${se}-${Y}`,
                                             "data-state": n ? "checked" : "unchecked",
-                                            title: nt,
-                                            children: se
+                                            title: it,
+                                            children: ie
                                           }
                                         ),
                                         (N && t.isGroup || v && 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 })
                                       ] }),
                                       v && t.isSubmenuParent && /* @__PURE__ */ a(
-                                        Ne,
+                                        Pe,
                                         {
                                           size: "12px",
                                           className: "text-gray-400"
@@ -760,19 +757,19 @@ const gt = (ae) => {
                                     ] })
                                   }
                                 ),
-                                v && Ye === t.value && t.isSubmenuParent && t.rect && /* @__PURE__ */ a(
-                                  rt,
+                                v && Ke === t.value && t.isSubmenuParent && t.rect && /* @__PURE__ */ a(
+                                  ct,
                                   {
                                     parentOption: t,
                                     isMulti: !!f,
                                     isReadOnly: !!b,
-                                    isSelected: ($) => ft($, d, !!f),
+                                    isSelected: ($) => pt($, d, !!f),
                                     getIndeterminateState: ($) => {
-                                      const I = le($);
-                                      return I ? I.selected > 0 && I.selected < I.total : !1;
+                                      const z = ne($);
+                                      return z ? z.selected > 0 && z.selected < z.total : !1;
                                     },
-                                    getSelectedCount: ($) => le($)?.selected || 0,
-                                    handleSelect: Ve,
+                                    getSelectedCount: ($) => ne($)?.selected || 0,
+                                    handleSelect: Ne,
                                     id: V
                                   }
                                 )
@@ -785,31 +782,31 @@ const gt = (ae) => {
                     )
                   }
                 ),
-                (fe || h || T.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: h ? /* @__PURE__ */ p("div", { className: "flex items-center gap-2 text-gray-500 px-2", children: [
-                  /* @__PURE__ */ a(ie, { size: "12px", className: "text-gray-400" }),
-                  /* @__PURE__ */ p("span", { className: "text-xs font-medium leading-4 text-[#60697d]", children: [
+                (me || p || I.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: p ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2 text-gray-500 px-2", children: [
+                  /* @__PURE__ */ a(ae, { size: "12px", className: "text-gray-400" }),
+                  /* @__PURE__ */ h("span", { className: "text-xs font-medium leading-4 text-[#60697d]", children: [
                     "Maximum ",
-                    h,
+                    p,
                     " selections"
                   ] })
-                ] }) : T.length > 5e3 ? /* @__PURE__ */ p("div", { className: "flex items-center gap-2 text-gray-500 px-2", children: [
-                  /* @__PURE__ */ a(ie, { size: "12px", className: "text-gray-400" }),
+                ] }) : I.length > 5e3 ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2 text-gray-500 px-2", children: [
+                  /* @__PURE__ */ a(ae, { 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." })
-                ] }) : fe })
+                ] }) : me })
               ]
             }
           ) })
         ] }),
-        ue && /* @__PURE__ */ p(
+        de && /* @__PURE__ */ h(
           "p",
           {
             className: O(
               "text-[12px] mt-1 flex items-center gap-1",
-              K ? "text-[#e15554]" : "text-gray-500"
+              Q ? "text-[#e15554]" : "text-gray-500"
             ),
             children: [
-              K && /* @__PURE__ */ a(ie, { size: "12px" }),
-              ue
+              Q && /* @__PURE__ */ a(ae, { size: "12px" }),
+              de
             ]
           }
         )
@@ -817,7 +814,7 @@ const gt = (ae) => {
     }
   );
 };
-gt.displayName = "Select";
+wt.displayName = "Select";
 export {
-  gt as default
+  wt as default
 };