asma-ui-core 3.103.1 → 3.105.0

package/dist/components/inputs/select-autocomplete/StyledSelectAutocomplete.js

@@ -1,140 +1,140 @@
-import { cn as E } from "../../../helpers/cn.js";
-import { ChevronDownIcon as ot } from "../../icons/chevron-down-icon/ChevronDownIcon.js";
-import { CloseIcon as st } from "../../icons/close-icon/CloseIcon.js";
-import { CheckIcon as nt } from "../../icons/check-icon/CheckIcon.js";
-import { PlusIconCircle as at } from "../../icons/plus-icon-circle/PlusIconCircle.js";
-import { StyledChip as it } from "../../data-display/chip/StyledChip.js";
-import { StyledCheckbox as ie } from "../checkbox/base-ui/StyledCheckbox.js";
-import { TOP_LAYER_PROPS as ct, TOP_LAYER_RESET_STYLE as dt, getOpenModalDialogAncestor as ut, shouldUsePopoverTopLayer as pt, useTopLayerRef as ft } from "../../../hooks/useTopLayer.hook.js";
-import { LoadingIcon as mt } from "../../../table/shared-components/LoadingIcon.js";
-import W from "./StyledSelectAutocomplete.module.js";
-import { useEffect as ce, useMemo as U, useRef as de, useState as D } from "react";
+import { cn as _ } from "../../../helpers/cn.js";
+import { ChevronDownIcon as nt } from "../../icons/chevron-down-icon/ChevronDownIcon.js";
+import { CloseIcon as at } from "../../icons/close-icon/CloseIcon.js";
+import { CheckIcon as it } from "../../icons/check-icon/CheckIcon.js";
+import { PlusIconCircle as ct } from "../../icons/plus-icon-circle/PlusIconCircle.js";
+import { StyledChip as dt } from "../../data-display/chip/StyledChip.js";
+import { StyledCheckbox as de } from "../checkbox/base-ui/StyledCheckbox.js";
+import { TOP_LAYER_PROPS as ut, TOP_LAYER_RESET_STYLE as pt, getOpenModalDialogAncestor as ft, shouldUsePopoverTopLayer as mt, useTopLayerRef as ht } from "../../../hooks/useTopLayer.hook.js";
+import { LoadingIcon as bt } from "../../../table/shared-components/LoadingIcon.js";
+import U from "./StyledSelectAutocomplete.module.js";
+import { useEffect as ue, useMemo as V, useRef as pe, useState as D } from "react";
 import { jsx as s, jsxs as I } from "react/jsx-runtime";
