asma-ui-core 3.103.0 → 3.104.0

package/dist/components/data-display/badge/StyledBadge.js

@@ -1,8 +1,8 @@
-import { resolveSx as g } from "../../../helpers/sx.js";
-import y from "clsx";
-import { useEffect as Z, useRef as h } from "react";
-import { jsx as _, jsxs as G } from "react/jsx-runtime";
-var w = {
+import { resolveSx as u } from "../../../helpers/sx.js";
+import b from "clsx";
+import "react";
+import { jsx as x, jsxs as I } from "react/jsx-runtime";
+var v = {
   primary: {
     backgroundColor: "var(--colors-badge-background)",
     color: "var(--colors-badge-label)"
@@ -31,55 +31,51 @@ var w = {
     backgroundColor: "var(--colors-warning-700)",
     color: "#fff"
   }
-}, H = {
+}, L = {
   "top-right": "top-0 right-0 translate-x-1/2 -translate-y-1/2 origin-[100%_0%]",
   "top-left": "top-0 left-0 -translate-x-1/2 -translate-y-1/2 origin-[0%_0%]",
   "bottom-right": "bottom-0 right-0 translate-x-1/2 translate-y-1/2 origin-[100%_100%]",
   "bottom-left": "bottom-0 left-0 -translate-x-1/2 translate-y-1/2 origin-[0%_100%]"
-}, S = "& .MuiBadge-badge", P = ({ color: i = "primary", dataTest: k, size: c = "medium", badgeContent: o, max: W, showZero: X, variant: j = "standard", purpose: A = "notification", statusMessage: d, invisible: C, anchorOrigin: f, children: p, className: u, sx: e, overlap: Y, classes: q, slots: F, slotProps: m, component: J, tabIndex: K, "aria-label": a, ...O }) => {
-  const n = h(null), l = typeof o == "number" ? o : void 0, b = h(l);
-  Z(() => {
-    l !== b.current && (b.current = l, n.current && (n.current.textContent = d ?? ""));
-  }, [l, d]);
-  const x = e && typeof e == "object" && !Array.isArray(e) ? e : {}, R = g(x[S]), B = g(Object.fromEntries(Object.entries(x).filter(([T]) => T !== S))), r = j === "dot", s = r && A !== "notification", t = p === void 0, v = !!C || !r && (o === 0 || o === void 0 || o === null), D = r ? null : typeof o == "number" && o > 99 ? "99+" : o, E = typeof o == "number" && o > 0 && o < 10, N = f?.vertical ?? "top", $ = f?.horizontal ?? "right", z = i === "primary" && !s ? {
+}, g = "& .MuiBadge-badge", K = ({ color: i = "primary", dataTest: y, size: n = "medium", badgeContent: o, max: T, showZero: Z, variant: h = "standard", purpose: _ = "notification", statusMessage: w, invisible: S, anchorOrigin: c, children: d, className: p, sx: a, overlap: G, classes: H, slots: M, slotProps: m, component: W, tabIndex: X, "aria-label": e, ...k }) => {
+  const j = typeof o == "number" ? o : void 0, f = a && typeof a == "object" && !Array.isArray(a) ? a : {}, A = u(f[g]), O = u(Object.fromEntries(Object.entries(f).filter(([z]) => z !== g))), r = h === "dot", l = r && _ !== "notification", t = d === void 0, s = !!S || !r && (o === 0 || o === void 0 || o === null), B = r ? null : typeof o == "number" && o > 99 ? "99+" : o, C = typeof o == "number" && o > 0 && o < 10, D = c?.vertical ?? "top", N = c?.horizontal ?? "right", E = i === "primary" && !l ? {
     borderColor: r ? "var(--colors-badge-border-dot)" : "var(--colors-badge-border-count)",
     borderStyle: "solid",
     borderWidth: r ? "var(--border-badge-dot)" : "var(--border-badge-count)"
-  } : {}, I = t && !v && a ? {
+  } : {}, R = t && !s && e ? {
     role: "img",
-    "aria-label": a
-  } : {}, L = !t && a ? { "aria-label": a } : {};
-  return /* @__PURE__ */ G("span", {
-    className: t ? y("inline-flex shrink-0 align-middle", u) : "relative inline-flex shrink-0 align-middle",
-    "data-testid": k,
-    style: B,
-    ...L,
-    ...I,
-    ...O,
+    "aria-label": e
+  } : {}, $ = !t && e ? { "aria-label": e } : {};
+  return /* @__PURE__ */ I("span", {
+    className: t ? b("inline-flex shrink-0 align-middle", p) : "relative inline-flex shrink-0 align-middle",
+    "data-testid": y,
+    style: O,
+    ...$,
+    ...R,
+    ...k,
     children: [
-      p,
-      !v && /* @__PURE__ */ _("span", {
+      d,
+      !s && /* @__PURE__ */ x("span", {
         "aria-hidden": "true",
-        className: y("box-border flex items-center justify-center whitespace-nowrap font-roboto font-semibold", !t && "absolute z-[1]", !t && H[`${N}-${$}`], s ? "h-[8px] w-[8px] min-w-[8px] rounded-full p-0" : r ? "h-[12px] w-[12px] min-w-[12px] rounded-full p-0" : c === "small" ? "h-[16px] w-max min-w-[16px] rounded-[20px] px-[4px] text-[0.75rem]" : "h-[20px] min-w-[20px] rounded-[20px] px-[6px] text-sm leading-5", !r && c === "medium" && E && "w-[20px]", !t && u, m?.badge?.className),
+        className: b("box-border flex items-center justify-center whitespace-nowrap font-roboto font-semibold", !t && "absolute z-[1]", !t && L[`${D}-${N}`], l ? "h-[8px] w-[8px] min-w-[8px] rounded-full p-0" : r ? "h-[12px] w-[12px] min-w-[12px] rounded-full p-0" : n === "small" ? "h-[16px] w-max min-w-[16px] rounded-[20px] px-[4px] text-[0.75rem]" : "h-[20px] min-w-[20px] rounded-[20px] px-[6px] text-sm leading-5", !r && n === "medium" && C && "w-[20px]", !t && p, m?.badge?.className),
         style: {
-          ...w[i] ?? w.default,
-          ...s ? { backgroundColor: "var(--colors-gama-500)" } : {},
-          ...z,
-          ...R,
+          ...v[i] ?? v.default,
+          ...l ? { backgroundColor: "var(--colors-gama-500)" } : {},
+          ...E,
+          ...A,
           ...m?.badge?.style
         },
-        children: D
+        children: B
       }),
-      /* @__PURE__ */ _("span", {
-        ref: n,
+      /* @__PURE__ */ x("span", {
         "aria-atomic": "true",
         "aria-live": "polite",
         className: "sr-only",
-        role: "status"
+        role: "status",
+        children: s || j === void 0 ? "" : w ?? ""
       })
     ]
   });
 };
 export {
-  P as StyledBadge
+  K as StyledBadge
 };

package/dist/components/data-display/virtualized-list/VirtualizedList.js

@@ -1,29 +1,30 @@
 import { useRef as m } from "react";
-import { Fragment as g, jsx as t } from "react/jsx-runtime";
-import { useVirtualizer as h } from "@tanstack/react-virtual";
-function v({ className: a, dataTest: o, emptyState: i, estimatedItemHeight: d = 48, getItemKey: u, items: r, overscan: c = 8, renderItem: f }) {
-  const s = m(null), l = h({
+import { Fragment as x, jsx as t } from "react/jsx-runtime";
+import { useVirtualizer as g } from "@tanstack/react-virtual";
+function v({ className: s, dataTest: o, emptyState: i, estimatedItemHeight: d = 48, getItemKey: u, items: r, overscan: c = 8, renderItem: f }) {
+  const a = m(null), n = g({
     count: r.length,
     estimateSize: () => d,
-    getScrollElement: () => s.current,
+    getScrollElement: () => a.current,
     overscan: c
   });
-  return r.length === 0 ? i === void 0 ? null : /* @__PURE__ */ t(g, { children: i }) : /* @__PURE__ */ t("div", {
-    className: a,
+  return r.length === 0 ? i === void 0 ? null : /* @__PURE__ */ t(x, { children: i }) : /* @__PURE__ */ t("div", {
+    className: s,
     "data-testid": o,
-    ref: s,
+    ref: a,
+    tabIndex: 0,
     children: /* @__PURE__ */ t("div", {
       className: "relative w-full",
-      style: { height: l.getTotalSize() },
-      children: l.getVirtualItems().map((e) => {
-        const n = r[e.index];
-        return n === void 0 ? null : /* @__PURE__ */ t("div", {
+      style: { height: n.getTotalSize() },
+      children: n.getVirtualItems().map((e) => {
+        const l = r[e.index];
+        return l === void 0 ? null : /* @__PURE__ */ t("div", {
           className: "absolute left-0 top-0 w-full",
           "data-index": e.index,
-          ref: l.measureElement,
+          ref: n.measureElement,
           style: { transform: `translateY(${e.start}px)` },
-          children: f(n, e.index)
-        }, u(n, e.index));
+          children: f(l, e.index)
+        }, u(l, e.index));
       })
     })
   });

package/dist/components/feedback/dialog/StyledDialog.js

@@ -1,117 +1,123 @@
 import { cn as h } from "../../../helpers/cn.js";
-import { resolveSx as S } from "../../../helpers/sx.js";
-import { CloseIcon as X } from "../../icons/close-icon/CloseIcon.js";
-import { registerOpenModalDialog as B } from "../../../hooks/useTopLayer.hook.js";
-import { StyledButton as G } from "../../inputs/button/StyledButton.js";
-import { useMobileMediaQuery as Q } from "../../../hooks/useMediaQuery.hook.js";
-import $ from "./StyledDialog.module.js";
-import { useEffect as w, useLayoutEffect as J, useRef as a } from "react";
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-var U = {
+import { resolveSx as D } from "../../../helpers/sx.js";
+import { CloseIcon as J } from "../../icons/close-icon/CloseIcon.js";
+import { registerOpenModalDialog as U } from "../../../hooks/useTopLayer.hook.js";
+import { StyledButton as V } from "../../inputs/button/StyledButton.js";
+import { useMobileMediaQuery as Y } from "../../../hooks/useMediaQuery.hook.js";
+import Z from "./StyledDialog.module.js";
+import { StyledDialogTitleContext as ee } from "./dialogTitleContext.js";
+import { useEffect as w, useId as te, useLayoutEffect as le, useMemo as ne, useRef as s, useState as re } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+var oe = {
   xs: 444,
   sm: 600,
   md: 900,
   lg: 1200,
   xl: 1536
-}, oe = ({ open: t, onClose: c, children: C, dataTest: d, maxWidth: y = "sm", fullWidth: D, fullScreen: H, scroll: _ = "paper", disableEscapeKeyDown: M, className: j, style: O, sx: R, classes: v, PaperProps: W, slotProps: o, onCloseText: b, showCloseIcon: g = !0, dialogLabel: s, dialogTitle: m, dialogHeaderNode: I }) => {
-  const z = Q(), u = a(null), f = a(null), p = a(!1), k = a(t), i = H ?? z;
+}, he = ({ open: t, onClose: c, children: I, dataTest: y, maxWidth: v = "sm", fullWidth: H, fullScreen: M, scroll: _ = "paper", disableEscapeKeyDown: j, className: O, style: R, sx: W, classes: b, PaperProps: z, slotProps: o, onCloseText: g, showCloseIcon: k = !0, dialogLabel: m, dialogTitle: i, ariaLabel: L, dialogHeaderNode: P }) => {
+  const d = te(), [q, A] = re(), B = ne(() => ({
+    titleId: d,
+    setTitleId: A
+  }), [d]), E = i ? d : q, F = Y(), u = s(null), f = s(null), x = s(!1), C = s(t), a = M ?? F;
   w(() => {
-    k.current && !t && o?.transition?.onExited?.(), k.current = t;
-  }, [t, o]), J(() => {
+    C.current && !t && o?.transition?.onExited?.(), C.current = t;
+  }, [t, o]), le(() => {
     const e = u.current;
     if (!e || !t) return;
     e.open || (f.current = document.activeElement instanceof HTMLElement ? document.activeElement : null, e.showModal(), e.focus({ preventScroll: !0 }), requestAnimationFrame(() => e.open && e.focus({ preventScroll: !0 })));
-    const n = B(e);
+    const l = U(e);
     return () => {
-      n(), f.current?.isConnected && f.current.focus({ preventScroll: !0 });
+      l(), f.current?.isConnected && f.current.focus({ preventScroll: !0 });
     };
   }, [t]), w(() => {
     if (!t) return;
-    const e = document.body.style.overflow, n = document.documentElement.style.overflow;
+    const e = document.body.style.overflow, l = document.documentElement.style.overflow;
     return document.body.style.overflow = "hidden", document.documentElement.style.overflow = "hidden", () => {
-      document.body.style.overflow = e, document.documentElement.style.overflow = n;
+      document.body.style.overflow = e, document.documentElement.style.overflow = l;
     };
   }, [t]);
-  const x = {
-    ...W,
+  const p = {
+    ...z,
     ...o?.paper
-  }, E = y === !1 ? void 0 : U[y], { className: L, style: q, onClick: A, ...F } = o?.backdrop ?? {}, K = (e) => {
-    p.current || (p.current = !0, window.setTimeout(() => {
-      p.current = !1;
+  }, N = v === !1 ? void 0 : oe[v], { className: K, style: T, onClick: X, ...G } = o?.backdrop ?? {}, Q = (e) => {
+    x.current || (x.current = !0, window.setTimeout(() => {
+      x.current = !1;
     }, 0), c?.(e, "escapeKeyDown"));
-  }, P = (e) => {
+  }, $ = (e) => {
     e.preventDefault();
   };
   return w(() => {
-    if (!t || M) return;
-    const e = (n) => {
-      if (n.key !== "Escape" || n.defaultPrevented) return;
-      const N = document.activeElement;
-      N instanceof Element && N.closest("dialog[open]") !== u.current || K(n);
+    if (!t || j) return;
+    const e = (l) => {
+      if (l.key !== "Escape" || l.defaultPrevented) return;
+      const S = document.activeElement;
+      S instanceof Element && S.closest("dialog[open]") !== u.current || Q(l);
     };
     return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-  }), t ? /* @__PURE__ */ l("dialog", {
+  }), t ? /* @__PURE__ */ r("dialog", {
     ref: u,
     tabIndex: -1,
-    "data-testid": d,
-    "aria-label": d,
-    onCancel: P,
-    className: h($.StyledDialog, "fixed inset-0 m-0 h-full max-h-none w-full max-w-none items-center justify-center overflow-hidden border-0 bg-transparent p-0 outline-none open:flex", _ === "body" && "overflow-y-auto", j, v?.root),
+    "data-testid": y,
+    "aria-labelledby": E,
+    "aria-label": E ? void 0 : L,
+    onCancel: $,
+    className: h(Z.StyledDialog, "fixed inset-0 m-0 h-full max-h-none w-full max-w-none items-center justify-center overflow-hidden border-0 bg-transparent p-0 outline-none open:flex", _ === "body" && "overflow-y-auto", O, b?.root),
     style: {
       zIndex: 999,
-      ...S(R),
-      ...O
+      ...D(W),
+      ...R
     },
-    children: [/* @__PURE__ */ r("div", {
-      ...F,
-      className: h("absolute inset-0 bg-[#626e7eb2]", L),
-      style: q,
+    children: [/* @__PURE__ */ n("div", {
+      ...G,
+      className: h("absolute inset-0 bg-[#626e7eb2]", K),
+      style: T,
       onClick: (e) => {
-        A?.(e), e.defaultPrevented || c?.(e, "backdropClick");
+        X?.(e), e.defaultPrevented || c?.(e, "backdropClick");
       }
-    }), /* @__PURE__ */ l("div", {
-      className: h("relative z-[1] flex flex-col overflow-hidden rounded-lg border-0 bg-white p-0 text-delta-800 shadow-[0px_4px_40px_0px_#22213366]", i && "rounded-none", x.className, v?.paper),
+    }), /* @__PURE__ */ r("div", {
+      className: h("relative z-[1] flex flex-col overflow-hidden rounded-lg border-0 bg-white p-0 text-delta-800 shadow-[0px_4px_40px_0px_#22213366]", a && "rounded-none", p.className, b?.paper),
       style: {
         minWidth: 0,
         minHeight: 0,
-        ...!i && E ? { maxWidth: E } : {},
-        ...i ? {
+        ...!a && N ? { maxWidth: N } : {},
+        ...a ? {
           width: "100%",
           maxWidth: "100%",
           height: "100%",
           maxHeight: "100%"
         } : {
-          width: D ? "calc(100% - 64px)" : "auto",
+          width: H ? "calc(100% - 64px)" : "auto",
           maxHeight: "100%"
         },
-        ...S(x.sx),
-        ...x.style,
-        ...i ? {
+        ...D(p.sx),
+        ...p.style,
+        ...a ? {
           width: "100%",
           maxWidth: "100%",
           height: "100%",
           maxHeight: "100%"
         } : { maxHeight: "calc(100% - 64px)" }
       },
-      children: [(!!s || !!m || g) && /* @__PURE__ */ l("div", {
+      children: [(!!m || !!i || k) && /* @__PURE__ */ r("div", {
         className: "box-border flex w-full min-w-0 max-w-full justify-between px-4 pt-4",
-        children: [/* @__PURE__ */ l("div", {
+        children: [/* @__PURE__ */ r("div", {
           className: "flex min-w-0 flex-1 flex-col justify-start gap-0.5",
-          children: [s && /* @__PURE__ */ r("div", {
+          children: [m && /* @__PURE__ */ n("div", {
             className: "flex h-8 items-center text-sm font-normal leading-5 text-delta-600",
-            children: s
-          }), m && /* @__PURE__ */ r("div", {
-            className: "flex text-2xl font-semibold leading-8 text-delta-800",
             children: m
+          }), i && /* @__PURE__ */ n("div", {
+            id: d,
+            className: "flex text-2xl font-semibold leading-8 text-delta-800",
+            children: i
           })]
-        }), g && /* @__PURE__ */ l("div", {
+        }), k && /* @__PURE__ */ r("div", {
           className: "flex min-w-0 max-w-full shrink-0 justify-end gap-2",
-          children: [I, /* @__PURE__ */ r(G, {
-            dataTest: `close-button-${d}`,
-            "aria-label": b ? void 0 : "Close",
+          children: [P, /* @__PURE__ */ n(V, {
+            dataTest: `close-button-${y}`,
+            "aria-label": g ? void 0 : "Close",
             variant: "textGray",
             size: "small",
-            endIcon: /* @__PURE__ */ r(X, {
+            endIcon: /* @__PURE__ */ n(J, {
               width: 20,
               height: 20
             }),
@@ -122,13 +128,16 @@ var U = {
               paddingRight: "6px",
               paddingLeft: "6px"
             },
-            children: b
+            children: g
           })]
         })]
-      }), C]
+      }), /* @__PURE__ */ n(ee.Provider, {
+        value: B,
+        children: I
+      })]
     })]
   }) : null;
 };
 export {
-  oe as StyledDialog
+  he as StyledDialog
 };

package/dist/components/feedback/dialog/StyledDialogTitle.js

@@ -1,20 +1,31 @@
-import { resolveSx as a } from "../../../helpers/sx.js";
-import i from "clsx";
-import { jsx as m } from "react/jsx-runtime";
-var n = ({ children: t, className: e, sx: l, style: s, classes: x, ...o }) => {
-  if (!t) return null;
-  const r = {
-    ...a(l),
-    ...s
+import { resolveSx as n } from "../../../helpers/sx.js";
+import { StyledDialogTitleContext as x } from "./dialogTitleContext.js";
+import f from "clsx";
+import { useContext as p, useLayoutEffect as u } from "react";
+import { jsx as c } from "react/jsx-runtime";
+var v = ({ children: e, className: s, sx: i, style: r, id: d, classes: g, ...a }) => {
+  const t = p(x), l = !!e, o = d ?? t?.titleId;
+  if (u(() => {
+    if (!(!l || !t))
+      return t.setTitleId(o), () => t.setTitleId(void 0);
+  }, [
+    l,
+    t,
+    o
+  ]), !e) return null;
+  const m = {
+    ...n(i),
+    ...r
   };
-  return /* @__PURE__ */ m("h2", {
+  return /* @__PURE__ */ c("h2", {
     "data-testid": "styled-dialog-title",
-    className: i("mx-3 p-4 text-[20px] font-semibold leading-[20px]", e),
-    style: r,
-    ...o,
-    children: t
+    id: o,
+    className: f("mx-3 p-4 text-[20px] font-semibold leading-[20px]", s),
+    style: m,
+    ...a,
+    children: e
   });
 };
 export {
-  n as StyledDialogTitle
+  v as StyledDialogTitle
 };

package/dist/components/feedback/dialog/dialogTitleContext.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+var o = t(null);
+export {
+  o as StyledDialogTitleContext
+};

package/dist/components/miscellaneous/StyledFormControlLabel.js

@@ -1,34 +1,34 @@
 import { cn as o } from "../../helpers/cn.js";
-import { resolveSx as h } from "../../helpers/sx.js";
-import { cloneElement as g, isValidElement as t, useId as C } from "react";
-import { jsx as y, jsxs as A } from "react/jsx-runtime";
+import { resolveSx as g } from "../../helpers/sx.js";
+import { cloneElement as y, isValidElement as s, useId as C } from "react";
+import { jsx as L, jsxs as A } from "react/jsx-runtime";
 var E = {
   end: "flex-row",
   start: "flex-row-reverse",
   top: "flex-col-reverse",
   bottom: "flex-col"
-}, k = ({ control: l, label: a, checked: i, disabled: d, name: m, value: c, labelPlacement: b = "end", className: f, sx: x, onChange: p }) => {
-  const e = t(l) ? l.props : {}, s = d ?? e.disabled ?? !1, r = C(), u = e["aria-label"] != null || e["aria-labelledby"] != null, n = t(l) && a != null && !u, v = t(l) ? g(l, {
+}, w = ({ control: l, label: a, checked: i, disabled: d, name: m, value: c, labelPlacement: f = "end", className: x, sx: p, onChange: b }) => {
+  const e = s(l) ? l.props : {}, t = d ?? e.disabled ?? !1, n = C(), u = e["aria-label"] != null || e["aria-labelledby"] != null, h = typeof a == "string" ? a.trim().length > 0 : a != null, r = s(l) && h && !u, v = s(l) ? y(l, {
     checked: e.checked ?? i,
-    onChange: e.onChange ?? p,
-    disabled: s,
+    onChange: e.onChange ?? b,
+    disabled: t,
     name: e.name ?? m,
     value: e.value ?? c,
-    ...n ? { "aria-labelledby": r } : {}
+    ...r ? { "aria-labelledby": n } : {}
   }) : l;
   return /* @__PURE__ */ A("label", {
-    className: o("m-0 inline-flex items-center gap-2 align-middle text-delta-800", s ? "cursor-default" : "cursor-pointer", E[b], f),
+    className: o("m-0 inline-flex items-center gap-2 align-middle text-delta-800", t ? "cursor-default" : "cursor-pointer", E[f], x),
     style: {
       fontFamily: "Roboto, Helvetica, Arial, sans-serif",
-      ...h(x)
+      ...g(p)
     },
-    children: [v, a != null && /* @__PURE__ */ y("span", {
-      id: n ? r : void 0,
-      className: o("text-sm leading-5 tracking-[0.00938em]", s && "text-delta-300"),
+    children: [v, a != null && /* @__PURE__ */ L("span", {
+      id: r ? n : void 0,
+      className: o("text-sm leading-5 tracking-[0.00938em]", t && "text-delta-300"),
       children: a
     })]
   });
 };
 export {
-  k as StyledFormControlLabel
+  w as StyledFormControlLabel
 };

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

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

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

@@ -1,9 +1,10 @@
 var l = {
-  "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"
+  "styled-link": "_styled-link_1au3b_1",
+  "styled-link-disabled": "_styled-link-disabled_1au3b_14",
+  "styled-link-button": "_styled-link-button_1au3b_30",
+  "styled-link-xs": "_styled-link-xs_1au3b_35",
+  "styled-link-small": "_styled-link-small_1au3b_40",
+  "styled-link-large": "_styled-link-large_1au3b_45"
 };
 export {
   l as default

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
 };