@altinn/altinn-components 0.52.7 → 0.53.0

package/dist/components/GlobalMenu/LogoutButton.js

@@ -1,14 +1,12 @@
-import { jsx as t } from "react/jsx-runtime";
-import { ButtonBase as r } from "../Button/ButtonBase.js";
-import { ButtonLabel as s } from "../Button/ButtonLabel.js";
+import { jsx as r } from "react/jsx-runtime";
+import { Button as i } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/LogoutButton.css';const i = "_button_1260s_1", a = "_label_1260s_5", o = {
-  button: i,
-  label: a
-}, B = ({ label: l = "Logout", children: e, onClick: n }) => /* @__PURE__ */ t(r, { className: o.button, variant: "outline", size: "lg", onClick: n, children: /* @__PURE__ */ t(s, { className: o.label, size: "lg", children: e || l }) });
+import '../../assets/LogoutButton.css';const s = "_button_1260s_1", u = {
+  button: s
+}, b = ({ label: t = "Logout", children: o, onClick: n }) => /* @__PURE__ */ r(i, { className: u.button, variant: "outline", size: "lg", onClick: n, children: o || t });
 export {
-  B as LogoutButton
+  b as LogoutButton
 };

package/dist/components/GlobalMenu_old/BackButton.js

@@ -1,11 +1,12 @@
 import { jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { MenuItem as i } from "../Menu/MenuItem.js";
 import { S as p } from "../../ArrowUndo-hge1gMu8.js";
-const d = ({ label: o, onClick: r, as: t }) => /* @__PURE__ */ m(i, { size: "sm", id: "back", icon: p, title: o, onClick: r, as: t });
+const k = ({ label: o, onClick: r, as: t }) => /* @__PURE__ */ m(i, { size: "sm", id: "back", icon: p, title: o, onClick: r, as: t });
 export {
-  d as BackButton
+  k as BackButton
 };

package/dist/components/GlobalMenu_old/CurrentAccount.js

@@ -1,17 +1,18 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { MenuItem as m } from "../Menu/MenuItem.js";
 import "../Snackbar/useSnackbar.js";
-const f = ({ account: i, multipleAccounts: r, as: e, onClick: t }) => /* @__PURE__ */ o(
+const g = ({ account: i, multipleAccounts: r, as: t, onClick: e }) => /* @__PURE__ */ o(
   m,
   {
     id: "account",
     size: "lg",
     interactive: !!r,
-    as: r ? e : "div",
-    onClick: t,
+    as: r ? t : "div",
+    onClick: e,
     linkIcon: r,
     icon: i?.icon,
     title: { children: i?.name, size: "sm", weight: "medium" },
@@ -19,5 +20,5 @@ const f = ({ account: i, multipleAccounts: r, as: e, onClick: t }) => /* @__PURE
   }
 );
 export {
-  f as CurrentAccount
+  g as CurrentAccount
 };

package/dist/components/GlobalMenu_old/GlobalMenu.js

@@ -3,6 +3,7 @@ import { jsxs as c, 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 "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { CurrentAccount as y } from "./CurrentAccount.js";
 import { BackButton as j } from "./BackButton.js";
@@ -11,7 +12,7 @@ import { MenuListItem as h } from "../Menu/MenuBase.js";
 import { Menu as k } from "../Menu/Menu.js";
 import "../Snackbar/useSnackbar.js";
 import { GlobalMenuBase as a, GlobalMenuHeader as B, GlobalMenuFooter as b } from "./GlobalMenuBase.js";
-const K = ({
+const L = ({
   accountMenu: t,
   menu: i,
   backLabel: g = "Back",
@@ -19,12 +20,12 @@ const K = ({
   onSelectAccount: A,
   onClose: l,
   logoutButton: s,
-  ariaLabel: n = "Menu"
+  ariaLabel: m = "Menu"
 }) => {
-  const [M, v] = G(!1), m = () => {
+  const [M, v] = G(!1), n = () => {
     v((o) => !o);
   }, u = (o) => {
-    m(), l?.(), A?.(o);
+    n(), l?.(), A?.(o);
   }, p = S(() => (i?.items ?? []).map((o) => ({
     ...o,
     onClick: () => {
@@ -38,14 +39,14 @@ const K = ({
     })) : void 0
   })), [i, l]);
   if (M)
-    return /* @__PURE__ */ c(a, { "aria-label": n, children: [
-      /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r(j, { onClick: m, label: g }) }),
+    return /* @__PURE__ */ c(a, { "aria-label": m, children: [
+      /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r(j, { onClick: n, label: g }) }),
       /* @__PURE__ */ r(h, { as: "div", role: "separator" }),
       t && /* @__PURE__ */ r(x, { ...t, currentAccount: e, onSelectAccount: u })
     ] });
   if (e) {
     const o = t && t?.items?.length > 1;
-    return /* @__PURE__ */ c(a, { "aria-label": n, color: e?.type, children: [
+    return /* @__PURE__ */ c(a, { "aria-label": m, color: e?.type, children: [
       e && /* @__PURE__ */ c(C, { children: [
         /* @__PURE__ */ r(
           y,
@@ -53,7 +54,7 @@ const K = ({
             account: e,
             multipleAccounts: o,
             as: o ? "button" : "div",
-            onClick: o ? m : void 0
+            onClick: o ? n : void 0
           }
         ),
         /* @__PURE__ */ r(h, { as: "div", role: "separator" })
@@ -62,11 +63,11 @@ const K = ({
       s && /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(f, { ...s }) })
     ] });
   }
-  return /* @__PURE__ */ c(a, { "aria-label": n, children: [
+  return /* @__PURE__ */ c(a, { "aria-label": m, children: [
     i && /* @__PURE__ */ r(k, { ...i, items: p }),
     s && /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(f, { ...s }) })
   ] });
 };
 export {
-  K as GlobalMenu_old
+  L as GlobalMenu_old
 };

package/dist/components/GlobalMenu_old/GlobalMenuButton.js

@@ -1,16 +1,16 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import { c as l } from "../../index-p1eeF8LQ.js";
 import { Badge as _ } from "../Badge/Badge.js";
 import "react";
 import { Avatar as f } from "../Avatar/Avatar.js";
-import { ButtonBase as u } from "../Button/ButtonBase.js";
-import { ButtonLabel as I } from "../Button/ButtonLabel.js";
-import { ButtonIcon as h } from "../Button/ButtonIcon.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";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as N } from "../../XMark-tKk6aExO.js";
 import { S as g } from "../../PadlockLocked-XL1IB5Ae.js";
-import '../../assets/GlobalMenuButton.css';const v = "_button_1uh95_1", b = "_avatarIcon_1uh95_19", B = "_loginIcon_1uh95_20", x = "_closeIcon_1uh95_21", S = "_avatar_1uh95_19", k = "_icon_1uh95_44", L = "_badge_1uh95_50", a = {
+import '../../assets/GlobalMenuButton.css';const v = "_button_1uh95_1", b = "_avatarIcon_1uh95_19", B = "_loginIcon_1uh95_20", x = "_closeIcon_1uh95_21", S = "_avatar_1uh95_19", k = "_icon_1uh95_44", L = "_badge_1uh95_50", n = {
   button: v,
   avatarIcon: b,
   loginIcon: B,
@@ -26,32 +26,32 @@ import '../../assets/GlobalMenuButton.css';const v = "_button_1uh95_1", b = "_av
   currentAccount: d,
   expanded: p,
   label: i = "Menu",
-  badge: n,
-  ...e
-}) => p ? /* @__PURE__ */ m(u, { ...e, as: t, variant: r, color: s, className: l(a.button, c), children: [
-  /* @__PURE__ */ o(I, { children: i }),
-  /* @__PURE__ */ o(h, { className: a.closeIcon, icon: /* @__PURE__ */ o(N, { className: a.icon, "aria-label": "Close Icon" }) }),
-  n && /* @__PURE__ */ o(_, { ...n, className: a.badge })
-] }) : d ? /* @__PURE__ */ m(u, { ...e, as: t, variant: r, color: s, className: l(a.button, c), children: [
-  /* @__PURE__ */ o(I, { children: i }),
+  badge: a,
+  ...m
+}) => p ? /* @__PURE__ */ e(u, { ...m, as: t, variant: r, color: s, 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: [
+  /* @__PURE__ */ o(h, { children: i }),
   /* @__PURE__ */ o(
-    h,
+    I,
     {
-      className: a.avatarIcon,
-      icon: /* @__PURE__ */ o(f, { ...d?.icon, className: a.avatar })
+      className: n.avatarIcon,
+      icon: /* @__PURE__ */ o(f, { ...d?.icon, className: n.avatar })
     }
   ),
-  n && /* @__PURE__ */ o(_, { ...n, className: a.badge })
-] }) : /* @__PURE__ */ m(u, { ...e, as: t, variant: r, color: s, className: l(a.button, c), children: [
-  /* @__PURE__ */ o(I, { children: i }),
+  a && /* @__PURE__ */ o(_, { ...a, className: n.badge })
+] }) : /* @__PURE__ */ e(u, { ...m, as: t, variant: r, color: s, className: l(n.button, c), children: [
+  /* @__PURE__ */ o(h, { children: i }),
   /* @__PURE__ */ o(
-    h,
+    I,
     {
-      className: a.loginIcon,
-      icon: /* @__PURE__ */ o(g, { className: a.icon, "aria-label": "Login Icon" })
+      className: n.loginIcon,
+      icon: /* @__PURE__ */ o(g, { className: n.icon, "aria-label": "Login Icon" })
     }
   ),
-  n && /* @__PURE__ */ o(_, { ...n, className: a.badge })
+  a && /* @__PURE__ */ o(_, { ...a, className: n.badge })
 ] });
 export {
   F as GlobalMenuButton_old

package/dist/components/GlobalMenu_old/LogoutButton.js

@@ -1,14 +1,12 @@
-import { jsx as t } from "react/jsx-runtime";
-import { ButtonBase as r } from "../Button/ButtonBase.js";
-import { ButtonLabel as s } from "../Button/ButtonLabel.js";
+import { jsx as r } from "react/jsx-runtime";
+import { Button as i } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/LogoutButton.css';const i = "_button_1260s_1", a = "_label_1260s_5", o = {
-  button: i,
-  label: a
-}, B = ({ label: l = "Logout", children: e, onClick: n }) => /* @__PURE__ */ t(r, { className: o.button, variant: "outline", size: "lg", onClick: n, children: /* @__PURE__ */ t(s, { className: o.label, size: "lg", children: e || l }) });
+import '../../assets/LogoutButton.css';const s = "_button_1260s_1", u = {
+  button: s
+}, b = ({ label: t = "Logout", children: o, onClick: n }) => /* @__PURE__ */ r(i, { className: u.button, variant: "outline", size: "lg", onClick: n, children: o || t });
 export {
-  B as LogoutButton
+  b as LogoutButton
 };

package/dist/components/Header/Header.js

@@ -3,6 +3,7 @@ import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { useIsDesktop as H } from "../../hooks/useIsDesktop.js";
+import "../Button/Button.js";
 import { useRootContext as S } from "../RootProvider/RootProvider.js";
 import { DropdownBase as k } from "../Dropdown/DropdownBase.js";
 import { DrawerBase as B } from "../Dropdown/DrawerBase.js";
@@ -19,7 +20,7 @@ import '../../assets/Header.css';const N = "_drawer_afyu3_1", g = "_dropdown_afy
   drawer: N,
   dropdown: g,
   relative: j
-}, $ = ({
+}, b = ({
   globalMenu: r,
   desktopMenu: w,
   mobileMenu: _,
@@ -94,5 +95,5 @@ import '../../assets/Header.css';const N = "_drawer_afyu3_1", g = "_dropdown_afy
   );
 };
 export {
-  $ as Header
+  b as Header
 };

package/dist/components/Header/HeaderBase.js

@@ -1,16 +1,17 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { jsxs as t, jsx as s } from "react/jsx-runtime";
 import { c as p } from "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { Backdrop as m } from "../Dropdown/Backdrop.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/HeaderBase.css';const i = "_header_dg4o1_1", n = "_backdrop_dg4o1_17", r = {
   header: i,
   backdrop: n
-}, f = ({ currentId: o, className: e, children: a, open: c, onClose: d }) => /* @__PURE__ */ s("header", { className: p(r.header, e), "data-current-id": o, children: [
-  c && /* @__PURE__ */ t(m, { className: r.backdrop, onClick: d }),
+}, g = ({ currentId: o, className: e, children: a, open: c, onClose: d }) => /* @__PURE__ */ t("header", { className: p(r.header, e), "data-current-id": o, children: [
+  c && /* @__PURE__ */ s(m, { className: r.backdrop, onClick: d }),
   a
 ] });
 export {
-  f as HeaderBase
+  g as HeaderBase
 };

package/dist/components/Header/HeaderButton.js

@@ -1,23 +1,23 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { c } from "../../index-p1eeF8LQ.js";
 import { Avatar as b } from "../Avatar/Avatar.js";
 import { AvatarGroup as g } from "../Avatar/AvatarGroup.js";
 import { Badge as p } from "../Badge/Badge.js";
-import { ButtonBase as _ } from "../Button/ButtonBase.js";
+import { Button as _ } from "../Button/Button.js";
 import "react";
 import { Icon as f } from "../Icon/Icon.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as I } from "../../XMark-tKk6aExO.js";
 import { S as q } from "../../PadlockLocked-XL1IB5Ae.js";
-import '../../assets/HeaderButton.css';const y = "_button_1p2eq_1", S = "_label_1p2eq_12", v = "_icon_1p2eq_18", x = "_avatarGroup_1p2eq_28", B = "_loginIcon_1p2eq_37", G = "_closeIcon_1p2eq_42", k = "_badge_1p2eq_46", e = {
+import '../../assets/HeaderButton.css';const y = "_button_1p2eq_1", S = "_label_1p2eq_12", v = "_icon_1p2eq_18", x = "_avatarGroup_1p2eq_28", G = "_loginIcon_1p2eq_37", k = "_closeIcon_1p2eq_42", B = "_badge_1p2eq_46", o = {
   button: y,
   label: S,
   icon: v,
   avatarGroup: x,
-  loginIcon: B,
-  closeIcon: G,
-  badge: k
+  loginIcon: G,
+  closeIcon: k,
+  badge: B
 }, J = ({
   className: s,
   as: t = "button",
@@ -30,22 +30,22 @@ import '../../assets/HeaderButton.css';const y = "_button_1p2eq_1", S = "_label_
   label: r = "Menu",
   badge: n,
   ...m
-}) => h ? /* @__PURE__ */ i(_, { ...m, as: t, variant: l, color: a, className: c(e.button, s), children: [
-  /* @__PURE__ */ o("span", { className: e.label, children: r }),
-  /* @__PURE__ */ o("span", { className: c(e.icon, e.closeIcon), children: /* @__PURE__ */ o(f, { svgElement: I }) }),
-  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__ */ o("span", { className: e.label, children: r }),
-  /* @__PURE__ */ o(g, { ...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__ */ o("span", { className: e.label, children: r }),
-  /* @__PURE__ */ o(b, { 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__ */ 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 })
+}) => h ? /* @__PURE__ */ i(_, { ...m, as: t, variant: l, color: a, className: c(o.button, s), children: [
+  /* @__PURE__ */ e("span", { className: o.label, children: r }),
+  /* @__PURE__ */ e("span", { className: c(o.icon, o.closeIcon), children: /* @__PURE__ */ e(f, { svgElement: I }) }),
+  n && /* @__PURE__ */ e(p, { ...n, className: o.badge })
+] }) : d ? /* @__PURE__ */ i(_, { ...m, as: t, variant: l, color: a, className: c(o.button, s), children: [
+  /* @__PURE__ */ e("span", { className: o.label, children: r }),
+  /* @__PURE__ */ e(g, { ...d, className: o.avatarGroup }),
+  n && /* @__PURE__ */ e(p, { ...n, className: o.badge })
+] }) : u ? /* @__PURE__ */ i(_, { ...m, as: t, variant: l, color: a, className: c(o.button, s), children: [
+  /* @__PURE__ */ e("span", { className: o.label, children: r }),
+  /* @__PURE__ */ e(b, { type: u?.type, name: u?.name, style: { fontSize: "2.25rem" } }),
+  n && /* @__PURE__ */ e(p, { ...n, className: o.badge })
+] }) : /* @__PURE__ */ i(_, { ...m, as: t, variant: l, color: a, className: c(o.button, s), children: [
+  /* @__PURE__ */ e("span", { className: o.label, children: r }),
+  /* @__PURE__ */ e("span", { className: c(o.icon, o.loginIcon), children: /* @__PURE__ */ e(f, { svgElement: N }) }),
+  n && /* @__PURE__ */ e(p, { ...n, className: o.badge })
 ] });
 export {
   J as HeaderButton

package/dist/components/Header/HeaderLogo.js

@@ -1,21 +1,17 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { c as a } from "../../index-p1eeF8LQ.js";
-import { Badge as c } from "../Badge/Badge.js";
-import { ButtonBase as n } from "../Button/ButtonBase.js";
-import "react";
-import "../RootProvider/RootProvider.js";
-import { DigdirLogomark as p } from "./DigdirLogomark.js";
-import "../Snackbar/useSnackbar.js";
-import '../../assets/HeaderLogo.css';const _ = "_logo_mt7vd_1", x = "_symbol_mt7vd_8", d = "_text_mt7vd_26", t = {
-  logo: _,
-  symbol: x,
-  text: d
-}, j = ({ className: s, as: r = "a", title: e = "Altinn", href: l = "/", badge: m }) => /* @__PURE__ */ i(n, { as: r, className: a(t.logo, s), href: l, children: [
-  /* @__PURE__ */ o(p, { className: t.symbol }),
-  /* @__PURE__ */ o("span", { className: t.text, children: e }),
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { c } from "../../index-p1eeF8LQ.js";
+import { Badge as i } from "../Badge/Badge.js";
+import { DigdirLogomark as _ } from "./DigdirLogomark.js";
+import '../../assets/HeaderLogo.css';const g = "_logo_mt7vd_1", p = "_symbol_mt7vd_8", x = "_text_mt7vd_26", t = {
+  logo: g,
+  symbol: p,
+  text: x
+}, h = ({ className: m, as: n = "a", title: r = "Altinn", href: e = "/", onClick: l, badge: s }) => /* @__PURE__ */ a(n, { variant: "ghost", className: c(t.logo, m), href: e, onClick: l, children: [
+  /* @__PURE__ */ o(_, { className: t.symbol }),
+  /* @__PURE__ */ o("span", { className: t.text, children: r }),
   " ",
-  m && /* @__PURE__ */ o(c, { ...m })
+  s && /* @__PURE__ */ o(i, { ...s })
 ] });
 export {
-  j as HeaderLogo
+  h as HeaderLogo
 };

package/dist/components/Header/LocaleButton.js

@@ -1,25 +1,25 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import "../../index-p1eeF8LQ.js";
+import { jsx as t } from "react/jsx-runtime";
+import { c as s } from "../../index-p1eeF8LQ.js";
 import "react";
-import { IconButton as r } from "../Button/IconButton.js";
+import { Button as m } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as m } from "../../Globe-BcPkcH4E.js";
-import '../../assets/LocaleButton.css';const s = "_button_utwi0_1", c = {
-  button: s
-}, f = ({ id: t = "language-switcher", expanded: o, onClick: e, onBlurCapture: n }) => /* @__PURE__ */ i(
-  r,
+import { S as i } from "../../Globe-BcPkcH4E.js";
+import '../../assets/LocaleButton.css';const p = "_button_mvy87_1", c = "_expanded_mvy87_13", o = {
+  button: p,
+  expanded: c
+}, f = ({ id: e = "language-switcher", expanded: n, onClick: r, onBlurCapture: a }) => /* @__PURE__ */ t(
+  m,
   {
-    className: c.button,
-    size: "md",
-    icon: m,
-    iconSize: "md",
-    variant: "text",
-    selected: o,
-    onClick: e,
-    iconAltText: `Open ${t}`,
-    onBlurCapture: n
+    className: s(o.button, n && o.expanded),
+    rounded: !0,
+    size: "lg",
+    variant: "ghost",
+    onClick: r,
+    "aria-label": `Open ${e}`,
+    onBlurCapture: a,
+    children: /* @__PURE__ */ t(i, {})
   }
 );
 export {

package/dist/components/Header/LocaleSwitcher.js

@@ -6,13 +6,14 @@ import { useIsDesktop as b } from "../../hooks/useIsDesktop.js";
 import { DropdownBase as x } from "../Dropdown/DropdownBase.js";
 import "../../index-p1eeF8LQ.js";
 import { DrawerBase as I } from "../Dropdown/DrawerBase.js";
+import "../Button/Button.js";
 import { useRootContext as S } from "../RootProvider/RootProvider.js";
 import { MenuItems as p } from "../Menu/MenuItems.js";
 import { LocaleButton as w } from "./LocaleButton.js";
 import "../Snackbar/useSnackbar.js";
 import { S as C } from "../../Checkmark-Byz_C9x4.js";
-const W = ({ title: m = "Select language", options: s, onSelect: a }) => {
-  const c = k(null), i = b(), { currentId: d, toggleId: g, closeAll: n } = S(), o = d === "locale", l = h(() => s.map((e) => ({
+const z = ({ title: m = "Select language", options: s, onSelect: a }) => {
+  const i = k(null), c = b(), { currentId: d, toggleId: g, closeAll: n } = S(), o = d === "locale", l = h(() => s.map((e) => ({
     ...e,
     id: String(e.value),
     tabIndex: -1,
@@ -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(x, { layout: "desktop", padding: !0, placement: "right", open: !0, children: /* @__PURE__ */ r(p, { groups: u, items: l, keyboardEvents: !0 }) }),
-    o && !i && /* @__PURE__ */ r(I, { open: !0, placement: "bottom", children: /* @__PURE__ */ r(p, { groups: u, items: l, keyboardEvents: !0 }) })
+    o && c && /* @__PURE__ */ r(x, { layout: "desktop", padding: !0, placement: "right", open: !0, children: /* @__PURE__ */ r(p, { groups: u, items: l, keyboardEvents: !0 }) }),
+    o && !c && /* @__PURE__ */ r(I, { open: !0, placement: "bottom", children: /* @__PURE__ */ r(p, { groups: u, items: l, keyboardEvents: !0 }) })
   ] });
 };
 export {
-  W as LocaleSwitcher
+  z as LocaleSwitcher
 };

package/dist/components/Icon/Icon.js

@@ -1,7 +1,8 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { c as n } from "../../index-p1eeF8LQ.js";
+import { c } from "../../index-p1eeF8LQ.js";
 import "react";
 import { Skeleton as h } from "../Skeleton/Skeleton.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/Icon.css';const _ = "_icon_1y3dz_1", g = "_shape_1y3dz_9", v = "_svg_1y3dz_14", N = "_image_1y3dz_15", a = {
@@ -9,24 +10,24 @@ import '../../assets/Icon.css';const _ = "_icon_1y3dz_1", g = "_shape_1y3dz_9",
   shape: g,
   svg: v,
   image: N
-}, b = (s) => typeof s == "object" && s !== null && ("svgElement" in s || "iconUrl" in s), I = ({
+}, I = (s) => typeof s == "object" && s !== null && ("svgElement" in s || "iconUrl" in s), k = ({
   loading: s,
-  altText: t,
+  altText: n,
   svgElement: r,
   size: i,
   color: o,
   theme: m,
   iconUrl: p,
-  className: c,
+  className: t,
   style: l
-}) => r ? /* @__PURE__ */ e("span", { "data-size": i, "data-color": o, "data-theme": m, className: n(a.icon, c), style: l, children: /* @__PURE__ */ d(h, { loading: s, variant: "circle", className: a.shape, children: [
+}) => r ? /* @__PURE__ */ e("span", { "data-size": i, "data-color": o, "data-theme": m, className: c(a.icon, t), style: l, children: /* @__PURE__ */ d(h, { loading: s, variant: "circle", className: a.shape, children: [
   /* @__PURE__ */ e("span", { className: a.shape }),
-  /* @__PURE__ */ e(r, { "aria-hidden": "true", "alt-label": t, className: a.svg })
-] }) }) : p ? /* @__PURE__ */ e("span", { "data-size": i, "data-color": o, "data-theme": m, className: n(a.icon, c), style: l, children: /* @__PURE__ */ d(h, { loading: s, variant: "circle", className: a.shape, children: [
+  /* @__PURE__ */ e(r, { "aria-hidden": "true", "alt-label": n, className: a.svg })
+] }) }) : p ? /* @__PURE__ */ e("span", { "data-size": i, "data-color": o, "data-theme": m, className: c(a.icon, t), style: l, children: /* @__PURE__ */ d(h, { loading: s, variant: "circle", className: a.shape, children: [
   /* @__PURE__ */ e("span", { className: a.shape }),
-  /* @__PURE__ */ e("img", { src: p, alt: t, className: a.image })
-] }) }) : /* @__PURE__ */ e("span", { className: n(a.icon, c) });
+  /* @__PURE__ */ e("img", { src: p, alt: n, className: a.image })
+] }) }) : /* @__PURE__ */ e("span", { className: c(a.icon, t) });
 export {
-  I as Icon,
-  b as isIconProps
+  k as Icon,
+  I as isIconProps
 };

package/dist/components/Icon/IconOrAvatar.js

@@ -1,32 +1,33 @@
-import { jsx as e } from "react/jsx-runtime";
-import { isValidElement as f } from "react";
+import { jsx as o } from "react/jsx-runtime";
+import { isValidElement as p } from "react";
 import "../../index-p1eeF8LQ.js";
-import { Icon as a } from "./Icon.js";
-import { Avatar as p } from "../Avatar/Avatar.js";
+import { Icon as n } from "./Icon.js";
+import { Avatar as f } from "../Avatar/Avatar.js";
 import { AvatarGroup as c } from "../Avatar/AvatarGroup.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as l } from "../../XMark-tKk6aExO.js";
-import '../../assets/IconOrAvatar.css';const u = "_icon_1ez59_1", _ = "_avatar_1ez59_2", v = "_avatarGroup_1ez59_6", o = {
+import '../../assets/IconOrAvatar.css';const u = "_icon_1ez59_1", _ = "_avatar_1ez59_2", v = "_avatarGroup_1ez59_6", e = {
   icon: u,
   avatar: _,
   avatarGroup: v
 };
 function g(r) {
-  return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || f(r);
+  return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || p(r);
 }
-const N = (r) => r.svgElement !== void 0 || r.iconUrl !== void 0, x = ({ loading: r, size: i, icon: t, iconTheme: m, avatar: s, avatarGroup: n }) => {
-  if (!t && !s && !n)
+const N = (r) => r.svgElement !== void 0 || r.iconUrl !== void 0, S = ({ loading: r, size: i, icon: t, iconTheme: a, avatar: s, avatarGroup: m }) => {
+  if (!t && !s && !m)
     return null;
   if (r)
-    return /* @__PURE__ */ e(a, { className: o.icon, svgElement: l, loading: !0 });
+    return /* @__PURE__ */ o(n, { className: e.icon, svgElement: l, loading: !0 });
   if (t)
-    return N(t) ? /* @__PURE__ */ e(a, { className: o.icon, theme: t.theme || m, ...t }) : g(t) ? t : /* @__PURE__ */ e(a, { className: o.icon, svgElement: t, theme: m });
+    return N(t) ? /* @__PURE__ */ o(n, { className: e.icon, theme: t.theme || a, ...t }) : g(t) ? t : /* @__PURE__ */ o(n, { className: e.icon, svgElement: t, theme: a });
   if (s)
-    return /* @__PURE__ */ e(p, { ...s, size: s.size || i, className: o.avatar });
-  if (n)
-    return /* @__PURE__ */ e(c, { ...n, className: o.avatarGroup });
+    return /* @__PURE__ */ o(f, { ...s, size: s.size || i, className: e.avatar });
+  if (m)
+    return /* @__PURE__ */ o(c, { ...m, className: e.avatarGroup });
 };
 export {
-  x as IconOrAvatar
+  S as IconOrAvatar
 };

package/dist/components/InboxSearch/InboxSearch.js

@@ -1,20 +1,21 @@
-import { jsxs as i, Fragment as s, jsx as e } from "react/jsx-runtime";
+import { jsxs as i, Fragment as m, jsx as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { useRootContext as m } from "../RootProvider/RootProvider.js";
-import { Searchbar as x } from "../Searchbar/Searchbar.js";
+import "../Button/Button.js";
+import { useRootContext as s } from "../RootProvider/RootProvider.js";
+import { Searchbar as p } from "../Searchbar/Searchbar.js";
 import "../Snackbar/useSnackbar.js";
-import { Backdrop as p } from "../Dropdown/Backdrop.js";
-const f = ({ search: n }) => {
-  const { currentId: o, toggleId: t, openId: c } = m(), a = () => {
+import { Backdrop as x } from "../Dropdown/Backdrop.js";
+const C = ({ search: n }) => {
+  const { currentId: o, toggleId: t, openId: c } = s(), a = () => {
     c("inboxSearch");
   }, r = () => {
     t("inboxSearch");
   };
-  return /* @__PURE__ */ i(s, { children: [
-    o === "inboxSearch" && /* @__PURE__ */ e(p, { onClick: r }),
+  return /* @__PURE__ */ i(m, { children: [
+    o === "inboxSearch" && /* @__PURE__ */ e(x, { onClick: r }),
     /* @__PURE__ */ e(
-      x,
+      p,
       {
         ...n,
         expanded: o === "inboxSearch",
@@ -26,5 +27,5 @@ const f = ({ search: n }) => {
   ] });
 };
 export {
-  f as InboxSearch
+  C as InboxSearch
 };