@altinn/altinn-components 0.57.3 → 0.58.1

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,8 +1,9 @@
 "use client";
-import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
 import { useState as d, useCallback as L, useEffect as C, useMemo as G } from "react";
-import { M as S } from "../../Section-xbt3ft20.js";
+import { M as S } from "../../Section-DvBigBR1.js";
 import "../../index-p1eeF8LQ.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import { LocaleSwitcher as v } from "./LocaleSwitcher.js";
@@ -11,7 +12,7 @@ import { MenuListItem as x } from "../Menu/MenuListItem.js";
 import { GlobalMenuBase as u, GlobalMenuFooter as I } from "./GlobalMenuBase.js";
 import { LogoutButton as T } from "./LogoutButton.js";
 import { S as h } from "../../Globe-BcPkcH4E.js";
-const K = ({
+const N = ({
   menu: e,
   backLabel: g = "Back",
   onClose: s,
@@ -32,10 +33,10 @@ const K = ({
       onClick: () => {
         i.onClick?.(), s?.();
       },
-      items: Array.isArray(i.items) ? i.items.map((f) => ({
-        ...f,
+      items: Array.isArray(i.items) ? i.items.map((p) => ({
+        ...p,
         onClick: () => {
-          f.onClick?.(), s?.();
+          p.onClick?.(), s?.();
         }
       })) : void 0
     }));
@@ -49,14 +50,14 @@ const K = ({
     };
     return [...t, b];
   }, [e, s, r, l]);
-  return k ? /* @__PURE__ */ p(u, { "aria-label": n, children: [
+  return k ? /* @__PURE__ */ f(u, { "aria-label": n, children: [
     r && /* @__PURE__ */ o(v, { ...r, backLabel: g, onToggle: l }),
     /* @__PURE__ */ o(x, { as: "div", role: "separator" })
-  ] }) : /* @__PURE__ */ p(u, { "aria-label": n, children: [
+  ] }) : /* @__PURE__ */ f(u, { "aria-label": n, children: [
     e && /* @__PURE__ */ o(S, { ...e, items: M }),
     a && /* @__PURE__ */ o(I, { children: /* @__PURE__ */ o(T, { ...a }) })
   ] });
 };
 export {
-  K as GlobalMenu
+  N as GlobalMenu
 };

package/dist/components/GlobalMenu/LocaleSwitcher.js

@@ -1,22 +1,23 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import { useRef as g, useMemo as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { useRef as g, useMemo as l } from "react";
 import { useEnterKey as v } from "../../hooks/useEnterKey.js";
-import { x as h, C as b, r as S } from "../../Section-xbt3ft20.js";
+import { x as h, C as b, r as S } from "../../Section-DvBigBR1.js";
 import "../../index-p1eeF8LQ.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { S as x } from "../../ArrowUndo-hge1gMu8.js";
-const j = ({
+const q = ({
   title: s = "Select language",
   options: r,
   onSelect: c,
   onToggle: u,
   backLabel: d
 }) => {
-  const n = g(null), { currentId: m, closeAll: a } = h(), p = m === "locale", l = i(() => r.find((e) => e.checked)?.value ?? r[0]?.value, [r]), k = i(() => r.map((t) => {
-    const e = t.value === l;
+  const n = g(null), { currentId: m, closeAll: o } = h(), p = m === "locale", i = l(() => r.find((e) => e.checked)?.value ?? r[0]?.value, [r]), k = l(() => r.map((t) => {
+    const e = t.value === i;
     return {
       ...t,
       id: String(t.value),
@@ -25,21 +26,21 @@ const j = ({
       role: "radio",
       name: "locale",
       checked: e,
-      icon: e ? b : /* @__PURE__ */ o("span", { "aria-hidden": "true" }),
+      icon: e ? b : /* @__PURE__ */ a("span", { "aria-hidden": "true" }),
       onClick: () => {
-        c?.(String(t.value)), a();
+        c?.(String(t.value)), o();
       }
     };
-  }), [r, c, a, l]), f = {
+  }), [r, c, o, i]), f = {
     locales: { title: s || "Språk/language" }
   };
   return v((t) => {
     if (p) {
       t.preventDefault();
       const e = n.current?.querySelector('[data-active="true"]');
-      e && (e.tagName === "A" && e.hasAttribute("href") ? e.click() : e.dispatchEvent(new MouseEvent("click", { bubbles: !0 }))), a();
+      e && (e.tagName === "A" && e.hasAttribute("href") ? e.click() : e.dispatchEvent(new MouseEvent("click", { bubbles: !0 }))), o();
     }
-  }), /* @__PURE__ */ o("div", { ref: n, "data-testid": "locale-switcher", role: "radiogroup", children: /* @__PURE__ */ o(
+  }), /* @__PURE__ */ a("div", { ref: n, "data-testid": "locale-switcher", role: "radiogroup", children: /* @__PURE__ */ a(
     S,
     {
       variant: "default",
@@ -53,5 +54,5 @@ const j = ({
   ) });
 };
 export {
-  j as LocaleSwitcher
+  q as LocaleSwitcher
 };

package/dist/components/GlobalMenu/LogoutButton.js

@@ -2,12 +2,13 @@ import { jsx as n } from "react/jsx-runtime";
 import { Button as i } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../Section-xbt3ft20.js";
+import "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/LogoutButton.css';const m = "_button_1260s_1", s = {
   button: m
-}, g = ({ label: t = "Logout", children: o, onClick: r }) => /* @__PURE__ */ n(i, { className: s.button, variant: "outline", size: "lg", onClick: r, children: o || t });
+}, _ = ({ label: t = "Logout", children: o, onClick: r }) => /* @__PURE__ */ n(i, { className: s.button, variant: "outline", size: "lg", onClick: r, children: o || t });
 export {
-  g as LogoutButton
+  _ as LogoutButton
 };

package/dist/components/GlobalMenu_old/BackButton.js

@@ -1,12 +1,13 @@
 import { jsx as m } from "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
-import { q as i } from "../../Section-xbt3ft20.js";
+import { q as i } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { S as p } from "../../ArrowUndo-hge1gMu8.js";
-const k = ({ label: o, onClick: r, as: t }) => /* @__PURE__ */ m(i, { size: "sm", id: "back", icon: p, title: o, onClick: r, as: t });
+const x = ({ label: o, onClick: r, as: t }) => /* @__PURE__ */ m(i, { size: "sm", id: "back", icon: p, title: o, onClick: r, as: t });
 export {
-  k as BackButton
+  x as BackButton
 };

package/dist/components/GlobalMenu_old/CurrentAccount.js

@@ -1,11 +1,12 @@
 import { jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { q as n } from "../../Section-xbt3ft20.js";
+import { q as n } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-const x = ({ account: i, multipleAccounts: r, as: o, onClick: t }) => /* @__PURE__ */ m(
+const I = ({ account: i, multipleAccounts: r, as: o, onClick: t }) => /* @__PURE__ */ m(
   n,
   {
     id: "account",
@@ -19,5 +20,5 @@ const x = ({ account: i, multipleAccounts: r, as: o, onClick: t }) => /* @__PURE
   }
 );
 export {
-  x as CurrentAccount
+  I as CurrentAccount
 };

package/dist/components/GlobalMenu_old/GlobalMenu.js

@@ -1,9 +1,10 @@
 "use client";
-import { jsxs as c, jsx as r, Fragment as C } from "react/jsx-runtime";
+import { jsxs as m, jsx as r, Fragment as C } from "react/jsx-runtime";
 import { useState as G, useMemo as S } from "react";
 import "../../index-p1eeF8LQ.js";
 import { AccountMenu as x } from "../Account/AccountMenu.js";
-import { M as f } from "../../Section-xbt3ft20.js";
+import { M as f } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import { MenuListItem as h } from "../Menu/MenuListItem.js";
 import "../Button/Button.js";
 import "react-dom";
@@ -12,7 +13,7 @@ import { BackButton as j } from "./BackButton.js";
 import { LogoutButton as k } from "./LogoutButton.js";
 import "../Snackbar/useSnackbar.js";
 import { GlobalMenuBase as a, GlobalMenuHeader as B, GlobalMenuFooter as M } from "./GlobalMenuBase.js";
-const L = ({
+const N = ({
   accountMenu: t,
   menu: i,
   backLabel: b = "Back",
@@ -20,7 +21,7 @@ const L = ({
   onSelectAccount: g,
   onClose: l,
   logoutButton: s,
-  ariaLabel: m = "Menu"
+  ariaLabel: c = "Menu"
 }) => {
   const [A, v] = G(!1), n = () => {
     v((o) => !o);
@@ -39,7 +40,7 @@ const L = ({
     })) : void 0
   })), [i, l]);
   if (A)
-    return /* @__PURE__ */ c(a, { "aria-label": m, children: [
+    return /* @__PURE__ */ m(a, { "aria-label": c, children: [
       /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r(j, { onClick: n, label: b }) }),
       /* @__PURE__ */ r(h, { as: "div", role: "separator" }),
       t && /* @__PURE__ */ r(
@@ -53,8 +54,8 @@ const L = ({
     ] });
   if (e) {
     const o = t && t?.items?.length > 1;
-    return /* @__PURE__ */ c(a, { "aria-label": m, color: e?.type, children: [
-      e && /* @__PURE__ */ c(C, { children: [
+    return /* @__PURE__ */ m(a, { "aria-label": c, color: e?.type, children: [
+      e && /* @__PURE__ */ m(C, { children: [
         /* @__PURE__ */ r(
           y,
           {
@@ -70,11 +71,11 @@ const L = ({
       s && /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(k, { ...s }) })
     ] });
   }
-  return /* @__PURE__ */ c(a, { "aria-label": m, children: [
+  return /* @__PURE__ */ m(a, { "aria-label": c, children: [
     i && /* @__PURE__ */ r(f, { ...i, items: p }),
     s && /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(k, { ...s }) })
   ] });
 };
 export {
-  L as GlobalMenu_old
+  N as GlobalMenu_old
 };

package/dist/components/GlobalMenu_old/GlobalMenuButton.js

@@ -3,7 +3,8 @@ import { c as l } from "../../index-p1eeF8LQ.js";
 import { Badge as _ } from "../Badge/Badge.js";
 import { Avatar as f } from "../Avatar/Avatar.js";
 import "react";
-import { E as N } from "../../Section-xbt3ft20.js";
+import { E as N } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import { Button as u } from "../Button/Button.js";
 import { ButtonIcon as I } from "../Button/ButtonIcon.js";
 import { ButtonLabel as h } from "../Button/ButtonLabel.js";
@@ -18,31 +19,31 @@ import '../../assets/GlobalMenuButton2.css';const v = "_button_1uh95_1", b = "_a
   avatar: k,
   icon: L,
   badge: M
-}, F = ({
+}, H = ({
   className: c,
   as: t = "button",
-  color: s = "company",
-  variant: r = "solid",
-  currentAccount: d,
-  expanded: p,
+  color: r = "company",
+  variant: s = "solid",
+  currentAccount: p,
+  expanded: d,
   label: i = "Menu",
   badge: a,
   ...m
-}) => p ? /* @__PURE__ */ e(u, { ...m, as: t, variant: r, color: s, className: l(n.button, c), children: [
+}) => d ? /* @__PURE__ */ e(u, { ...m, as: t, variant: s, color: r, className: l(n.button, c), children: [
   /* @__PURE__ */ o(h, { children: i }),
   /* @__PURE__ */ o(I, { className: n.closeIcon, icon: /* @__PURE__ */ o(N, { className: n.icon, "aria-label": "Close Icon" }) }),
   a && /* @__PURE__ */ o(_, { ...a, className: n.badge })
-] }) : d ? /* @__PURE__ */ e(u, { ...m, as: t, variant: r, color: s, className: l(n.button, c), children: [
+] }) : p ? /* @__PURE__ */ e(u, { ...m, as: t, variant: s, color: r, className: l(n.button, c), children: [
   /* @__PURE__ */ o(h, { children: i }),
   /* @__PURE__ */ o(
     I,
     {
       className: n.avatarIcon,
-      icon: /* @__PURE__ */ o(f, { ...d?.icon, className: n.avatar })
+      icon: /* @__PURE__ */ o(f, { ...p?.icon, className: n.avatar })
     }
   ),
   a && /* @__PURE__ */ o(_, { ...a, className: n.badge })
-] }) : /* @__PURE__ */ e(u, { ...m, as: t, variant: r, color: s, className: l(n.button, c), children: [
+] }) : /* @__PURE__ */ e(u, { ...m, as: t, variant: s, color: r, className: l(n.button, c), children: [
   /* @__PURE__ */ o(h, { children: i }),
   /* @__PURE__ */ o(
     I,
@@ -54,5 +55,5 @@ import '../../assets/GlobalMenuButton2.css';const v = "_button_1uh95_1", b = "_a
   a && /* @__PURE__ */ o(_, { ...a, className: n.badge })
 ] });
 export {
-  F as GlobalMenuButton_old
+  H as GlobalMenuButton_old
 };

package/dist/components/GlobalMenu_old/LogoutButton.js

@@ -2,12 +2,13 @@ import { jsx as n } from "react/jsx-runtime";
 import { Button as i } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../Section-xbt3ft20.js";
+import "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/LogoutButton.css';const m = "_button_1260s_1", s = {
   button: m
-}, g = ({ label: t = "Logout", children: o, onClick: r }) => /* @__PURE__ */ n(i, { className: s.button, variant: "outline", size: "lg", onClick: r, children: o || t });
+}, _ = ({ label: t = "Logout", children: o, onClick: r }) => /* @__PURE__ */ n(i, { className: s.button, variant: "outline", size: "lg", onClick: r, children: o || t });
 export {
-  g as LogoutButton
+  _ as LogoutButton
 };

package/dist/components/Header/Header.js

@@ -3,7 +3,8 @@ import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { useIsDesktop as H } from "../../hooks/useIsDesktop.js";
-import { x as S } from "../../Section-xbt3ft20.js";
+import { x as S } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import { DropdownBase as k } from "../Dropdown/DropdownBase.js";
 import "../Button/Button.js";
 import "react-dom";
@@ -21,7 +22,7 @@ import '../../assets/Header.css';const N = "_drawer_afyu3_1", g = "_dropdown_afy
   drawer: N,
   dropdown: g,
   relative: j
-}, A = ({
+}, M = ({
   globalMenu: r,
   desktopMenu: w,
   mobileMenu: _,
@@ -96,5 +97,5 @@ import '../../assets/Header.css';const N = "_drawer_afyu3_1", g = "_dropdown_afy
   );
 };
 export {
-  A as Header
+  M as Header
 };

package/dist/components/Header/HeaderBase.js

@@ -1,7 +1,8 @@
-import { jsxs as d, jsx as s } from "react/jsx-runtime";
-import { c as p } from "../../index-p1eeF8LQ.js";
+import { jsxs as d, jsx as p } from "react/jsx-runtime";
+import { c as s } from "../../index-p1eeF8LQ.js";
 import "react";
-import "../../Section-xbt3ft20.js";
+import "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import { Backdrop as m } from "../Dropdown/Backdrop.js";
@@ -9,10 +10,10 @@ import "../Snackbar/useSnackbar.js";
 import '../../assets/HeaderBase.css';const i = "_header_dg4o1_1", n = "_backdrop_dg4o1_17", r = {
   header: i,
   backdrop: n
-}, j = ({ currentId: o, className: e, children: a, open: t, onClose: c }) => /* @__PURE__ */ d("header", { className: p(r.header, e), "data-current-id": o, children: [
-  t && /* @__PURE__ */ s(m, { className: r.backdrop, onClick: c }),
+}, u = ({ currentId: o, className: e, children: a, open: t, onClose: c }) => /* @__PURE__ */ d("header", { className: s(r.header, e), "data-current-id": o, children: [
+  t && /* @__PURE__ */ p(m, { className: r.backdrop, onClick: c }),
   a
 ] });
 export {
-  j as HeaderBase
+  u as HeaderBase
 };

package/dist/components/Header/HeaderButton.js

@@ -1,11 +1,12 @@
-import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import { c } from "../../index-p1eeF8LQ.js";
 import { Avatar as I } from "../Avatar/Avatar.js";
 import { AvatarGroup as b } from "../Avatar/AvatarGroup.js";
 import { Badge as p } from "../Badge/Badge.js";
 import { Button as _ } from "../Button/Button.js";
 import "react";
-import { I as f, E as g } from "../../Section-xbt3ft20.js";
+import { I as f, E as g } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { S as q } from "../../PadlockLocked-XL1IB5Ae.js";
@@ -17,7 +18,7 @@ import '../../assets/HeaderButton.css';const y = "_button_1p2eq_1", v = "_label_
   loginIcon: S,
   closeIcon: k,
   badge: B
-}, F = ({
+}, J = ({
   className: s,
   as: t = "button",
   color: a = "company",
@@ -27,25 +28,25 @@ import '../../assets/HeaderButton.css';const y = "_button_1p2eq_1", v = "_label_
   icon: N = q,
   expanded: h,
   label: r = "Menu",
-  badge: o,
+  badge: n,
   ...m
 }) => h ? /* @__PURE__ */ i(_, { ...m, as: t, variant: l, color: a, className: c(e.button, s), children: [
-  /* @__PURE__ */ n("span", { className: e.label, children: r }),
-  /* @__PURE__ */ n("span", { className: c(e.icon, e.closeIcon), children: /* @__PURE__ */ n(f, { svgElement: g }) }),
-  o && /* @__PURE__ */ n(p, { ...o, className: e.badge })
+  /* @__PURE__ */ o("span", { className: e.label, children: r }),
+  /* @__PURE__ */ o("span", { className: c(e.icon, e.closeIcon), children: /* @__PURE__ */ o(f, { svgElement: g }) }),
+  n && /* @__PURE__ */ o(p, { ...n, className: e.badge })
 ] }) : d ? /* @__PURE__ */ i(_, { ...m, as: t, variant: l, color: a, className: c(e.button, s), children: [
-  /* @__PURE__ */ n("span", { className: e.label, children: r }),
-  /* @__PURE__ */ n(b, { ...d, className: e.avatarGroup }),
-  o && /* @__PURE__ */ n(p, { ...o, className: e.badge })
+  /* @__PURE__ */ o("span", { className: e.label, children: r }),
+  /* @__PURE__ */ o(b, { ...d, className: e.avatarGroup }),
+  n && /* @__PURE__ */ o(p, { ...n, className: e.badge })
 ] }) : u ? /* @__PURE__ */ i(_, { ...m, as: t, variant: l, color: a, className: c(e.button, s), children: [
-  /* @__PURE__ */ n("span", { className: e.label, children: r }),
-  /* @__PURE__ */ n(I, { type: u?.type, name: u?.name, style: { fontSize: "2.25rem" } }),
-  o && /* @__PURE__ */ n(p, { ...o, className: e.badge })
+  /* @__PURE__ */ o("span", { className: e.label, children: r }),
+  /* @__PURE__ */ o(I, { type: u?.type, name: u?.name, style: { fontSize: "2.25rem" } }),
+  n && /* @__PURE__ */ o(p, { ...n, className: e.badge })
 ] }) : /* @__PURE__ */ i(_, { ...m, as: t, variant: l, color: a, className: c(e.button, s), children: [
-  /* @__PURE__ */ n("span", { className: e.label, children: r }),
-  /* @__PURE__ */ n("span", { className: c(e.icon, e.loginIcon), children: /* @__PURE__ */ n(f, { svgElement: N }) }),
-  o && /* @__PURE__ */ n(p, { ...o, className: e.badge })
+  /* @__PURE__ */ o("span", { className: e.label, children: r }),
+  /* @__PURE__ */ o("span", { className: c(e.icon, e.loginIcon), children: /* @__PURE__ */ o(f, { svgElement: N }) }),
+  n && /* @__PURE__ */ o(p, { ...n, className: e.badge })
 ] });
 export {
-  F as HeaderButton
+  J as HeaderButton
 };

package/dist/components/Header/LocaleButton.js

@@ -2,27 +2,28 @@
 import { jsx as t } from "react/jsx-runtime";
 import { c as m } from "../../index-p1eeF8LQ.js";
 import "react";
-import "../../Section-xbt3ft20.js";
-import { Button as s } from "../Button/Button.js";
+import "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
+import { Button as i } from "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { S as i } from "../../Globe-BcPkcH4E.js";
-import '../../assets/LocaleButton.css';const p = "_button_mvy87_1", c = "_expanded_mvy87_13", o = {
-  button: p,
+import { S as p } from "../../Globe-BcPkcH4E.js";
+import '../../assets/LocaleButton.css';const s = "_button_mvy87_1", c = "_expanded_mvy87_13", o = {
+  button: s,
   expanded: c
-}, v = ({ id: e = "language-switcher", expanded: n, onClick: r, onBlurCapture: a }) => /* @__PURE__ */ t(
-  s,
+}, h = ({ id: e = "language-switcher", expanded: r, onClick: n, onBlurCapture: a }) => /* @__PURE__ */ t(
+  i,
   {
-    className: m(o.button, n && o.expanded),
+    className: m(o.button, r && o.expanded),
     rounded: !0,
     size: "lg",
     variant: "ghost",
-    onClick: r,
+    onClick: n,
     "aria-label": `Open ${e}`,
     onBlurCapture: a,
-    children: /* @__PURE__ */ t(i, {})
+    children: /* @__PURE__ */ t(p, {})
   }
 );
 export {
-  v as LocaleButton
+  h as LocaleButton
 };

package/dist/components/Header/LocaleSwitcher.js

@@ -7,12 +7,13 @@ import { DropdownBase as b } from "../Dropdown/DropdownBase.js";
 import "../../index-p1eeF8LQ.js";
 import "react-dom";
 import "../Button/Button.js";
-import { x as C, C as I, r as p } from "../../Section-xbt3ft20.js";
+import { x as C, C as I, r as p } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import { LocaleButton as w } from "./LocaleButton.js";
 import "../Snackbar/useSnackbar.js";
 import { DrawerBase as S } from "../Dropdown/DrawerBase.js";
-const W = ({ title: m = "Select language", options: s, onSelect: a }) => {
-  const c = k(null), i = x(), { currentId: d, toggleId: g, closeAll: n } = C(), o = d === "locale", l = h(() => s.map((e) => ({
+const z = ({ title: m = "Select language", options: s, onSelect: a }) => {
+  const i = k(null), c = x(), { currentId: d, toggleId: g, closeAll: n } = C(), o = d === "locale", l = h(() => s.map((e) => ({
     ...e,
     id: String(e.value),
     tabIndex: 0,
@@ -27,17 +28,17 @@ const W = ({ title: m = "Select language", options: s, onSelect: a }) => {
   return v((e) => {
     if (o) {
       e.preventDefault();
-      const t = c.current?.querySelector('[data-active="true"]');
+      const t = i.current?.querySelector('[data-active="true"]');
       t && (t.tagName === "A" && t.hasAttribute("href") ? t.click() : t.dispatchEvent(new MouseEvent("click", { bubbles: !0 }))), n();
     }
-  }), /* @__PURE__ */ f("div", { ref: c, "data-testid": "locale-switcher", children: [
+  }), /* @__PURE__ */ f("div", { ref: i, "data-testid": "locale-switcher", children: [
     /* @__PURE__ */ r(w, { onClick: () => g("locale"), expanded: o, onBlurCapture: (e) => {
       e?.relatedTarget?.closest('[data-testid="locale-switcher"]') || n();
     } }),
-    o && i && /* @__PURE__ */ r(b, { layout: "desktop", padding: !0, placement: "right", open: !0, children: /* @__PURE__ */ r(p, { groups: u, items: l, keyboardEvents: !1 }) }),
-    o && !i && /* @__PURE__ */ r(S, { open: !0, placement: "bottom", children: /* @__PURE__ */ r(p, { groups: u, items: l, keyboardEvents: !1 }) })
+    o && c && /* @__PURE__ */ r(b, { layout: "desktop", padding: !0, placement: "right", open: !0, children: /* @__PURE__ */ r(p, { groups: u, items: l, keyboardEvents: !1 }) }),
+    o && !c && /* @__PURE__ */ r(S, { open: !0, placement: "bottom", children: /* @__PURE__ */ r(p, { groups: u, items: l, keyboardEvents: !1 }) })
   ] });
 };
 export {
-  W as LocaleSwitcher
+  z as LocaleSwitcher
 };

package/dist/components/Icon/Icon.js

@@ -1,12 +1,13 @@
 import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
-import { I as c, i as n } from "../../Section-xbt3ft20.js";
+import { I as n, i as e } from "../../Section-DvBigBR1.js";
 import "react";
 import "../Skeleton/Skeleton.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 export {
-  c as Icon,
-  n as isIconProps
+  n as Icon,
+  e as isIconProps
 };

package/dist/components/Icon/index.js

@@ -1,4 +1,4 @@
-import { I as c, i as e } from "../../Section-xbt3ft20.js";
+import { I as c, i as e } from "../../Section-DvBigBR1.js";
 import { CheckboxIcon as I } from "./CheckboxIcon.js";
 import { RadioIcon as p } from "./RadioIcon.js";
 import { ProgressIcon as f } from "./ProgressIcon.js";

package/dist/components/Inbox/InboxPage.js

@@ -1,20 +1,21 @@
 import { jsxs as m, jsx as a } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { H as n } from "../../Section-xbt3ft20.js";
+import { H as n } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { Toolbar as c } from "../Toolbar/Toolbar.js";
-import '../../assets/InboxPage.css';const p = "_page_1jajt_1", d = "_nav_1jajt_7", l = "_body_1jajt_22", o = {
-  page: p,
+import { Toolbar as p } from "../Toolbar/Toolbar.js";
+import '../../assets/InboxPage.css';const c = "_page_1jajt_1", d = "_nav_1jajt_7", l = "_body_1jajt_22", o = {
+  page: c,
   nav: d,
   body: l
-}, N = ({ title: s, toolbar: t, sticky: e = !1, controls: i, children: r }) => /* @__PURE__ */ m("div", { className: o.page, children: [
+}, h = ({ title: s, toolbar: t, sticky: e = !1, controls: i, children: r }) => /* @__PURE__ */ m("div", { className: o.page, children: [
   s && /* @__PURE__ */ a(n, { size: "xl", className: o.title, children: s }),
-  /* @__PURE__ */ a("div", { className: o.nav, "data-sticky": e, children: t && /* @__PURE__ */ a(c, { ...t, controls: i }) }),
+  /* @__PURE__ */ a("div", { className: o.nav, "data-sticky": e, children: t && /* @__PURE__ */ a(p, { ...t, controls: i }) }),
   /* @__PURE__ */ a("div", { className: o.body, children: r })
 ] });
 export {
-  N as InboxPage
+  h as InboxPage
 };

package/dist/components/InboxSearch/InboxSearch.js

@@ -1,32 +1,33 @@
-import { jsxs as i, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { jsxs as a, Fragment as m, jsx as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { x as s } from "../../Section-xbt3ft20.js";
+import { x as p } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
-import { Searchbar as p } from "../Searchbar/Searchbar.js";
+import { Searchbar as s } from "../Searchbar/Searchbar.js";
 import "../Snackbar/useSnackbar.js";
 import "react-dom";
 import { Backdrop as x } from "../Dropdown/Backdrop.js";
-const g = ({ search: n }) => {
-  const { currentId: o, toggleId: t, openId: c } = s(), a = () => {
+const F = ({ search: n }) => {
+  const { currentId: o, toggleId: t, openId: c } = p(), i = () => {
     c("inboxSearch");
   }, r = () => {
     t("inboxSearch");
   };
-  return /* @__PURE__ */ i(m, { children: [
+  return /* @__PURE__ */ a(m, { children: [
     o === "inboxSearch" && /* @__PURE__ */ e(x, { onClick: r }),
     /* @__PURE__ */ e(
-      p,
+      s,
       {
         ...n,
         expanded: o === "inboxSearch",
         onClose: r,
-        onFocus: a,
+        onFocus: i,
         useGlobalHeader: !0
       }
     )
   ] });
 };
 export {
-  g as InboxSearch
+  F as InboxSearch
 };

package/dist/components/Item/ItemLabel.js

@@ -1,7 +1,8 @@
 import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { j as e } from "../../Section-xbt3ft20.js";
+import { j as e } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 export {
   e as ItemLabel
 };

package/dist/components/Item/ItemMedia.js

@@ -1,12 +1,13 @@
 import "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
-import { h } from "../../Section-xbt3ft20.js";
+import { h as s } from "../../Section-DvBigBR1.js";
 import "../Avatar/Avatar.js";
 import "../Avatar/AvatarGroup.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 export {
-  h as ItemMedia
+  s as ItemMedia
 };