@altinn/altinn-components 0.41.5 → 0.41.7

package/dist/assets/MenuItemBase.css

@@ -1 +1 @@
-._item_zzw8j_1{font:inherit;color:inherit;padding:0;border:0;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_zzw8j_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_zzw8j_1[data-size=md]{min-height:56px}._item_zzw8j_1[data-size=md]{min-height:44px}._item_zzw8j_1[data-size=sm]{min-height:40px}._content_zzw8j_45{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._item_zzw8j_1{background-color:transparent}._item_zzw8j_1{pointer-events:none}._item_zzw8j_1[data-interactive=true]{pointer-events:all}._item_zzw8j_1:hover,._item_zzw8j_1[data-active=true]{background-color:var(--ds-color-background-tinted)}._item_zzw8j_1[data-active=true]{outline:2px solid black}._item_zzw8j_1[data-selected=true],._item_zzw8j_1:active,[data-variant=subtle] ._item_zzw8j_1:hover{background-color:var(--ds-color-surface-hover)}[data-variant=subtle] ._item_zzw8j_1:active{background-color:var(--ds-color-surface-active)}[data-variant=subtle] ._item_zzw8j_1[data-selected=true]{background-color:var(--ds-color-background-default)}._content_zzw8j_45{display:flex;width:100%;align-items:center;column-gap:.5em}._item_zzw8j_1:focus-visible{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline))}._item_zzw8j_1:focus-visible *{--_ds--focus: }
+._item_cs9p2_1{font:inherit;color:inherit;padding:0;border:0;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_cs9p2_1[data-size=md]{min-height:56px}._item_cs9p2_1[data-size=md]{min-height:44px}._item_cs9p2_1[data-size=sm]{min-height:40px}._content_cs9p2_40{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._item_cs9p2_1{background-color:transparent}._item_cs9p2_1{pointer-events:none}._item_cs9p2_1[data-interactive=true]{pointer-events:all}._item_cs9p2_1:hover,._item_cs9p2_1[data-active=true]{background-color:var(--ds-color-background-tinted)}._item_cs9p2_1[data-active=true]{outline:2px solid black}._item_cs9p2_1[data-selected=true],._item_cs9p2_1:active,[data-variant=subtle] ._item_cs9p2_1:hover{background-color:var(--ds-color-surface-hover)}[data-variant=subtle] ._item_cs9p2_1:active{background-color:var(--ds-color-surface-active)}[data-variant=subtle] ._item_cs9p2_1[data-selected=true]{background-color:var(--ds-color-background-default)}._content_cs9p2_40{display:flex;width:100%;align-items:center;column-gap:.5em}._item_cs9p2_1[aria-disabled=true]{opacity:.5;pointer-events:none;outline:none;box-shadow:none;background-color:transparent}._item_cs9p2_1:not([aria-disabled=true]):focus-visible{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline))}._item_cs9p2_1:not([aria-disabled=true]):focus-visible *{--_ds--focus: }

package/dist/assets/MenuItemLabel.css

@@ -1 +1 @@
-._label_1gf5h_1{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 .125rem}._label_1gf5h_1[data-size=lg]{font-size:1.125rem}._label_1gf5h_1[data-size=md],._label_1gf5h_1[data-size=sm]{font-size:1rem}._title_1gf5h_22{display:inline-flex;align-items:center;column-gap:.5em}._label_1gf5h_1 mark{text-decoration:underline;background-color:transparent;color:inherit}
+._label_1el1b_1{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 .125rem}._label_1el1b_1[data-size=lg]{font-size:1.125rem}._label_1el1b_1[data-size=md],._label_1el1b_1[data-size=sm]{font-size:1rem}._title_1el1b_22{display:inline;vertical-align:center}._label_1el1b_1 mark{text-decoration:underline;background-color:transparent;color:inherit}

package/dist/assets/MenuOption.css

