@altinn/altinn-components 0.52.6 → 0.53.0

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

package/dist/components/Menu/MenuItemBase.js

@@ -5,8 +5,8 @@ import '../../assets/MenuItemBase.css';const B = "_item_ygbc3_1", E = "_content_
   item: B,
   content: E
 }, R = ({
-  interactive: o = !0,
-  ariaLabel: s,
+  interactive: s = !0,
+  ariaLabel: o,
   role: c,
   as: i,
   color: m,
@@ -23,7 +23,7 @@ import '../../assets/MenuItemBase.css';const B = "_item_ygbc3_1", E = "_content_
   children: v,
   active: b,
   onMouseEnter: g,
-  dataTestId: h
+  "data-testid": h
 }) => {
   const I = i || "a", N = z(null);
   return /* @__PURE__ */ n(
@@ -32,8 +32,8 @@ import '../../assets/MenuItemBase.css';const B = "_item_ygbc3_1", E = "_content_
       tabIndex: t ? "-1" : _ ?? 0,
       className: j(r.item, f),
       role: c,
-      "aria-label": s,
-      "data-interactive": !t && o,
+      "aria-label": o,
+      "data-interactive": !t && s,
       "data-active": b,
       "data-size": l,
       "data-color": m,

package/dist/components/Menu/MenuItemIcon.js

@@ -1,10 +1,11 @@
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { isValidElement as i } from "react";
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { isValidElement as n } from "react";
 import { Badge as l } from "../Badge/Badge.js";
 import { Icon as s, isIconProps as c } from "../Icon/Icon.js";
 import "../../index-p1eeF8LQ.js";
 import { isAvatarProps as d, Avatar as f } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as v, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as _ } from "../../XMark-tKk6aExO.js";
@@ -15,12 +16,12 @@ import '../../assets/MenuItemIcon.css';const b = "_icon_1b18x_1", g = "_avatar_1
   badge: G
 };
 function N(a) {
-  return typeof a == "string" || typeof a == "number" || typeof a == "boolean" || a === null || i(a);
+  return typeof a == "string" || typeof a == "number" || typeof a == "boolean" || a === null || n(a);
 }
-const z = ({ loading: a, size: e, icon: r, theme: m, badge: p }) => r ? a ? /* @__PURE__ */ t("div", { className: o.icon, "data-size": e, children: /* @__PURE__ */ t(s, { svgElement: _, loading: !0 }) }) : /* @__PURE__ */ n("div", { className: o.icon, "data-size": e, children: [
+const B = ({ loading: a, size: e, icon: r, theme: m, badge: p }) => r ? a ? /* @__PURE__ */ t("div", { className: o.icon, "data-size": e, children: /* @__PURE__ */ t(s, { svgElement: _, loading: !0 }) }) : /* @__PURE__ */ i("div", { className: o.icon, "data-size": e, children: [
   d(r) && /* @__PURE__ */ t(f, { ...r, className: o.avatar }) || v(r) && /* @__PURE__ */ t(u, { ...r, className: o.avatarGroup }) || c(r) && /* @__PURE__ */ t(s, { ...r, theme: r?.theme || m }) || N(r) && r || /* @__PURE__ */ t(s, { theme: m, svgElement: r }),
   p && /* @__PURE__ */ t(l, { ...p, className: o.badge })
 ] }) : null;
 export {
-  z as MenuItemIcon
+  B as MenuItemIcon
 };

package/dist/components/Menu/MenuItemLabel.js

@@ -1,9 +1,10 @@
-import { jsx as s, jsxs as b, Fragment as g } from "react/jsx-runtime";
+import { jsx as o, jsxs as b, Fragment as g } from "react/jsx-runtime";
 import { c as d } from "../../index-p1eeF8LQ.js";
 import { isValidElement as x } from "react";
 import { Heading as c } from "../Typography/Heading.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { isHeadingProps as o } from "../List/ListItemLabel.js";
+import { isHeadingProps as s } from "../List/ListItemLabel.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/MenuItemLabel.css';const P = "_label_1el1b_1", _ = "_title_1el1b_22", f = {
   label: P,
@@ -16,7 +17,7 @@ const y = (r) => {
   const t = {
     as: "span"
   };
-  return o(r) ? { ...t, ...r } : u(r) ? {
+  return s(r) ? { ...t, ...r } : u(r) ? {
     ...t,
     children: r
   } : null;
@@ -26,18 +27,18 @@ const y = (r) => {
     weight: "normal",
     variant: "subtle"
   };
-  return o(r) ? { ...t, ...r } : u(r) ? {
+  return s(r) ? { ...t, ...r } : u(r) ? {
     ...t,
     children: r
   } : null;
 };
-function z(r) {
+function A(r) {
   if (typeof r == "string")
     return r;
-  if (o(r))
+  if (s(r))
     return r.children;
 }
-const A = ({
+const D = ({
   className: r,
   size: t = "sm",
   title: l,
@@ -47,8 +48,8 @@ const A = ({
   children: p
 }) => {
   const e = l && y(l), n = i && h(i);
-  return /* @__PURE__ */ s("span", { className: d(f.label, r), "data-size": t, children: p || /* @__PURE__ */ b(g, { children: [
-    e && /* @__PURE__ */ s(
+  return /* @__PURE__ */ o("span", { className: d(f.label, r), "data-size": t, children: p || /* @__PURE__ */ b(g, { children: [
+    e && /* @__PURE__ */ o(
       c,
       {
         ...e,
@@ -58,7 +59,7 @@ const A = ({
         weight: e?.weight || t === "lg" ? "medium" : "normal"
       }
     ),
-    n && /* @__PURE__ */ s(
+    n && /* @__PURE__ */ o(
       c,
       {
         ...n,
@@ -70,6 +71,6 @@ const A = ({
   ] }) });
 };
 export {
-  A as MenuItemLabel,
-  z as getAriaLabelFromTitle
+  D as MenuItemLabel,
+  A as getAriaLabelFromTitle
 };

package/dist/components/Menu/MenuItems.js

@@ -3,6 +3,7 @@ import { jsxs as n, jsx as t, Fragment as G } from "react/jsx-runtime";
 import { useRef as H, Fragment as K } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useMenu as R } from "../../hooks/useMenu.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { MenuItem as S } from "./MenuItem.js";
 import { MenuSearch as _ } from "./MenuSearch.js";