@altinn/altinn-components 0.13.4 → 0.14.0

package/dist/components/LayoutAction/ActionHeader.js

@@ -1,16 +1,27 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { jsxs as n, jsx as s } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { IconButton as d } from "../Button/IconButton.js";
-import '../../assets/ActionHeader.css';const s = "_header_ldd78_1", l = "_title_ldd78_34", c = "_button_ldd78_39", m = "_icon_ldd78_53", t = {
-  header: s,
-  title: l,
-  button: c,
-  icon: m
-}, b = ({ hidden: o = !1, title: n, dismissable: a = !0, onDismiss: i }) => /* @__PURE__ */ r("header", { className: t.header, "aria-hidden": o, "data-theme": "global-dark", children: [
-  /* @__PURE__ */ e("h2", { className: t.title, children: n }),
-  a && /* @__PURE__ */ e(d, { icon: "x-mark", variant: "outline", onClick: i, className: t.dismiss })
+import { Heading as d } from "../Typography/Heading.js";
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import { IconButton as c } from "../Button/IconButton.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
+import '../../assets/ActionHeader.css';const l = "_header_1tian_1", p = "_title_1tian_34", h = "_dismiss_1tian_40", t = {
+  header: l,
+  title: p,
+  dismiss: h
+}, v = ({
+  color: i,
+  theme: e,
+  hidden: r = !1,
+  title: a,
+  dismissable: o = !0,
+  onDismiss: m
+}) => /* @__PURE__ */ n("header", { className: t.header, "aria-hidden": r, "data-color": i, "data-theme": e, children: [
+  /* @__PURE__ */ s(d, { size: "sm", className: t.title, children: a }),
+  o && /* @__PURE__ */ s(c, { icon: "x-mark", color: i, variant: "solid", onClick: m, className: t.dismiss })
 ] });
 export {
-  b as ActionHeader
+  v as ActionHeader
 };

package/dist/components/LayoutAction/LayoutAction.js

@@ -0,0 +1,38 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import { LayoutBase as s } from "../Layout/LayoutBase.js";
+import { ActionHeader as f } from "./ActionHeader.js";
+import { ActionFooter as u } from "./ActionFooter.js";
+import "../Snackbar/useSnackbar.js";
+import { PageMenu as x } from "../Page/PageMenu.js";
+const M = ({
+  color: r = "accent",
+  theme: t = "base",
+  hidden: i,
+  title: p,
+  menu: m,
+  dismissable: e,
+  onDismiss: a,
+  children: c
+}) => /* @__PURE__ */ n(s, { children: [
+  /* @__PURE__ */ o(
+    f,
+    {
+      theme: t,
+      color: r,
+      hidden: i,
+      title: p,
+      dismissable: e,
+      onDismiss: a
+    }
+  ),
+  c,
+  /* @__PURE__ */ o(u, { hidden: i, children: m && /* @__PURE__ */ o(x, { ...m, theme: t, color: r }) })
+] });
+export {
+  M as LayoutAction
+};

package/dist/components/LayoutAction/index.js

@@ -1,8 +1,8 @@
-import { ActionHeader as e } from "./ActionHeader.js";
-import { ActionFooter as n } from "./ActionFooter.js";
-import { ActionMenu as f } from "./ActionMenu.js";
+import { ActionHeader as t } from "./ActionHeader.js";
+import { ActionFooter as c } from "./ActionFooter.js";
+import { LayoutAction as i } from "./LayoutAction.js";
 export {
-  n as ActionFooter,
-  e as ActionHeader,
-  f as ActionMenu
+  c as ActionFooter,
+  t as ActionHeader,
+  i as LayoutAction
 };

package/dist/components/List/List.js

@@ -1,19 +1,20 @@
-import { jsx as c } from "react/jsx-runtime";
-import { createElement as n } from "react";
+import { jsx as f } from "react/jsx-runtime";
+import { createElement as l } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
+import { ListItem as m } from "./ListItem.js";
+import { ListBase as a } from "./ListBase.js";
 import "../Snackbar/useSnackbar.js";
-import { ListItem as e } from "./ListItem.js";
-import { ListBase as f } from "./ListBase.js";
-const k = ({ theme: o, defaultItemSize: p, defaultItemColor: t, spacing: m = "md", items: s = [] }) => /* @__PURE__ */ c(f, { theme: o, spacing: m, children: s.map((r, i) => /* @__PURE__ */ n(
-  e,
+const k = ({ defaultItemSize: o, defaultItemTheme: p, defaultItemColor: s, items: t = [], ...c }) => /* @__PURE__ */ f(a, { ...c, children: t.map((r, n) => /* @__PURE__ */ l(
+  m,
   {
     ...r,
-    size: (r == null ? void 0 : r.size) || p,
-    color: (r == null ? void 0 : r.color) || t,
-    key: "item" + i
+    size: (r == null ? void 0 : r.size) || o,
+    color: (r == null ? void 0 : r.color) || s,
+    theme: (r == null ? void 0 : r.theme) || p,
+    key: "item" + n
   }
 )) });
 export {

package/dist/components/List/ListBase.js

@@ -1,7 +1,12 @@
-import { jsx as e } from "react/jsx-runtime";
-import '../../assets/ListBase.css';const r = "_list_1xr8s_1", d = {
-  list: r
-}, c = ({ theme: t = "inherit", color: s, spacing: a = "md", shadow: i, children: o }) => /* @__PURE__ */ e("div", { className: d.list, "data-theme": t, "data-color": s, "data-spacing": a, "data-shadow": i, children: o });
+import { jsx as i } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
+import { Flex as p } from "../Page/Flex.js";
+const j = ({ direction: o = "col", spacing: r = 2, children: t, ...m }) => /* @__PURE__ */ i(p, { direction: o, spacing: r, ...m, children: t });
 export {
-  c as ListBase
+  j as ListBase
 };

package/dist/components/List/ListItemBase.js

@@ -1,34 +1,41 @@
-import { jsx as c } from "react/jsx-runtime";
-import '../../assets/ListItemBase.css';const p = "_item_7qmbp_1", x = {
-  item: p
-}, _ = ({
-  size: e,
-  variant: t = "solid",
-  color: a = "neutral",
-  shadow: s = "xs",
-  loading: i,
-  disabled: d,
-  hidden: r = !1,
+import { jsx as x } from "react/jsx-runtime";
+import { c as _ } from "../../index-L8X2o7IH.js";
+import '../../assets/ListItemBase.css';const h = "_item_1okn7_1", u = {
+  item: h
+}, j = ({
+  size: t,
+  variant: e = "solid",
+  color: s,
+  theme: a = "default",
+  shadow: i = "xs",
+  loading: d,
+  disabled: r,
+  hidden: o = !1,
   active: n = !1,
-  selected: l,
-  expanded: m,
-  children: o
-}) => /* @__PURE__ */ c(
-  "article",
-  {
-    className: x.item,
-    "data-variant": t,
-    "data-color": a,
-    "data-size": e,
-    "data-shadow": a === "transparent" ? "none" : s,
-    "data-active": n,
-    "aria-hidden": r,
-    "aria-disabled": d || i,
-    "aria-selected": l,
-    "aria-expanded": m,
-    children: o
-  }
-);
+  selected: c,
+  expanded: l,
+  className: m,
+  children: f
+}) => {
+  const p = _(u.item, m);
+  return /* @__PURE__ */ x(
+    "article",
+    {
+      className: p,
+      "data-variant": e,
+      "data-color": s,
+      "data-theme": a,
+      "data-size": t,
+      "data-shadow": a === "transparent" ? "none" : i,
+      "data-active": n,
+      "aria-hidden": o,
+      "aria-disabled": r || d,
+      "aria-selected": c,
+      "aria-expanded": l,
+      children: f
+    }
+  );
+};
 export {
-  _ as ListItemBase
+  j as ListItemBase
 };

package/dist/components/List/ListItemHeader.js

@@ -5,7 +5,7 @@ import { ListItemLabel as M } from "./ListItemLabel.js";
 import { ListItemLink as S } from "./ListItemLink.js";
 import { ListItemMedia as q } from "./ListItemMedia.js";
 import { ListItemSelect as A } from "./ListItemSelect.js";
-import '../../assets/ListItemHeader.css';const B = "_header_10vuh_1", D = "_link_10vuh_8", E = "_controls_10vuh_42", e = {
+import '../../assets/ListItemHeader.css';const B = "_header_1xskv_1", D = "_link_1xskv_8", E = "_controls_1xskv_44", e = {
   header: B,
   link: D,
   controls: E
@@ -14,23 +14,23 @@ import '../../assets/ListItemHeader.css';const B = "_header_10vuh_1", D = "_link
   loading: o,
   disabled: l,
   select: s,
-  href: h,
-  onClick: d,
-  onKeyPress: p,
-  tabIndex: L,
+  href: d,
+  onClick: h,
+  onKeyPress: k,
+  tabIndex: p,
   collapsible: m,
   expanded: n,
   size: r = "sm",
-  title: _,
-  description: I,
-  icon: f,
-  avatar: k,
-  avatarGroup: u,
+  title: L,
+  description: _,
+  icon: I,
+  avatar: f,
+  avatarGroup: x,
   linkIcon: v,
-  linkText: x,
-  badge: N,
-  menu: b,
-  controls: j,
+  linkText: N,
+  badge: b,
+  menu: j,
+  controls: u,
   className: w,
   children: y
 }) => {
@@ -42,21 +42,21 @@ import '../../assets/ListItemHeader.css';const B = "_header_10vuh_1", D = "_link
       {
         className: H(e.link, w),
         as: a,
-        href: h,
-        onClick: d,
-        onKeyPress: p,
-        tabIndex: L,
+        href: d,
+        onClick: h,
+        onKeyPress: k,
+        tabIndex: p,
         loading: o,
         disabled: l || o,
         size: r,
         children: [
-          /* @__PURE__ */ t(q, { loading: o, size: r, icon: f, avatar: k, avatarGroup: u }),
-          /* @__PURE__ */ t(M, { loading: o, size: r, title: _, description: I, children: y }),
-          /* @__PURE__ */ t(i, { linkIcon: C, linkText: x, badge: N })
+          /* @__PURE__ */ t(q, { loading: o, size: r, icon: I, avatar: f, avatarGroup: x }),
+          /* @__PURE__ */ t(M, { loading: o, size: r, title: L, description: _, children: y }),
+          /* @__PURE__ */ t(i, { linkIcon: C, linkText: N, badge: b })
         ]
       }
     ),
-    /* @__PURE__ */ t(i, { className: e.controls, menu: b, children: j })
+    /* @__PURE__ */ t(i, { className: e.controls, menu: j, children: u })
   ] });
 };
 export {

package/dist/components/List/ListItemLabel.js

@@ -1,13 +1,13 @@
-import { jsx as e, jsxs as n, Fragment as o } from "react/jsx-runtime";
-import { Skeleton as r } from "../Skeleton/Skeleton.js";
-import '../../assets/ListItemLabel.css';const m = "_label_eum9r_3", d = "_title_eum9r_41", p = "_description_eum9r_49", s = {
-  label: m,
-  title: d,
+import { jsx as e, jsxs as r, Fragment as o } from "react/jsx-runtime";
+import { Skeleton as a } from "../Skeleton/Skeleton.js";
+import '../../assets/ListItemLabel.css';const d = "_label_1qlgj_3", m = "_title_1qlgj_44", p = "_description_1qlgj_52", l = {
+  label: d,
+  title: m,
   description: p
-}, b = ({ loading: l = !1, size: t = "sm", title: a, description: c, children: i }) => /* @__PURE__ */ e("span", { className: s.label, "data-size": t, children: i || /* @__PURE__ */ n(o, { children: [
-  /* @__PURE__ */ e("h2", { className: s.title, "data-size": t, children: /* @__PURE__ */ e(r, { loading: l, children: a }) }),
+}, b = ({ loading: s = !1, size: t = "sm", title: c, description: n, children: i }) => /* @__PURE__ */ e("span", { className: l.label, "data-size": t, children: i || /* @__PURE__ */ r(o, { children: [
+  /* @__PURE__ */ e("h2", { className: l.title, "data-size": t, children: /* @__PURE__ */ e(a, { loading: s, children: c }) }),
   " ",
-  /* @__PURE__ */ e("p", { className: s.description, "data-size": t, children: /* @__PURE__ */ e(r, { loading: l, children: c }) })
+  /* @__PURE__ */ e("p", { className: l.description, "data-size": t, children: /* @__PURE__ */ e(a, { loading: s, children: n }) })
 ] }) });
 export {
   b as ListItemLabel

package/dist/components/List/ListItemMedia.js

@@ -1,20 +1,20 @@
 import { jsx as r, jsxs as c } from "react/jsx-runtime";
 import { Avatar as d } from "../Avatar/Avatar.js";
-import { AvatarGroup as v } from "../Avatar/AvatarGroup.js";
-import { Icon as l } from "../Icon/Icon.js";
+import { AvatarGroup as f } from "../Avatar/AvatarGroup.js";
+import { Icon as n } from "../Icon/Icon.js";
 import "../Icon/SvgIcon.js";
 import "../../index-L8X2o7IH.js";
-import { Skeleton as f } from "../Skeleton/Skeleton.js";
-import '../../assets/ListItemMedia.css';const p = "_media_1hvg4_3", u = "_icon_1hvg4_21", m = {
-  media: p,
-  icon: u
-}, a = {
+import { Skeleton as p } from "../Skeleton/Skeleton.js";
+import '../../assets/ListItemMedia.css';const v = "_media_1c07h_3", x = "_icon_1c07h_27", a = {
+  media: v,
+  icon: x
+}, m = {
   avatar: {
     xs: "sm",
-    sm: "sm",
-    md: "md",
-    lg: "md",
-    xl: "lg"
+    sm: "md",
+    md: "lg",
+    lg: "lg",
+    xl: "xl"
   },
   avatarGroup: {
     xs: "sm",
@@ -23,16 +23,16 @@ import '../../assets/ListItemMedia.css';const p = "_media_1hvg4_3", u = "_icon_1
     lg: "md",
     xl: "lg"
   }
-}, G = ({ loading: i, size: s = "sm", icon: t, avatar: o, avatarGroup: e, children: n }) => !t && !o && !e && !n ? !1 : i ? /* @__PURE__ */ r(f, { loading: i, variant: "circle", size: s, className: m.media, children: /* @__PURE__ */ r(l, { name: "airplane", variant: "outline", className: m.icon }) }) : /* @__PURE__ */ c("div", { className: m.media, "data-size": s, children: [
-  t && /* @__PURE__ */ r(l, { name: t, variant: "outline", className: m.icon }) || o && /* @__PURE__ */ r(d, { ...o, size: a == null ? void 0 : a.avatar[s], className: m.avatar }) || e && /* @__PURE__ */ r(
-    v,
+}, G = ({ loading: i, size: t = "sm", icon: s, avatar: o, avatarGroup: e, children: l }) => !s && !o && !e && !l ? !1 : i ? /* @__PURE__ */ r(p, { loading: i, variant: "circle", size: t, className: a.media, children: /* @__PURE__ */ r(n, { name: "airplane", variant: "outline", className: a.icon }) }) : /* @__PURE__ */ c("div", { className: a.media, "data-size": t, children: [
+  s && /* @__PURE__ */ r(n, { name: s, variant: "outline", className: a.icon }) || o && /* @__PURE__ */ r(d, { ...o, size: m == null ? void 0 : m.avatar[t], className: a.avatar }) || e && /* @__PURE__ */ r(
+    f,
     {
       ...e,
-      size: a == null ? void 0 : a.avatarGroup[s],
-      className: m.avatarGroup
+      size: m == null ? void 0 : m.avatarGroup[t],
+      className: a.avatarGroup
     }
   ),
-  n
+  l
 ] });
 export {
   G as ListItemMedia

package/dist/components/List/ListItemSelect.js

@@ -1,15 +1,19 @@
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { c as m } from "../../index-L8X2o7IH.js";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { c as l } from "../../index-L8X2o7IH.js";
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import "../Icon/SvgIcon.js";
-import { CheckboxIcon as a } from "../Icon/CheckboxIcon.js";
-import '../../assets/ListItemSelect.css';const i = "_label_1gmbm_1", r = "_input_1gmbm_32", b = "_icon_1gmbm_37", t = {
-  label: i,
-  input: r,
-  icon: b
-}, f = ({ size: s, checked: e = !1, onChange: c, className: n }) => /* @__PURE__ */ l("label", { className: m(t.label, n), "data-size": s, children: [
-  /* @__PURE__ */ o("input", { type: "checkbox", checked: e, onChange: c, className: t.input, tabIndex: -1 }),
-  /* @__PURE__ */ o(a, { hover: !0, checked: e, className: t.icon })
+import { CheckboxIcon as r } from "../Icon/CheckboxIcon.js";
+import '../../assets/ListItemSelect.css';const a = "_label_1vv8z_1", m = "_input_1vv8z_32", p = "_icon_1vv8z_37", t = {
+  label: a,
+  input: m,
+  icon: p
+}, I = ({ size: i, checked: o = !1, onChange: s, className: c }) => /* @__PURE__ */ n("label", { className: l(t.label, c), "data-size": i, children: [
+  /* @__PURE__ */ e("input", { type: "checkbox", checked: o, onChange: s, className: t.input, tabIndex: -1 }),
+  /* @__PURE__ */ e(r, { hover: !0, checked: o, className: t.icon })
 ] });
 export {
-  f as ListItemSelect
+  I as ListItemSelect
 };

package/dist/components/Menu/Menu.js

@@ -1,23 +1,26 @@
 import { jsx as r } from "react/jsx-runtime";
-import { MenuBase as s } from "./MenuBase.js";
-import { MenuItems as u } from "./MenuItems.js";
-const c = ({
-  theme: e = "inherit",
-  defaultItemColor: t = "subtle",
-  defaultItemSize: m = "sm",
-  groups: o,
-  items: n = [],
-  search: i
-}) => /* @__PURE__ */ r(s, { theme: e, children: /* @__PURE__ */ r(
-  u,
+import { MenuBase as i } from "./MenuBase.js";
+import { MenuItems as p } from "./MenuItems.js";
+const d = ({
+  color: e,
+  theme: m,
+  defaultItemColor: o,
+  defaultItemTheme: t = "default",
+  defaultItemSize: n = "sm",
+  groups: s,
+  items: u = [],
+  search: f
+}) => /* @__PURE__ */ r(i, { color: e, theme: m, children: /* @__PURE__ */ r(
+  p,
   {
-    search: i,
-    items: n,
-    groups: o,
-    defaultItemColor: t,
-    defaultItemSize: m
+    search: f,
+    items: u,
+    groups: s,
+    defaultItemSize: n,
+    defaultItemColor: o,
+    defaultItemTheme: t
   }
 ) });
 export {
-  c as Menu
+  d as Menu
 };

package/dist/components/Menu/MenuBase.js

@@ -1,16 +1,16 @@
 import { jsx as m } from "react/jsx-runtime";
-import { c as r } from "../../index-L8X2o7IH.js";
-import '../../assets/MenuBase.css';const c = "_menu_17rq7_1", p = "_list_17rq7_13", u = "_item_17rq7_19", a = {
+import { c as a } from "../../index-L8X2o7IH.js";
+import '../../assets/MenuBase.css';const c = "_menu_njba2_1", p = "_list_njba2_13", u = "_item_njba2_19", i = {
   menu: c,
   list: p,
   item: u
-}, C = ({ as: n = "nav", theme: t, className: e, children: o }) => /* @__PURE__ */ m(n, { className: r(a.menu, e), "data-theme": t, role: "menu", children: o }), d = ({ as: n = "ul", role: t = "group", expanded: e, className: o, children: s }) => /* @__PURE__ */ m(n, { className: r(a.list, o), role: t, "aria-expanded": e, children: s }), x = ({
+}, C = ({ as: n = "nav", theme: t, className: e, children: o }) => /* @__PURE__ */ m(n, { className: a(i.menu, e), "data-theme": t, role: "menu", children: o }), d = ({ as: n = "ul", role: t = "group", expanded: e, className: o, children: s }) => /* @__PURE__ */ m(n, { className: a(i.list, o), role: t, "aria-expanded": e, children: s }), x = ({
   as: n = "li",
   role: t = "presentation",
   expanded: e,
   className: o,
   children: s
-}) => /* @__PURE__ */ m(n, { className: r(a.item, o), role: t, "aria-expanded": e, children: s });
+}) => /* @__PURE__ */ m(n, { className: a(i.item, o), role: t, "aria-expanded": e, children: s });
 export {
   C as MenuBase,
   d as MenuList,

package/dist/components/Menu/MenuHeader.js

@@ -1,8 +1,8 @@
 import { jsx as e } from "react/jsx-runtime";
-import '../../assets/MenuHeader.css';const l = "_header_i1dql_1", s = "_title_i1dql_6", t = {
-  header: l,
-  title: s
-}, d = ({ title: r }) => /* @__PURE__ */ e("header", { className: t.header, children: /* @__PURE__ */ e("h2", { className: t.title, children: r }) });
+import '../../assets/MenuHeader.css';const s = "_header_y0pus_1", a = "_title_y0pus_6", t = {
+  header: s,
+  title: a
+}, c = ({ title: r }) => /* @__PURE__ */ e("header", { className: t.header, children: /* @__PURE__ */ e("h2", { className: t.title, children: r }) });
 export {
-  d as MenuHeader
+  c as MenuHeader
 };

package/dist/components/Menu/MenuInputField.js

@@ -1,19 +1,19 @@
-import { jsxs as i, jsx as l } from "react/jsx-runtime";
-import '../../assets/MenuInputField.css';const a = "_field_159h8_1", u = "_label_159h8_9", p = "_input_159h8_17", d = "_button_159h8_37", h = "_close_159h8_42", r = "_icon_159h8_46", t = {
-  field: a,
-  label: u,
-  input: p,
-  button: d,
-  close: h,
+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 = {
+  field: i,
+  label: d,
+  input: u,
+  button: m,
+  close: p,
   icon: r
 }, f = ({
   label: e,
   type: o = "text",
   value: n,
   name: s,
-  placeholder: c = "Søk",
-  onChange: _
-}) => /* @__PURE__ */ i("label", { className: t.field, children: [
+  placeholder: a = "Søk",
+  onChange: c
+}) => /* @__PURE__ */ _("label", { className: t.field, children: [
   e && /* @__PURE__ */ l("span", { className: t.label, children: e }),
   /* @__PURE__ */ l(
     "input",
@@ -22,9 +22,9 @@ import '../../assets/MenuInputField.css';const a = "_field_159h8_1", u = "_label
       type: o,
       value: n,
       name: s,
-      placeholder: c,
+      placeholder: a,
       className: t.input,
-      onChange: _,
+      onChange: c,
       autoComplete: "off"
     }
   )

package/dist/components/Menu/MenuItem.js

@@ -1,51 +1,55 @@
-import { jsxs as b, jsx as m } from "react/jsx-runtime";
-import { MenuItemBase as d } from "./MenuItemBase.js";
-import { MenuItemLabel as k } from "./MenuItemLabel.js";
-import { MenuItemMedia as L } from "./MenuItemMedia.js";
-const B = ({
+import { jsxs as k, jsx as m } from "react/jsx-runtime";
+import { MenuItemBase as L } from "./MenuItemBase.js";
+import { MenuItemLabel as j } from "./MenuItemLabel.js";
+import { MenuItemMedia as v } from "./MenuItemMedia.js";
+const y = ({
   as: t = "a",
-  color: e = "neutral",
   size: n = "sm",
+  color: c,
+  theme: o,
   collapsible: r,
-  expanded: o,
-  icon: c,
-  avatar: i,
-  avatarGroup: a,
-  title: p,
-  description: u,
-  badge: I,
-  alertBadge: l,
-  linkText: M,
-  linkIcon: f,
-  label: h,
-  ...s
-}) => /* @__PURE__ */ b(
-  d,
+  expanded: e,
+  icon: i,
+  iconVariant: p,
+  avatar: a,
+  avatarGroup: I,
+  title: u,
+  description: l,
+  badge: M,
+  alertBadge: f,
+  linkText: s,
+  linkIcon: b,
+  label: d,
+  ...h
+}) => /* @__PURE__ */ k(
+  L,
   {
     as: t,
     size: n,
-    badge: I,
-    linkText: M,
-    linkIcon: r && o ? "chevron-up" : r ? "chevron-down" : f,
-    color: e,
-    expanded: o,
-    ...s,
+    theme: o,
+    badge: M,
+    linkText: s,
+    linkIcon: r && e ? "chevron-up" : r ? "chevron-down" : b,
+    color: c,
+    expanded: e,
+    ...h,
     children: [
       /* @__PURE__ */ m(
-        L,
+        v,
         {
-          badge: l,
-          color: e,
+          theme: o,
+          badge: f,
           size: n,
-          icon: c,
-          avatar: i,
-          avatarGroup: a
+          icon: i,
+          iconVariant: p,
+          avatar: a,
+          avatarGroup: I
         }
       ),
-      /* @__PURE__ */ m(k, { title: p, description: u, size: n, children: h })
+      /* @__PURE__ */ m(j, { title: u, description: l, size: n, children: d })
     ]
   }
 );
 export {
-  B as MenuItem
+  y as MenuItem
 };