asma-ui-core 3.78.11 → 3.79.0

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

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

package/dist/components/inputs/switch/base-ui/StyledSwitch.module.js

@@ -1,9 +1,9 @@
-var _ = "_iconContent_18hf2_30", t = "_thumb_18hf2_68", h = "_icon_18hf2_30", n = {
-  switch: "_switch_18hf2_1",
+var _ = "_iconContent_5wqb6_30", t = "_thumb_5wqb6_68", n = "_icon_5wqb6_30", o = {
+  switch: "_switch_5wqb6_1",
   iconContent: _,
   thumb: t,
-  icon: h
+  icon: n
 };
 export {
-  n as default
+  o as default
 };

package/dist/components/inputs/textarea/StyledTextarea.module.js

@@ -1,11 +1,11 @@
-var a = "_textarea_1wlak_1", e = "_active_1wlak_1", _ = "_error_1wlak_40", r = "_label_1wlak_80", l = "_disabled_1wlak_88", t = "_description_1wlak_93", d = {
+var a = "_textarea_11htn_1", e = "_active_11htn_1", _ = "_error_11htn_40", r = "_label_11htn_80", t = "_disabled_11htn_88", d = "_description_11htn_93", l = {
   textarea: a,
   active: e,
   error: _,
   label: r,
-  disabled: l,
-  description: t
+  disabled: t,
+  description: d
 };
 export {
-  d as default
+  l as default
 };

package/dist/components/navigation/link/StyledLink.js

@@ -1,30 +1,31 @@
-import l from "./StyledLink.module.js";
+import e from "./StyledLink.module.js";
 import t from "clsx";
 import "react";
 import { jsxs as i } from "react/jsx-runtime";
-var g = ({ href: d, disabled: k, size: m = "large", dataTest: n, reflink: y, className: r, content: s, contentNode: a, ...c }) => {
-  let e = l["styled-link-large"];
+var g = ({ href: d, disabled: k, size: m = "large", dataTest: n, reflink: y, className: r, content: a, contentNode: s, ...c }) => {
+  let l = e["styled-link-large"];
   switch (m) {
     case "large":
-      e = l["styled-link-large"];
+      l = e["styled-link-large"];
       break;
     case "small":
-      e = l["styled-link-small"];
+      l = e["styled-link-small"];
       break;
     case "xs":
-      e = l["styled-link-xs"];
+      l = e["styled-link-xs"];
       break;
   }
   return k ? /* @__PURE__ */ i("span", {
-    className: t(l["styled-link"], l["styled-link-disabled"], e, r),
-    children: [s, a]
+    className: t(e["styled-link"], e["styled-link-disabled"], l, r),
+    children: [a, s]
   }) : /* @__PURE__ */ i("a", {
     ...c,
     "data-testid": n,
     ref: y,
     href: d,
-    className: t(l["styled-link"], e, r),
-    children: [s, a]
+    tabIndex: 0,
+    className: t(e["styled-link"], l, r),
+    children: [a, s]
   });
 };
 export {

package/dist/components/navigation/link/StyledLink.module.js

@@ -1,9 +1,9 @@
 var l = {
-  "styled-link": "_styled-link_f4qlz_1",
-  "styled-link-disabled": "_styled-link-disabled_f4qlz_16",
-  "styled-link-xs": "_styled-link-xs_f4qlz_32",
-  "styled-link-small": "_styled-link-small_f4qlz_37",
-  "styled-link-large": "_styled-link-large_f4qlz_42"
+  "styled-link": "_styled-link_1mhky_1",
+  "styled-link-disabled": "_styled-link-disabled_1mhky_14",
+  "styled-link-xs": "_styled-link-xs_1mhky_30",
+  "styled-link-small": "_styled-link-small_1mhky_35",
+  "styled-link-large": "_styled-link-large_1mhky_40"
 };
 export {
   l as default

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

@@ -1,36 +1,44 @@
-import { cn as p } from "../../../helpers/cn.js";
-import { consumerOverrides as w } from "../../../helpers/classOverride.js";
-import { useEffect as g, useRef as h } from "react";
-import { jsx as x } from "react/jsx-runtime";
-var m = (o) => o ? Array.from(o.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])')) : [], I = ({ children: o, className: i, autoFocus: s, disablePadding: u, onClick: c, onKeyDown: a }) => {
-  const t = h(null), f = w(i, "padding");
-  g(() => {
-    s && m(t.current)[0]?.focus();
-  }, [s]);
-  const d = (e) => {
-    if (a?.(e), ![
+import { cn as A } from "../../../helpers/cn.js";
+import { consumerOverrides as h } from "../../../helpers/classOverride.js";
+import { useEffect as b, useRef as k } from "react";
+import { jsx as u } from "react/jsx-runtime";
+var c = (o) => o ? Array.from(o.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])')) : [], R = ({ children: o, id: a, role: d = "menu", className: s, autoFocus: i, disablePadding: y, onClick: p, onKeyDown: x }) => {
+  const t = k(null), f = h(s, "padding");
+  b(() => {
+    i && c(t.current)[0]?.focus();
+  }, [i]);
+  const w = (e) => {
+    if (x?.(e), ![
       "ArrowDown",
       "ArrowUp",
       "Home",
       "End"
     ].includes(e.key)) return;
     e.preventDefault();
-    const r = m(t.current);
+    const r = c(t.current);
     if (r.length === 0) return;
-    const l = r.findIndex((y) => y === document.activeElement);
+    const l = r.findIndex((g) => g === document.activeElement);
     let n = l;
     e.key === "ArrowDown" ? n = (l + 1) % r.length : e.key === "ArrowUp" ? n = (l - 1 + r.length) % r.length : e.key === "Home" ? n = 0 : e.key === "End" && (n = r.length - 1), r[n]?.focus();
+  }, m = {
+    id: a,
+    className: A("m-0 list-none outline-none", !f && "px-0", !f && (y ? "py-0" : "py-2"), s),
+    style: { fontFamily: "Roboto, Helvetica, Arial, sans-serif" },
+    onClick: p,
+    onKeyDown: w
   };
-  return /* @__PURE__ */ x("ul", {
+  return d === "listbox" ? /* @__PURE__ */ u("ul", {
+    ref: t,
+    ...m,
+    role: "listbox",
+    children: o
+  }) : /* @__PURE__ */ u("ul", {
     ref: t,
+    ...m,
     role: "menu",
-    className: p("m-0 list-none outline-none", !f && "px-0", !f && (u ? "py-0" : "py-2"), i),
-    style: { fontFamily: "Roboto, Helvetica, Arial, sans-serif" },
-    onClick: c,
-    onKeyDown: d,
     children: o
   });
 };
 export {
-  I as StyledMenuList
+  R as StyledMenuList
 };