@altinn/altinn-components 0.28.1 → 0.29.0

package/dist/components/Icon/Icon.js

@@ -1,34 +1,33 @@
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { c as n } from "../../index-L8X2o7IH.js";
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { c } from "../../index-L8X2o7IH.js";
 import "react";
 import { Skeleton as _ } from "../Skeleton/Skeleton.js";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/Icon.css';const f = "_icon_2h14f_1", g = "_shape_2h14f_9", v = "_svg_2h14f_15", N = "_image_2h14f_16", a = {
-  icon: f,
-  shape: g,
-  svg: v,
-  image: N
-}, z = (s) => typeof s == "object" && s !== null && ("svgElement" in s || "iconUrl" in s), E = ({
+import '../../assets/Icon.css';const d = "_icon_2h14f_1", f = "_shape_2h14f_9", g = "_svg_2h14f_15", v = "_image_2h14f_16", a = {
+  icon: d,
+  shape: f,
+  svg: g,
+  image: v
+}, y = (s) => typeof s == "object" && s !== null && ("svgElement" in s || "iconUrl" in s), z = ({
   loading: s,
-  altText: r,
-  svgElement: c,
-  variant: i = "fill",
-  size: o,
-  color: m,
-  theme: l,
+  altText: n,
+  svgElement: r,
+  size: i,
+  color: o,
+  theme: m,
   iconUrl: p,
   className: t,
-  style: h
-}) => c ? /* @__PURE__ */ e("span", { "data-size": o, "data-color": m, "data-theme": l, className: n(a.icon, t), style: h, children: /* @__PURE__ */ d(_, { loading: s, variant: "circle", className: a.shape, children: [
+  style: l
+}) => r ? /* @__PURE__ */ e("span", { "data-size": i, "data-color": o, "data-theme": m, className: c(a.icon, t), style: l, children: /* @__PURE__ */ h(_, { loading: s, variant: "circle", className: a.shape, children: [
   /* @__PURE__ */ e("span", { className: a.shape }),
-  /* @__PURE__ */ e(c, { "aria-hidden": "true", "alt-label": r, "data-variant": i, className: a.svg })
-] }) }) : p ? /* @__PURE__ */ e("span", { "data-size": o, "data-color": m, "data-theme": l, className: n(a.icon, t), style: h, children: /* @__PURE__ */ d(_, { 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__ */ h(_, { loading: s, variant: "circle", className: a.shape, children: [
   /* @__PURE__ */ e("span", { className: a.shape }),
-  /* @__PURE__ */ e("img", { src: p, alt: r, className: a.image, "data-variant": i })
-] }) }) : /* @__PURE__ */ e("span", { className: n(a.icon, t) });
+  /* @__PURE__ */ e("img", { src: p, alt: n, className: a.image })
+] }) }) : /* @__PURE__ */ e("span", { className: c(a.icon, t) });
 export {
-  E as Icon,
-  z as isIconProps
+  z as Icon,
+  y as isIconProps
 };

package/dist/components/Icon/IconOrAvatar.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { isValidElement as p } from "react";
-import { Icon as i } from "./Icon.js";
+import { Icon as n } from "./Icon.js";
 import "../../index-L8X2o7IH.js";
 import { Avatar as f } from "../Avatar/Avatar.js";
 import { AvatarGroup as c } from "../Avatar/AvatarGroup.js";
@@ -8,25 +8,25 @@ import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as l } from "../../XMark-DIqxCTTQ.js";
-import '../../assets/IconOrAvatar.css';const u = "_icon_1ez59_1", v = "_avatar_1ez59_2", _ = "_avatarGroup_1ez59_6", e = {
+import '../../assets/IconOrAvatar.css';const u = "_icon_1ez59_1", _ = "_avatar_1ez59_2", v = "_avatarGroup_1ez59_6", e = {
   icon: u,
-  avatar: v,
-  avatarGroup: _
+  avatar: _,
+  avatarGroup: v
 };
 function g(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, S = ({ loading: r, size: m, icon: t, iconTheme: s, avatar: n, avatarGroup: a }) => {
-  if (!t && !n && !a)
+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__ */ o(i, { className: e.icon, svgElement: l, loading: !0 });
+    return /* @__PURE__ */ o(n, { className: e.icon, svgElement: l, loading: !0 });
   if (t)
-    return N(t) ? /* @__PURE__ */ o(i, { className: e.icon, theme: t.theme || s, variant: "contain", ...t }) : g(t) ? t : /* @__PURE__ */ o(i, { className: e.icon, svgElement: t, variant: "contain", theme: s });
-  if (n)
-    return /* @__PURE__ */ o(f, { ...n, size: n.size || m, className: e.avatar });
-  if (a)
-    return /* @__PURE__ */ o(c, { ...a, className: e.avatarGroup });
+    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__ */ o(f, { ...s, size: s.size || i, className: e.avatar });
+  if (m)
+    return /* @__PURE__ */ o(c, { ...m, className: e.avatarGroup });
 };
 export {
   S as IconOrAvatar

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,5 +1,5 @@
-import { jsxs as p, jsx as e, Fragment as E } from "react/jsx-runtime";
-import { c as k } from "../../index-L8X2o7IH.js";
+import { jsxs as l, jsx as e, Fragment as E } from "react/jsx-runtime";
+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";
@@ -8,87 +8,94 @@ 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 A } from "./ListItemSelect.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_hyqf4_1", O = "_label_hyqf4_27", o = {
-  header: M,
-  label: O
-}, ie = ({
-  as: d,
-  interactive: s = !0,
-  color: h,
-  loading: r,
-  disabled: f,
-  collapsible: I,
-  linkIcon: v,
-  expanded: L,
-  select: m,
-  href: b,
-  onClick: u,
-  onKeyPress: y,
+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: f,
+  loading: t,
+  disabled: h,
+  collapsible: d,
+  linkIcon: I,
+  expanded: v,
+  select: s,
+  href: L,
+  onClick: _,
+  onKeyPress: u,
   tabIndex: S,
   size: i,
-  title: _,
-  description: x,
-  icon: C,
-  active: a,
-  badge: t,
-  controls: l,
-  className: N,
-  children: j,
-  ariaLabel: q
+  title: b,
+  description: k,
+  icon: N,
+  active: m,
+  badge: r,
+  controls: n,
+  className: x,
+  children: y,
+  ariaLabel: C
 }) => {
-  const n = I ? L ? G : J : v ? K : void 0, B = () => t && !r && typeof t == "object" && "label" in t ? /* @__PURE__ */ e(F, { ...t }) : z(t) ? t : null, c = w();
-  return /* @__PURE__ */ p(
+  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: k(o.header, N),
-      "data-color": h,
-      "data-interactive": s,
+      className: g(o.header, x),
+      "data-color": f,
+      "data-interactive": p,
       "data-size": i,
-      "data-has-active-child": a,
+      "data-has-active-child": m,
       children: [
         /* @__PURE__ */ e(
           H,
           {
-            interactive: s,
-            as: d,
-            href: b,
-            onClick: u,
-            onKeyPress: y,
+            as: c,
+            href: L,
+            onClick: _,
+            onKeyPress: u,
             tabIndex: S,
-            loading: r,
-            disabled: f || r,
-            active: a,
-            describedby: c,
-            children: /* @__PURE__ */ e("span", { children: q })
+            loading: t,
+            disabled: h || t,
+            active: m,
+            ariaLabel: C
           }
         ),
-        m && /* @__PURE__ */ e(A, { ...m, className: o.select }),
-        /* @__PURE__ */ e(U, { loading: r, icon: C }),
+        s && /* @__PURE__ */ e(q, { ...s, className: o.select }),
+        /* @__PURE__ */ e(U, { loading: t, icon: N }),
         /* @__PURE__ */ e(
           R,
           {
             size: i,
-            loading: r,
-            title: _,
-            description: x,
-            id: c,
+            loading: t,
+            title: b,
+            description: k,
+            id: B,
             className: o.label,
-            children: j
+            children: y
           }
         ),
-        /* @__PURE__ */ e(V, { className: o.controls, children: l && !r ? /* @__PURE__ */ e("span", { style: { position: "relative" }, children: l }) : /* @__PURE__ */ p(E, { children: [
-          B(),
-          n && /* @__PURE__ */ e(D, { svgElement: n, style: { fontSize: "1.5rem" } })
+        /* @__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(
+            D,
+            {
+              svgElement: a,
+              style: {
+                fontSize: "1.5rem"
+              }
+            }
+          ) })
         ] }) })
       ]
     }
   );
 };
 export {
-  ie as ListItemHeader
+  ne as ListItemHeader
 };

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/List/ListItemLink.js

@@ -1,37 +1,37 @@
-import { jsx as d } from "react/jsx-runtime";
-import { c } from "../../index-L8X2o7IH.js";
-import '../../assets/ListItemLink.css';const x = "_link_18ajm_1", i = {
-  link: x
-}, u = ({
-  interactive: e = !1,
-  as: o,
-  loading: p,
-  disabled: f,
-  selected: l,
-  href: v,
+import { jsx as i } from "react/jsx-runtime";
+import { c as m } from "../../index-L8X2o7IH.js";
+import '../../assets/ListItemLink.css';const u = "_link_18ajm_1", s = {
+  link: u
+}, h = ({
+  as: c,
+  loading: l,
+  disabled: p,
+  selected: v,
+  href: f,
   onClick: t,
   onKeyPress: a,
   className: r,
-  children: m,
-  active: b,
-  describedby: n
-}) => e ? /* @__PURE__ */ d(
-  o || "div",
-  {
-    className: c(i.link, i.interactive, r),
-    href: v,
-    onKeyPress: (s) => {
-      s.key === "Enter" && (t == null || t()), a == null || a(s);
-    },
-    onClick: t,
-    "data-interactive": e,
-    "aria-disabled": p || f,
-    "aria-selected": l,
-    "aria-describedby": n,
-    "data-active": b,
-    children: m
-  }
-) : /* @__PURE__ */ d("div", { className: c(i.link, r), "aria-describedby": n, children: m });
+  active: o,
+  ariaLabel: e
+}) => {
+  const n = c || "div";
+  return n === "div" ? /* @__PURE__ */ i("div", { className: m(s.link, r), children: /* @__PURE__ */ i("span", { children: e }) }) : /* @__PURE__ */ i(
+    n,
+    {
+      className: m(s.link, r),
+      href: f,
+      onKeyPress: (d) => {
+        d.key === "Enter" && (t == null || t()), a == null || a(d);
+      },
+      onClick: t,
+      "data-interactive": "true",
+      "aria-disabled": l || p,
+      "aria-selected": v,
+      "aria-label": e,
+      "data-active": o
+    }
+  );
+};
 export {
-  u as ListItemLink
+  h as ListItemLink
 };

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,41 @@
-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 u = "_item_1df6r_1", I = "_content_1df6r_45", o = {
+  item: u,
+  content: I
+}, z = ({
+  as: s,
+  color: c,
+  theme: d,
+  size: r,
+  className: i,
+  href: p,
+  onClick: t,
+  onKeyPress: e,
+  tabIndex: _ = 0,
   hidden: f,
-  selected: I,
-  disabled: m = !1,
-  linkIcon: o,
-  linkText: s,
-  badge: t,
-  children: N
-}) => /* @__PURE__ */ a(
-  _ || "a",
+  selected: x,
+  disabled: a = !1,
+  children: h
+}) => /* @__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" : _ ?? 0,
+    className: l(o.item, i),
+    "data-size": r,
+    "data-color": c,
+    "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": x,
+    href: p,
+    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: o.content, children: h })
   }
 );
 export {
-  O as MenuItemBase
+  z as MenuItemBase
 };