@altinn/altinn-components 0.52.7 → 0.53.1

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

package/dist/components/Layout/Layout.js

@@ -8,28 +8,29 @@ import { Footer as d } from "../Footer/Footer.js";
 import { GlobalHeader as a } from "../GlobalHeader/GlobalHeader.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import { useRootContext as S } from "../RootProvider/RootProvider.js";
 import { Menu as j } from "../Menu/Menu.js";
 import { Header as B } from "../Header/Header.js";
 import "../Snackbar/useSnackbar.js";
 import { InboxSearch as C } from "../InboxSearch/InboxSearch.js";
 import { SkipLink as F } from "../SkipLink/SkipLink.js";
-const N = ({
+const O = ({
   color: f,
   theme: u = "subtle",
   header: t,
-  footer: i,
+  footer: c,
   sidebar: o,
   content: l = {},
   children: h,
-  skipLink: e,
+  skipLink: p,
   useGlobalHeader: n = !1
 }) => {
-  const { currentId: c } = S(), p = t && "search" in t ? t.search : void 0;
-  return /* @__PURE__ */ m(s, { color: f, theme: c === "accountFullscreen" ? "default" : u, currentId: c, children: [
-    e && /* @__PURE__ */ r(F, { ...e }),
+  const { currentId: i } = S(), e = t && "search" in t ? t.search : void 0;
+  return /* @__PURE__ */ m(s, { color: f, theme: i === "accountFullscreen" ? "default" : u, currentId: i, children: [
+    p && /* @__PURE__ */ r(F, { ...p }),
     t && (n ? /* @__PURE__ */ r(a, { ...t }) : /* @__PURE__ */ r(B, { ...t })),
-    /* @__PURE__ */ m(y, { currentId: c, children: [
+    /* @__PURE__ */ m(y, { currentId: i, children: [
       o && /* @__PURE__ */ m(
         L,
         {
@@ -44,13 +45,13 @@ const N = ({
         }
       ),
       /* @__PURE__ */ m(x, { color: l?.color, id: "main-content", children: [
-        n && p && /* @__PURE__ */ r(C, { search: p }),
+        n && e && /* @__PURE__ */ r(C, { search: e }),
         h
       ] })
     ] }),
-    i && /* @__PURE__ */ r(d, { ...i })
+    c && /* @__PURE__ */ r(d, { ...c })
   ] });
 };
 export {
-  N as Layout
+  O as Layout
 };

package/dist/components/LayoutAction/ActionHeader.js

@@ -1,37 +1,37 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { Heading as c } from "../Typography/Heading.js";
-import { IconButton as l } from "../Button/IconButton.js";
+import { Heading as n } from "../Typography/Heading.js";
+import { Button as c } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as h } from "../../XMark-tKk6aExO.js";
-import '../../assets/ActionHeader.css';const p = "_header_f05a9_1", _ = "_title_f05a9_38", f = "_dismiss_f05a9_44", s = {
-  header: p,
-  title: _,
-  dismiss: f
-}, C = ({
-  color: t,
+import '../../assets/ActionHeader.css';const f = "_header_f05a9_1", p = "_title_f05a9_38", _ = "_dismiss_f05a9_44", t = {
+  header: f,
+  title: p,
+  dismiss: _
+}, y = ({
+  color: s,
   theme: i,
   hidden: a = !1,
   title: r,
   dismissable: o = !0,
   dismissIconAltText: m = "Close",
   onDismiss: d
-}) => /* @__PURE__ */ n("header", { className: s.header, "aria-hidden": a, "data-color": t, "data-theme": i, children: [
-  /* @__PURE__ */ e(c, { size: "sm", className: s.title, children: r }),
+}) => /* @__PURE__ */ l("header", { className: t.header, "aria-hidden": a, "data-color": s, "data-theme": i, children: [
+  /* @__PURE__ */ e(n, { size: "sm", className: t.title, children: r }),
   o && /* @__PURE__ */ e(
-    l,
+    c,
     {
-      icon: h,
-      color: t,
-      variant: "solid",
+      color: s,
+      variant: "outline",
       onClick: d,
-      className: s.dismiss,
-      iconAltText: m
+      className: t.dismiss,
+      "aria-label": m,
+      children: /* @__PURE__ */ e(h, { style: { fontSize: "1.5em" } })
     }
   )
 ] });
 export {
-  C as ActionHeader
+  y as ActionHeader
 };

package/dist/components/LayoutAction/LayoutAction.js

@@ -1,13 +1,14 @@
 import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { LayoutBase as s } from "../Layout/LayoutBase.js";
 import { ActionHeader as f } from "./ActionHeader.js";
 import { ActionFooter as u } from "./ActionFooter.js";
 import "../Snackbar/useSnackbar.js";
 import { PageMenu as x } from "../Page/PageMenu.js";
-const F = ({
+const H = ({
   color: r = "company",
   theme: t = "base",
   hidden: i,
@@ -32,5 +33,5 @@ const F = ({
   /* @__PURE__ */ o(u, { hidden: i, children: m && /* @__PURE__ */ o(x, { ...m, theme: t, color: r }) })
 ] });
 export {
-  F as LayoutAction
+  H as LayoutAction
 };

package/dist/components/List/List.js

@@ -1,13 +1,14 @@
 import { jsx as l } from "react/jsx-runtime";
 import { createElement as c } from "react";
 import { c as p } from "../../index-p1eeF8LQ.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { ListItem as n } from "./ListItem.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as a } from "../Page/Flex.js";
 import '../../assets/List.css';const f = "_list_14rag_1", x = {
   list: f
-}, j = ({ children: r, className: o, spacing: i, items: m = [], ...s }) => /* @__PURE__ */ l(a, { direction: "col", as: "ul", spacing: i, className: p(x.list, o), ...s, children: r || m.map((t, e) => /* @__PURE__ */ c(n, { ...t, key: `item-${t.id ?? e}` })) });
+}, k = ({ children: r, className: o, spacing: i, items: m = [], ...s }) => /* @__PURE__ */ l(a, { direction: "col", as: "ul", spacing: i, className: p(x.list, o), ...s, children: r || m.map((t, e) => /* @__PURE__ */ c(n, { ...t, key: `item-${t.id ?? e}` })) });
 export {
-  j as List
+  k as List
 };

package/dist/components/List/ListBase.js

@@ -1,10 +1,11 @@
 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 { Flex as p } from "../Page/Flex.js";
-const f = ({ size: o, spacing: r = 2, children: t, ...i }) => /* @__PURE__ */ m(p, { direction: "col", spacing: r, size: o, as: "ul", ...i, children: t });
+const u = ({ size: o, spacing: r = 2, children: t, ...i }) => /* @__PURE__ */ m(p, { direction: "col", spacing: r, size: o, as: "ul", ...i, children: t });
 export {
-  f as List
+  u as List
 };

package/dist/components/List/ListItemHeader.js

@@ -3,6 +3,7 @@ import { c as w } from "../../index-p1eeF8LQ.js";
 import { useId as z, isValidElement as A } from "react";
 import { Badge as D } from "../Badge/Badge.js";
 import { Icon as H } from "../Icon/Icon.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { ListItemLink as R } from "./ListItemLink.js";
 import { ListItemLabel as U } from "./ListItemLabel.js";
@@ -41,13 +42,13 @@ import '../../assets/ListItemHeader.css';const O = "_header_29hv7_1", P = "_labe
   icon: y,
   active: d,
   badge: e,
-  controls: _,
+  controls: p,
   className: F,
   children: j,
-  ariaLabel: p,
+  ariaLabel: _,
   ariaControlsId: x
 }) => {
-  const v = c ? l ? J : K : u ? M : void 0, g = () => e && !s && typeof e == "object" && "label" in e ? /* @__PURE__ */ t(D, { ...e, className: o.badge }) : A(e) ? e : null, B = p !== void 0 ? p : typeof n == "string" ? n : void 0, E = z();
+  const v = c ? l ? J : K : u ? M : void 0, g = () => e && !s && typeof e == "object" && "label" in e ? /* @__PURE__ */ t(D, { ...e, className: o.badge }) : A(e) ? e : null, B = _ !== void 0 ? _ : typeof n == "string" ? n : void 0, E = z();
   return /* @__PURE__ */ i(
     "div",
     {
@@ -95,7 +96,7 @@ import '../../assets/ListItemHeader.css';const O = "_header_29hv7_1", P = "_labe
           }
         ),
         /* @__PURE__ */ i(q, { className: o.controls, children: [
-          _ && !s && /* @__PURE__ */ t("span", { className: o.customControls, children: _ }),
+          p && !s && /* @__PURE__ */ t("span", { className: o.customControls, children: p }),
           g(),
           v && !r && /* @__PURE__ */ t("span", { className: o.linkIcon, children: /* @__PURE__ */ t(
             H,

package/dist/components/List/ListItemIcon.js

@@ -5,6 +5,7 @@ import { Icon as s, isIconProps as v } from "../Icon/Icon.js";
 import "../../index-p1eeF8LQ.js";
 import { isAvatarProps as l, Avatar as f } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as _, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as N } from "../../XMark-tKk6aExO.js";
@@ -17,10 +18,10 @@ import '../../assets/ListItemIcon.css';const d = "_wrapper_rcjve_1", g = "_icon_
 function w(a) {
   return typeof a == "string" || typeof a == "number" || typeof a == "boolean" || a === null || n(a);
 }
-const z = ({ loading: a, size: m, icon: r, theme: e, badge: p }) => r ? a ? /* @__PURE__ */ o(s, { className: t.wrapper, svgElement: N, loading: !0 }) : /* @__PURE__ */ i("div", { className: t.wrapper, "data-size": m, children: [
+const B = ({ loading: a, size: m, icon: r, theme: e, badge: p }) => r ? a ? /* @__PURE__ */ o(s, { className: t.wrapper, svgElement: N, loading: !0 }) : /* @__PURE__ */ i("div", { className: t.wrapper, "data-size": m, children: [
   l(r) && /* @__PURE__ */ o(f, { ...r, className: t.avatar }) || _(r) && /* @__PURE__ */ o(u, { ...r, className: t.avatarGroup }) || v(r) && /* @__PURE__ */ o(s, { ...r, theme: r.theme || e, className: t.icon }) || w(r) && r || /* @__PURE__ */ o(s, { theme: e, svgElement: r, className: t.icon }),
   p && /* @__PURE__ */ o(c, { ...p, className: t.badge })
 ] }) : null;
 export {
-  z as ListItemIcon
+  B as ListItemIcon
 };

package/dist/components/List/ListItemLabel.js

@@ -1,7 +1,8 @@
-import { jsx as n, jsxs as P, Fragment as x } from "react/jsx-runtime";
+import { jsx as t, jsxs as P, Fragment as x } from "react/jsx-runtime";
 import { c as y } from "../../index-p1eeF8LQ.js";
 import { isValidElement as N } from "react";
 import { Heading as o } from "../Typography/Heading.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/ListItemLabel.css';const w = "_label_1tmg6_1", j = {
@@ -30,31 +31,31 @@ const z = (r) => {
     ...s,
     children: r
   } : null;
-}, V = ({
+}, d = ({
   loading: r = !1,
   highlightWords: s,
   size: a,
-  title: t,
+  title: n,
   value: p,
   description: c,
   children: e,
-  id: l,
-  className: m
+  id: m,
+  className: l
 }) => {
-  if (t && p) {
-    const b = t && _(t), i = p && z(p);
-    return /* @__PURE__ */ n("span", { className: y(j.label, m), id: l, "data-size": a, children: e || /* @__PURE__ */ P(x, { children: [
-      b && /* @__PURE__ */ n(o, { ...b, loading: r, highlightWords: s }),
-      i && /* @__PURE__ */ n(o, { ...i, loading: r, highlightWords: s })
+  if (n && p) {
+    const i = n && _(n), b = p && z(p);
+    return /* @__PURE__ */ t("span", { className: y(j.label, l), id: m, "data-size": a, children: e || /* @__PURE__ */ P(x, { children: [
+      i && /* @__PURE__ */ t(o, { ...i, loading: r, highlightWords: s }),
+      b && /* @__PURE__ */ t(o, { ...b, loading: r, highlightWords: s })
     ] }) });
   }
-  const f = t && z(t), u = c && _(c);
-  return /* @__PURE__ */ n("span", { className: y(j.label, m), id: l, "data-size": a, children: e || /* @__PURE__ */ P(x, { children: [
-    f && /* @__PURE__ */ n(o, { ...f, loading: r, highlightWords: s }),
-    u && /* @__PURE__ */ n(o, { ...u, loading: r, highlightWords: s })
+  const f = n && z(n), u = c && _(c);
+  return /* @__PURE__ */ t("span", { className: y(j.label, l), id: m, "data-size": a, children: e || /* @__PURE__ */ P(x, { children: [
+    f && /* @__PURE__ */ t(o, { ...f, loading: r, highlightWords: s }),
+    u && /* @__PURE__ */ t(o, { ...u, loading: r, highlightWords: s })
   ] }) });
 };
 export {
-  V as ListItemLabel,
+  d as ListItemLabel,
   H as isHeadingProps
 };

package/dist/components/List/ListItemSelect.js

@@ -1,6 +1,7 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { c as r } from "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { Label as l } from "../Forms/Label.js";
 import { Input as n } from "../Forms/Input.js";
@@ -8,10 +9,10 @@ import "../Snackbar/useSnackbar.js";
 import '../../assets/ListItemSelect.css';const i = "_select_kfgnl_1", m = "_checkbox_kfgnl_19", t = {
   select: i,
   checkbox: m
-}, _ = ({ className: c, ...o }) => /* @__PURE__ */ s(l, { className: r(t.select, c), children: [
-  /* @__PURE__ */ e(n, { type: "checkbox", ...o, className: t.checkbox }),
+}, y = ({ className: o, ...c }) => /* @__PURE__ */ s(l, { className: r(t.select, o), children: [
+  /* @__PURE__ */ e(n, { type: "checkbox", ...c, className: t.checkbox }),
   /* @__PURE__ */ e("span", { style: { position: "absolute", opacity: 0, pointerEvents: "none" }, children: "Select" })
 ] });
 export {
-  _ as ListItemSelect
+  y as ListItemSelect
 };

package/dist/components/Menu/MenuItem.js

@@ -1,8 +1,9 @@
-import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import { isValidElement as C } from "react";
 import { Badge as N } from "../Badge/Badge.js";
 import { Icon as d } from "../Icon/Icon.js";
 import "../../index-p1eeF8LQ.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { MenuItemBase as q } from "./MenuItemBase.js";
 import { MenuItemLabel as x } from "./MenuItemLabel.js";
@@ -13,10 +14,10 @@ import { S as D } from "../../ChevronRight-ANFWmIs1.js";
 import '../../assets/MenuItem.css';const R = "_controls_w98qm_46", U = "_linkIcon_w98qm_59", m = {
   controls: R,
   linkIcon: U
-}, X = ({
-  as: l = "a",
-  size: t = "md",
-  color: p,
+}, Y = ({
+  as: p = "a",
+  size: n = "md",
+  color: l,
   variant: f,
   collapsible: a,
   expanded: c,
@@ -34,35 +35,35 @@ import '../../assets/MenuItem.css';const R = "_controls_w98qm_46", U = "_linkIco
   ariaLabel: M,
   ...j
 }) => {
-  const w = typeof e == "function" ? e() : e, s = a ? c ? L : b : y ? D : void 0, B = () => o && !r && typeof o == "object" && "label" in o ? /* @__PURE__ */ n(N, { ...o, className: m.badge }) : C(o) ? o : null;
+  const w = typeof e == "function" ? e() : e, s = a ? c ? L : b : y ? D : void 0, B = () => o && !r && typeof o == "object" && "label" in o ? /* @__PURE__ */ t(N, { ...o, className: m.badge }) : C(o) ? o : null;
   return /* @__PURE__ */ i(
     q,
     {
-      as: l,
-      size: t,
+      as: p,
+      size: n,
       variant: f,
-      color: p,
+      color: l,
       expanded: c,
       ariaLabel: M,
       hidden: r,
       ...j,
       children: [
-        /* @__PURE__ */ n(E, { loading: r, size: t, icon: I, theme: h, badge: u }),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ t(E, { loading: r, size: n, icon: I, theme: h, badge: u }),
+        /* @__PURE__ */ t(
           x,
           {
             loading: r,
             title: v,
             description: S,
             highlightWords: _,
-            size: t,
+            size: n,
             children: w
           }
         ),
         /* @__PURE__ */ i("span", { className: m.controls, children: [
           !r && B(),
           !r && k,
-          s && /* @__PURE__ */ n("span", { className: m.linkIcon, children: /* @__PURE__ */ n(
+          s && /* @__PURE__ */ t("span", { className: m.linkIcon, children: /* @__PURE__ */ t(
             d,
             {
               svgElement: s,
@@ -77,5 +78,5 @@ import '../../assets/MenuItem.css';const R = "_controls_w98qm_46", U = "_linkIco
   );
 };
 export {
-  X as MenuItem
+  Y as MenuItem
 };