-import { FloatingPortal as ht, autoUpdate as bt, flip as gt, offset as xt, shift as wt, size as yt, useDismiss as kt, useFloating as vt, useInteractions as Dt, useMergeRefs as ue, useRole as It } from "@floating-ui/react";
-var Nt = (l) => typeof l == "object" && l !== null && "label" in l ? String(l.label) : String(l), At = (l) => typeof l == "object" && l !== null && "disabled" in l && !!l.disabled;
-function Ht({ dataTest: l, options: b, renderInput: pe, value: N, onChange: A, getOptionLabel: fe, getOptionKey: C, isOptionEqualToValue: V, renderOption: B, renderValue: T, filterOptions: _, loading: Y, loadingText: me = "Loading…", noOptionsText: he = "No options", disabled: S, readOnly: g, error: be, helperText: ge, size: xe = "small", rowSize: we = "compact", disableClearable: ye, disableCloseOnSelect: ke, popupIcon: ve, autoHeight: De, multiple: Ie, allowSelectAll: F, selectAllLabel: Ne = "Select all", fullWidth: Ae, classes: Ce, inputValue: M, onInputChange: Se, open: q, onOpen: Me, onClose: Re, className: Pe, wrapperClassName: $e, getOptionDisabled: Le, slotProps: G }) {
-  const r = Ie === !0, d = fe ?? Nt, R = (e, t) => V ? V(e, t) : e === t, [Ee, _e] = D(!1), a = q ?? Ee, u = (e) => {
-    e && (g || S) || (q === void 0 && _e(e), e ? Me?.() : (x(null), Re?.()));
-  }, [Fe, J] = D(""), h = M ?? Fe, P = (e, t, n) => {
-    M === void 0 && J(t), Se?.(e, t, n);
-  }, [o, x] = D(null), Q = `${l}-listbox`, X = de([]), Z = de(null), [Oe, je] = D(null), [K, ze] = D(null), i = r ? Array.isArray(N) ? N : [] : [], w = r ? null : N ?? null, ee = !r && w !== null ? d(w) : "";
-  ce(() => {
-    M !== void 0 || r || J(ee);
+import { FloatingPortal as gt, autoUpdate as xt, flip as yt, offset as wt, shift as kt, size as vt, useDismiss as Dt, useFloating as It, useInteractions as Nt, useMergeRefs as fe, useRole as At } from "@floating-ui/react";
+var Ct = (l) => typeof l == "object" && l !== null && "label" in l ? String(l.label) : String(l), St = (l) => typeof l == "object" && l !== null && "disabled" in l && !!l.disabled;
+function Ut({ dataTest: l, options: b, renderInput: me, value: N, onChange: A, getOptionLabel: he, getOptionKey: C, isOptionEqualToValue: B, renderOption: T, renderValue: Y, filterOptions: O, loading: q, loadingText: be = "Loading…", noOptionsText: ge = "No options", disabled: S, readOnly: g, error: xe, helperText: ye, size: we = "small", rowSize: ke = "compact", disableClearable: ve, disableCloseOnSelect: De, popupIcon: Ie, autoHeight: Ne, multiple: Ae, allowSelectAll: M, selectAllLabel: Ce = "Select all", fullWidth: Se, classes: Me, inputValue: R, onInputChange: Re, open: G, onOpen: Pe, onClose: $e, className: Le, wrapperClassName: Ee, getOptionDisabled: _e, slotProps: J }) {
+  const r = Ae === !0, c = he ?? Ct, P = (e, t) => B ? B(e, t) : e === t, [Oe, Fe] = D(!1), a = G ?? Oe, d = (e) => {
+    e && (g || S) || (G === void 0 && Fe(e), e ? Pe?.() : (x(null), $e?.()));
+  }, [je, Q] = D(""), m = R ?? je, $ = (e, t, n) => {
+    R === void 0 && Q(t), Re?.(e, t, n);
+  }, [o, x] = D(null), X = `${l}-listbox`, Z = pe([]), K = pe(null), [ze, He] = D(null), [ee, We] = D(null), i = r ? Array.isArray(N) ? N : [] : [], y = r ? null : N ?? null, te = !r && y !== null ? c(y) : "";
+  ue(() => {
+    R !== void 0 || r || Q(te);
   }, [
-    M,
+    R,
     r,
-    ee
+    te
   ]);
-  const O = (e) => r ? i.some((t) => R(e, t)) : w !== null && R(e, w), $ = (e) => Le?.(e) ?? At(e), te = U(() => {
+  const F = (e) => r ? i.some((t) => P(e, t)) : y !== null && P(e, y), L = (e) => _e?.(e) ?? St(e), le = V(() => {
     const e = [...b];
-    if (_) return _(e, { inputValue: h });
-    const t = !r && w !== null ? d(w).toLowerCase() : null;
-    if (!h || h.toLowerCase() === t) return e;
-    const n = h.toLowerCase();
-    return e.filter((f) => d(f).toLowerCase().includes(n));
+    if (O) return O(e, { inputValue: m });
+    const t = !r && y !== null ? c(y).toLowerCase() : null;
+    if (!m || m.toLowerCase() === t) return e;
+    const n = m.toLowerCase();
+    return e.filter((p) => c(p).toLowerCase().includes(n));
   }, [
     b,
-    h,
-    _,
+    m,
+    O,
     N
-  ]), p = U(() => te.slice(0, 100), [te]), le = p.flatMap((e, t) => $(e) ? [] : [t]), c = F && r ? [-1, ...le] : le, k = p.findIndex(O);
-  ce(() => {
+  ]), u = V(() => le.slice(0, 100), [le]), re = u.flatMap((e, t) => L(e) ? [] : [t]), j = M && r ? [-1, ...re] : re, oe = u.map((e, t) => t), h = M && r ? [-1, ...oe] : oe, k = u.findIndex(F);
+  ue(() => {
     if (!a) return;
     const e = o ?? k;
     if (e < 0) return;
-    const t = requestAnimationFrame(() => X.current[e]?.scrollIntoView({ block: "nearest" }));
+    const t = requestAnimationFrame(() => Z.current[e]?.scrollIntoView({ block: "nearest" }));
     return () => cancelAnimationFrame(t);
   }, [
     o,
     a,
-    K,
+    ee,
     k
   ]);
-  const { refs: L, floatingStyles: He, context: re } = vt({
+  const { refs: E, floatingStyles: Ue, context: se } = It({
     open: a,
-    onOpenChange: u,
+    onOpenChange: d,
     placement: "bottom-start",
     strategy: "fixed",
-    whileElementsMounted: bt,
+    whileElementsMounted: xt,
     middleware: [
-      xt(0),
-      gt({ padding: 8 }),
-      wt({ padding: 8 }),
-      yt({ apply({ rects: e, availableHeight: t }) {
-        je(e.reference.width), ze(De ? t - 8 : Math.min(t - 8, 320));
+      wt(0),
+      yt({ padding: 8 }),
+      kt({ padding: 8 }),
+      vt({ apply({ rects: e, availableHeight: t }) {
+        He(e.reference.width), We(Ne ? t - 8 : Math.min(t - 8, 320));
       } })
     ]
-  }), { getReferenceProps: We, getFloatingProps: Ue, getItemProps: Ve } = Dt([kt(re), It(re, { role: "listbox" })]), Be = ue([L.setReference]), oe = U(() => a ? ut(L.reference.current) : void 0, [a, L]), j = pt(oe), Te = ue([ft(L.setFloating, j)]), Ye = (e) => c.includes(k) ? k : c[e === 1 ? 0 : c.length - 1] ?? null, qe = (e) => {
-    c.length !== 0 && x((t) => {
-      const n = c.indexOf(t ?? k);
-      return n === -1 ? c[e === 1 ? 0 : c.length - 1] ?? null : c[Math.min(Math.max(n + e, 0), c.length - 1)] ?? null;
+  }), { getReferenceProps: Ve, getFloatingProps: Be, getItemProps: Te } = Nt([Dt(se), At(se, { role: "listbox" })]), Ye = fe([E.setReference]), ne = V(() => a ? ft(E.reference.current) : void 0, [a, E]), z = mt(ne), qe = fe([ht(E.setFloating, z)]), Ge = (e) => j.includes(k) ? k : j[e === 1 ? 0 : j.length - 1] ?? null, Je = (e) => {
+    h.length !== 0 && x((t) => {
+      const n = h.indexOf(t ?? k);
+      return n === -1 ? h[e === 1 ? 0 : h.length - 1] ?? null : h[Math.min(Math.max(n + e, 0), h.length - 1)] ?? null;
     });
-  }, v = (e, t, n = !r || !ke) => {
+  }, v = (e, t, n = !r || !De) => {
     if (r) {
-      const f = i.some((m) => R(t, m)), y = f ? i.filter((m) => !R(t, m)) : [...i, t];
-      A?.(e, y, f ? "removeOption" : "selectOption", { option: t }), P(e, "", "reset"), n && u(!1);
+      const p = i.some((f) => P(t, f)), w = p ? i.filter((f) => !P(t, f)) : [...i, t];
+      A?.(e, w, p ? "removeOption" : "selectOption", { option: t }), $(e, "", "reset"), n && d(!1);
     } else
-      A?.(e, t, "selectOption", { option: t }), P(e, d(t), "reset"), n && u(!1);
-  }, se = (e) => {
-    A?.(e, r ? [] : null, "clear", void 0), P(e, "", "clear");
-  }, z = (e) => {
+      A?.(e, t, "selectOption", { option: t }), $(e, c(t), "reset"), n && d(!1);
+  }, ae = (e) => {
+    A?.(e, r ? [] : null, "clear", void 0), $(e, "", "clear");
+  }, H = (e) => {
     const t = b.length > 0 && i.length === b.length;
     A?.(e, t ? [] : b, t ? "clear" : "selectOption", void 0);
-  }, Ge = (e) => {
-    if (e.key === "Backspace" && h === "" && ne) {
+  }, Qe = (e) => {
+    if (e.key === "Backspace" && m === "" && ie) {
       const t = i[i.length - 1];
-      r ? t !== void 0 && v(e, t, !1) : se(e);
+      r ? t !== void 0 && v(e, t, !1) : ae(e);
     } else if (e.key === "Enter" && !a)
-      e.preventDefault(), u(!0);
+      e.preventDefault(), d(!0);
     else if (e.key === "Enter" && o === -1)
-      e.preventDefault(), z(e);
-    else if (e.key === "Enter" && o != null && p[o] != null) {
+      e.preventDefault(), H(e);
+    else if (e.key === "Enter" && o != null && u[o] != null) {
       e.preventDefault();
-      const t = p[o];
-      $(t) || v(e, t, !0);
+      const t = u[o];
+      L(t) || v(e, t, !0);
     } else if (e.key === "ArrowDown" || e.key === "ArrowUp") {
       if (e.preventDefault(), !a) {
-        x(Ye(e.key === "ArrowDown" ? 1 : -1)), u(!0);
+        x(Ge(e.key === "ArrowDown" ? 1 : -1)), d(!0);
         return;
       }
-      qe(e.key === "ArrowDown" ? 1 : -1);
+      Je(e.key === "ArrowDown" ? 1 : -1);
     } else if (e.key === "Home" || e.key === "End")
-      e.preventDefault(), x(c[e.key === "Home" ? 0 : c.length - 1] ?? null);
+      e.preventDefault(), x(h[e.key === "Home" ? 0 : h.length - 1] ?? null);
     else if (e.key === " " && o === -1)
-      e.preventDefault(), z(e);
-    else if (e.key === " " && o != null && p[o] != null) {
+      e.preventDefault(), H(e);
+    else if (e.key === " " && o != null && u[o] != null) {
       e.preventDefault();
-      const t = p[o];
-      $(t) || v(e, t, !1);
-    } else e.key === "Escape" && a ? (e.preventDefault(), e.stopPropagation(), u(!1)) : e.key === "Tab" && u(!1);
-  }, ne = !ye && !g && !S && (r ? i.length > 0 : w !== null);
-  let ae;
-  a && o != null && (o === -1 || p[o] !== void 0) && (ae = o === -1 ? `${l}-select-all` : `${l}-option-${o}`);
-  const Je = (e) => {
-    e.preventDefault(), !(S || g) && (Z.current?.focus(), u(!a));
-  }, Qe = r ? T ? T(i, ({ index: e }) => ({ "data-index": e })) : i.map((e, t) => /* @__PURE__ */ s(it, {
-    dataTest: `selected-chip-${d(e)}`,
-    label: d(e),
+      const t = u[o];
+      L(t) || v(e, t, !1);
+    } else e.key === "Escape" && a ? (e.preventDefault(), e.stopPropagation(), d(!1)) : e.key === "Tab" && d(!1);
+  }, ie = !ve && !g && !S && (r ? i.length > 0 : y !== null);
+  let ce;
+  a && o != null && (o === -1 || u[o] !== void 0) && (ce = o === -1 ? `${l}-select-all` : `${l}-option-${o}`);
+  const Xe = (e) => {
+    e.preventDefault(), !(S || g) && (K.current?.focus(), d(!a));
+  }, Ze = r ? Y ? Y(i, ({ index: e }) => ({ "data-index": e })) : i.map((e, t) => /* @__PURE__ */ s(dt, {
+    dataTest: `selected-chip-${c(e)}`,
+    label: c(e),
     readOnly: g,
     deleteButtonTabIndex: -1,
     onDelete: g ? void 0 : (n) => v(n, e)
-  }, C ? C(e) : `${d(e)}-${t}`)) : void 0, Xe = /* @__PURE__ */ I("span", {
+  }, C ? C(e) : `${c(e)}-${t}`)) : void 0, Ke = /* @__PURE__ */ I("span", {
     className: "flex items-center gap-1",
     children: [
-      Y && /* @__PURE__ */ s(mt, {
+      q && /* @__PURE__ */ s(bt, {
         width: 20,
         height: 20,
         className: "animate-spin"
       }),
-      ne && /* @__PURE__ */ s("button", {
+      ie && /* @__PURE__ */ s("button", {
         type: "button",
         tabIndex: -1,
         "aria-label": "Clear",
         "data-testid": `${l}-clear`,
         className: "invisible flex min-h-6 min-w-6 cursor-pointer items-center justify-center rounded-full border-0 bg-delta-50 group-focus-within:visible",
         onMouseDown: (e) => e.preventDefault(),
-        onClick: se,
-        children: /* @__PURE__ */ s(st, {
+        onClick: ae,
+        children: /* @__PURE__ */ s(at, {
           width: 20,
           height: 20,
           className: "text-delta-700"
@@ -148,59 +148,59 @@ function Ht({ dataTest: l, options: b, renderInput: pe, value: N, onChange: A, g
         "data-testid": `${l}-popup-indicator`,
         className: "flex cursor-pointer items-center border-0 bg-transparent",
         onMouseDown: (e) => e.preventDefault(),
-        onClick: Je,
-        children: ve ?? (r ? /* @__PURE__ */ s(at, {
+        onClick: Xe,
+        children: Ie ?? (r ? /* @__PURE__ */ s(ct, {
           width: 24,
           height: 24,
           className: "text-delta-700"
-        }) : /* @__PURE__ */ s(ot, {
+        }) : /* @__PURE__ */ s(nt, {
           width: 24,
           height: 24,
-          className: E(W["select-custom-icon"], a && W["select-custom-icon-open"], "text-delta-700")
+          className: _(U["select-custom-icon"], a && U["select-custom-icon-open"], "text-delta-700")
         }))
       })
     ]
-  }), Ze = {
+  }), et = {
     disabled: S,
-    size: xe,
+    size: we,
     fullWidth: !0,
-    error: be,
-    helperText: ge,
-    value: h,
+    error: xe,
+    helperText: ye,
+    value: m,
     onChange: (e) => {
-      x(null), P(e, e.target.value, "input"), a || u(!0);
+      x(null), $(e, e.target.value, "input"), a || d(!0);
     },
-    onKeyDown: Ge,
+    onKeyDown: Qe,
     slotProps: {
       htmlInput: {
-        ...We(),
-        ref: Z,
-        onClick: () => u(!0),
+        ...Ve(),
+        ref: K,
+        onClick: () => d(!0),
         role: "combobox",
         "aria-autocomplete": "list",
         "aria-expanded": a,
-        "aria-controls": a ? Q : void 0,
-        "aria-activedescendant": ae,
+        "aria-controls": a ? X : void 0,
+        "aria-activedescendant": ce,
         autoComplete: "off",
         readOnly: g
       },
       input: {
-        ref: Be,
-        startAdornment: Qe,
-        endAdornment: Xe
+        ref: Ye,
+        startAdornment: Ze,
+        endAdornment: Ke
       }
     }
-  }, Ke = E("asma-pressable", "relative box-border flex cursor-pointer items-center gap-x-3 px-3 py-1.5 text-base text-delta-800", we === "regular" ? "min-h-12" : "min-h-10", "aria-selected:bg-gama-50 hover:bg-delta-50", "aria-disabled:cursor-default aria-disabled:!bg-transparent aria-disabled:text-delta-300"), et = (e, t, n) => {
-    const { key: f, ...y } = e;
+  }, tt = _("asma-pressable", "relative box-border flex cursor-pointer items-center gap-x-3 px-3 py-1.5 text-base text-delta-800", ke === "regular" ? "min-h-12" : "min-h-10", "aria-selected:bg-gama-50 hover:bg-delta-50", "aria-disabled:cursor-default aria-disabled:!bg-transparent aria-disabled:text-delta-300"), lt = (e, t, n) => {
+    const { key: p, ...w } = e;
     return /* @__PURE__ */ I("li", {
-      ...y,
+      ...w,
       children: [
         e["data-active"] !== void 0 && /* @__PURE__ */ s("span", {
           "aria-hidden": "true",
           className: "border-l-solid pointer-events-none absolute inset-y-0 left-0 border-l-[3px] border-focus-ring"
         }),
-        r ? /* @__PURE__ */ s(ie, {
-          dataTest: `${l}-${d(t)}-checkbox`,
+        r ? /* @__PURE__ */ s(de, {
+          dataTest: `${l}-${c(t)}-checkbox`,
           checked: n.selected,
           size: "medium",
           checkboxClassName: "!h-4 !w-4",
@@ -208,7 +208,7 @@ function Ht({ dataTest: l, options: b, renderInput: pe, value: N, onChange: A, g
           decorative: !0
         }) : /* @__PURE__ */ s("span", {
           className: "w-5",
-          children: n.selected && /* @__PURE__ */ s(nt, {
+          children: n.selected && /* @__PURE__ */ s(it, {
             width: 20,
             height: 20,
             className: "text-gama-500"
@@ -216,64 +216,64 @@ function Ht({ dataTest: l, options: b, renderInput: pe, value: N, onChange: A, g
         }),
         /* @__PURE__ */ s("span", {
           className: "line-clamp-2 min-w-0 flex-1 break-words",
-          children: d(t)
+          children: c(t)
         })
       ]
-    }, f);
-  }, tt = (e, t) => {
-    const n = $(e), f = {
-      ...Ve({
-        onMouseDown: (m) => m.preventDefault(),
-        onClick: (m) => {
-          n || v(m, e);
+    }, p);
+  }, rt = (e, t) => {
+    const n = L(e), p = {
+      ...Te({
+        onMouseDown: (f) => f.preventDefault(),
+        onClick: (f) => {
+          n || v(f, e);
         },
         onMouseMove: () => x(null)
       }),
-      key: C ? String(C(e)) : `${d(e)}-${t}`,
-      ref: (m) => {
-        X.current[t] = m;
+      key: C ? String(C(e)) : `${c(e)}-${t}`,
+      ref: (f) => {
+        Z.current[t] = f;
       },
       role: "option",
       id: `${l}-option-${t}`,
-      "aria-selected": O(e),
+      "aria-selected": F(e),
       "aria-disabled": n || void 0,
       "data-active": o === t ? "" : void 0,
-      className: Ke
-    }, y = {
-      selected: O(e),
+      className: tt
+    }, w = {
+      selected: F(e),
       index: t,
-      inputValue: h
+      inputValue: m
     };
-    return B ? B(f, e, y) : et(f, e, y);
-  }, lt = !!(F && r), H = b.length > 0 && i.length === b.length, rt = i.length > 0 && !H;
+    return T ? T(p, e, w) : lt(p, e, w);
+  }, ot = !!(M && r), W = b.length > 0 && i.length === b.length, st = i.length > 0 && !W;
   return /* @__PURE__ */ I("div", {
-    className: E(W.styledSelectAutocompleteWrapper, !Ae && "w-auto", $e, Pe),
-    children: [pe(Ze), a && /* @__PURE__ */ s(ht, {
-      root: oe,
+    className: _(U.styledSelectAutocompleteWrapper, !Se && "w-auto", Ee, Le),
+    children: [me(et), a && /* @__PURE__ */ s(gt, {
+      root: ne,
       children: /* @__PURE__ */ I("ul", {
-        ref: Te,
-        ...j ? ct : {},
+        ref: qe,
+        ...z ? ut : {},
         style: {
-          ...j ? dt : {},
-          ...He,
-          width: Oe ?? void 0,
-          maxHeight: K ?? void 0,
+          ...z ? pt : {},
+          ...Ue,
+          width: ze ?? void 0,
+          maxHeight: ee ?? void 0,
           fontFamily: "Roboto, Helvetica, Arial, sans-serif",
-          ...G?.popper?.style
+          ...J?.popper?.style
         },
-        ...Ue(),
-        id: Q,
+        ...Be(),
+        id: X,
         role: "listbox",
         "aria-multiselectable": r ? !0 : void 0,
-        className: E("z-[1300] m-0 list-none overflow-auto rounded border border-solid border-delta-300 bg-white px-0 py-2 shadow-[0px_2px_4px_0px_rgba(34,33,51,0.15)]", lt && "py-0", "[&>li:not(:last-child)]:border-0 [&>li:not(:last-child)]:border-b", "[&>li:not(:last-child)]:border-solid [&>li:not(:last-child)]:border-delta-200", Ce?.listbox, G?.popper?.className),
-        children: [F && r && /* @__PURE__ */ I("li", {
+        className: _("z-[1300] m-0 list-none overflow-auto rounded border border-solid border-delta-300 bg-white px-0 py-2 shadow-[0px_2px_4px_0px_rgba(34,33,51,0.15)]", ot && "py-0", "[&>li:not(:last-child)]:border-0 [&>li:not(:last-child)]:border-b", "[&>li:not(:last-child)]:border-solid [&>li:not(:last-child)]:border-delta-200", Me?.listbox, J?.popper?.className),
+        children: [M && r && /* @__PURE__ */ I("li", {
           id: `${l}-select-all`,
           role: "option",
-          "aria-selected": H,
+          "aria-selected": W,
           "data-active": o === -1 ? "" : void 0,
           tabIndex: -1,
           onMouseDown: (e) => e.preventDefault(),
-          onClick: z,
+          onClick: H,
           onMouseMove: () => x(null),
           className: "relative flex h-8 cursor-pointer items-center gap-x-3 border-0 border-b border-solid border-delta-200 bg-[var(--colors-gray-10)] px-3 text-xs font-semibold uppercase tracking-[0.2px] text-delta-600 hover:bg-delta-50",
           children: [
@@ -281,10 +281,10 @@ function Ht({ dataTest: l, options: b, renderInput: pe, value: N, onChange: A, g
               "aria-hidden": "true",
               className: "border-l-solid pointer-events-none absolute inset-y-0 left-0 border-l-[3px] border-focus-ring"
             }),
-            /* @__PURE__ */ s(ie, {
+            /* @__PURE__ */ s(de, {
               dataTest: `${l}-select-all`,
-              checked: H,
-              indeterminate: rt,
+              checked: W,
+              indeterminate: st,
               size: "medium",
               checkboxClassName: "!h-4 !w-4",
               hideWrapper: !0,
@@ -292,22 +292,22 @@ function Ht({ dataTest: l, options: b, renderInput: pe, value: N, onChange: A, g
             }),
             /* @__PURE__ */ s("span", {
               className: "flex-1 truncate",
-              children: Ne
+              children: Ce
             })
           ]
-        }), Y ? /* @__PURE__ */ s("li", {
+        }), q ? /* @__PURE__ */ s("li", {
           role: "presentation",
           className: "px-3 py-2 text-sm text-delta-600",
-          children: me
-        }) : p.length === 0 ? /* @__PURE__ */ s("li", {
+          children: be
+        }) : u.length === 0 ? /* @__PURE__ */ s("li", {
           role: "presentation",
           className: "px-3 py-2 text-sm text-delta-600",
-          children: he
-        }) : p.map(tt)]
+          children: ge
+        }) : u.map(rt)]
       })
     })]
   });
 }
 export {
-  Ht as StyledSelectAutocomplete
+  Ut as StyledSelectAutocomplete
 };

package/dist/components/navigation/menu/StyledMenu.js

@@ -1,33 +1,34 @@
-import { cn as c } from "../../../helpers/cn.js";
+import { cn as a } from "../../../helpers/cn.js";
 import { StyledPopover as x } from "../../utils/popover/StyledPopover.js";
-import { StyledMenuList as N } from "./StyledMenuList.js";
-import { jsx as o } from "react/jsx-runtime";
-var S = { border: "1px solid var(--colors-delta-300)" }, w = ({ open: p, anchorEl: m, onClose: t, anchorOrigin: l, transformOrigin: i, id: s, className: d, sx: n, classes: a, slotProps: e, autoFocus: y = !0, onClick: f, children: u, keepMounted: b }) => /* @__PURE__ */ o(x, {
-  open: p,
-  anchorEl: m,
+import S from "./StyledMenu.module.js";
+import { StyledMenuList as M } from "./StyledMenuList.js";
+import { jsx as p } from "react/jsx-runtime";
+var N = { border: "1px solid var(--colors-delta-300)" }, v = ({ open: m, anchorEl: l, onClose: t, anchorOrigin: d, transformOrigin: i, id: n, className: s, sx: u, classes: o, slotProps: e, autoFocus: y = !0, onClick: f, children: c, keepMounted: b }) => /* @__PURE__ */ p(x, {
+  open: m,
+  anchorEl: l,
   onClose: t,
   tabIntoContent: !1,
-  anchorOrigin: l,
+  anchorOrigin: d,
   transformOrigin: i,
-  id: s,
-  className: d,
-  sx: n,
+  id: n,
+  className: s,
+  sx: u,
   keepMounted: b,
   slotProps: { paper: {
-    className: c("rounded", a?.paper, e?.paper?.className),
-    sx: [S, e?.paper?.sx],
+    className: a("rounded", o?.paper, e?.paper?.className),
+    sx: [N, e?.paper?.sx],
     style: e?.paper?.style
   } },
-  children: /* @__PURE__ */ o(N, {
+  children: /* @__PURE__ */ p(M, {
     autoFocus: y,
-    className: a?.list,
+    className: a(S.anchoredList, o?.list),
     onClick: f,
     onKeyDown: (r) => {
       r.key === "Tab" && r.target.getAttribute("role") === "menuitem" && t?.(r, "tabKeyDown");
     },
-    children: u
+    children: c
   })
 });
 export {
-  w as StyledMenu
+  v as StyledMenu
 };

package/dist/components/navigation/menu/StyledMenu.module.js

@@ -1,4 +1,7 @@
-var t = "_list_1t3hh_1", e = { list: t };
+var a = "_list_6z23v_1", e = "_anchoredList_6z23v_16", t = {
+  list: a,
+  anchoredList: e
+};
 export {
-  e as default
+  t as default
 };