@altinn/altinn-components 0.24.7 → 0.25.0

package/dist/components/Dialog/DialogStatus.js

@@ -1,11 +1,11 @@
 import { jsx as n } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import { MetaItem as o } from "../Meta/MetaItem.js";
-import { MetaProgress as s } from "../Meta/MetaProgress.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
+import { MetaItem as o } from "../Meta/MetaItem.js";
+import { MetaProgress as s } from "../Meta/MetaProgress.js";
 var p = /* @__PURE__ */ ((r) => (r.draft = "DRAFT", r.sent = "SENT", r.new = "NEW", r.completed = "COMPLETED", r["in-progress"] = "IN_PROGRESS", r["requires-attention"] = "REQUIRES_ATTENTION", r))(p || {});
 const R = ({ loading: r, size: i = "xs", value: t = "new", label: e }) => {
   if (r)

package/dist/components/Dropdown/DropdownBase.js

@@ -1,8 +1,8 @@
-import { jsx as p } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import { c } from "../../index-L8X2o7IH.js";
 import { useRef as l } from "react";
 import { useClickOutside as f } from "../../hooks/useClickOutside.js";
-import '../../assets/DropdownBase.css';const i = "_dropdown_139me_1", u = {
+import '../../assets/DropdownBase.css';const i = "_dropdown_16kos_1", u = {
   dropdown: i
 }, h = ({
   layout: t,
@@ -12,11 +12,11 @@ import '../../assets/DropdownBase.css';const i = "_dropdown_139me_1", u = {
   className: n,
   children: r,
   onClose: s,
-  as: m = "div"
+  as: p = "div"
 }) => {
   const o = l(null);
-  return f(o, s), /* @__PURE__ */ p(
-    m,
+  return f(o, s), /* @__PURE__ */ m(
+    p,
     {
       ref: o,
       className: c(u.dropdown, n),

package/dist/components/DsComponents/index.js

@@ -1,23 +1,24 @@
-import { A as D, B as e, a as o, C as i, b as n, c as t, D as r, d as g, H as b, L as d, e as h, f as p, P, g as l, h as C, S as L, i as S, j as c, T as k, u as m } from "../../usePagination-CBMPUKt_.js";
+import { A as D, B as e, a as o, C as i, b as r, c as t, D as n, H as g, L as p, d as b, e as d, P as h, f as P, g as l, S as m, h as x, i as C, T as L, u as S } from "../../usePagination-B2I-a3Aq.js";
+import { D as f } from "../../index-DcykCrjD.js";
 export {
   D as DsAlert,
   e as DsBadge,
   o as DsButton,
   i as DsCheckbox,
-  n as DsChip,
+  r as DsChip,
   t as DsCombobox,
-  r as DsDetails,
-  g as DsDialog,
-  b as DsHeading,
-  d as DsLink,
-  h as DsListItem,
-  p as DsListUnordered,
-  P as DsPagination,
-  l as DsParagraph,
-  C as DsPopover,
-  L as DsSearch,
-  S as DsSkeleton,
-  c as DsSpinner,
-  k as DsTabs,
-  m as useDsPagination
+  f as DsDetails,
+  n as DsDialog,
+  g as DsHeading,
+  p as DsLink,
+  b as DsListItem,
+  d as DsListUnordered,
+  h as DsPagination,
+  P as DsParagraph,
+  l as DsPopover,
+  m as DsSearch,
+  x as DsSkeleton,
+  C as DsSpinner,
+  L as DsTabs,
+  S as useDsPagination
 };

package/dist/components/Icon/Icon.js

@@ -2,11 +2,11 @@ import { jsx as r } from "react/jsx-runtime";
 import { c as t } from "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { Skeleton as p } from "../Skeleton/Skeleton.js";
+import { Skeleton as d } from "../Skeleton/Skeleton.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/Icon.css';const d = "_icon_3p8he_1", a = {
-  icon: d
+import '../../assets/Icon.css';const p = "_icon_ti5cw_1", a = {
+  icon: p
 }, b = ({
   loading: c,
   altText: n,
@@ -16,7 +16,7 @@ import '../../assets/Icon.css';const d = "_icon_3p8he_1", a = {
   theme: m,
   iconUrl: l,
   className: i
-}) => o ? /* @__PURE__ */ r(p, { loading: c, variant: "circle", children: /* @__PURE__ */ r("span", { "data-size": e, "data-color": s, "data-theme": m, className: t([a.icon], i), children: /* @__PURE__ */ r(o, { "aria-hidden": "true", "alt-label": n }) }) }) : l ? /* @__PURE__ */ r(p, { loading: c, variant: "circle", children: /* @__PURE__ */ r("span", { "data-size": e, "data-color": s, "data-theme": m, className: t([a.icon], i), children: /* @__PURE__ */ r("img", { src: l, alt: n, className: a.icon }) }) }) : /* @__PURE__ */ r("span", { className: t([a.icon], i) });
+}) => o ? /* @__PURE__ */ r(d, { loading: c, variant: "circle", children: /* @__PURE__ */ r("span", { "data-size": e, "data-color": s, "data-theme": m, className: t([a.icon], i), children: /* @__PURE__ */ r(o, { "aria-hidden": "true", "alt-label": n }) }) }) : l ? /* @__PURE__ */ r(d, { loading: c, variant: "circle", children: /* @__PURE__ */ r("span", { "data-size": e, "data-color": s, "data-theme": m, className: t([a.icon], i), children: /* @__PURE__ */ r("img", { src: l, alt: n, className: a.icon }) }) }) : /* @__PURE__ */ r("span", { className: t([a.icon], i) });
 export {
   b as Icon
 };

package/dist/components/Icon/ProgressIcon.js

@@ -1,12 +1,12 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import { c as p } from "../../index-L8X2o7IH.js";
-import '../../assets/ProgressIcon.css';const i = "_progress_1usqp_1", g = "_complete_1usqp_25", c = {
+import '../../assets/ProgressIcon.css';const i = "_progress_wvt7o_1", g = "_complete_wvt7o_25", c = {
   progress: i,
   complete: g
 }, C = ({ value: e = 0, total: s = 100, className: l }) => {
-  const r = Math.round(e / s * 100);
+  const o = Math.round(e / s * 100);
   if (e === s)
-    return /* @__PURE__ */ o(
+    return /* @__PURE__ */ r(
       "svg",
       {
         width: "16",
@@ -16,7 +16,7 @@ import '../../assets/ProgressIcon.css';const i = "_progress_1usqp_1", g = "_comp
         xmlns: "http://www.w3.org/2000/svg",
         className: c.complete,
         children: [
-          /* @__PURE__ */ o("title", { children: [
+          /* @__PURE__ */ r("title", { children: [
             "Progress ",
             e,
             " of ",
@@ -35,9 +35,9 @@ import '../../assets/ProgressIcon.css';const i = "_progress_1usqp_1", g = "_comp
       }
     );
   const n = {
-    "--progress": `${r}%`
+    "--progress": `${o}%`
   };
-  return /* @__PURE__ */ t("div", { className: p(c.progress, l), style: n, "data-value": `${r}%` });
+  return /* @__PURE__ */ t("div", { className: p(c.progress, l), style: n, "data-value": `${o}%` });
 };
 export {
   C as ProgressIcon

package/dist/components/Layout/LayoutBase.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import '../../assets/LayoutBase.css';const r = "_base_y26h6_1", c = {
+import '../../assets/LayoutBase.css';const r = "_base_14p9u_1", c = {
   base: r
 }, n = ({ currentId: a, color: s, theme: t, children: e }) => /* @__PURE__ */ o("div", { className: c.base, "data-color": s, "data-theme": t, "data-current-id": a, children: e });
 export {

package/dist/components/LayoutAction/ActionHeader.js

@@ -1,4 +1,4 @@
-import { jsxs as d, jsx as s } from "react/jsx-runtime";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import { IconButton as c } from "../Button/IconButton.js";
@@ -7,32 +7,32 @@ import { Heading as l } from "../Typography/Heading.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as p } from "../../XMark-Bv1I87Ev.js";
-import '../../assets/ActionHeader.css';const h = "_header_1tian_1", _ = "_title_1tian_34", f = "_dismiss_1tian_40", t = {
+import '../../assets/ActionHeader.css';const h = "_header_7fwyg_1", _ = "_title_7fwyg_34", f = "_dismiss_7fwyg_40", t = {
   header: h,
   title: _,
   dismiss: f
-}, H = ({
-  color: i,
-  theme: e,
+}, A = ({
+  color: s,
+  theme: i,
   hidden: r = !1,
-  title: a,
-  dismissable: o = !0,
+  title: o,
+  dismissable: a = !0,
   dismissIconAltText: m = "Close",
-  onDismiss: n
-}) => /* @__PURE__ */ d("header", { className: t.header, "aria-hidden": r, "data-color": i, "data-theme": e, children: [
-  /* @__PURE__ */ s(l, { size: "sm", className: t.title, children: a }),
-  o && /* @__PURE__ */ s(
+  onDismiss: d
+}) => /* @__PURE__ */ n("header", { className: t.header, "aria-hidden": r, "data-color": s, "data-theme": i, children: [
+  /* @__PURE__ */ e(l, { size: "sm", className: t.title, children: o }),
+  a && /* @__PURE__ */ e(
     c,
     {
       icon: p,
-      color: i,
+      color: s,
       variant: "solid",
-      onClick: n,
+      onClick: d,
       className: t.dismiss,
       iconAltText: m
     }
   )
 ] });
 export {
-  H as ActionHeader
+  A as ActionHeader
 };

package/dist/components/List/ListItemBase.js

@@ -1,41 +1,41 @@
-import { jsx as b } from "react/jsx-runtime";
-import { c as H } from "../../index-L8X2o7IH.js";
-import '../../assets/ListItemBase.css';const f = "_item_1dbo9_1", x = "_interactiveSelected_1dbo9_83", h = "_interactiveHidden_1dbo9_87", u = "_interactive_1dbo9_83", t = {
-  item: f,
-  interactiveSelected: x,
-  interactiveHidden: h,
-  interactive: u
+import { jsx as S } from "react/jsx-runtime";
+import { c as q } from "../../index-L8X2o7IH.js";
+import '../../assets/ListItemBase.css';const H = "_item_2saqu_1", f = "_interactiveSelected_2saqu_83", x = "_interactiveHidden_2saqu_87", h = "_interactive_2saqu_83", t = {
+  item: H,
+  interactiveSelected: f,
+  interactiveHidden: x,
+  interactive: h
 }, j = ({
-  as: a,
+  as: i,
   interactive: n = !0,
   size: c,
-  variant: o,
+  variant: s,
   color: r,
   theme: e,
-  shadow: d,
-  hidden: i = !1,
-  selected: s,
+  shadow: o,
+  hidden: a = !1,
+  selected: d,
   className: v,
   onMouseEnter: m,
   children: _
 }) => {
-  const l = a || "li", p = e === "transparent" ? "none" : d, S = H(
+  const l = i || "li", p = e === "transparent" ? "none" : o, u = q(
     t.item,
     v,
     n && t.interactive,
-    s && t.interactiveSelected,
-    i && t.interactiveHidden
+    d && t.interactiveSelected,
+    a && t.interactiveHidden
   );
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ S(
     l,
     {
-      className: S,
-      "data-variant": o,
+      className: u,
+      "data-variant": s,
       "data-color": r,
       "data-theme": e,
       "data-size": c,
       "data-shadow": p,
-      "aria-hidden": i,
+      "aria-hidden": a,
       onMouseEnter: m,
       children: _
     }

package/dist/components/List/ListItemHeader.js

@@ -14,35 +14,35 @@ import "../Snackbar/useSnackbar.js";
 import { S as O } from "../../ChevronUp-H8Nuww4h.js";
 import { S as P } from "../../ChevronDown-CRAwzuD3.js";
 import { S as Q } from "../../ChevronRight-DUaHaWi-.js";
-import '../../assets/ListItemHeader.css';const W = "_wrapper_xtweu_1", X = "_link_xtweu_5", Y = "_linkTitle_xtweu_10", Z = "_header_xtweu_16", $ = "_content_xtweu_54", t = {
+import '../../assets/ListItemHeader.css';const W = "_wrapper_1c93s_1", X = "_link_1c93s_5", Y = "_linkTitle_1c93s_10", Z = "_header_1c93s_16", $ = "_content_1c93s_54", t = {
   wrapper: W,
   link: X,
   linkTitle: Y,
   header: Z,
   content: $
-}, ue = ({
+}, Ie = ({
   as: _,
   interactive: m = !0,
-  color: u,
-  theme: I,
+  color: I,
+  theme: v,
   loading: r,
-  disabled: x,
-  collapsible: v,
-  linkIcon: w,
-  expanded: k,
-  select: l,
-  href: L,
-  onClick: S,
-  onKeyPress: N,
+  disabled: k,
+  collapsible: L,
+  linkIcon: S,
+  expanded: u,
+  select: c,
+  href: x,
+  onClick: N,
+  onKeyPress: w,
   tabIndex: b,
-  size: s = "sm",
-  title: a,
+  size: i = "sm",
+  title: l,
   description: y,
   icon: z,
   avatar: C,
-  active: c,
+  active: a,
   avatarGroup: T,
-  badge: i,
+  badge: s,
   controls: p,
   className: j,
   children: B,
@@ -55,16 +55,16 @@ import '../../assets/ListItemHeader.css';const W = "_wrapper_xtweu_1", X = "_lin
     md: "lg",
     lg: "lg",
     xl: "xl"
-  }, d = v ? k ? O : P : w ? Q : void 0, o = D[s], F = () => i && !r && typeof i == "object" && "label" in i ? /* @__PURE__ */ e(V, { ...i }) : R(i) ? i : null, h = M();
+  }, d = L ? u ? O : P : S ? Q : void 0, o = D[i], F = () => s && !r && typeof s == "object" && "label" in s ? /* @__PURE__ */ e(V, { ...s }) : R(s) ? s : null, h = M();
   return /* @__PURE__ */ e("div", { className: t.wrapper, children: /* @__PURE__ */ n(
     "header",
     {
       className: f(t.header, j),
-      "data-color": u,
-      "data-theme": I,
+      "data-color": I,
+      "data-theme": v,
       "data-interactive": m,
-      "data-size": s,
-      "data-has-active-child": c,
+      "data-size": i,
+      "data-has-active-child": a,
       children: [
         /* @__PURE__ */ e(
           q,
@@ -72,19 +72,19 @@ import '../../assets/ListItemHeader.css';const W = "_wrapper_xtweu_1", X = "_lin
             interactive: m,
             className: f(t.link),
             as: _,
-            href: L,
-            onClick: S,
-            onKeyPress: N,
+            href: x,
+            onClick: N,
+            onKeyPress: w,
             tabIndex: b,
             loading: r,
-            disabled: x || r,
-            active: c,
+            disabled: k || r,
+            active: a,
             describedby: h,
-            children: /* @__PURE__ */ e("span", { className: t.linkTitle, children: E || a })
+            children: /* @__PURE__ */ e("span", { className: t.linkTitle, children: E || l })
           }
         ),
-        /* @__PURE__ */ n("div", { className: t.content, "data-size": s, children: [
-          l && /* @__PURE__ */ e(K, { ...l, className: t.select, size: o }),
+        /* @__PURE__ */ n("div", { className: t.content, "data-size": i, children: [
+          c && /* @__PURE__ */ e(K, { ...c, className: t.select, size: o }),
           /* @__PURE__ */ e(
             G,
             {
@@ -98,9 +98,9 @@ import '../../assets/ListItemHeader.css';const W = "_wrapper_xtweu_1", X = "_lin
           /* @__PURE__ */ e(
             A,
             {
-              size: s,
+              size: i,
               loading: r,
-              title: a,
+              title: l,
               description: y,
               id: h,
               titleAs: g,
@@ -117,5 +117,5 @@ import '../../assets/ListItemHeader.css';const W = "_wrapper_xtweu_1", X = "_lin
   ) });
 };
 export {
-  ue as ListItemHeader
+  Ie as ListItemHeader
 };

package/dist/components/List/ListItemLabel.js

@@ -1,26 +1,26 @@
 import { jsx as t, jsxs as p, Fragment as _ } from "react/jsx-runtime";
-import { Skeleton as o } from "../Skeleton/Skeleton.js";
-import '../../assets/ListItemLabel.css';const h = "_label_uoku6_3", u = "_title_uoku6_36", b = "_description_uoku6_57", l = {
+import { Skeleton as n } from "../Skeleton/Skeleton.js";
+import '../../assets/ListItemLabel.css';const h = "_label_ktd6x_3", b = "_title_ktd6x_36", x = "_description_ktd6x_57", l = {
   label: h,
-  title: u,
-  description: b
-}, x = ({
+  title: b,
+  description: x
+}, N = ({
   loading: s = !1,
   size: e = "sm",
-  title: n,
-  titleAs: c = "h2",
+  title: c,
+  titleAs: o = "h2",
   weight: r = "bold",
   description: a,
   children: i,
   id: d
 }) => {
-  const m = c;
+  const m = o;
   return /* @__PURE__ */ t("span", { className: l.label, "data-size": e, id: d, children: i || /* @__PURE__ */ p(_, { children: [
-    /* @__PURE__ */ t(o, { loading: s, children: /* @__PURE__ */ t(m, { className: l.title, "data-size": e, "data-weight": r, children: n }) }),
+    /* @__PURE__ */ t(n, { loading: s, children: /* @__PURE__ */ t(m, { className: l.title, "data-size": e, "data-weight": r, children: c }) }),
     " ",
-    a && /* @__PURE__ */ t(o, { loading: s, children: /* @__PURE__ */ t("p", { className: l.description, "data-size": e, children: a }) })
+    a && /* @__PURE__ */ t(n, { loading: s, children: /* @__PURE__ */ t("p", { className: l.description, "data-size": e, children: a }) })
   ] }) });
 };
 export {
-  x as ListItemLabel
+  N as ListItemLabel
 };

package/dist/components/List/ListItemSelect.js

@@ -1,18 +1,18 @@
-import { jsxs as r, jsx as c } from "react/jsx-runtime";
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
 import { c as l } from "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { CheckboxIcon as n } from "../Icon/CheckboxIcon.js";
-import '../../assets/ListItemSelect.css';const a = "_label_1rc60_1", m = "_input_1rc60_15", p = "_icon_1rc60_19", t = {
+import { CheckboxIcon as r } from "../Icon/CheckboxIcon.js";
+import '../../assets/ListItemSelect.css';const a = "_label_1nykd_1", m = "_input_1nykd_15", p = "_icon_1nykd_19", t = {
   label: a,
   input: m,
   icon: p
-}, j = ({ size: e, checked: o = !1, onChange: s, className: i }) => /* @__PURE__ */ r("label", { className: l(t.label, i), "data-size": e, children: [
-  /* @__PURE__ */ c("input", { type: "checkbox", checked: o, onChange: s, className: t.input }),
-  /* @__PURE__ */ c(n, { hover: !0, checked: o, className: t.icon })
+}, k = ({ size: n, checked: o = !1, onChange: s, className: i }) => /* @__PURE__ */ c("label", { className: l(t.label, i), "data-size": n, children: [
+  /* @__PURE__ */ e("input", { type: "checkbox", checked: o, onChange: s, className: t.input }),
+  /* @__PURE__ */ e(r, { hover: !0, checked: o, className: t.icon })
 ] });
 export {
-  j as ListItemSelect
+  k as ListItemSelect
 };

package/dist/components/Menu/MenuBase.js

@@ -1,19 +1,19 @@
 import { jsx as m } from "react/jsx-runtime";
-import { c as i } from "../../index-L8X2o7IH.js";
-import '../../assets/MenuBase.css';const p = "_menu_twp4i_1", r = "_list_twp4i_12", u = "_item_twp4i_18", a = {
-  menu: p,
+import { c as a } from "../../index-L8X2o7IH.js";
+import '../../assets/MenuBase.css';const u = "_menu_sxyub_1", r = "_list_sxyub_16", l = "_item_sxyub_22", c = {
+  menu: u,
   list: r,
-  item: u
-}, d = ({ as: t = "nav", color: n, theme: e, className: o, children: s }) => /* @__PURE__ */ m(t, { className: i(a.menu, o), "data-color": n, "data-theme": e, children: s }), x = ({ as: t = "ul", role: n = "group", className: e, children: o }) => /* @__PURE__ */ m(t, { className: i(a.list, e), role: n, children: o }), w = ({
+  item: l
+}, C = ({ as: t = "nav", color: n, theme: e, className: o, children: s }) => /* @__PURE__ */ m(t, { className: a(c.menu, o), "data-color": n, "data-theme": e, children: s }), d = ({ as: t = "ul", role: n = "group", className: e, children: o }) => /* @__PURE__ */ m(t, { className: a(c.list, e), role: n, children: o }), y = ({
   as: t = "li",
   role: n = "presentation",
   className: e,
   children: o,
   style: s,
-  dataIndex: c
-}) => /* @__PURE__ */ m(t, { className: i(a.item, e), role: n, style: s, "data-index": c, children: o });
+  dataIndex: i
+}) => /* @__PURE__ */ m(t, { className: a(c.item, e), role: n, style: s, "data-index": i, children: o });
 export {
-  d as MenuBase,
-  x as MenuList,
-  w as MenuListItem
+  C as MenuBase,
+  d as MenuList,
+  y as MenuListItem
 };

package/dist/components/Menu/MenuInputField.js

@@ -1,17 +1,17 @@
 import { jsxs as _, jsx as l } from "react/jsx-runtime";
-import '../../assets/MenuInputField.css';const i = "_field_19amd_1", d = "_label_19amd_9", u = "_input_19amd_17", m = "_button_19amd_37", p = "_close_19amd_42", r = "_icon_19amd_46", t = {
+import '../../assets/MenuInputField.css';const i = "_field_bgrbp_1", p = "_label_bgrbp_9", a = "_input_bgrbp_17", r = "_button_bgrbp_37", u = "_close_bgrbp_42", d = "_icon_bgrbp_46", t = {
   field: i,
-  label: d,
-  input: u,
-  button: m,
-  close: p,
-  icon: r
-}, f = ({
+  label: p,
+  input: a,
+  button: r,
+  close: u,
+  icon: d
+}, g = ({
   label: e,
   type: o = "text",
   value: n,
   name: s,
-  placeholder: a = "Søk",
+  placeholder: b = "Søk",
   onChange: c
 }) => /* @__PURE__ */ _("label", { className: t.field, children: [
   e && /* @__PURE__ */ l("span", { className: t.label, children: e }),
@@ -22,7 +22,7 @@ import '../../assets/MenuInputField.css';const i = "_field_19amd_1", d = "_label
       type: o,
       value: n,
       name: s,
-      placeholder: a,
+      placeholder: b,
       className: t.input,
       onChange: c,
       autoComplete: "off"
@@ -30,5 +30,5 @@ import '../../assets/MenuInputField.css';const i = "_field_19amd_1", d = "_label
   )
 ] });
 export {
-  f as MenuInputField
+  g as MenuInputField
 };

package/dist/components/Menu/MenuItemBase.js

@@ -1,4 +1,4 @@
-import { jsxs as c, jsx as m } from "react/jsx-runtime";
+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";
@@ -6,57 +6,57 @@ import { Badge as T } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/MenuItemBase.css';const j = "_item_1gk35_1", B = "_content_1gk35_45", E = "_action_1gk35_53", g = "_linkText_1gk35_60", z = "_linkIcon_1gk35_65", n = {
-  item: j,
-  content: B,
-  action: E,
-  linkText: g,
-  linkIcon: z
-}, L = ({
+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: e,
-  onKeyPress: o,
-  tabIndex: f = 0,
-  hidden: k,
+  onClick: n,
+  onKeyPress: i,
+  tabIndex: j = 0,
+  hidden: f,
   selected: I,
-  disabled: i = !1,
-  linkIcon: a,
+  disabled: m = !1,
+  linkIcon: o,
   linkText: s,
   badge: t,
   children: N
-}) => /* @__PURE__ */ c(
+}) => /* @__PURE__ */ a(
   _ || "a",
   {
-    tabIndex: i ? "-1" : f ?? 0,
-    className: u(n.item, h),
+    tabIndex: m ? "-1" : j ?? 0,
+    className: u(e.item, h),
     "data-size": d,
     "data-color": l,
     "data-theme": p,
-    "aria-hidden": k,
-    "aria-disabled": i,
+    "aria-hidden": f,
+    "aria-disabled": m,
     "data-selected": I,
     href: x,
     onKeyPress: (r) => {
-      r.key === "Enter" && (e == null || e()), o == null || o(r);
+      r.key === "Enter" && (n == null || n()), i == null || i(r);
     },
-    onClick: e,
+    onClick: n,
     children: [
-      /* @__PURE__ */ c("div", { className: n.content, children: [
+      /* @__PURE__ */ a("div", { className: e.content, children: [
         N,
-        t && /* @__PURE__ */ m(T, { ...t, theme: (t == null ? void 0 : t.theme) || "surface" })
+        t && /* @__PURE__ */ c(T, { ...t, theme: (t == null ? void 0 : t.theme) || "surface" })
       ] }),
-      a && /* @__PURE__ */ c("div", { className: n.action, children: [
-        s && /* @__PURE__ */ m("span", { className: n.linkText, children: s }),
-        a && /* @__PURE__ */ m(v, { svgElement: a, className: n.linkIcon })
+      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 })
       ] })
     ]
   }
 );
 export {
-  L as MenuItemBase
+  O as MenuItemBase
 };