impact-nova 1.2.2 → 1.2.4

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

@@ -1,114 +1,122 @@
-import { jsxs as p, jsx as a, Fragment as lt } from "react/jsx-runtime";
-import { useState as W, useRef as M, useEffect as j } from "react";
+import { jsxs as p, jsx as a, Fragment as st } from "react/jsx-runtime";
+import { useState as q, useRef as M, useEffect as F } from "react";
 import * as Y from "@radix-ui/react-popover";
-import { useVirtualizer as nt } from "@tanstack/react-virtual";
-import st from "./components/LabelWithSequence.js";
-import it from "./components/Submenu.js";
-import { LoadingSpinner as at, Cross as rt, ChevronRight as ye, Search as ot, Info as ne } from "../../../icons/index.js";
-import { Checkbox as we } from "../checkbox.js";
-import { Button as ct } from "../button.js";
-import { cn as C } from "../../../lib/utils.js";
-import { isInvertedSelection as k, isOptionArray as y, isSelected as ut, getSequence as dt, getLeafOptions as ft } from "./utils/select.js";
-import { useFlattenOptions as mt } from "./hooks/useFlattenOptions.js";
-import { useSelectionModel as pt } from "./hooks/useSelectionModel.js";
-import { useVisibleStats as ht } from "./hooks/useVisibleStats.js";
-const xt = (se) => {
+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 Ve, Search as ut, Info as se } from "../../../icons/index.js";
+import { Checkbox as Ne } from "../checkbox.js";
+import { Button as dt } 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 = (ie) => {
   const {
     options: $,
     value: J,
-    defaultValue: Ve,
+    defaultValue: Pe,
     onChange: u,
     isMulti: f,
-    isDisabled: P,
+    isDisabled: C,
     isLoading: A,
-    isClearable: Ne = !0,
+    isClearable: Oe = !0,
     isSearchable: E = !0,
-    placeholder: Oe = "Select...",
+    placeholder: Ce = "Select...",
     // menuPortalTarget is kept for API compatibility but no longer used (Radix handles portalling)
-    menuPortalTarget: bt,
-    autoFocus: Ce,
-    closeMenuOnSelect: Pe = !f,
-    defaultMenuIsOpen: ke = !1,
-    scrollToSelectedOnOpen: ie = !1,
+    menuPortalTarget: vt,
+    autoFocus: ke,
+    closeMenuOnSelect: Ae = !f,
+    defaultMenuIsOpen: De = !1,
+    scrollToSelectedOnOpen: ae = !1,
     maxSelectableOptions: h,
-    showSequence: ae,
-    selectionOrder: Ae,
-    label: re,
-    isRequired: De,
+    showSequence: re,
+    selectionOrder: Te,
+    label: oe,
+    isRequired: $e,
     error: K,
-    helperText: oe,
-    id: w,
-    className: Te,
-    parentClassName: $e,
+    helperText: ce,
+    id: V,
+    className: Ge,
+    parentClassName: Ie,
     onMenuScrollToBottom: Q,
-    name: Ge,
-    isSelectAllEnabled: ce = !0,
+    name: ze,
+    isSelectAllEnabled: ue = !0,
     isReadOnly: b = !1,
     searchPosition: R = "menu",
-    footerContent: ue,
-    onInputChange: ze,
-    getOptionLabel: de,
-    renderOption: fe,
-    onMenuOpen: Ie,
-    onMenuClose: me,
-    labelOrientation: pe = "top",
-    leftContent: he,
-    ignoreCase: Me,
-    ignoreAccents: Ee,
-    matchFrom: Re,
-    stringify: Fe,
-    trim: Le,
-    filterOption: je,
+    footerContent: de,
+    onInputChange: Me,
+    getOptionLabel: fe,
+    renderOption: me,
+    onMenuOpen: Fe,
+    onMenuClose: pe,
+    labelOrientation: he = "top",
+    leftContent: xe,
+    ignoreCase: Ee,
+    ignoreAccents: Re,
+    matchFrom: Le,
+    stringify: je,
+    trim: qe,
+    filterOption: He,
     enableSubMenus: v = !1,
-    enableGroups: V = !1,
-    fetchError: q,
-    onRefetch: xe,
-    menuWidth: qe,
-    onClearAll: be,
-    onFocus: _e,
-    onBlur: Be
-  } = se, [N, ge] = W(ke), [F, _] = W(""), [d, g] = W(Ve || (f ? [] : null)), [He, X] = W(null), Ue = M(null), We = M(null), Ye = M(null), L = M(null), Z = M(null);
-  j(() => {
+    enableGroups: N = !1,
+    fetchError: H,
+    onRefetch: be,
+    menuWidth: _e,
+    onClearAll: ge,
+    onFocus: Be,
+    onBlur: We
+  } = ie, [S, ve] = q(De), [L, _] = q(""), [Ue, Se] = q(null), [d, g] = q(Pe || (f ? [] : null)), [Ye, X] = q(null), Je = M(null), Z = M(null), Ke = M(null), j = M(null), ee = M(null);
+  F(() => {
     J !== void 0 && g(J);
-  }, [J]), j(() => {
+  }, [J]), F(() => {
     let e;
-    return N && E && R === "menu" && Z.current && (e = setTimeout(() => {
-      Z.current?.focus();
+    return S && E && R === "menu" && ee.current && (e = setTimeout(() => {
+      ee.current?.focus();
     }, 50)), () => {
       e && clearTimeout(e);
     };
-  }, [N, E, R]);
-  const { flatOptions: x, isProcessing: O, totalOptionsCount: ve, workerSelectAll: Je } = mt($, F, {
-    ignoreCase: Me,
-    ignoreAccents: Ee,
-    matchFrom: Re,
-    stringify: Fe,
-    trim: Le,
-    filterOption: je,
+  }, [S, E, R]), F(() => {
+    if (S) {
+      const e = requestAnimationFrame(() => {
+        Z.current && Se(Z.current.offsetHeight);
+      });
+      return () => cancelAnimationFrame(e);
+    } else
+      Se(null);
+  }, [S]);
+  const { flatOptions: x, isProcessing: P, totalOptionsCount: we, workerSelectAll: Qe } = ht($, L, {
+    ignoreCase: Ee,
+    ignoreAccents: Re,
+    matchFrom: Le,
+    stringify: je,
+    trim: qe,
+    filterOption: He,
     enableSubMenus: v,
-    enableGroups: V
-  }), S = pt(d, f ?? !1), { stats: G, getGroupStats: ee } = ht(
+    enableGroups: N
+  }), w = xt(d, f ?? !1), { stats: G, getGroupStats: te } = bt(
     x,
-    ve,
-    F,
-    S,
+    we,
+    L,
+    w,
     d,
     f ?? !1
-  ), D = nt({
+  ), D = it({
     count: x.length,
-    getScrollElement: () => L.current,
+    getScrollElement: () => j.current,
     estimateSize: () => 40,
     overscan: 5
   });
-  j(() => {
-    if (!N) return;
+  F(() => {
+    if (!S) return;
     const e = requestAnimationFrame(() => {
       D.measure();
     });
     return () => cancelAnimationFrame(e);
-  }, [N, D]), j(() => {
-    if (N && ie && !O && x.length > 0) {
-      const e = x.findIndex((t) => f ? S.mode === "exclude" ? !S.set.has(t.value) : S.set.has(t.value) : d?.value === t.value);
+  }, [S, D]), F(() => {
+    if (S && ae && !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(() => {
           D.scrollToIndex(e, { align: "center" });
@@ -116,47 +124,47 @@ const xt = (se) => {
         return () => clearTimeout(t);
       }
     }
-  }, [N, ie, O, x.length, f, S.mode, S.set, d, D]);
-  const z = M(null);
-  j(() => {
-    if (!L.current || !Q) return;
+  }, [S, ae, P, x.length, f, w.mode, w.set, d, D]);
+  const I = M(null);
+  F(() => {
+    if (!j.current || !Q) return;
     const e = () => {
-      if (A || O) return;
-      const { scrollTop: n, scrollHeight: r, clientHeight: s } = L.current;
+      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 (I.current) return;
+        Q(), I.current = setTimeout(() => {
+          I.current = null;
         }, 500);
       }
-    }, t = L.current;
-    return t.addEventListener("scroll", e), !A && !O && e(), () => {
-      t.removeEventListener("scroll", e), z.current && (clearTimeout(z.current), z.current = null);
+    }, t = j.current;
+    return t.addEventListener("scroll", e), !A && !P && e(), () => {
+      t.removeEventListener("scroll", e), I.current && (clearTimeout(I.current), I.current = null);
     };
   }, [
     Q,
     x.length,
-    N,
+    S,
     A,
-    O
+    P
   ]);
-  const Ke = (e) => {
-    if (!P)
-      if (ge(e), e)
-        Ie?.();
+  const Xe = (e) => {
+    if (!C)
+      if (ve(e), e)
+        Fe?.();
       else {
         const t = d, n = f && y(d) ? d.map((r) => r.value) : void 0;
-        me?.(t, n), _(""), X(null);
+        pe?.(t, n), _(""), X(null);
       }
-  }, Se = (e) => {
-    if (!(P || b || e.isDisabled || ("children" in e || "options" in e) && e.isParentSelectable === !1))
+  }, ye = (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 = ft(
+          const s = pt(
             e,
             v,
-            V
+            N
           ).filter((l) => !l.isDisabled);
           if (k(n)) {
             const l = n.excludedValues, i = s.every(
@@ -166,7 +174,7 @@ const xt = (se) => {
             i ? s.forEach((m) => {
               c.includes(m.value) || c.push(m.value);
             }) : c = c.filter(
-              (m) => !s.some((H) => H.value === m)
+              (m) => !s.some((W) => W.value === m)
             );
             const o = {
               isAllSelected: !0,
@@ -205,7 +213,7 @@ const xt = (se) => {
             option: e
           });
         } else if (y(n)) {
-          const r = n, s = f ? S.mode === "exclude" ? !S.set.has(e.value) : S.set.has(e.value) : d?.value === e.value;
+          const r = n, s = f ? w.mode === "exclude" ? !w.set.has(e.value) : w.set.has(e.value) : d?.value === e.value;
           let l = [];
           if (s)
             l = r.filter((i) => i.value !== e.value);
@@ -223,12 +231,12 @@ const xt = (se) => {
         g(e), u && u(e, {
           action: "select-option",
           option: e
-        }), Pe && (ge(!1), me?.(e, void 0), _(""));
-  }, Qe = async () => {
-    if (!(!f || P || b)) {
+        }), Ae && (ve(!1), pe?.(e, void 0), _(""));
+  }, Ze = async () => {
+    if (!(!f || C || b)) {
       if ($.length > 3e3) {
         try {
-          const e = await Je(
+          const e = await Qe(
             d,
             k(d),
             h
@@ -238,7 +246,7 @@ const xt = (se) => {
         }
         return;
       }
-      if (F) {
+      if (L) {
         let e = !1;
         for (const n of x)
           if (!n.isGroup && !n.isSubmenuParent && !n.isDisabled) {
@@ -303,7 +311,7 @@ const xt = (se) => {
         }
       } else {
         const e = d, t = k(e) && e.excludedValues.length === 0;
-        if (se.enableInvertedSelection)
+        if (ie.enableInvertedSelection)
           if (t) {
             const n = y(e) ? e.filter((r) => r.isDisabled) : [];
             g(n), u && u(n, {
@@ -336,12 +344,12 @@ const xt = (se) => {
         }
       }
     }
-  }, Xe = (e) => {
+  }, et = (e) => {
     if (e.stopPropagation(), !b)
       if (f) {
         const t = [], n = (s) => {
           for (const l of s) {
-            if (V && "options" in l) {
+            if (N && "options" in l) {
               n(
                 l.options
               );
@@ -352,12 +360,12 @@ const xt = (se) => {
               continue;
             }
             const i = l;
-            i.isDisabled && (S.mode === "exclude" ? !S.set.has(i.value) : S.set.has(i.value)) && t.push(i);
+            i.isDisabled && (w.mode === "exclude" ? !w.set.has(i.value) : w.set.has(i.value)) && t.push(i);
           }
         };
         n($);
         const r = t;
-        g(r), u && u(r, { action: "clear" }), be?.();
+        g(r), u && u(r, { action: "clear" }), ge?.();
       } else {
         const t = d;
         if (t) {
@@ -365,7 +373,7 @@ const xt = (se) => {
           const s = (l) => {
             for (const i of l) {
               if (r) return;
-              if (V && "options" in i) {
+              if (N && "options" in i) {
                 if (s(
                   i.options
                 ), r) return;
@@ -388,19 +396,19 @@ const xt = (se) => {
             return;
         }
         const n = null;
-        g(n), u && u(n, { action: "clear" }), be?.();
+        g(n), u && u(n, { action: "clear" }), ge?.();
       }
-  }, Ze = (e) => dt(
+  }, tt = (e) => mt(
     e,
-    ae ?? !1,
+    re ?? !1,
     f ?? !1,
-    Ae,
+    Te,
     d
-  ), B = (e) => de ? de(e) : e.label, et = () => {
+  ), B = (e) => fe ? fe(e) : e.label, lt = () => {
     if (f) {
       const e = d || [];
       let t = 0;
-      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: B(e[0]) }) : /* @__PURE__ */ p("span", { className: "text-[#1f2b4d] text-[14px] font-medium truncate min-w-0 block", children: [
+      return k(e) ? t = we - 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,
         ")"
@@ -413,101 +421,101 @@ const xt = (se) => {
   return /* @__PURE__ */ p(
     "div",
     {
-      className: C(
+      className: O(
         "flex gap-[6px]",
-        pe === "left" ? "w-fit flex-row items-center" : "w-full flex-col",
-        $e
+        he === "left" ? "w-fit flex-row items-center" : "w-full flex-col",
+        Ie
       ),
-      onFocus: _e,
-      onBlur: Be,
-      tabIndex: P ? -1 : 0,
-      "data-testid": `select-${w || "default"}`,
+      onFocus: Be,
+      onBlur: We,
+      tabIndex: C ? -1 : 0,
+      "data-testid": `select-${V || "default"}`,
       "data-component": "select",
       children: [
-        re && /* @__PURE__ */ p(
+        oe && /* @__PURE__ */ p(
           "label",
           {
-            className: C(
+            className: O(
               "text-[12px] font-medium text-[#60697d] leading-[18px]",
-              pe === "left" ? "shrink-0" : ""
+              he === "left" ? "shrink-0" : ""
             ),
             children: [
-              re,
+              oe,
               " ",
-              De && /* @__PURE__ */ a("span", { className: "text-[red]", children: "*" })
+              $e && /* @__PURE__ */ a("span", { className: "text-[red]", children: "*" })
             ]
           }
         ),
-        /* @__PURE__ */ p(Y.Root, { open: N, onOpenChange: Ke, children: [
+        /* @__PURE__ */ p(Y.Root, { open: S, onOpenChange: Xe, children: [
           /* @__PURE__ */ a(Y.Trigger, { asChild: !0, children: /* @__PURE__ */ a(
             "div",
             {
-              ref: Ue,
-              className: C(
+              ref: Je,
+              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",
-                P ? "bg-[#f2f4fb] cursor-not-allowed opacity-75" : "",
+                C ? "bg-[#f2f4fb] cursor-not-allowed opacity-75" : "",
                 b ? "cursor-default  bg-[#f2f4fb]" : "",
-                N ? "ring-1 ring-indigo-500 border-indigo-500" : "",
-                !P && !b && "bg-white",
-                Te
+                S ? "ring-1 ring-indigo-500 border-indigo-500" : "",
+                !C && !b && "bg-white",
+                Ge
               ),
-              id: w,
+              id: V,
               "data-component": "select-trigger",
-              "data-disabled": P || void 0,
-              "data-state": N ? "open" : "closed",
+              "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: [
-                he && /* @__PURE__ */ a("div", { className: "flex items-center text-gray-500 shrink-0", children: he }),
+                xe && /* @__PURE__ */ a("div", { className: "flex items-center text-gray-500 shrink-0", children: xe }),
                 /* @__PURE__ */ p(
                   "div",
                   {
                     className: "flex-1 flex items-center overflow-hidden min-w-0 max-w-full",
-                    "data-testid": `select-value-${w || "default"}`,
+                    "data-testid": `select-value-${V || "default"}`,
                     children: [
-                      et() || /* @__PURE__ */ a(
+                      lt() || /* @__PURE__ */ a(
                         "span",
                         {
                           className: "text-[#b4bac7] font-normal text-[14px] truncate min-w-0 block",
-                          "data-testid": `select-placeholder-${w || "default"}`,
+                          "data-testid": `select-placeholder-${V || "default"}`,
                           "data-has-value": !1,
-                          children: Oe
+                          children: Ce
                         }
                       ),
-                      E && N && R === "trigger" && !b && /* @__PURE__ */ a(
+                      E && S && R === "trigger" && !b && /* @__PURE__ */ a(
                         "input",
                         {
-                          ref: Ye,
+                          ref: Ke,
                           type: "text",
                           className: "flex-1 min-w-[50px] border-none p-0 focus:ring-0 text-sm outline-none h-full",
-                          value: F,
+                          value: L,
                           onChange: (e) => _(e.target.value),
                           onClick: (e) => e.stopPropagation(),
-                          autoFocus: Ce,
-                          name: Ge || void 0
+                          autoFocus: ke,
+                          name: ze || void 0
                         }
                       )
                     ]
                   }
                 ),
-                /* @__PURE__ */ a("div", { className: "flex items-center gap-1 text-gray-400 shrink-0", children: !N && (A || O) ? /* @__PURE__ */ a(at, { size: "14px" }) : /* @__PURE__ */ p(lt, { children: [
-                  Ne && !b && (f && (k(
+                /* @__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: [
+                  Oe && !b && (f && (k(
                     d
                   ) && d.isAllSelected || y(d) && d.length > 0) || !f && d) && /* @__PURE__ */ a(
                     "div",
                     {
                       role: "button",
-                      onClick: Xe,
+                      onClick: et,
                       className: "hover:text-gray-600 p-0.5",
-                      children: /* @__PURE__ */ a(rt, { size: "11px", color: "#758490" })
+                      children: /* @__PURE__ */ a(ct, { size: "11px", color: "#758490" })
                     }
                   ),
                   /* @__PURE__ */ a(
-                    ye,
+                    Ve,
                     {
                       size: "16px",
-                      className: C(
+                      className: O(
                         "transition-transform duration-200",
-                        N ? "-rotate-90" : "rotate-90"
+                        S ? "-rotate-90" : "rotate-90"
                       )
                     }
                   )
@@ -518,7 +526,7 @@ const xt = (se) => {
           /* @__PURE__ */ a(Y.Portal, { children: /* @__PURE__ */ p(
             Y.Content,
             {
-              ref: We,
+              ref: Z,
               side: "bottom",
               sideOffset: 4,
               align: "start",
@@ -527,64 +535,67 @@ const xt = (se) => {
               onOpenAutoFocus: (e) => e.preventDefault(),
               onInteractOutside: () => {
               },
+              onWheel: (e) => e.stopPropagation(),
+              onPointerDown: (e) => e.stopPropagation(),
               style: {
-                width: qe || "var(--radix-popover-trigger-width)"
+                width: _e || "var(--radix-popover-trigger-width)",
+                minHeight: Ue ?? void 0
               },
-              className: C(
+              className: O(
                 "z-50 max-h-80 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",
                 b ? "bg-[#f5f5f5]" : "bg-white"
               ),
-              "data-testid": `select-menu-${w || "default"}`,
+              "data-testid": `select-menu-${V || "default"}`,
               "data-component": "select-menu",
               children: [
                 /* @__PURE__ */ p(
                   "div",
                   {
-                    className: C(
+                    className: O(
                       "flex flex-col z-10 sticky top-0 px-[6px] pt-[8px]",
                       b ? "bg-[#f5f5f5]" : "bg-white",
-                      !q && (E && R === "menu" && !b || f && ce && !b && x.length > 0) ? "border-b border-solid border-gray-100" : ""
+                      !H && (E && R === "menu" && !b || f && ue && !b && x.length > 0) ? "border-b border-solid border-gray-100" : ""
                     ),
                     children: [
-                      E && R === "menu" && !b && !q && /* @__PURE__ */ a(
+                      E && R === "menu" && !b && !H && /* @__PURE__ */ a(
                         "div",
                         {
                           className: "p-0",
-                          "data-testid": `select-search-container-${w || "default"}`,
+                          "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(ot, { size: "14px", color: "#AFAFAF" }) }),
+                            /* @__PURE__ */ a("div", { className: "absolute inset-y-0 left-[12px] flex items-center pointer-events-none", children: /* @__PURE__ */ a(ut, { size: "14px", color: "#AFAFAF" }) }),
                             /* @__PURE__ */ a(
                               "input",
                               {
-                                ref: Z,
+                                ref: ee,
                                 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: F,
+                                value: L,
                                 onChange: (e) => {
-                                  _(e.target.value), ze?.(e.target.value);
+                                  _(e.target.value), Me?.(e.target.value);
                                 },
                                 onClick: (e) => e.stopPropagation(),
-                                "data-testid": `select-search-input-${w || "default"}`
+                                "data-testid": `select-search-input-${V || "default"}`
                               }
                             )
                           ] })
                         }
                       ),
-                      !A && !O && !q && f && ce && !b && x.length > 0 && /* @__PURE__ */ a(
+                      !A && !P && !H && f && ue && !b && x.length > 0 && /* @__PURE__ */ a(
                         "div",
                         {
                           className: "pb-1",
-                          "data-testid": `select-select-all-container-${w || "default"}`,
+                          "data-testid": `select-select-all-container-${V || "default"}`,
                           children: /* @__PURE__ */ a(
                             "div",
                             {
                               className: "flex items-center justify-between cursor-pointer rounded-md hover:bg-gray-100 transition-colors py-[6px] px-3 w-full",
-                              onClick: Qe,
-                              "data-testid": `select-select-all-button-${w || "default"}`,
+                              onClick: Ze,
+                              "data-testid": `select-select-all-button-${V || "default"}`,
                               children: /* @__PURE__ */ p("div", { className: "flex items-center flex-1", children: [
                                 /* @__PURE__ */ a("div", { className: "pointer-events-none flex", children: /* @__PURE__ */ a(
-                                  we,
+                                  Ne,
                                   {
                                     checked: (() => {
                                       const { totalVisible: e, selectedVisible: t } = G;
@@ -592,17 +603,17 @@ const xt = (se) => {
                                       const n = h ? Math.min(e, h) : e;
                                       return t > 0 && t < n ? "indeterminate" : t >= n;
                                     })(),
-                                    disabled: P || b,
+                                    disabled: C || b,
                                     onChange: () => {
                                     },
-                                    "data-testid": `select-select-all-checkbox-${w || "default"}`
+                                    "data-testid": `select-select-all-checkbox-${V || "default"}`
                                   }
                                 ) }),
                                 /* @__PURE__ */ a(
                                   "span",
                                   {
                                     className: "text-sm font-medium text-gray-700",
-                                    "data-testid": `select-select-all-label-${w || "default"}`,
+                                    "data-testid": `select-select-all-label-${V || "default"}`,
                                     children: (() => {
                                       const { totalVisible: e, selectedVisible: t } = G, n = h ? Math.min(e, h) : e;
                                       return e > 0 && t >= n ? "Unselect All" : "Select All";
@@ -620,21 +631,23 @@ const xt = (se) => {
                 /* @__PURE__ */ a(
                   "div",
                   {
-                    ref: L,
+                    ref: j,
                     className: "flex-1 overflow-auto py-1 px-[6px]",
-                    style: { maxHeight: "300px" },
-                    children: q ? /* @__PURE__ */ p("div", { className: "flex flex-col items-center justify-center py-8 px-4 text-center", children: [
+                    style: { maxHeight: "300px", overscrollBehavior: "contain" },
+                    onWheel: (e) => e.stopPropagation(),
+                    onPointerDown: (e) => e.stopPropagation(),
+                    children: H ? /* @__PURE__ */ p("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" }),
-                      xe && /* @__PURE__ */ a(
-                        ct,
+                      be && /* @__PURE__ */ a(
+                        dt,
                         {
                           size: "sm",
                           variant: "outline",
-                          onClick: () => xe(),
+                          onClick: () => be(),
                           children: "Refetch"
                         }
                       )
-                    ] }) : x.length === 0 && !A && !O ? /* @__PURE__ */ a("div", { className: "flex items-center justify-center py-8 text-sm text-gray-500", children: "No options found" }) : A || O ? /* @__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__ */ p(
                       "div",
                       {
                         className: "flex items-center gap-2 px-3 py-2 animate-pulse",
@@ -653,9 +666,9 @@ const xt = (se) => {
                           position: "relative"
                         },
                         children: D.getVirtualItems().map((e) => {
-                          const t = x[e.index], n = f ? S.mode === "exclude" ? !S.set.has(t.value) : S.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 && !(V && t.isGroup) && !(v && t.isSubmenuParent), i = V && t.isGroup || v && t.isSubmenuParent ? ee(t.original) : void 0, c = i?.selected || 0, o = i?.total || 0, m = c > 0 && c < o, H = t.isParentSelectable !== !1, te = w || "default", U = String(t.value || ""), le = 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 && 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 ? te(t.original) : void 0, c = i?.selected || 0, o = i?.total || 0, m = c > 0 && c < o, W = t.isParentSelectable !== !1, le = V || "default", U = String(t.value || ""), ne = B(
                             t
-                          ), tt = typeof le == "string" ? le : U;
+                          ), nt = typeof ne == "string" ? ne : U;
                           return /* @__PURE__ */ p(
                             "div",
                             {
@@ -666,35 +679,35 @@ const xt = (se) => {
                                 transform: `translateY(${e.start}px)`,
                                 width: "100%"
                               },
-                              "data-testid": `select-option-wrapper-${te}-${U}`,
+                              "data-testid": `select-option-wrapper-${le}-${U}`,
                               children: [
                                 /* @__PURE__ */ a(
                                   "div",
                                   {
-                                    className: C(
+                                    className: O(
                                       "cursor-default select-none py-[6px] px-3 flex items-center justify-between transition-colors rounded-md",
                                       l ? "opacity-50 cursor-not-allowed bg-[#f5f5f5]" : b ? "cursor-default" : "hover:bg-gray-100 cursor-pointer",
-                                      n && !l && !(V && t.isGroup) && !(v && t.isSubmenuParent) ? "bg-[#edf0ff] text-[#1f2b4d]" : "text-[#1f2b4d]"
+                                      n && !l && !(N && t.isGroup) && !(v && t.isSubmenuParent) ? "bg-[#edf0ff] text-[#1f2b4d]" : "text-[#1f2b4d]"
                                     ),
                                     style: {
                                       paddingLeft: `${t.depth * 16 + 12}px`
                                     },
                                     onClick: () => {
-                                      l || (V && t.isGroup || v && t.isSubmenuParent) && !H || Se(t);
+                                      l || (N && t.isGroup || v && t.isSubmenuParent) && !W || ye(t);
                                     },
                                     onMouseEnter: (T) => {
                                       if (v && t.isSubmenuParent) {
                                         X(t.value);
-                                        const I = T.currentTarget.getBoundingClientRect();
-                                        t.rect = I;
+                                        const z = T.currentTarget.getBoundingClientRect();
+                                        t.rect = z;
                                       } else
                                         X(null);
                                     },
-                                    "data-testid": `select-option-${te}-${U}`,
+                                    "data-testid": `select-option-${le}-${U}`,
                                     "data-state": n ? "checked" : "unchecked",
                                     "data-disabled": l || void 0,
                                     "data-component": "select-option",
-                                    children: fe ? fe(
+                                    children: me ? me(
                                       {
                                         onClick: () => {
                                         },
@@ -704,8 +717,8 @@ const xt = (se) => {
                                       },
                                       t
                                     ) : /* @__PURE__ */ p("div", { className: "flex items-center flex-1 overflow-hidden", children: [
-                                      f && (V && t.isGroup || v && t.isSubmenuParent ? H : !0) && /* @__PURE__ */ a(
-                                        we,
+                                      f && (N && t.isGroup || v && t.isSubmenuParent ? W : !0) && /* @__PURE__ */ a(
+                                        Ne,
                                         {
                                           checked: m ? "indeterminate" : n,
                                           disabled: l || b,
@@ -713,33 +726,33 @@ const xt = (se) => {
                                           }
                                         }
                                       ),
-                                      ae && !(V && t.isGroup) && !(v && t.isSubmenuParent) ? /* @__PURE__ */ a(
-                                        st,
+                                      re && !(N && t.isGroup) && !(v && t.isSubmenuParent) ? /* @__PURE__ */ a(
+                                        at,
                                         {
                                           label: B(
                                             t
                                           ),
-                                          sequence: Ze(t)
+                                          sequence: tt(t)
                                         }
                                       ) : /* @__PURE__ */ p("div", { className: "flex items-center gap-2 overflow-hidden w-full", children: [
                                         /* @__PURE__ */ a(
                                           "span",
                                           {
-                                            className: C(
+                                            className: O(
                                               "block truncate",
-                                              V && t.isGroup ? "text-xs font-semibold text-gray-400 uppercase tracking-wider" : n && !(v && t.isSubmenuParent) ? "font-medium" : "font-normal",
-                                              !(V && t.isGroup) && "text-[14px]"
+                                              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-${te}-${U}`,
+                                            "data-testid": `select-option-label-${le}-${U}`,
                                             "data-state": n ? "checked" : "unchecked",
-                                            title: tt,
-                                            children: le
+                                            title: nt,
+                                            children: ne
                                           }
                                         ),
-                                        (V && 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 })
+                                        (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(
-                                        ye,
+                                        Ve,
                                         {
                                           size: "12px",
                                           className: "text-gray-400"
@@ -748,20 +761,20 @@ const xt = (se) => {
                                     ] })
                                   }
                                 ),
-                                v && He === t.value && t.isSubmenuParent && t.rect && /* @__PURE__ */ a(
-                                  it,
+                                v && Ye === t.value && t.isSubmenuParent && t.rect && /* @__PURE__ */ a(
+                                  rt,
                                   {
                                     parentOption: t,
                                     isMulti: !!f,
                                     isReadOnly: !!b,
-                                    isSelected: (T) => ut(T, d, !!f),
+                                    isSelected: (T) => ft(T, d, !!f),
                                     getIndeterminateState: (T) => {
-                                      const I = ee(T);
-                                      return I ? I.selected > 0 && I.selected < I.total : !1;
+                                      const z = te(T);
+                                      return z ? z.selected > 0 && z.selected < z.total : !1;
                                     },
-                                    getSelectedCount: (T) => ee(T)?.selected || 0,
-                                    handleSelect: Se,
-                                    id: w
+                                    getSelectedCount: (T) => te(T)?.selected || 0,
+                                    handleSelect: ye,
+                                    id: V
                                   }
                                 )
                               ]
@@ -773,31 +786,31 @@ const xt = (se) => {
                     )
                   }
                 ),
-                (ue || h || $.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(ne, { size: "12px", className: "text-gray-400" }),
+                (de || h || $.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(se, { size: "12px", className: "text-gray-400" }),
                   /* @__PURE__ */ p("span", { className: "text-xs font-medium leading-4 text-[#60697d]", children: [
                     "Maximum ",
                     h,
                     " selections"
                   ] })
                 ] }) : $.length > 5e3 ? /* @__PURE__ */ p("div", { className: "flex items-center gap-2 text-gray-500 px-2", children: [
-                  /* @__PURE__ */ a(ne, { size: "12px", className: "text-gray-400" }),
+                  /* @__PURE__ */ a(se, { 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." })
-                ] }) : ue })
+                ] }) : de })
               ]
             }
           ) })
         ] }),
-        oe && /* @__PURE__ */ p(
+        ce && /* @__PURE__ */ p(
           "p",
           {
-            className: C(
+            className: O(
               "text-[12px] mt-1 flex items-center gap-1",
               K ? "text-[#e15554]" : "text-gray-500"
             ),
             children: [
-              K && /* @__PURE__ */ a(ne, { size: "12px" }),
-              oe
+              K && /* @__PURE__ */ a(se, { size: "12px" }),
+              ce
             ]
           }
         )
@@ -805,7 +818,7 @@ const xt = (se) => {
     }
   );
 };
-xt.displayName = "Select";
+gt.displayName = "Select";
 export {
-  xt as default
+  gt as default
 };