impact-nova 1.6.2 → 1.6.3

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

@@ -1,123 +1,124 @@
-import { jsxs as p, jsx as a, Fragment as at } from "react/jsx-runtime";
-import { useState as B, useRef as L, useEffect as F } 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 dt, Cross as ut, ChevronRight as Oe, Search as ft, Info as ae } from "../../../icons/index.js";
-import { Checkbox as Pe } from "../checkbox.js";
-import { Button as mt } from "../button.js";
-import { cn as k } from "../../../lib/utils.js";
-import { isInvertedSelection as P, isOptionArray as w, isSelected as pt, getSequence as ht, getLeafOptions as xt } from "./utils/select.js";
-import { useFlattenOptions as bt } from "./hooks/useFlattenOptions.js";
-import { useSelectionModel as vt } from "./hooks/useSelectionModel.js";
-import { useVisibleStats as gt } from "./hooks/useVisibleStats.js";
-import { useImpactNovaI18n as St } from "../../../i18n/ImpactNovaI18nContext.js";
-const wt = (re) => {
+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 { 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 { 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 {
-    options: I,
-    value: Q,
-    defaultValue: Ae,
-    onChange: d,
+    options: z,
+    value: ne,
+    defaultValue: Me,
+    onChange: u,
     isMulti: f,
-    isDisabled: O,
-    isLoading: A,
-    isClearable: De = !0,
-    isSearchable: H = !0,
-    placeholder: $e,
+    isDisabled: A,
+    isLoading: C,
+    isClearable: ze = !0,
+    isSearchable: q = !0,
+    placeholder: Le,
     // menuPortalTarget is kept for API compatibility but no longer used (Radix handles portalling)
-    menuPortalTarget: Vt,
-    autoFocus: Ie,
-    closeMenuOnSelect: Te = !f,
-    defaultMenuIsOpen: Me = !1,
-    scrollToSelectedOnOpen: oe = !1,
-    maxSelectableOptions: h,
-    showSequence: ce,
-    selectionOrder: ze,
-    label: de,
-    isRequired: Ge,
-    error: T,
-    helperText: ue,
+    menuPortalTarget: At,
+    autoFocus: Re,
+    closeMenuOnSelect: Fe = !f,
+    defaultMenuIsOpen: He = !1,
+    scrollToSelectedOnOpen: be = !1,
+    maxSelectableOptions: x,
+    showSequence: ve,
+    selectionOrder: je,
+    label: L,
+    isRequired: _e,
+    error: Se,
+    helperText: ye,
     id: V,
-    className: Ee,
-    parentClassName: Re,
-    onMenuScrollToBottom: X,
-    name: Le,
-    isSelectAllEnabled: fe = !0,
-    isReadOnly: b = !1,
-    searchPosition: j = "menu",
-    footerContent: me,
-    onInputChange: Fe,
-    getOptionLabel: pe,
-    renderOption: he,
-    onMenuOpen: He,
-    onMenuClose: xe,
-    labelOrientation: be = "top",
-    leftContent: ve,
-    ignoreCase: je,
-    ignoreAccents: qe,
-    matchFrom: Be,
-    stringify: We,
-    trim: Ue,
-    filterOption: _e,
-    enableSubMenus: N = !1,
-    enableGroups: y = !1,
-    fetchError: W,
-    onRefetch: ge,
-    menuWidth: Ke,
-    onClearAll: Se,
-    onFocus: Ye,
-    onBlur: Je
-  } = re, { t: M } = St(), Qe = $e ?? M("select.placeholder"), [g, we] = B(Me), [z, U] = B(""), [Ve, Z] = B(
-    void 0
-  ), [u, v] = B(Ae || (f ? [] : null)), [Xe, ee] = B(null), Ze = L(null), te = L(null), et = L(null), q = L(null), ne = L(null);
-  F(() => {
-    Q !== void 0 && v(Q);
-  }, [Q]), F(() => {
+    className: qe,
+    parentClassName: Be,
+    onMenuScrollToBottom: se,
+    name: Ke,
+    isSelectAllEnabled: X = !0,
+    isReadOnly: h = !1,
+    searchPosition: B = "menu",
+    footerContent: we,
+    onInputChange: Ue,
+    getOptionLabel: Ve,
+    renderOption: Ne,
+    onMenuOpen: We,
+    onMenuClose: ke,
+    labelOrientation: De = "top",
+    leftContent: Pe,
+    ignoreCase: Xe,
+    ignoreAccents: Ye,
+    matchFrom: Je,
+    stringify: Qe,
+    trim: Ze,
+    filterOption: et,
+    enableSubMenus: S = !1,
+    enableGroups: N = !1,
+    fetchError: R,
+    onRefetch: Oe,
+    menuWidth: tt,
+    onClearAll: Ae,
+    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, [k, 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 g && H && j === "menu" && ne.current && (e = setTimeout(() => {
-      ne.current?.focus();
+    return b && q && B === "menu" && de.current && (e = setTimeout(() => {
+      de.current?.focus();
     }, 50)), () => {
       e && clearTimeout(e);
     };
-  }, [g, H, j]);
-  const { flatOptions: x, isProcessing: C, totalOptionsCount: Ne, workerSelectAll: tt } = bt(I, z, {
-    ignoreCase: je,
-    ignoreAccents: qe,
-    matchFrom: Be,
-    stringify: We,
-    trim: Ue,
-    filterOption: _e,
-    enableSubMenus: N,
-    enableGroups: y
-  }), S = vt(
-    u,
+  }, [b, q, B]);
+  const { flatOptions: p, isProcessing: P, totalOptionsCount: Te, workerSelectAll: rt } = Nt(z, E, {
+    ignoreCase: Xe,
+    ignoreAccents: Ye,
+    matchFrom: Je,
+    stringify: Qe,
+    trim: Ze,
+    filterOption: et,
+    enableSubMenus: S,
+    enableGroups: N
+  }), y = kt(d, f ?? !1), { stats: F, getGroupStats: fe } = Dt(
+    p,
+    Te,
+    E,
+    y,
+    d,
     f ?? !1
-  ), { stats: G, getGroupStats: le } = gt(
-    x,
-    Ne,
-    z,
-    S,
-    u,
-    f ?? !1
-  ), D = rt({
-    count: x.length,
-    getScrollElement: () => q.current,
-    /** Figma Dropdown V3: 35px option row + 2px gap (`11541:41944`). */
-    estimateSize: () => 37,
+  ), D = mt({
+    count: p.length,
+    getScrollElement: () => W.current,
+    estimateSize: () => 34,
     overscan: 5
   });
-  F(() => {
-    g || Z(void 0);
-  }, [g]), F(() => {
-    if (!g) return;
+  M(() => {
+    if (!b)
+      re(void 0), I(-1);
+    else if (oe.current) {
+      const e = !C && !P && !R && f && X && !h && p.length > 0;
+      I(e ? U : 0), oe.current = !1;
+    }
+  }, [b]), M(() => {
+    k !== -1 && I(0);
+  }, [E]), M(() => {
+    if (!b) return;
     const e = requestAnimationFrame(() => {
       D.measure();
     });
     return () => cancelAnimationFrame(e);
-  }, [g, D]), F(() => {
-    if (g && oe && !C && x.length > 0) {
-      const e = x.findIndex((t) => f ? S.mode === "exclude" ? !S.set.has(t.value) : S.set.has(t.value) : u?.value === t.value);
+  }, [b, D]), M(() => {
+    if (b && be && !P && 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);
       if (e !== -1) {
         const t = setTimeout(() => {
           D.scrollToIndex(e, { align: "center" });
@@ -125,407 +126,456 @@ const wt = (re) => {
         return () => clearTimeout(t);
       }
     }
-  }, [
-    g,
-    oe,
-    C,
-    x.length,
-    f,
-    S.mode,
-    S.set,
-    u,
-    D
-  ]);
-  const E = L(null);
-  F(() => {
-    if (!q.current || !X) return;
+  }, [b, be, P, p.length, f, y.mode, y.set, d, D]);
+  const H = G(null);
+  M(() => {
+    if (!W.current || !se) return;
     const e = () => {
-      if (A || C) return;
-      const { scrollTop: l, scrollHeight: r, clientHeight: s } = q.current;
-      if (r - l - s <= 10) {
-        if (E.current) return;
-        X(), E.current = setTimeout(() => {
-          E.current = null;
+      if (C || P) return;
+      const { scrollTop: l, scrollHeight: s, clientHeight: n } = W.current;
+      if (s - l - n <= 10) {
+        if (H.current) return;
+        se(), H.current = setTimeout(() => {
+          H.current = null;
         }, 500);
       }
-    }, t = q.current;
-    return t.addEventListener("scroll", e), !A && !C && e(), () => {
-      t.removeEventListener("scroll", e), E.current && (clearTimeout(E.current), E.current = null);
+    }, t = W.current;
+    return t.addEventListener("scroll", e), !C && !P && e(), () => {
+      t.removeEventListener("scroll", e), H.current && (clearTimeout(H.current), H.current = null);
     };
   }, [
-    X,
-    x.length,
-    g,
-    A,
-    C
+    se,
+    p.length,
+    b,
+    C,
+    P
   ]);
-  const nt = (e) => {
-    if (!O)
-      if (we(e), e)
-        He?.();
+  const J = (e) => {
+    if (!A)
+      if (Ce(e), e)
+        We?.();
       else {
-        const t = u, l = f && w(u) ? u.map((r) => r.value) : void 0;
-        xe?.(t, l), U(""), ee(null);
+        const t = d, l = f && w(d) ? d.map((s) => s.value) : void 0;
+        ke?.(t, l), Y(""), ae(null);
       }
-  }, ye = (e) => {
-    if (!(O || b || e.isDisabled || ("children" in e || "options" in e) && e.isParentSelectable === !1))
+  }, Q = (e) => {
+    if (!(A || h || e.isDisabled || ("children" in e || "options" in e) && e.isParentSelectable === !1))
       if (f) {
-        const l = u || [];
+        const l = d || [];
         if ("children" in e || "options" in e) {
-          const s = xt(
+          const n = Vt(
             e,
-            N,
-            y
-          ).filter((n) => !n.isDisabled);
-          if (P(l)) {
-            const n = l.excludedValues, i = s.every(
-              (m) => !n.includes(m.value)
+            S,
+            N
+          ).filter((i) => !i.isDisabled);
+          if (T(l)) {
+            const i = l.excludedValues, r = n.every(
+              (m) => !i.includes(m.value)
             );
-            let c = [...n];
-            i ? s.forEach((m) => {
+            let c = [...i];
+            r ? n.forEach((m) => {
               c.includes(m.value) || c.push(m.value);
             }) : c = c.filter(
-              (m) => !s.some((K) => K.value === m)
+              (m) => !n.some((ee) => ee.value === m)
             );
             const o = {
               isAllSelected: !0,
               excludedValues: c
             };
-            v(o), d && d(o, {
+            v(o), u && u(o, {
               action: "select-option",
               option: e
             });
           } else if (w(l)) {
-            const n = l, i = s.every(
-              (o) => n.some((m) => m.value === o.value)
+            const i = l, r = n.every(
+              (o) => i.some((m) => m.value === o.value)
             );
-            let c = [...n];
-            if (i ? c = c.filter(
-              (o) => !s.some((m) => m.value === o.value)
-            ) : s.forEach((o) => {
+            let c = [...i];
+            if (r ? c = c.filter(
+              (o) => !n.some((m) => m.value === o.value)
+            ) : n.forEach((o) => {
               c.some((m) => m.value === o.value) || c.push(o);
-            }), h && c.length > h)
+            }), x && c.length > x)
               return;
-            v(c), d && d(c, {
+            v(c), u && u(c, {
               action: "select-option",
               option: e
             });
           }
-        } else if (P(l)) {
-          const r = l.excludedValues, s = r.includes(e.value);
-          let n = [...r];
-          s ? n = n.filter((c) => c !== e.value) : n.push(e.value);
-          const i = {
+        } else if (T(l)) {
+          const s = l.excludedValues, n = s.includes(e.value);
+          let i = [...s];
+          n ? i = i.filter((c) => c !== e.value) : i.push(e.value);
+          const r = {
             isAllSelected: !0,
-            excludedValues: n
+            excludedValues: i
           };
-          v(i), d && d(i, {
-            action: s ? "select-option" : "deselect-option",
+          v(r), u && u(r, {
+            action: n ? "select-option" : "deselect-option",
             option: e
           });
         } else if (w(l)) {
-          const r = l, s = f ? S.mode === "exclude" ? !S.set.has(e.value) : S.set.has(e.value) : u?.value === e.value;
-          let n = [];
-          if (s)
-            n = r.filter((i) => i.value !== e.value);
+          const s = l, n = f ? y.mode === "exclude" ? !y.set.has(e.value) : y.set.has(e.value) : d?.value === e.value;
+          let i = [];
+          if (n)
+            i = s.filter((r) => r.value !== e.value);
           else {
-            if (h && l.length >= h)
+            if (x && l.length >= x)
               return;
-            n = [...r, e];
+            i = [...s, e];
           }
-          v(n), d && d(n, {
-            action: s ? "deselect-option" : "select-option",
+          v(i), u && u(i, {
+            action: n ? "deselect-option" : "select-option",
             option: e
           });
         }
       } else
-        v(e), d && d(e, {
+        v(e), u && u(e, {
           action: "select-option",
           option: e
-        }), Te && (we(!1), xe?.(e, void 0), U(""));
-  }, ke = async () => {
-    if (!(!f || O || b)) {
-      if (I.length > 3e3) {
+        }), Fe && (Ce(!1), ke?.(e, void 0), Y(""));
+  }, pe = async () => {
+    if (!(!f || A || h)) {
+      if (z.length > 3e3) {
         try {
-          const e = await tt(
-            u,
-            P(u),
-            h
+          const e = await rt(
+            d,
+            T(d),
+            x
           );
-          v(e), d && d(e, { action: "select-option" });
+          v(e), u && u(e, { action: "select-option" });
         } catch {
         }
         return;
       }
-      if (z) {
+      if (E) {
         let e = !1;
-        for (const l of x)
+        for (const l of p)
           if (!l.isGroup && !l.isSubmenuParent && !l.isDisabled) {
             e = !0;
             break;
           }
         if (!e)
           return;
-        const t = u || [];
-        if (P(t)) {
-          const l = t.excludedValues, { totalVisible: r, selectedVisible: s } = G, n = r > 0 && r === s;
-          let i = [...l];
-          if (n)
-            for (const o of x)
-              !o.isGroup && !o.isSubmenuParent && !o.isDisabled && (i.includes(o.value) || i.push(o.value));
+        const t = d || [];
+        if (T(t)) {
+          const l = t.excludedValues, { totalVisible: s, selectedVisible: n } = F, 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 x)
+            for (const m of p)
               !m.isGroup && !m.isSubmenuParent && !m.isDisabled && o.add(m.value);
-            i = i.filter((m) => !o.has(m));
+            r = r.filter((m) => !o.has(m));
           }
           const c = {
             isAllSelected: !0,
-            excludedValues: i
+            excludedValues: r
           };
-          v(c), d && d(c, { action: "select-option" });
+          v(c), u && u(c, { action: "select-option" });
         } else if (w(t)) {
-          const l = t, { totalVisible: r, selectedVisible: s } = G, n = r > 0 && r === s;
-          let i = [...l];
-          if (n) {
+          const l = t, { totalVisible: s, selectedVisible: n } = F, i = s > 0 && s === n;
+          let r = [...l];
+          if (i) {
             const c = /* @__PURE__ */ new Set();
-            for (const o of x)
+            for (const o of p)
               !o.isGroup && !o.isSubmenuParent && !o.isDisabled && c.add(o.value);
-            i = i.filter((o) => !c.has(o.value));
+            r = r.filter((o) => !c.has(o.value));
           } else {
-            const c = new Set(i.map((o) => o.value));
-            for (const o of x)
-              !o.isGroup && !o.isSubmenuParent && !o.isDisabled && (c.has(o.value) || (i.push(o), c.add(o.value)));
+            const c = new Set(r.map((o) => o.value));
+            for (const o of p)
+              !o.isGroup && !o.isSubmenuParent && !o.isDisabled && (c.has(o.value) || (r.push(o), c.add(o.value)));
           }
-          if (h && i.length > h)
+          if (x && r.length > x)
             return;
-          v(i), d && d(i, { action: "select-option" });
+          v(r), u && u(r, { action: "select-option" });
         }
-      } else if (h) {
-        const e = u, { totalVisible: t } = G, l = w(e) ? e.length : 0, r = Math.min(t, h);
-        if (w(e) && l >= r && l > 0) {
-          const s = e.filter((n) => n.isDisabled);
-          v(s), d && d(s, {
+      } else if (x) {
+        const e = d, { totalVisible: t } = F, 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, {
             action: "select-option"
           });
         } else if (w(e)) {
-          const s = e.filter(
-            (i) => i.isDisabled
+          const n = e.filter(
+            (r) => r.isDisabled
           );
-          let n = s.length;
-          for (const i of x)
-            if (!i.isGroup && !i.isSubmenuParent && !i.isDisabled && (s.push(i), n++, n >= h))
+          let i = n.length;
+          for (const r of p)
+            if (!r.isGroup && !r.isSubmenuParent && !r.isDisabled && (n.push(r), i++, i >= x))
               break;
-          v(s), d && d(s, {
+          v(n), u && u(n, {
             action: "select-option"
           });
         }
       } else {
-        const e = u, t = P(e) && e.excludedValues.length === 0;
-        if (re.enableInvertedSelection)
+        const e = d, t = T(e) && e.excludedValues.length === 0;
+        if (ge.enableInvertedSelection)
           if (t) {
-            const l = w(e) ? e.filter((r) => r.isDisabled) : [];
-            v(l), d && d(l, {
+            const l = w(e) ? e.filter((s) => s.isDisabled) : [];
+            v(l), u && u(l, {
               action: "select-option"
             });
           } else {
-            const r = {
+            const s = {
               isAllSelected: !0,
-              excludedValues: x.filter(
-                (s) => s.isDisabled && (w(e) ? !e.some((n) => n.value === s.value) : !0)
-              ).map((s) => s.value)
+              excludedValues: p.filter(
+                (n) => n.isDisabled && (w(e) ? !e.some((i) => i.value === n.value) : !0)
+              ).map((n) => n.value)
             };
-            v(r), d && d(r, { action: "select-option" });
+            v(s), u && u(s, { action: "select-option" });
           }
         else {
-          const { totalVisible: l, selectedVisible: r } = G;
-          if (l > 0 && l === r) {
-            const s = w(e) ? e.filter((n) => n.isDisabled) : [];
-            v(s), d && d(s, {
+          const { totalVisible: l, selectedVisible: s } = F;
+          if (l > 0 && l === s) {
+            const n = w(e) ? e.filter((i) => i.isDisabled) : [];
+            v(n), u && u(n, {
               action: "select-option"
             });
           } else {
-            const s = w(e) ? e.filter((n) => n.isDisabled) : [];
-            for (const n of x)
-              !n.isGroup && !n.isSubmenuParent && !n.isDisabled && s.push(n);
-            v(s), d && d(s, {
+            const n = w(e) ? e.filter((i) => i.isDisabled) : [];
+            for (const i of p)
+              !i.isGroup && !i.isSubmenuParent && !i.isDisabled && n.push(i);
+            v(n), u && u(n, {
               action: "select-option"
             });
           }
         }
       }
     }
-  }, Ce = (e) => {
-    if (e.stopPropagation(), !b)
+  }, at = (e) => {
+    if (e.stopPropagation(), !h)
       if (f) {
-        const t = [], l = (s) => {
-          for (const n of s) {
-            if (y && "options" in n) {
+        const t = [], l = (n) => {
+          for (const i of n) {
+            if (N && "options" in i) {
               l(
-                n.options
+                i.options
               );
               continue;
             }
-            if (N && "children" in n && Array.isArray(n.children)) {
-              l(n.children);
+            if (S && "children" in i && Array.isArray(i.children)) {
+              l(i.children);
               continue;
             }
-            const i = n;
-            i.isDisabled && (S.mode === "exclude" ? !S.set.has(i.value) : S.set.has(i.value)) && t.push(i);
+            const r = i;
+            r.isDisabled && (y.mode === "exclude" ? !y.set.has(r.value) : y.set.has(r.value)) && t.push(r);
           }
         };
-        l(I);
-        const r = t;
-        v(r), d && d(r, { action: "clear" }), Se?.();
+        l(z);
+        const s = t;
+        v(s), u && u(s, { action: "clear" }), Ae?.();
       } else {
-        const t = u;
+        const t = d;
         if (t) {
-          let r;
-          const s = (n) => {
-            for (const i of n) {
-              if (r) return;
-              if (y && "options" in i) {
-                if (s(
-                  i.options
-                ), r) return;
+          let s;
+          const n = (i) => {
+            for (const r of i) {
+              if (s) return;
+              if (N && "options" in r) {
+                if (n(
+                  r.options
+                ), s) return;
                 continue;
               }
-              if (N && "children" in i && Array.isArray(i.children)) {
-                if (s(
-                  i.children
-                ), r) return;
+              if (S && "children" in r && Array.isArray(r.children)) {
+                if (n(
+                  r.children
+                ), s) return;
                 continue;
               }
-              const c = i;
+              const c = r;
               if (c.value === t.value) {
-                r = c;
+                s = c;
                 return;
               }
             }
           };
-          if (s(I), r?.isDisabled)
+          if (n(z), s?.isDisabled)
             return;
         }
         const l = null;
-        v(l), d && d(l, { action: "clear" }), Se?.();
+        v(l), u && u(l, { action: "clear" }), Ae?.();
       }
-  }, lt = (e) => ht(
+  }, ot = (e) => wt(
     e,
-    ce ?? !1,
+    ve ?? !1,
     f ?? !1,
-    ze,
-    u
-  ), _ = (e) => pe ? pe(e) : e.label, st = () => {
+    je,
+    d
+  ), Z = (e) => Ve ? Ve(e) : e.label, Ee = () => {
+    const e = [];
+    return !C && !P && !R && f && X && !h && p.length > 0 && e.push(U), p.forEach((l, s) => {
+      !l.isGroup && !(S && l.isSubmenuParent) && !l.isDisabled && e.push(s);
+    }), e;
+  }, ct = (e) => {
+    if (A || h) return;
+    if (!b) {
+      (e.key === "Enter" || e.key === " " || e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), oe.current = !0, J(!0));
+      return;
+    }
+    const t = Ee();
+    if (t.length === 0) return;
+    const l = t.indexOf(k);
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      const s = l < t.length - 1 ? l + 1 : 0, n = t[s];
+      I(n), n >= 0 && D.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 && D.scrollToIndex(n, { align: "auto" });
+    } else if (e.key === "Enter" || e.key === " ") {
+      if (e.preventDefault(), k === U)
+        pe();
+      else if (k >= 0 && k < p.length) {
+        const s = p[k];
+        s.isDisabled || Q(s);
+      }
+    } else if (e.key === "Escape")
+      e.preventDefault(), J(!1), ce.current?.focus();
+    else if (e.key === "Home")
+      e.preventDefault(), t.length > 0 && (I(t[0]), t[0] >= 0 && D.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 && D.scrollToIndex(s, { align: "auto" });
+    }
+  }, ut = (e) => {
+    const t = Ee();
+    if (t.length === 0) return;
+    const l = t.indexOf(k);
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      const s = l < t.length - 1 ? l + 1 : 0, n = t[s];
+      I(n), n >= 0 && D.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 && D.scrollToIndex(n, { align: "auto" });
+    } else if (e.key === "Enter") {
+      if (e.preventDefault(), k === U)
+        pe();
+      else if (k >= 0 && k < p.length) {
+        const s = p[k];
+        s.isDisabled || Q(s);
+      }
+    } else e.key === "Escape" && (e.preventDefault(), J(!1), ce.current?.focus());
+  }, dt = () => {
     if (f) {
-      const e = u || [];
+      const e = d || [];
       let t = 0;
-      return P(e) ? t = Ne - e.excludedValues.length : w(e) && (t = e.length), t === 0 ? null : t === 1 && w(e) ? /* @__PURE__ */ a("span", { className: "block min-w-0 truncate text-[14px] font-medium leading-5 text-content", children: _(e[0]) }) : /* @__PURE__ */ a("span", { className: "block min-w-0 truncate text-[14px] font-medium leading-5 text-content", children: M("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: "text-[#1f2b4d] text-[14px] font-medium truncate min-w-0 block", children: Z(e[0]) }) : /* @__PURE__ */ a("span", { className: "text-[#1f2b4d] text-[14px] font-medium truncate min-w-0 block", children: K("select.selectedCount", { count: t }) });
     } else {
-      const e = u;
-      return e ? /* @__PURE__ */ a("span", { className: "block min-w-0 truncate text-[14px] font-medium leading-5 text-content", children: _(e) }) : null;
+      const e = d;
+      return e ? /* @__PURE__ */ a("span", { className: "text-[#1f2b4d] text-[14px] font-medium truncate min-w-0 block", children: Z(e) }) : null;
     }
   };
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ g(
     "div",
     {
-      className: k(
+      className: O(
         "flex gap-[6px]",
-        be === "left" ? "w-fit flex-row items-center" : "w-full flex-col",
-        Re
+        De === "left" ? "w-fit flex-row items-center" : "w-full flex-col",
+        Be
       ),
-      onFocus: Ye,
-      onBlur: Je,
-      tabIndex: O ? -1 : 0,
       "data-testid": `select-${V || "default"}`,
       "data-component": "select",
       children: [
-        de && /* @__PURE__ */ p(
+        L && /* @__PURE__ */ g(
           "label",
           {
-            className: k(
-              "text-xs font-medium leading-[18px] text-content-tertiary",
-              be === "left" ? "shrink-0" : ""
+            className: O(
+              "text-[12px] font-medium text-[#60697d] leading-[18px]",
+              De === "left" ? "shrink-0" : ""
             ),
             children: [
-              de,
+              L,
               " ",
-              Ge && /* @__PURE__ */ a("span", { className: "text-[red]", children: "*" })
+              _e && /* @__PURE__ */ a("span", { className: "text-[red]", children: "*" })
             ]
           }
         ),
-        /* @__PURE__ */ p(J.Root, { open: g, onOpenChange: nt, children: [
-          /* @__PURE__ */ a(J.Trigger, { asChild: !0, children: /* @__PURE__ */ a(
+        /* @__PURE__ */ g(le.Root, { open: b, onOpenChange: J, children: [
+          /* @__PURE__ */ a(le.Trigger, { asChild: !0, children: /* @__PURE__ */ a(
             "div",
             {
-              ref: Ze,
-              className: k(
-                "relative flex h-8 w-full cursor-pointer items-center overflow-hidden rounded-[8px] border border-solid px-3 text-left text-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focus-ring/25 focus-visible:ring-offset-1 focus-visible:ring-offset-canvas",
-                T ? "border-validation focus-visible:ring-validation/40" : "border-stroke-field hover:border-stroke-strong focus-visible:border-brand",
-                O ? "cursor-not-allowed border-disabled-border bg-disabled-surface text-content-placeholder" : "",
-                b ? "cursor-default bg-canvas-disabled" : "",
-                g && !T ? "border-brand ring-1 ring-brand/25" : "",
-                g && T ? "ring-1 ring-validation/30" : "",
-                !O && !b && "bg-canvas-elevated",
-                Ee
+              ref: ce,
+              className: O(
+                "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:ring-[#e15554]" : "border-[#c3c8d4] hover:border-gray-400 focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500",
+                A ? "bg-[#f2f4fb] cursor-not-allowed opacity-75" : "",
+                h ? "cursor-default  bg-[#f2f4fb]" : "",
+                b ? "ring-1 ring-indigo-500 border-indigo-500" : "",
+                !A && !h && "bg-white",
+                qe
               ),
               id: V,
+              tabIndex: A ? -1 : 0,
+              onFocus: lt,
+              onBlur: nt,
+              role: "combobox",
+              "aria-expanded": b,
+              "aria-haspopup": "listbox",
+              "aria-label": L ? String(L) : ie,
               "data-component": "select-trigger",
-              "data-disabled": O || void 0,
-              "data-state": g ? "open" : "closed",
-              children: /* @__PURE__ */ p("div", { className: "flex items-center justify-between w-full min-w-0 max-w-full", children: [
-                ve && /* @__PURE__ */ a("div", { className: "flex items-center text-content-muted shrink-0", children: ve }),
-                /* @__PURE__ */ p(
+              "data-disabled": A || void 0,
+              "data-state": b ? "open" : "closed",
+              onKeyDown: ct,
+              children: /* @__PURE__ */ g("div", { className: "flex items-center justify-between w-full min-w-0 max-w-full", children: [
+                Pe && /* @__PURE__ */ a("div", { className: "flex items-center text-gray-500 shrink-0", children: Pe }),
+                /* @__PURE__ */ g(
                   "div",
                   {
                     className: "flex-1 flex items-center overflow-hidden min-w-0 max-w-full",
                     "data-testid": `select-value-${V || "default"}`,
                     children: [
-                      st() || /* @__PURE__ */ a(
+                      dt() || /* @__PURE__ */ a(
                         "span",
                         {
-                          className: "block min-w-0 truncate text-[14px] font-normal leading-4 text-content-placeholder",
+                          className: "text-[#b4bac7] font-normal text-[14px] truncate min-w-0 block",
                           "data-testid": `select-placeholder-${V || "default"}`,
                           "data-has-value": !1,
-                          children: Qe
+                          children: ie
                         }
                       ),
-                      H && g && j === "trigger" && !b && /* @__PURE__ */ a(
+                      q && b && B === "trigger" && !h && /* @__PURE__ */ a(
                         "input",
                         {
-                          ref: et,
+                          ref: it,
                           type: "text",
                           className: "flex-1 min-w-[50px] border-none p-0 focus:ring-0 text-sm outline-none h-full",
-                          value: z,
-                          onChange: (e) => U(e.target.value),
+                          value: E,
+                          onChange: (e) => Y(e.target.value),
                           onClick: (e) => e.stopPropagation(),
-                          autoFocus: Ie,
-                          name: Le || void 0
+                          autoFocus: Re,
+                          name: Ke || void 0
                         }
                       )
                     ]
                   }
                 ),
-                /* @__PURE__ */ a("div", { className: "flex items-center gap-1 text-content-icon shrink-0", children: !g && (A || C) ? /* @__PURE__ */ a(dt, { size: "14px" }) : /* @__PURE__ */ p(at, { children: [
-                  De && !b && (f && (P(
-                    u
-                  ) && u.isAllSelected || w(
-                    u
-                  ) && u.length > 0) || !f && u) && /* @__PURE__ */ a(
+                /* @__PURE__ */ a("div", { className: "flex items-center gap-1 text-gray-400 shrink-0", children: !b && (C || P) ? /* @__PURE__ */ a(gt, { size: "14px" }) : /* @__PURE__ */ g(pt, { children: [
+                  ze && !h && (f && (T(
+                    d
+                  ) && d.isAllSelected || w(d) && d.length > 0) || !f && d) && /* @__PURE__ */ a(
                     "div",
                     {
                       role: "button",
-                      onClick: Ce,
-                      className: "hover:text-content-secondary p-0.5",
-                      children: /* @__PURE__ */ a(ut, { size: "11px", className: "text-content-icon" })
+                      onClick: at,
+                      className: "hover:text-gray-600 p-0.5",
+                      children: /* @__PURE__ */ a(bt, { size: "11px", color: "#758490" })
                     }
                   ),
                   /* @__PURE__ */ a(
-                    Oe,
+                    $e,
                     {
                       size: "16px",
-                      className: k(
+                      className: O(
                         "transition-transform duration-200",
-                        g ? "-rotate-90" : "rotate-90"
+                        b ? "-rotate-90" : "rotate-90"
                       )
                     }
                   )
@@ -533,63 +583,57 @@ const wt = (re) => {
               ] })
             }
           ) }),
-          /* @__PURE__ */ a(J.Portal, { children: /* @__PURE__ */ p(
-            J.Content,
+          /* @__PURE__ */ a(le.Portal, { children: /* @__PURE__ */ g(
+            le.Content,
             {
-              ref: te,
+              ref: ue,
               side: "bottom",
-              sideOffset: 6,
+              sideOffset: 4,
               align: "start",
               avoidCollisions: !0,
               collisionPadding: 8,
               onOpenAutoFocus: (e) => e.preventDefault(),
               onWheel: (e) => e.stopPropagation(),
               style: {
-                width: Ke || "var(--radix-popover-trigger-width)",
+                width: tt || "var(--radix-popover-trigger-width)",
                 maxHeight: "var(--radix-popover-content-available-height)",
-                minHeight: Ve ? `${Ve}px` : void 0
+                minHeight: Ie ? `${Ie}px` : void 0
               },
-              className: k(
-                "z-50 flex flex-col overflow-hidden rounded-xl border-none text-base shadow-elevation-floating focus:outline-none pointer-events-auto sm:text-sm",
-                b ? "bg-canvas-readonly" : "bg-canvas-elevated"
+              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",
+                h ? "bg-[#f5f5f5]" : "bg-white"
               ),
               "data-testid": `select-menu-${V || "default"}`,
               "data-component": "select-menu",
               children: [
-                /* @__PURE__ */ p(
+                /* @__PURE__ */ g(
                   "div",
                   {
-                    className: k(
+                    className: O(
                       "flex flex-col z-10 sticky top-0 px-[6px] pt-[8px]",
-                      b ? "bg-canvas-readonly" : "bg-canvas-elevated",
-                      !W && (H && j === "menu" && !b || f && fe && !b && x.length > 0) ? "border-b border-solid border-stroke-subtle" : ""
+                      h ? "bg-[#f5f5f5]" : "bg-white",
+                      !R && (q && B === "menu" && !h || f && X && !h && p.length > 0) ? "border-b border-solid border-gray-100" : ""
                     ),
                     children: [
-                      H && j === "menu" && !b && !W && /* @__PURE__ */ a(
+                      q && B === "menu" && !h && !R && /* @__PURE__ */ a(
                         "div",
                         {
                           className: "p-0",
                           "data-testid": `select-search-container-${V || "default"}`,
-                          children: /* @__PURE__ */ p("div", { className: "flex h-[35px] w-full items-center gap-1 px-3 py-2", children: [
-                            /* @__PURE__ */ a(
-                              ft,
-                              {
-                                size: 15,
-                                className: "pointer-events-none shrink-0 text-content-placeholder",
-                                "aria-hidden": !0
-                              }
-                            ),
+                          children: /* @__PURE__ */ g("div", { className: "relative", children: [
+                            /* @__PURE__ */ a("div", { className: "absolute inset-y-0 left-[12px] flex items-center pointer-events-none", children: /* @__PURE__ */ a(vt, { size: "14px", color: "#AFAFAF" }) }),
                             /* @__PURE__ */ a(
                               "input",
                               {
-                                ref: ne,
+                                ref: de,
                                 type: "text",
-                                className: "h-full min-w-0 flex-1 border-0 bg-transparent p-0 text-[14px] font-normal leading-4 text-content placeholder:text-content-placeholder outline-none focus:ring-0 focus-visible:ring-0",
-                                placeholder: M("select.searchHere"),
-                                value: z,
+                                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,
+                                onKeyDown: ut,
                                 onChange: (e) => {
                                   const t = e.target.value;
-                                  z === "" && t !== "" ? te.current && Z(te.current.offsetHeight) : t === "" && Z(void 0), U(t), Fe?.(t);
+                                  E === "" && t !== "" ? ue.current && re(ue.current.offsetHeight) : t === "" && re(void 0), Y(t), Ue?.(t);
                                 },
                                 onClick: (e) => e.stopPropagation(),
                                 "data-testid": `select-search-input-${V || "default"}`
@@ -598,66 +642,52 @@ const wt = (re) => {
                           ] })
                         }
                       ),
-                      !A && !C && !W && f && fe && !b && x.length > 0 && /* @__PURE__ */ a(
+                      !C && !P && !R && f && X && !h && p.length > 0 && /* @__PURE__ */ a(
                         "div",
                         {
                           className: "pb-1",
                           "data-testid": `select-select-all-container-${V || "default"}`,
-                          children: /* @__PURE__ */ p("div", { className: "flex w-full items-center justify-between gap-2 px-3 py-1", children: [
-                            /* @__PURE__ */ p(
-                              "div",
-                              {
-                                className: "flex min-w-0 flex-1 cursor-pointer items-center gap-1.5 rounded-md transition-colors hover:bg-canvas-muted",
-                                "data-testid": `select-select-all-button-${V || "default"}`,
-                                onClick: ke,
-                                onKeyDown: (e) => {
-                                  (e.key === "Enter" || e.key === " ") && (e.preventDefault(), ke());
-                                },
-                                role: "button",
-                                tabIndex: 0,
-                                children: [
-                                  /* @__PURE__ */ a("div", { className: "pointer-events-none flex shrink-0", children: /* @__PURE__ */ a(
-                                    Pe,
-                                    {
-                                      checked: (() => {
-                                        const { totalVisible: e, selectedVisible: t } = G;
-                                        if (e === 0) return !1;
-                                        const l = h ? Math.min(e, h) : e;
-                                        return t > 0 && t < l ? "indeterminate" : t >= l;
-                                      })(),
-                                      disabled: O || b,
-                                      onChange: () => {
-                                      },
-                                      "data-testid": `select-select-all-checkbox-${V || "default"}`
-                                    }
-                                  ) }),
-                                  /* @__PURE__ */ a(
-                                    "span",
-                                    {
-                                      className: "truncate text-left text-[14px] font-normal leading-4 text-content",
-                                      "data-testid": `select-select-all-label-${V || "default"}`,
-                                      children: (() => {
-                                        const { totalVisible: e, selectedVisible: t } = G, l = h ? Math.min(e, h) : e, r = e > 0 && t >= l;
-                                        return M(r ? "select.unselectAll" : "select.selectAll");
-                                      })()
-                                    }
-                                  )
-                                ]
-                              }
-                            ),
-                            /* @__PURE__ */ a(
-                              "button",
-                              {
-                                type: "button",
-                                className: "shrink-0 text-left text-xs font-normal leading-4 text-content-tertiary transition-colors hover:text-content-secondary",
-                                "data-testid": `select-clear-selection-${V || "default"}`,
-                                onClick: (e) => {
-                                  e.stopPropagation(), Ce(e);
-                                },
-                                children: M("select.clear")
-                              }
-                            )
-                          ] })
+                          children: /* @__PURE__ */ a(
+                            "div",
+                            {
+                              className: O(
+                                "flex items-center justify-between cursor-pointer rounded-md hover:bg-gray-100 transition-colors py-[6px] px-3 w-full",
+                                k === U && "ring-2 ring-inset ring-primary bg-[#edf0ff]"
+                              ),
+                              onClick: pe,
+                              role: "option",
+                              "aria-selected": !1,
+                              "data-testid": `select-select-all-button-${V || "default"}`,
+                              children: /* @__PURE__ */ g("div", { className: "flex items-center flex-1", children: [
+                                /* @__PURE__ */ a("div", { className: "pointer-events-none flex", children: /* @__PURE__ */ a(
+                                  Ge,
+                                  {
+                                    checked: (() => {
+                                      const { totalVisible: e, selectedVisible: t } = F;
+                                      if (e === 0) return !1;
+                                      const l = x ? Math.min(e, x) : e;
+                                      return t > 0 && t < l ? "indeterminate" : t >= l;
+                                    })(),
+                                    disabled: A || h,
+                                    onChange: () => {
+                                    },
+                                    "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-${V || "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");
+                                    })()
+                                  }
+                                )
+                              ] })
+                            }
+                          )
                         }
                       )
                     ]
@@ -666,31 +696,33 @@ const wt = (re) => {
                 /* @__PURE__ */ a(
                   "div",
                   {
-                    ref: q,
-                    className: "flex-1 overflow-auto px-[6px] py-2",
+                    ref: W,
+                    role: "listbox",
+                    "aria-label": L ? String(L) : ie,
+                    className: "flex-1 overflow-auto py-1 px-[6px]",
                     style: {
                       maxHeight: "297px",
                       overscrollBehavior: "contain"
                     },
                     onWheel: (e) => e.stopPropagation(),
-                    children: W ? /* @__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-content-muted font-medium mb-3", children: "Something went wrong" }),
-                      ge && /* @__PURE__ */ a(
-                        mt,
+                    children: R ? /* @__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,
                         {
                           size: "sm",
                           variant: "outline",
-                          onClick: () => ge(),
+                          onClick: () => Oe(),
                           children: "Refetch"
                         }
                       )
-                    ] }) : x.length === 0 && !A && !C ? /* @__PURE__ */ a("div", { className: "flex items-center justify-center py-8 text-sm text-content-muted", children: "No options found" }) : A || C ? /* @__PURE__ */ a("div", { className: "px-1 py-1 space-y-1", children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ p(
+                    ] }) : p.length === 0 && !C && !P ? /* @__PURE__ */ a("div", { className: "flex items-center justify-center py-8 text-sm text-gray-500", children: "No options found" }) : C || P ? /* @__PURE__ */ a("div", { className: "px-1 py-1 space-y-1", children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ g(
                       "div",
                       {
-                        className: "flex h-[35px] animate-pulse items-center gap-2 px-3",
+                        className: "flex items-center gap-2 px-3 py-2 animate-pulse",
                         children: [
-                          f && /* @__PURE__ */ a("div", { className: "w-4 h-4 bg-stroke-hairline rounded shrink-0" }),
-                          /* @__PURE__ */ a("div", { className: "h-4 bg-stroke-hairline rounded w-full" })
+                          f && /* @__PURE__ */ a("div", { className: "w-4 h-4 bg-gray-200 rounded shrink-0" }),
+                          /* @__PURE__ */ a("div", { className: "h-4 bg-gray-200 rounded w-full" })
                         ]
                       },
                       t
@@ -703,10 +735,10 @@ const wt = (re) => {
                           position: "relative"
                         },
                         children: D.getVirtualItems().map((e) => {
-                          const t = x[e.index], l = f ? S.mode === "exclude" ? !S.set.has(t.value) : S.set.has(t.value) : u?.value === t.value, r = u || [], s = f && h ? P(r) ? !1 : w(r) && r.length >= h : !1, n = t.isDisabled || s && !l && !(y && t.isGroup) && !(N && t.isSubmenuParent), i = y && t.isGroup || N && t.isSubmenuParent ? le(t.original) : void 0, c = i?.selected || 0, o = i?.total || 0, m = c > 0 && c < o, K = t.isParentSelectable !== !1, se = V || "default", Y = String(t.value || ""), ie = _(
+                          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 && !(N && t.isGroup) && !(S && t.isSubmenuParent), r = N && 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 = V || "default", te = String(t.value || ""), he = Z(
                             t
-                          ), it = typeof ie == "string" ? ie : Y;
-                          return /* @__PURE__ */ p(
+                          ), ft = typeof he == "string" ? he : te;
+                          return /* @__PURE__ */ g(
                             "div",
                             {
                               "data-index": e.index,
@@ -716,100 +748,105 @@ const wt = (re) => {
                                 transform: `translateY(${e.start}px)`,
                                 width: "100%"
                               },
-                              "data-testid": `select-option-wrapper-${se}-${Y}`,
+                              "data-testid": `select-option-wrapper-${me}-${te}`,
                               children: [
                                 /* @__PURE__ */ a(
                                   "div",
                                   {
-                                    className: k(
-                                      "flex h-[35px] cursor-default select-none items-center justify-between gap-1.5 rounded-[8px] px-3 transition-colors",
-                                      n ? "cursor-not-allowed bg-canvas-readonly opacity-50" : b ? "cursor-default" : "cursor-pointer hover:bg-canvas-muted",
-                                      l && !n && !(y && t.isGroup) && !(N && t.isSubmenuParent) ? "bg-brand-subtle text-content" : "text-content"
+                                    className: O(
+                                      "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 && !(N && t.isGroup) && !(S && t.isSubmenuParent) ? "bg-[#edf0ff] text-[#1f2b4d]" : "text-[#1f2b4d]",
+                                      k === e.index && !i && "ring-2 ring-inset ring-primary bg-[#edf0ff]"
                                     ),
                                     style: {
                                       paddingLeft: `${t.depth * 16 + 12}px`
                                     },
                                     onClick: () => {
-                                      n || (y && t.isGroup || N && t.isSubmenuParent) && !K || ye(t);
+                                      i || (N && t.isGroup || S && t.isSubmenuParent) && !ee || Q(t);
                                     },
                                     onMouseEnter: ($) => {
-                                      if (N && t.isSubmenuParent) {
-                                        ee(t.value);
-                                        const R = $.currentTarget.getBoundingClientRect();
-                                        t.rect = R;
+                                      if (S && t.isSubmenuParent) {
+                                        ae(t.value);
+                                        const j = $.currentTarget.getBoundingClientRect();
+                                        t.rect = j;
                                       } else
-                                        ee(null);
+                                        ae(null);
                                     },
-                                    "data-testid": `select-option-${se}-${Y}`,
+                                    "data-testid": `select-option-${me}-${te}`,
                                     "data-state": l ? "checked" : "unchecked",
-                                    "data-disabled": n || void 0,
+                                    "data-disabled": i || void 0,
                                     "data-component": "select-option",
-                                    children: he ? he(
+                                    role: "option",
+                                    "aria-selected": l,
+                                    "aria-disabled": i || void 0,
+                                    children: Ne ? Ne(
                                       {
                                         onClick: () => {
                                         },
                                         className: "w-full",
                                         selected: l,
-                                        disabled: n
+                                        disabled: i
                                       },
                                       t
-                                    ) : /* @__PURE__ */ p("div", { className: "flex min-w-0 flex-1 items-center gap-1.5 overflow-hidden", children: [
-                                      f && (y && t.isGroup || N && t.isSubmenuParent ? K : !0) && /* @__PURE__ */ a(
-                                        Pe,
+                                    ) : /* @__PURE__ */ g("div", { className: "flex items-center flex-1 overflow-hidden", children: [
+                                      f && (N && t.isGroup || S && t.isSubmenuParent ? ee : !0) && /* @__PURE__ */ a(
+                                        Ge,
                                         {
                                           checked: m ? "indeterminate" : l,
-                                          disabled: n || b,
+                                          disabled: i || h,
                                           onChange: () => {
                                           }
                                         }
                                       ),
-                                      ce && !(y && t.isGroup) && !(N && t.isSubmenuParent) ? /* @__PURE__ */ a(
-                                        ot,
+                                      ve && !(N && t.isGroup) && !(S && t.isSubmenuParent) ? /* @__PURE__ */ a(
+                                        ht,
                                         {
-                                          label: _(
+                                          label: Z(
                                             t
                                           ),
-                                          sequence: lt(t)
+                                          sequence: ot(t)
                                         }
-                                      ) : /* @__PURE__ */ p("div", { className: "flex w-full min-w-0 items-center gap-2 overflow-hidden", children: [
+                                      ) : /* @__PURE__ */ g("div", { className: "flex items-center gap-2 overflow-hidden w-full", children: [
                                         /* @__PURE__ */ a(
                                           "span",
                                           {
-                                            className: k(
+                                            className: O(
                                               "block truncate",
-                                              y && t.isGroup ? "text-xs font-semibold uppercase tracking-wider text-content-icon" : "text-[14px] font-medium leading-5"
+                                              N && t.isGroup ? "text-xs font-semibold text-gray-400 uppercase tracking-wider" : l && !(S && t.isSubmenuParent) ? "font-medium" : "font-normal",
+                                              !(N && t.isGroup) && "text-[14px]"
                                             ),
-                                            "data-testid": `select-option-label-${se}-${Y}`,
+                                            "data-testid": `select-option-label-${me}-${te}`,
                                             "data-state": l ? "checked" : "unchecked",
-                                            title: it,
-                                            children: ie
+                                            title: ft,
+                                            children: he
                                           }
                                         ),
-                                        (y && t.isGroup || N && 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-brand-tint text-brand-strong", children: c })
+                                        (N && 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 })
                                       ] }),
-                                      N && t.isSubmenuParent && /* @__PURE__ */ a(
-                                        Oe,
+                                      S && t.isSubmenuParent && /* @__PURE__ */ a(
+                                        $e,
                                         {
                                           size: "12px",
-                                          className: "text-content-icon"
+                                          className: "text-gray-400"
                                         }
                                       )
                                     ] })
                                   }
                                 ),
-                                N && Xe === t.value && t.isSubmenuParent && t.rect && /* @__PURE__ */ a(
-                                  ct,
+                                S && st === t.value && t.isSubmenuParent && t.rect && /* @__PURE__ */ a(
+                                  xt,
                                   {
                                     parentOption: t,
                                     isMulti: !!f,
-                                    isReadOnly: !!b,
-                                    isSelected: ($) => pt($, u, !!f),
+                                    isReadOnly: !!h,
+                                    isSelected: ($) => yt($, d, !!f),
                                     getIndeterminateState: ($) => {
-                                      const R = le($);
-                                      return R ? R.selected > 0 && R.selected < R.total : !1;
+                                      const j = fe($);
+                                      return j ? j.selected > 0 && j.selected < j.total : !1;
                                     },
-                                    getSelectedCount: ($) => le($)?.selected || 0,
-                                    handleSelect: ye,
+                                    getSelectedCount: ($) => fe($)?.selected || 0,
+                                    handleSelect: Q,
                                     id: V
                                   }
                                 )
@@ -822,40 +859,31 @@ const wt = (re) => {
                     )
                   }
                 ),
-                (me || h || I.length > 5e3) && /* @__PURE__ */ a("div", { className: "px-3 py-[10px] border-t border-solid border-stroke-subtle z-10 sticky bottom-0 bg-canvas-elevated", children: h ? /* @__PURE__ */ p("div", { className: "flex items-center gap-2 text-content-muted px-2", children: [
-                  /* @__PURE__ */ a(ae, { size: "12px", className: "text-content-icon" }),
-                  /* @__PURE__ */ p("span", { className: "text-xs font-medium leading-4 text-content-tertiary", children: [
+                (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: [
+                  /* @__PURE__ */ a(xe, { size: "12px", className: "text-gray-400" }),
+                  /* @__PURE__ */ g("span", { className: "text-xs font-medium leading-4 text-[#60697d]", children: [
                     "Maximum ",
-                    h,
+                    x,
                     " selections"
                   ] })
-                ] }) : I.length > 5e3 ? /* @__PURE__ */ p("div", { className: "flex items-center gap-2 text-content-muted px-2", children: [
-                  /* @__PURE__ */ a(ae, { size: "12px", className: "text-content-icon" }),
-                  /* @__PURE__ */ a("span", { className: "text-xs font-medium leading-4 text-content-tertiary", children: "Large dataset detected. Operations might be slower." })
-                ] }) : me })
+                ] }) : z.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 })
               ]
             }
           ) })
         ] }),
-        ue && /* @__PURE__ */ p(
-          "div",
+        ye && /* @__PURE__ */ g(
+          "p",
           {
-            className: k(
-              "flex items-center gap-[6px]",
-              T && "text-validation"
+            className: O(
+              "text-[12px] mt-1 flex items-center gap-1",
+              Se ? "text-[#e15554]" : "text-gray-500"
             ),
             children: [
-              !T && /* @__PURE__ */ a(ae, { size: "xs", className: "shrink-0 text-content-muted" }),
-              /* @__PURE__ */ a(
-                "p",
-                {
-                  className: k(
-                    "text-[10px] leading-4",
-                    T ? "text-validation" : "text-content-muted"
-                  ),
-                  children: ue
-                }
-              )
+              /* @__PURE__ */ a(xe, { size: "12px" }),
+              ye
             ]
           }
         )
@@ -863,7 +891,7 @@ const wt = (re) => {
     }
   );
 };
-wt.displayName = "Select";
+Ot.displayName = "Select";
 export {
-  wt as default
+  Ot as default
 };