@@ -1 +1 @@
-._label_sfsij_1{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 .125rem;font-size:1rem;column-gap:.5em;pointer-events:none}._title_sfsij_13{color:var(--ds-color-text-default);display:inline-flex;align-items:center;column-gap:.5em}._count_sfsij_20{vertical-align:super;font-size:smaller}._radio_sfsij_25,._checkbox_sfsij_26{flex-shrink:0;flex-grow:0;position:relative;width:1.25em;height:1.25em;display:flex;align-items:center;justify-content:center;color:transparent}._radio_sfsij_25{border:1px solid;border-color:var(--ds-color-border-subtle);outline:var(--ds-color-border-subtle) solid 1px;border-radius:50%}._checkbox_sfsij_26{border:2px solid;border-color:var(--ds-color-border-subtle);border-radius:2px}._radio_sfsij_25[data-checked=true],._checkbox_sfsij_26[data-checked=true]{background-color:var(--ds-color-base-default);border:none;outline-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default)}._icon_sfsij_59{font-size:1.25em}@supports (-webkit-hyphens: none){._icon_sfsij_59{font-size:unset;width:1.25em;height:1.25em}._icon_sfsij_59 svg,._icon_sfsij_59 img{width:100%;height:100%}}
+._label_e5maf_1{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 .125rem;font-size:1rem;column-gap:.5em;pointer-events:none}._title_e5maf_13{color:var(--ds-color-text-default);display:inline;vertical-align:text-top}._count_e5maf_19{display:inline;vertical-align:super;font-size:smaller}._radio_e5maf_25,._checkbox_e5maf_26{flex-shrink:0;flex-grow:0;position:relative;width:1.25em;height:1.25em;display:flex;align-items:center;justify-content:center;color:transparent}._radio_e5maf_25{border:1px solid;border-color:var(--ds-color-border-subtle);outline:var(--ds-color-border-subtle) solid 1px;border-radius:50%}._checkbox_e5maf_26{border:2px solid;border-color:var(--ds-color-border-subtle);border-radius:2px}._radio_e5maf_25[data-checked=true],._checkbox_e5maf_26[data-checked=true]{background-color:var(--ds-color-base-default);border:none;outline-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default)}._icon_e5maf_59{font-size:1.25em}@supports (-webkit-hyphens: none){._icon_e5maf_59{font-size:unset;width:1.25em;height:1.25em}._icon_e5maf_59 svg,._icon_e5maf_59 img{width:100%;height:100%}}

package/dist/components/Account/AccountList.js

@@ -1,44 +1,32 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { Fragment as y, createElement as k } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Fragment as f, createElement as d } from "react";
 import "../../index-L8X2o7IH.js";
-import { AccountListItem as u } from "./AccountListItem.js";
-import { Typography as x } from "../Typography/Typography.js";
-import { Heading as m } from "../Typography/Heading.js";
-import { useMenu as I } from "../../hooks/useMenu.js";
+import { AccountListItem as h } from "./AccountListItem.js";
+import { Heading as y } from "../Typography/Heading.js";
+import { useMenu as x } from "../../hooks/useMenu.js";
 import "../RootProvider/RootProvider.js";
 import { List as L } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as c } from "../Page/Section.js";
