@altinn/altinn-components 0.28.2 → 0.29.1

package/dist/components/Header/HeaderButton.js

@@ -1,72 +1,53 @@
-"use client";
-import { jsxs as d, jsx as l } from "react/jsx-runtime";
-import { c as m } from "../../index-L8X2o7IH.js";
-import { Avatar as I } from "../Avatar/Avatar.js";
-import { AvatarGroup as y } from "../Avatar/AvatarGroup.js";
-import { Badge as f } from "../Badge/Badge.js";
+import { jsxs as _, jsx as o } from "react/jsx-runtime";
+import { c as s } from "../../index-L8X2o7IH.js";
+import { Avatar as b } from "../Avatar/Avatar.js";
+import { AvatarGroup as g } from "../Avatar/AvatarGroup.js";
+import { Badge as a } from "../Badge/Badge.js";
 import { ButtonBase as u } from "../Button/ButtonBase.js";
-import * as _ from "react";
-import { forwardRef as v } from "react";
-import { Icon as b } from "../Icon/Icon.js";
+import "react";
+import { Icon as f } from "../Icon/Icon.js";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as N } from "../../XMark-DIqxCTTQ.js";
-import { u as w } from "../../useId-BVFxCjkq.js";
-import '../../assets/HeaderButton.css';var O = function(o, c) {
-  var r = {};
-  for (var e in o) Object.prototype.hasOwnProperty.call(o, e) && c.indexOf(e) < 0 && (r[e] = o[e]);
-  if (o != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var n = 0, e = Object.getOwnPropertySymbols(o); n < e.length; n++)
-      c.indexOf(e[n]) < 0 && Object.prototype.propertyIsEnumerable.call(o, e[n]) && (r[e[n]] = o[e[n]]);
-  return r;
-};
-const x = v((o, c) => {
-  var { title: r, titleId: e } = o, n = O(o, ["title", "titleId"]);
-  let i = w();
-  return i = r ? e || "title-" + i : void 0, _.createElement(
-    "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: c, "aria-labelledby": i }, n),
-    r ? _.createElement("title", { id: i }, r) : null,
-    _.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M7.25 7a4.75 4.75 0 0 1 9.5 0v2.25H17c.966 0 1.75.784 1.75 1.75v9a.75.75 0 0 1-.75.75H6a.75.75 0 0 1-.75-.75v-9c0-.966.784-1.75 1.75-1.75h.25zm1.5 0a3.25 3.25 0 0 1 6.5 0v2.25h-6.5zM7 10.75a.25.25 0 0 0-.25.25v8.25h10.5V11a.25.25 0 0 0-.25-.25zm3.5 3.75a1.5 1.5 0 1 1 2.25 1.3V17a.75.75 0 0 1-1.5 0v-1.2a1.5 1.5 0 0 1-.75-1.3", clipRule: "evenodd" })
-  );
-}), j = "_button_1p2eq_1", q = "_label_1p2eq_12", E = "_icon_1p2eq_18", S = "_avatarGroup_1p2eq_28", B = "_loginIcon_1p2eq_37", z = "_closeIcon_1p2eq_42", G = "_badge_1p2eq_46", t = {
-  button: j,
-  label: q,
-  icon: E,
-  avatarGroup: S,
-  loginIcon: B,
-  closeIcon: z,
-  badge: G
-}, K = ({
-  className: o,
-  as: c = "button",
-  color: r = "accent",
-  variant: e = "solid",
-  avatar: n,
-  avatarGroup: i,
-  icon: h = x,
-  expanded: g,
-  label: a = "Menu",
-  badge: s,
+import { S as I } from "../../XMark-DIqxCTTQ.js";
+import { S as q } from "../../PadlockLocked-CwhOOPnp.js";
+import '../../assets/HeaderButton.css';const S = "_button_1p2eq_1", x = "_label_1p2eq_12", y = "_icon_1p2eq_18", B = "_avatarGroup_1p2eq_28", G = "_loginIcon_1p2eq_37", k = "_closeIcon_1p2eq_42", j = "_badge_1p2eq_46", e = {
+  button: S,
+  label: x,
+  icon: y,
+  avatarGroup: B,
+  loginIcon: G,
+  closeIcon: k,
+  badge: j
+}, O = ({
+  className: l,
+  as: t = "button",
+  color: m = "accent",
+  variant: i = "solid",
+  avatar: c,
+  avatarGroup: d,
+  icon: N = q,
+  expanded: h,
+  label: r = "Menu",
+  badge: n,
   ...p
-}) => g ? /* @__PURE__ */ d(u, { ...p, as: c, variant: e, color: r, className: m(t.button, o), children: [
-  /* @__PURE__ */ l("span", { className: t.label, children: a }),
-  /* @__PURE__ */ l("span", { className: m(t.icon, t.closeIcon), children: /* @__PURE__ */ l(b, { svgElement: N }) }),
-  s && /* @__PURE__ */ l(f, { ...s, className: t.badge })
-] }) : i ? /* @__PURE__ */ d(u, { ...p, as: c, variant: e, color: r, className: m(t.button, o), children: [
-  /* @__PURE__ */ l("span", { className: t.label, children: a }),
-  /* @__PURE__ */ l(y, { ...i, className: t.avatarGroup }),
-  s && /* @__PURE__ */ l(f, { ...s, className: t.badge })
-] }) : n ? /* @__PURE__ */ d(u, { ...p, as: c, variant: e, color: r, className: m(t.button, o), children: [
-  /* @__PURE__ */ l("span", { className: t.label, children: a }),
-  /* @__PURE__ */ l(I, { type: n == null ? void 0 : n.type, name: n == null ? void 0 : n.name, style: { fontSize: "2.25rem" } }),
-  s && /* @__PURE__ */ l(f, { ...s, className: t.badge })
-] }) : /* @__PURE__ */ d(u, { ...p, as: c, variant: e, color: r, className: m(t.button, o), children: [
-  /* @__PURE__ */ l("span", { className: t.label, children: a }),
-  /* @__PURE__ */ l("span", { className: m(t.icon, t.loginIcon), children: /* @__PURE__ */ l(b, { svgElement: h }) }),
-  s && /* @__PURE__ */ l(f, { ...s, className: t.badge })
+}) => h ? /* @__PURE__ */ _(u, { ...p, as: t, variant: i, color: m, className: s(e.button, l), children: [
+  /* @__PURE__ */ o("span", { className: e.label, children: r }),
+  /* @__PURE__ */ o("span", { className: s(e.icon, e.closeIcon), children: /* @__PURE__ */ o(f, { svgElement: I }) }),
+  n && /* @__PURE__ */ o(a, { ...n, className: e.badge })
+] }) : d ? /* @__PURE__ */ _(u, { ...p, as: t, variant: i, color: m, className: s(e.button, l), children: [
+  /* @__PURE__ */ o("span", { className: e.label, children: r }),
+  /* @__PURE__ */ o(g, { ...d, className: e.avatarGroup }),
+  n && /* @__PURE__ */ o(a, { ...n, className: e.badge })
+] }) : c ? /* @__PURE__ */ _(u, { ...p, as: t, variant: i, color: m, className: s(e.button, l), children: [
+  /* @__PURE__ */ o("span", { className: e.label, children: r }),
+  /* @__PURE__ */ o(b, { type: c == null ? void 0 : c.type, name: c == null ? void 0 : c.name, style: { fontSize: "2.25rem" } }),
+  n && /* @__PURE__ */ o(a, { ...n, className: e.badge })
+] }) : /* @__PURE__ */ _(u, { ...p, as: t, variant: i, color: m, className: s(e.button, l), children: [
+  /* @__PURE__ */ o("span", { className: e.label, children: r }),
+  /* @__PURE__ */ o("span", { className: s(e.icon, e.loginIcon), children: /* @__PURE__ */ o(f, { svgElement: N }) }),
+  n && /* @__PURE__ */ o(a, { ...n, className: e.badge })
 ] });
 export {
-  K as HeaderButton
+  O as HeaderButton
 };

package/dist/components/List/List.js

@@ -1,12 +1,14 @@
-import { jsx as p } from "react/jsx-runtime";
-import { createElement as n } from "react";
-import "../../index-L8X2o7IH.js";
+import { jsx as l } from "react/jsx-runtime";
+import { createElement as c } from "react";
+import { c as p } from "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { ListItem as c } from "./ListItem.js";
+import { ListItem as n } from "./ListItem.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as l } from "../Page/Flex.js";
-const j = ({ children: t, spacing: o = 2, items: m = [], ...i }) => /* @__PURE__ */ p(l, { direction: "col", as: "ul", spacing: o, ...i, children: t || m.map((r, e) => /* @__PURE__ */ n(c, { ...r, key: `item-${r.id ?? e}` })) });
+import { Flex as a } from "../Page/Flex.js";
+import '../../assets/List.css';const f = "_list_14rag_1", x = {
+  list: f
+}, 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/ListItemControls.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { c as r } from "../../index-L8X2o7IH.js";
-import '../../assets/ListItemControls.css';const c = "_controls_1schy_1", n = {
+import '../../assets/ListItemControls.css';const c = "_controls_mvhfq_1", n = {
   controls: c
 }, e = ({ className: o, children: s }) => /* @__PURE__ */ t("div", { className: r(n.controls, o), children: s });
 export {

package/dist/components/List/ListItemHeader.js

@@ -1,89 +1,89 @@
 import { jsxs as l, jsx as e, Fragment as E } from "react/jsx-runtime";
-import { c as w } from "../../index-L8X2o7IH.js";
-import { useId as z, isValidElement as D } from "react";
-import { Icon as F } from "../Icon/Icon.js";
-import { Badge as H } from "../Badge/Badge.js";
+import { c as g } from "../../index-L8X2o7IH.js";
+import { useId as w, isValidElement as z } from "react";
+import { Icon as D } from "../Icon/Icon.js";
+import { Badge as F } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import { ListItemLink as R } from "./ListItemLink.js";
-import { ListItemLabel as U } from "./ListItemLabel.js";
-import { ListItemIcon as V } from "./ListItemIcon.js";
-import { ListItemControls as q } from "./ListItemControls.js";
-import { ListItemSelect as A } from "./ListItemSelect.js";
+import { ListItemLink as H } from "./ListItemLink.js";
+import { ListItemLabel as R } from "./ListItemLabel.js";
+import { ListItemIcon as U } from "./ListItemIcon.js";
+import { ListItemControls as V } from "./ListItemControls.js";
+import { ListItemSelect as q } from "./ListItemSelect.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as G, a as J } from "../../ChevronUp-DR4Lz2Jb.js";
-import { S as K } from "../../ChevronRight-BbelnTke.js";
-import '../../assets/ListItemHeader.css';const M = "_header_1rjb2_1", O = "_label_1rjb2_27", P = "_linkIcon_1rjb2_35", o = {
-  header: M,
-  label: O,
-  linkIcon: P
+import { S as A, a as G } from "../../ChevronUp-DR4Lz2Jb.js";
+import { S as J } from "../../ChevronRight-BbelnTke.js";
+import '../../assets/ListItemHeader.css';const K = "_header_s4ghf_1", M = "_label_s4ghf_27", O = "_linkIcon_s4ghf_35", o = {
+  header: K,
+  label: M,
+  linkIcon: O
 }, ne = ({
   as: c,
   interactive: p = !0,
-  color: d,
+  color: f,
   loading: t,
-  disabled: f,
-  collapsible: h,
+  disabled: h,
+  collapsible: d,
   linkIcon: I,
   expanded: v,
   select: s,
   href: L,
   onClick: _,
-  onKeyPress: b,
-  tabIndex: u,
+  onKeyPress: u,
+  tabIndex: S,
   size: i,
-  title: S,
-  description: j,
-  icon: k,
+  title: b,
+  description: k,
+  icon: N,
   active: m,
   badge: r,
   controls: n,
-  className: N,
-  children: x,
-  ariaLabel: y
+  className: x,
+  children: y,
+  ariaLabel: C
 }) => {
-  const a = h ? v ? G : J : I ? K : void 0, C = () => r && !t && typeof r == "object" && "label" in r ? /* @__PURE__ */ e(H, { ...r }) : D(r) ? r : null, B = z();
+  const a = d ? v ? A : G : I ? J : void 0, j = () => r && !t && typeof r == "object" && "label" in r ? /* @__PURE__ */ e(F, { ...r }) : z(r) ? r : null, B = w();
   return /* @__PURE__ */ l(
     "header",
     {
-      className: w(o.header, N),
-      "data-color": d,
+      className: g(o.header, x),
+      "data-color": f,
       "data-interactive": p,
       "data-size": i,
       "data-has-active-child": m,
       children: [
         /* @__PURE__ */ e(
-          R,
+          H,
           {
             as: c,
             href: L,
             onClick: _,
-            onKeyPress: b,
-            tabIndex: u,
+            onKeyPress: u,
+            tabIndex: S,
             loading: t,
-            disabled: f || t,
+            disabled: h || t,
             active: m,
-            ariaLabel: y
+            ariaLabel: C
           }
         ),
-        s && /* @__PURE__ */ e(A, { ...s, className: o.select }),
-        /* @__PURE__ */ e(V, { loading: t, icon: k }),
+        s && /* @__PURE__ */ e(q, { ...s, className: o.select }),
+        /* @__PURE__ */ e(U, { loading: t, icon: N }),
         /* @__PURE__ */ e(
-          U,
+          R,
           {
             size: i,
             loading: t,
-            title: S,
-            description: j,
+            title: b,
+            description: k,
             id: B,
             className: o.label,
-            children: x
+            children: y
           }
         ),
-        /* @__PURE__ */ e(q, { className: o.controls, children: n && !t ? /* @__PURE__ */ e("span", { style: { position: "relative" }, children: n }) : /* @__PURE__ */ l(E, { children: [
-          C(),
+        /* @__PURE__ */ e(V, { className: o.controls, children: n && !t ? /* @__PURE__ */ e("span", { style: { position: "relative" }, children: n }) : /* @__PURE__ */ l(E, { children: [
+          j(),
           a && /* @__PURE__ */ e("span", { className: o.linkIcon, children: /* @__PURE__ */ e(
-            F,
+            D,
             {
               svgElement: a,
               style: {

package/dist/components/List/ListItemLabel.js

@@ -1,53 +1,61 @@
-import { jsx as s, jsxs as u, Fragment as b } from "react/jsx-runtime";
-import { c as d } from "../../index-L8X2o7IH.js";
-import { isValidElement as h } from "react";
+import { jsx as t, jsxs as b, Fragment as P } from "react/jsx-runtime";
+import { c as x } from "../../index-L8X2o7IH.js";
+import { isValidElement as _ } from "react";
 import "../RootProvider/RootProvider.js";
-import { Heading as c } from "../Typography/Heading.js";
+import { Heading as e } from "../Typography/Heading.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/ListItemLabel.css';const P = "_label_1aex5_1", x = {
-  label: P
-}, a = (r) => typeof r == "object" && r !== null && "children" in r;
-function m(r) {
-  return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || h(r);
+import '../../assets/ListItemLabel.css';const g = "_label_1aex5_1", h = {
+  label: g
+}, j = (r) => typeof r == "object" && r !== null && "children" in r;
+function z(r) {
+  return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || _(r);
 }
 const y = (r) => {
-  const t = {
+  const s = {
     as: "h2",
     size: "sm"
     //    leading: "tight",
   };
-  return a(r) ? { ...t, ...r } : m(r) ? {
-    ...t,
+  return j(r) ? { ...s, ...r } : z(r) ? {
+    ...s,
     children: r
   } : null;
-}, g = (r) => {
-  const t = {
+}, d = (r) => {
+  const s = {
     as: "h3",
     size: "xs",
     weight: "normal",
     variant: "subtle"
     //    leading: "tight",
   };
-  return a(r) ? { ...t, ...r } : m(r) ? {
-    ...t,
+  return j(r) ? { ...s, ...r } : z(r) ? {
+    ...s,
     children: r
   } : null;
-}, D = ({
+}, I = ({
   loading: r = !1,
-  size: t,
-  title: n,
-  description: o,
-  children: l,
-  id: p,
-  className: f
+  size: s,
+  title: o,
+  value: p,
+  description: c,
+  children: n,
+  id: l,
+  className: a
 }) => {
-  const e = n && y(n), i = o && g(o);
-  return /* @__PURE__ */ s("span", { className: d(x.label, f), id: p, "data-size": t, children: l || /* @__PURE__ */ u(b, { children: [
-    e && /* @__PURE__ */ s(c, { ...e, loading: r, children: e.children }),
-    i && /* @__PURE__ */ s(c, { ...i, loading: r })
+  if (o && p) {
+    const f = o && d(o), u = p && y(p);
+    return /* @__PURE__ */ t("span", { className: x(h.label, a), id: l, "data-size": s, children: n || /* @__PURE__ */ b(P, { children: [
+      f && /* @__PURE__ */ t(e, { ...f, loading: r }),
+      u && /* @__PURE__ */ t(e, { ...u, loading: r })
+    ] }) });
+  }
+  const i = o && y(o), m = c && d(c);
+  return /* @__PURE__ */ t("span", { className: x(h.label, a), id: l, "data-size": s, children: n || /* @__PURE__ */ b(P, { children: [
+    i && /* @__PURE__ */ t(e, { ...i, loading: r }),
+    m && /* @__PURE__ */ t(e, { ...m, loading: r })
   ] }) });
 };
 export {
-  D as ListItemLabel
+  I as ListItemLabel
 };

package/dist/components/Menu/MenuItem.js

@@ -1,50 +1,50 @@
-import { jsxs as M, jsx as t } from "react/jsx-runtime";
-import { MenuItemBase as b } from "./MenuItemBase.js";
-import { MenuItemLabel as g } from "./MenuItemLabel.js";
-import { MenuItemIcon as k } from "./MenuItemIcon.js";
+import { jsxs as u, jsx as o, Fragment as k } from "react/jsx-runtime";
+import { Icon as M } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
+import { MenuItemBase as b } from "./MenuItemBase.js";
+import { MenuItemLabel as y } from "./MenuItemLabel.js";
+import { MenuItemIcon as C } from "./MenuItemIcon.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as L, a as S } from "../../ChevronUp-DR4Lz2Jb.js";
-const F = ({
-  as: n = "a",
-  size: o = "md",
-  color: e,
-  theme: a,
-  collapsible: r,
-  expanded: m,
+import { S as _, a as j } from "../../ChevronUp-DR4Lz2Jb.js";
+import { S as w } from "../../ChevronRight-BbelnTke.js";
+import '../../assets/MenuItem.css';const x = "_linkIcon_1owl4_57", m = {
+  linkIcon: x
+}, J = ({
+  as: i = "a",
+  size: n = "md",
+  color: s,
+  theme: l,
+  collapsible: c,
+  expanded: r,
   icon: p,
-  iconTheme: i,
-  iconBadge: c,
-  avatar: d,
-  avatarGroup: j,
+  iconTheme: a,
+  iconBadge: h,
   title: I,
-  description: u,
-  badge: v,
-  linkText: f,
-  linkIcon: h,
-  label: l,
-  ...s
-}) => /* @__PURE__ */ M(
-  b,
-  {
-    as: n,
-    size: o,
-    theme: a,
-    badge: v,
-    linkText: f,
-    linkIcon: r && m ? L : r ? S : h,
-    color: e,
-    expanded: m,
-    ...s,
-    children: [
-      /* @__PURE__ */ t(k, { size: o, icon: p, theme: i, badge: c }),
-      /* @__PURE__ */ t(g, { title: I, description: u, size: o, children: l })
-    ]
-  }
-);
+  description: v,
+  badge: f,
+  controls: e,
+  linkIcon: d,
+  label: g,
+  ...S
+}) => {
+  const t = c ? r ? _ : j : d ? w : void 0;
+  return /* @__PURE__ */ u(b, { as: i, size: n, theme: l, color: s, expanded: r, ...S, children: [
+    /* @__PURE__ */ o(C, { size: n, icon: p, theme: a, badge: h }),
+    /* @__PURE__ */ o(y, { title: I, description: v, size: n, badge: f, children: g }),
+    /* @__PURE__ */ o("span", { className: m.controls, children: e ? /* @__PURE__ */ o("span", { style: { position: "relative" }, children: e }) : /* @__PURE__ */ o(k, { children: t && /* @__PURE__ */ o("span", { className: m.linkIcon, children: /* @__PURE__ */ o(
+      M,
+      {
+        svgElement: t,
+        style: {
+          fontSize: "1.5rem"
+        }
+      }
+    ) }) }) })
+  ] });
+};
 export {
-  F as MenuItem
+  J as MenuItem
 };

package/dist/components/Menu/MenuItemBase.js

@@ -1,62 +1,43 @@
-import { jsxs as a, jsx as c } from "react/jsx-runtime";
-import { c as u } from "../../index-L8X2o7IH.js";
-import { Icon as v } from "../Icon/Icon.js";
-import "react";
-import { Badge as T } from "../Badge/Badge.js";
-import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
-import "../Snackbar/useSnackbar.js";
-import '../../assets/MenuItemBase.css';const B = "_item_1ejie_1", E = "_content_1ejie_45", k = "_action_1ejie_53", z = "_linkText_1ejie_60", M = "_linkIcon_1ejie_65", e = {
-  item: B,
-  content: E,
-  action: k,
-  linkText: z,
-  linkIcon: M
-}, O = ({
-  as: _,
-  color: l,
-  theme: p,
-  size: d,
-  className: h,
-  href: x,
-  onClick: n,
-  onKeyPress: i,
-  tabIndex: j = 0,
+import { jsx as m } from "react/jsx-runtime";
+import { c as l } from "../../index-L8X2o7IH.js";
+import '../../assets/MenuItemBase.css';const I = "_item_1k1tk_1", N = "_content_1k1tk_45", c = {
+  item: I,
+  content: N
+}, z = ({
+  interactive: o = !0,
+  as: s,
+  color: r,
+  theme: d,
+  size: i,
+  className: p,
+  href: _,
+  onClick: t,
+  onKeyPress: e,
+  tabIndex: x = 0,
   hidden: f,
-  selected: I,
-  disabled: m = !1,
-  linkIcon: o,
-  linkText: s,
-  badge: t,
-  children: N
-}) => /* @__PURE__ */ a(
-  _ || "a",
+  selected: h,
+  disabled: a = !1,
+  children: u
+}) => /* @__PURE__ */ m(
+  s || "a",
   {
-    tabIndex: m ? "-1" : j ?? 0,
-    className: u(e.item, h),
-    "data-size": d,
-    "data-color": l,
-    "data-theme": p,
+    tabIndex: a ? "-1" : x ?? 0,
+    className: l(c.item, p),
+    "data-interactive": o,
+    "data-size": i,
+    "data-color": r,
+    "data-theme": d,
     "aria-hidden": f,
-    "aria-disabled": m,
-    "data-selected": I,
-    href: x,
-    onKeyPress: (r) => {
-      r.key === "Enter" && (n == null || n()), i == null || i(r);
+    "aria-disabled": a,
+    "data-selected": h,
+    href: _,
+    onKeyPress: (n) => {
+      n.key === "Enter" && (t == null || t()), e == null || e(n);
     },
-    onClick: n,
-    children: [
-      /* @__PURE__ */ a("div", { className: e.content, children: [
-        N,
-        t && /* @__PURE__ */ c(T, { ...t, theme: (t == null ? void 0 : t.theme) || "surface" })
-      ] }),
-      o && /* @__PURE__ */ a("div", { className: e.action, children: [
-        s && /* @__PURE__ */ c("span", { className: e.linkText, children: s }),
-        o && /* @__PURE__ */ c(v, { svgElement: o, className: e.linkIcon })
-      ] })
-    ]
+    onClick: t,
+    children: /* @__PURE__ */ m("span", { className: c.content, children: u })
   }
 );
 export {
-  O as MenuItemBase
+  z as MenuItemBase
 };