-const M = ({
-  items: i,
-  groups: p = {},
-  sortGroupBy: s,
-  emptyTitle: f = "Ingen treff",
-  emptyDescription: l = "Søket ga ingen treff"
-}) => {
-  if (!i || i.length === 0)
-    return /* @__PURE__ */ o(c, { children: [
-      /* @__PURE__ */ r(m, { size: "lg", children: f }),
-      /* @__PURE__ */ r(x, { children: l })
-    ] });
-  const { menu: n } = I({
-    items: i,
-    groups: p,
+import { Section as j } from "../Page/Section.js";
+const H = ({ items: o, groups: m = {}, sortGroupBy: n }) => {
+  const { menu: e } = x({
+    items: o,
+    groups: m,
     groupByKey: "groupId",
     keyboardEvents: !1,
-    sortGroupBy: s
+    sortGroupBy: n
   });
-  return /* @__PURE__ */ r(c, { spacing: 6, children: n == null ? void 0 : n.map((t, a) => {
-    const e = t.props || {};
-    return /* @__PURE__ */ o(y, { children: [
-      (e == null ? void 0 : e.title) && /* @__PURE__ */ r(m, { size: "lg", children: e.title }),
-      /* @__PURE__ */ r(L, { children: t == null ? void 0 : t.items.map((d, h) => {
-        const g = d.props || {};
-        return /* @__PURE__ */ k(u, { ...g, key: h });
+  return /* @__PURE__ */ i(j, { spacing: 6, children: e == null ? void 0 : e.map((t, s) => {
+    const r = t.props || {};
+    return /* @__PURE__ */ a(f, { children: [
+      (r == null ? void 0 : r.title) && /* @__PURE__ */ i(y, { size: "lg", children: r.title }),
+      /* @__PURE__ */ i(L, { children: t == null ? void 0 : t.items.map((c, p) => {
+        const l = c.props || {};
+        return /* @__PURE__ */ d(h, { ...l, key: p });
       }) })
-    ] }, a);
+    ] }, s);
   }) });
 };
 export {
-  M as AccountList
+  H as AccountList
 };

package/dist/components/Account/AccountMenu.js

@@ -1,61 +1,62 @@
 "use client";
-import { jsx as c } from "react/jsx-runtime";
-import { useState as M } from "react";
+import { jsx as M } from "react/jsx-runtime";
+import { useState as v } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { Menu as v } from "../Menu/Menu.js";
+import { Menu as x } from "../Menu/Menu.js";
 import "../Snackbar/useSnackbar.js";
-const b = (r) => `${r} hits`, G = ({
-  items: r = [],
+const R = (e) => `${e} hits`, z = ({
+  items: e = [],
   groups: f = {},
   search: t,
-  onSelectAccount: e,
+  filterAccount: C,
+  onSelectAccount: r,
   currentAccount: a,
-  isVirtualized: C,
-  keyboardEvents: h
+  isVirtualized: h,
+  keyboardEvents: L
 }) => {
   var u;
-  const s = r.map((o) => ({
+  const d = e.map((o) => ({
     ...o,
     title: (o == null ? void 0 : o.title) || o.name,
     groupId: o.groupId || "search",
     selected: o.selected ?? (a == null ? void 0 : a.id) === o.id,
-    onClick: () => e == null ? void 0 : e(o.id)
-  })), [l, d] = M(""), n = l ? s.filter(
-    (o) => {
-      var p, g, i;
-      return ((p = o == null ? void 0 : o.name) == null ? void 0 : p.toLowerCase().includes(l.toLowerCase())) || ((i = (g = o == null ? void 0 : o.description) == null ? void 0 : g.toString()) == null ? void 0 : i.toLowerCase().includes(l.toLowerCase()));
+    onClick: () => {
+      !o.disabled && (r == null || r(o.id));
     }
-  ).map((o) => ({
+  })), [l, s] = v(""), w = C || ((o, p) => {
+    var g, i, c;
+    return ((g = o == null ? void 0 : o.name) == null ? void 0 : g.toLowerCase().includes(p.toLowerCase())) || ((c = (i = o == null ? void 0 : o.description) == null ? void 0 : i.toString()) == null ? void 0 : c.toLowerCase().includes(p.toLowerCase()));
+  }), n = l ? d.filter((o) => w(o, l)).map((o) => ({
     ...o,
     groupId: "search",
     title: (o == null ? void 0 : o.title) || o.name,
     highlightWords: [l]
-  })) : s, L = l ? {
+  })) : d, F = l ? {
     search: {
-      title: ((u = t == null ? void 0 : t.getResultsLabel) == null ? void 0 : u.call(t, n.length)) ?? b(n.length)
+      title: ((u = t == null ? void 0 : t.getResultsLabel) == null ? void 0 : u.call(t, n.length)) ?? R(n.length)
     }
-  } : f, w = {
+  } : f, b = {
     name: "account-search",
     value: l,
     placeholder: (t == null ? void 0 : t.placeholder) ?? "Find account",
-    onChange: (o) => d(o.target.value),
-    onClear: () => d("")
+    onChange: (o) => s(o.target.value),
+    onClear: () => s("")
   }, I = [
     ...n.length > 0 ? n : [{ id: "search", groupId: "search", hidden: !0 }]
   ];
-  return /* @__PURE__ */ c(
-    v,
+  return /* @__PURE__ */ M(
+    x,
     {
       variant: "default",
-      search: t && w,
-      groups: L,
+      search: t && b,
+      groups: F,
       items: I,
-      isVirtualized: C,
-      keyboardEvents: h
+      isVirtualized: h,
+      keyboardEvents: L
     }
   );
 };
 export {
-  G as AccountMenu
+  z as AccountMenu
 };

package/dist/components/Avatar/AvatarGroup.js

@@ -1,34 +1,34 @@
 "use client";
 import { jsx as r } from "react/jsx-runtime";
-import { c as n } from "../../index-L8X2o7IH.js";
+import { c as i } from "../../index-L8X2o7IH.js";
 import { useMemo as f } from "react";
 import { Avatar as h } from "./Avatar.js";
 import '../../assets/AvatarGroup.css';const A = "_group_1ts6c_1", _ = "_item_1ts6c_10", s = {
   group: A,
   item: _
-}, L = (o) => typeof o == "object" && o !== null && "items" in o, N = ({
-  items: o = [],
+}, L = (t) => typeof t == "object" && t !== null && "items" in t, N = ({
+  items: t = [],
   maxItemsCount: l = 4,
-  defaultType: i,
-  size: c,
+  defaultType: n,
+  size: u,
   className: m,
-  style: u
+  style: p
 }) => {
-  const t = f(() => o.slice(0, l).reverse(), [o, l]);
-  return o.length === 0 ? /* @__PURE__ */ r("div", { className: s.avatarGroup }) : /* @__PURE__ */ r("ul", { className: n(s.group, m), "data-size": c, "data-count": t == null ? void 0 : t.length, style: u, children: t.map((e, p) => {
-    const g = p === l - 1, d = e.customLabel || g ? o.length.toString() : void 0;
-    return /* @__PURE__ */ r("li", { className: n(s.item), children: /* @__PURE__ */ r(
+  const o = f(() => t.slice(0, l).reverse(), [t, l]);
+  return t.length === 0 ? /* @__PURE__ */ r("div", { className: s.avatarGroup }) : /* @__PURE__ */ r("ul", { className: i(s.group, m), "data-size": u, "data-count": o == null ? void 0 : o.length, style: p, children: o.map((e, c) => {
+    const g = c === l - 1, d = e.customLabel || g ? t.length.toString() : void 0;
+    return /* @__PURE__ */ r("li", { className: i(s.item), children: /* @__PURE__ */ r(
       h,
       {
         name: e.name,
         customLabel: d,
         imageUrl: e.imageUrl,
         imageUrlAlt: e.imageUrlAlt,
-        type: (e == null ? void 0 : e.type) || i,
+        type: (e == null ? void 0 : e.type) || n,
         variant: e == null ? void 0 : e.variant,
         outline: !0
       }
-    ) }, e.name);
+    ) }, c);
   }) });
 };
 export {

package/dist/components/Header/Header.js

@@ -5,14 +5,14 @@ import "react";
 import { useRootContext as H } from "../RootProvider/RootProvider.js";
 import { DropdownBase as S } from "../Dropdown/DropdownBase.js";
 import { DrawerBase as k } from "../Dropdown/DrawerBase.js";
-import { GlobalMenu as f } from "../GlobalMenu/GlobalMenu.js";
+import { GlobalMenu as w } from "../GlobalMenu/GlobalMenu.js";
 import { GlobalMenuButton as B } from "../GlobalMenu/GlobalMenuButton.js";
 import { HeaderBase as D } from "./HeaderBase.js";
 import { HeaderLogo as I } from "./HeaderLogo.js";
 import { HeaderGroup as N } from "./HeaderGroup.js";
-import { HeaderSearch as w } from "./HeaderSearch.js";
+import { HeaderSearch as x } from "./HeaderSearch.js";
 import { LocaleSwitcher as F } from "./LocaleSwitcher.js";
-import { Searchbar as x } from "../Searchbar/Searchbar.js";
+import { Searchbar as _ } from "../Searchbar/Searchbar.js";
 import "../Snackbar/useSnackbar.js";
 import { useIsDesktop as G } from "../../hooks/useIsDesktop.js";
 import '../../assets/Header.css';const L = "_drawer_afyu3_1", j = "_dropdown_afyu3_6", z = "_relative_afyu3_19", t = {
@@ -21,21 +21,21 @@ import '../../assets/Header.css';const L = "_drawer_afyu3_1", j = "_dropdown_afy
   relative: z
 }, A = ({
   globalMenu: e,
-  desktopMenu: _,
-  mobileMenu: C,
+  desktopMenu: C,
+  mobileMenu: u,
   locale: p,
   search: s,
   currentAccount: m,
-  logo: u = {},
-  badge: l
+  logo: l = {},
+  badge: i
 }) => {
-  const { currentId: r, toggleId: i, openId: v, closeAll: d } = H(), c = () => {
+  const { currentId: r, toggleId: c, openId: v, closeAll: d } = H(), a = () => {
     v("search");
-  }, a = () => {
-    i("search");
+  }, h = () => {
+    c("search");
   }, y = () => {
-    i("menu");
-  }, h = G();
+    c("menu");
+  }, f = G();
   return /* @__PURE__ */ n(
     D,
     {
@@ -43,15 +43,15 @@ import '../../assets/Header.css';const L = "_drawer_afyu3_1", j = "_dropdown_afy
       open: r === "search" || r === "menu" || r === "locale",
       onClose: d,
       children: [
-        /* @__PURE__ */ o(I, { ...u, className: t.logo }),
-        s && h && /* @__PURE__ */ o(w, { expanded: r === "search", children: /* @__PURE__ */ o(x, { ...s, expanded: r === "search", onClose: a, onFocus: c }) }),
+        /* @__PURE__ */ o(I, { ...l, badge: i, className: t.logo }),
+        s && f && /* @__PURE__ */ o(x, { expanded: r === "search", children: /* @__PURE__ */ o(_, { ...s, expanded: r === "search", onClose: h, onFocus: a }) }),
         /* @__PURE__ */ n(N, { children: [
           p && /* @__PURE__ */ o(F, { ...p }),
           /* @__PURE__ */ n("div", { className: t.relative, children: [
             /* @__PURE__ */ o(
               B,
               {
-                badge: l,
+                badge: i,
                 currentAccount: m,
                 onClick: y,
                 expanded: r === "menu",
@@ -68,10 +68,10 @@ import '../../assets/Header.css';const L = "_drawer_afyu3_1", j = "_dropdown_afy
                 open: r === "menu",
                 className: t.dropdown,
                 children: /* @__PURE__ */ o(
-                  f,
+                  w,
                   {
                     ...e,
-                    menu: _ || (e == null ? void 0 : e.menu),
+                    menu: C || (e == null ? void 0 : e.menu),
                     currentAccount: m,
                     onClose: d
                   }
@@ -80,12 +80,12 @@ import '../../assets/Header.css';const L = "_drawer_afyu3_1", j = "_dropdown_afy
             )
           ] })
         ] }),
-        s && !h && /* @__PURE__ */ o(w, { expanded: r === "search", children: /* @__PURE__ */ o(x, { ...s, expanded: r === "search", onClose: a, onFocus: c }) }),
+        s && !f && /* @__PURE__ */ o(x, { expanded: r === "search", children: /* @__PURE__ */ o(_, { ...s, expanded: r === "search", onClose: h, onFocus: a }) }),
         e && /* @__PURE__ */ o(k, { open: r === "menu", className: t.drawer, children: /* @__PURE__ */ o(
-          f,
+          w,
           {
             ...e,
-            menu: C || (e == null ? void 0 : e.menu),
+            menu: u || (e == null ? void 0 : e.menu),
             currentAccount: m,
             onClose: d
           }

package/dist/components/Header/HeaderLogo.js

@@ -1,18 +1,21 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { c as n } from "../../index-L8X2o7IH.js";
-import { ButtonBase as a } from "../Button/ButtonBase.js";
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { c as i } from "../../index-L8X2o7IH.js";
+import { Badge as a } from "../Badge/Badge.js";
+import { ButtonBase as c } from "../Button/ButtonBase.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { DigdirLogomark as c } from "./DigdirLogomark.js";
+import { DigdirLogomark as x } from "./DigdirLogomark.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/HeaderLogo.css';const i = "_logo_y48xn_1", x = "_symbol_y48xn_8", p = "_text_y48xn_20", o = {
-  logo: i,
-  symbol: x,
-  text: p
-}, h = ({ className: s, as: m = "a", title: r = "Altinn", href: e = "/" }) => /* @__PURE__ */ l(a, { as: m, className: n(o.logo, s), href: e, children: [
-  /* @__PURE__ */ t(c, { className: o.symbol }),
-  /* @__PURE__ */ t("span", { className: o.text, children: r })
+import '../../assets/HeaderLogo.css';const p = "_logo_y48xn_1", _ = "_symbol_y48xn_8", y = "_text_y48xn_20", t = {
+  logo: p,
+  symbol: _,
+  text: y
+}, u = ({ className: m, as: r = "a", title: e = "Altinn", href: l = "/", badge: s }) => /* @__PURE__ */ n(c, { as: r, className: i(t.logo, m), href: l, children: [
+  /* @__PURE__ */ o(x, { className: t.symbol }),
+  /* @__PURE__ */ o("span", { className: t.text, children: e }),
+  " ",
+  s && /* @__PURE__ */ o(a, { ...s })
 ] });
 export {
-  h as HeaderLogo
+  u as HeaderLogo
 };

package/dist/components/List/ListItemBase.js

@@ -1,38 +1,40 @@
-import { jsx as p } from "react/jsx-runtime";
-import { c as f } from "../../index-L8X2o7IH.js";
-import '../../assets/ListItemBase.css';const x = "_base_1xkee_1", u = {
-  base: x
-}, C = ({
-  as: a,
-  interactive: e = !0,
-  size: t,
-  color: s,
-  variant: o = "default",
-  shadow: n = "none",
-  border: r = "none",
-  hidden: d = !1,
-  selected: c,
-  className: i,
-  onMouseEnter: m,
-  id: l,
-  children: b
-}) => /* @__PURE__ */ p(
-  a || "li",
+import { jsx as f } from "react/jsx-runtime";
+import { c as x } from "../../index-L8X2o7IH.js";
+import '../../assets/ListItemBase.css';const u = "_base_1xkee_1", _ = {
+  base: u
+}, j = ({
+  ref: a,
+  as: e,
+  interactive: t = !0,
+  size: s,
+  color: o,
+  variant: n = "default",
+  shadow: r = "none",
+  border: d = "none",
+  hidden: c = !1,
+  selected: i,
+  className: m,
+  onMouseEnter: l,
+  id: b,
+  children: p
+}) => /* @__PURE__ */ f(
+  e || "li",
   {
-    className: f(u.base, i),
-    "data-interactive": e,
-    "data-selected": c,
-    "data-variant": o,
-    "data-color": s,
-    "data-border": r,
-    "data-shadow": n,
-    "data-size": t,
-    "aria-hidden": d,
-    onMouseEnter: m,
-    id: l,
-    children: b
+    className: x(_.base, m),
+    "data-interactive": t,
+    "data-selected": i,
+    "data-variant": n,
+    "data-color": o,
+    "data-border": d,
+    "data-shadow": r,
+    "data-size": s,
+    "aria-hidden": c,
+    onMouseEnter: l,
+    id: b,
+    ref: a,
+    children: p
   }
 );
 export {
-  C as ListItemBase
+  j as ListItemBase
 };

package/dist/components/Menu/MenuBase.js

@@ -1,18 +1,18 @@
 import { jsx as c } from "react/jsx-runtime";
 import { c as r } from "../../index-L8X2o7IH.js";
-import '../../assets/MenuBase.css';const l = "_menu_twp4i_1", _ = "_list_twp4i_12", d = "_item_twp4i_18", p = {
-  menu: l,
-  list: _,
-  item: d
-}, M = ({ as: t = "nav", color: n, variant: e, className: o, children: s, ref: a }) => /* @__PURE__ */ c(t, { className: r(p.menu, o), "data-color": n, "data-variant": e, ref: a, children: s }), N = ({
+import '../../assets/MenuBase.css';const _ = "_menu_twp4i_1", d = "_list_twp4i_12", C = "_item_twp4i_18", p = {
+  menu: _,
+  list: d,
+  item: C
+}, N = ({ as: t = "nav", color: n, variant: e, className: o, children: s, ref: a }) => /* @__PURE__ */ c(t, { className: r(p.menu, o), "data-color": n, "data-variant": e, ref: a, children: s }), f = ({
   as: t = "ul",
   role: n = "group",
   className: e,
   children: o,
   ref: s,
   onMouseEnter: a,
-  onMouseLeave: m,
-  onBlurCapture: i
+  onMouseLeave: i,
+  onBlurCapture: m
 }) => /* @__PURE__ */ c(
   t,
   {
@@ -20,19 +20,20 @@ import '../../assets/MenuBase.css';const l = "_menu_twp4i_1", _ = "_list_twp4i_1
     role: n,
     ref: s,
     onMouseEnter: a,
-    onMouseLeave: m,
-    onBlurCapture: i,
+    onMouseLeave: i,
+    onBlurCapture: m,
     children: o
   }
-), f = ({
+), h = ({
   as: t = "li",
   role: n = "presentation",
   className: e,
   children: o,
   style: s,
   dataIndex: a,
+  disabled: i,
   onMouseEnter: m,
-  onMouseLeave: i,
+  onMouseLeave: l,
   "aria-checked": u
 }) => /* @__PURE__ */ c(
   t,
@@ -42,13 +43,14 @@ import '../../assets/MenuBase.css';const l = "_menu_twp4i_1", _ = "_list_twp4i_1
     style: s,
     "data-index": a,
     onMouseEnter: m,
-    onMouseLeave: i,
+    onMouseLeave: l,
+    "aria-disabled": i,
     "aria-checked": u,
     children: o
   }
 );
 export {
-  M as MenuBase,
-  N as MenuList,
-  f as MenuListItem
+  N as MenuBase,
+  f as MenuList,
+  h as MenuListItem
 };

package/dist/components/Menu/MenuItemBase.js

@@ -1,55 +1,55 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as N } from "../../index-L8X2o7IH.js";
-import { useRef as B } from "react";
-import '../../assets/MenuItemBase.css';const E = "_item_zzw8j_1", M = "_content_zzw8j_45", s = {
-  item: E,
-  content: M
+import { c as E } from "../../index-L8X2o7IH.js";
+import { useRef as M } from "react";
+import '../../assets/MenuItemBase.css';const R = "_item_cs9p2_1", b = "_content_cs9p2_40", c = {
+  item: R,
+  content: b
 }, A = ({
-  interactive: c = !0,
+  interactive: s = !0,
   ariaLabel: m,
-  role: d,
+  role: o,
   as: i,
-  color: o,
-  variant: f,
-  size: l,
-  className: p,
+  color: d,
+  variant: p,
+  size: f,
+  className: u,
   href: _,
   onClick: t,
-  onKeyPress: a,
-  tabIndex: u = 0,
-  hidden: z,
-  selected: x,
-  disabled: e = !1,
-  children: j,
-  active: v,
-  onMouseEnter: b,
-  dataTestId: h
+  onKeyPress: e,
+  tabIndex: l = 0,
+  hidden: x,
+  selected: v,
+  disabled: a = !1,
+  children: h,
+  active: I,
+  onMouseEnter: N,
+  dataTestId: j
 }) => {
-  const w = i || "a", I = B(null);
+  const z = i || "a", B = M(null);
   return /* @__PURE__ */ r(
-    w,
+    z,
     {
-      tabIndex: e ? "-1" : u ?? 0,
-      className: N(s.item, p),
-      role: d,
+      tabIndex: a ? "-1" : l ?? 0,
+      className: E(c.item, u),
+      role: o,
       "aria-label": m,
-      "data-interactive": c,
-      "data-active": v,
-      "data-size": l,
-      "data-color": o,
-      "data-variant": f,
-      "aria-hidden": z,
-      "aria-disabled": e,
-      "data-selected": x,
+      "data-interactive": !a && s,
+      "data-active": I,
+      "data-size": f,
+      "data-color": d,
+      "data-variant": p,
+      "aria-hidden": x,
+      "aria-disabled": a,
+      "data-selected": v,
       href: _,
       onKeyPress: (n) => {
-        n.key === "Enter" && (t == null || t()), a == null || a(n);
+        a || (n.key === "Enter" && (t == null || t()), e == null || e(n));
       },
       onClick: t,
-      onMouseEnter: b,
-      "data-testid": h,
-      ref: I,
-      children: /* @__PURE__ */ r("span", { className: s.content, children: j })
+      onMouseEnter: N,
+      "data-testid": j,
+      ref: B,
+      children: /* @__PURE__ */ r("span", { className: c.content, children: h })
     }
   );
 };