@altinn/altinn-components 0.7.1 → 0.7.3

package/dist/components/List/ListItem.stories.js

@@ -1,14 +1,14 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { Fragment as d, useState as g } from "react";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { Fragment as s, useState as g } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { Button as k } from "../Button/Button.js";
+import { Button as b } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { MetaItem as r } from "../Meta/MetaItem.js";
 import { ListItem as t } from "./ListItem.js";
-import { ListBase as s } from "./ListBase.js";
-import { List as b } from "./List.js";
-const a = ["lg", "md", "sm", "xs"], T = {
+import { ListBase as d } from "./ListBase.js";
+import { List as k } from "./List.js";
+const l = ["lg", "md", "sm", "xs"], T = {
   title: "List/ListItem",
   component: t,
   tags: ["autodocs"],
@@ -21,7 +21,7 @@ const a = ["lg", "md", "sm", "xs"], T = {
   }
 }, B = {
   args: {}
-}, E = (n) => /* @__PURE__ */ c(s, { children: [
+}, E = (n) => /* @__PURE__ */ a(d, { children: [
   /* @__PURE__ */ e(t, { ...n }),
   /* @__PURE__ */ e(r, { children: "No media" }),
   /* @__PURE__ */ e(t, { ...n, icon: "teddy-bear" }),
@@ -106,7 +106,11 @@ const a = ["lg", "md", "sm", "xs"], T = {
     }
   ),
   /* @__PURE__ */ e(r, { children: "Company group" })
-] }), H = (n) => /* @__PURE__ */ c(s, { children: [
+] }), H = (n) => /* @__PURE__ */ e(d, { children: l == null ? void 0 : l.map((i) => /* @__PURE__ */ a(s, { children: [
+  /* @__PURE__ */ e(t, { ...n, icon: "teddy-bear", size: i, loading: !0 }),
+  /* @__PURE__ */ e(t, { ...n, icon: "teddy-bear", size: i, loading: !1 }),
+  /* @__PURE__ */ e(r, { children: i })
+] }, i)) }), M = (n) => /* @__PURE__ */ a(d, { children: [
   /* @__PURE__ */ e(t, { ...n, linkIcon: "chevron-right" }),
   /* @__PURE__ */ e(r, { children: "Link icon, emphasising that this will take you somewhere" }),
   /* @__PURE__ */ e(t, { ...n, linkIcon: "chevron-right", linkText: "Åpne" }),
@@ -134,16 +138,16 @@ const a = ["lg", "md", "sm", "xs"], T = {
     t,
     {
       ...n,
-      controls: /* @__PURE__ */ e("div", { style: { position: "absolute", right: 0, display: "flex", alignItems: "center", margin: "0.625rem" }, children: /* @__PURE__ */ e(k, { icon: "pencil", size: "sm", variant: "outline", children: "Rediger" }) })
+      controls: /* @__PURE__ */ e("div", { style: { position: "absolute", right: 0, display: "flex", alignItems: "center", margin: "0.625rem" }, children: /* @__PURE__ */ e(b, { icon: "pencil", size: "sm", variant: "outline", children: "Rediger" }) })
     }
   ),
   /* @__PURE__ */ e(r, { children: "List item with custom controls" })
-] }), M = (n) => /* @__PURE__ */ e(s, { children: a == null ? void 0 : a.map((o) => /* @__PURE__ */ c(d, { children: [
+] }), S = (n) => /* @__PURE__ */ e(d, { children: l == null ? void 0 : l.map((i) => /* @__PURE__ */ a(s, { children: [
   /* @__PURE__ */ e(
     t,
     {
       ...n,
-      size: o,
+      size: i,
       select: {
         checked: !1
       }
@@ -153,26 +157,26 @@ const a = ["lg", "md", "sm", "xs"], T = {
     t,
     {
       ...n,
-      size: o,
+      size: i,
       select: {
         checked: !0
       },
       selected: !0
     }
   ),
-  /* @__PURE__ */ e(r, { children: o })
-] }, o)) }), S = (n) => /* @__PURE__ */ c(s, { children: [
+  /* @__PURE__ */ e(r, { children: i })
+] }, i)) }), _ = (n) => /* @__PURE__ */ a(d, { children: [
   /* @__PURE__ */ e(t, { ...n }),
   /* @__PURE__ */ e(r, { children: "Default" }),
   /* @__PURE__ */ e(t, { ...n, color: "accent" }),
   /* @__PURE__ */ e(r, { children: "Accent" })
-] }), _ = (n) => /* @__PURE__ */ e(s, { children: a == null ? void 0 : a.map((o) => /* @__PURE__ */ c(d, { children: [
-  /* @__PURE__ */ e(t, { ...n, icon: "teddy-bear", size: o, selected: o === (n == null ? void 0 : n.size), linkIcon: "chevron-right" }),
-  /* @__PURE__ */ e(r, { children: o })
-] }, o)) }), j = (n) => {
-  const [o, p] = g(!1), m = () => {
-    p((i) => !i);
-  }, l = [
+] }), j = (n) => /* @__PURE__ */ e(d, { children: l == null ? void 0 : l.map((i) => /* @__PURE__ */ a(s, { children: [
+  /* @__PURE__ */ e(t, { ...n, icon: "teddy-bear", size: i, selected: i === (n == null ? void 0 : n.size), linkIcon: "chevron-right" }),
+  /* @__PURE__ */ e(r, { children: i })
+] }, i)) }), P = (n) => {
+  const [i, p] = g(!1), m = () => {
+    p((o) => !o);
+  }, c = [
     {
       name: "Per Ove Ludvigsen",
       role: "Sportlig leder",
@@ -193,43 +197,44 @@ const a = ["lg", "md", "sm", "xs"], T = {
       role: "Toppspillerutvikler",
       rights: "Ingen rettigheter"
     }
-  ], h = l == null ? void 0 : l.map((i) => ({
+  ], h = c == null ? void 0 : c.map((o) => ({
     avatar: {
-      ...i,
+      ...o,
       type: "person"
     },
-    title: i == null ? void 0 : i.name,
-    description: i == null ? void 0 : i.role,
-    badge: { label: i == null ? void 0 : i.rights },
+    title: o == null ? void 0 : o.name,
+    description: o == null ? void 0 : o.role,
+    badge: { label: o == null ? void 0 : o.rights },
     linkIcon: "menu-elipsis-horizontal"
   })), u = {
-    items: l == null ? void 0 : l.map((i) => ({
-      name: i == null ? void 0 : i.name,
+    items: c == null ? void 0 : c.map((o) => ({
+      name: o == null ? void 0 : o.name,
       type: "person"
     }))
   };
-  return /* @__PURE__ */ c(d, { children: [
+  return /* @__PURE__ */ a(s, { children: [
     /* @__PURE__ */ e(
       t,
       {
         ...n,
         avatarGroup: u,
         collapsible: !0,
-        expanded: o,
+        expanded: i,
         onClick: m,
         as: "button"
       }
     ),
-    o && /* @__PURE__ */ e(b, { size: "sm", spacing: "none", items: h })
+    i && /* @__PURE__ */ e(k, { size: "sm", spacing: "none", items: h })
   ] });
 };
 export {
-  j as Collapsible,
-  S as Colors,
-  H as Controls,
+  P as Collapsible,
+  _ as Colors,
+  M as Controls,
   B as Default,
+  H as Loading,
   E as MediaTypes,
-  M as Selectable,
-  _ as Sizes,
+  S as Selectable,
+  j as Sizes,
   T as default
 };

package/dist/components/List/ListItemBase.d.ts

@@ -1,27 +1,27 @@
-import { ElementType, KeyboardEventHandler, ReactNode } from 'react';
+import { CSSProperties, ElementType, KeyboardEventHandler, ReactNode } from 'react';
 import { ListItemSelectProps } from './ListItemSelect';
-export type ListItemColor = 'default' | 'accent';
 export type ListItemSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type ListItemColor = 'default' | 'accent';
 export type ListItemShadow = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export interface ListItemBaseProps {
     as?: ElementType;
     size?: ListItemSize;
-    shadow?: ListItemShadow;
     color?: ListItemColor;
-    href?: string;
+    shadow?: ListItemShadow;
     className?: string;
-    active?: boolean;
-    hidden?: boolean;
-    collapsible?: boolean;
+    style?: CSSProperties;
+    href?: string;
+    onClick?: () => void;
+    onKeyPress?: KeyboardEventHandler;
+    tabIndex?: number;
+    loading?: boolean;
     disabled?: boolean;
+    hidden?: boolean;
+    active?: boolean;
     select?: ListItemSelectProps;
     selected?: boolean;
     expanded?: boolean;
-    onClick?: () => void;
-    onKeyPress?: KeyboardEventHandler;
-    action?: ReactNode;
     controls?: ReactNode;
     children?: ReactNode;
-    style?: React.CSSProperties;
 }
-export declare const ListItemBase: ({ as, children, className, href, size, color, active, hidden, shadow, select, selected, disabled, expanded, controls, onClick, onKeyPress, style, }: ListItemBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItemBase: ({ as, size, color, shadow, className, style, href, onClick, onKeyPress, tabIndex, loading, disabled, hidden, active, select, selected, expanded, controls, children, }: ListItemBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/List/ListItemBase.js

@@ -1,64 +1,66 @@
-import { jsxs as L, jsx as m } from "react/jsx-runtime";
-import { c as N } from "../../index-L8X2o7IH.js";
-import { ListItemSelect as v } from "./ListItemSelect.js";
-import '../../assets/ListItemBase.css';const w = "_item_us7f0_1", B = "_link_us7f0_74", r = {
-  item: w,
-  link: B
-}, k = ({
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { c as v } from "../../index-L8X2o7IH.js";
+import { ListItemSelect as w } from "./ListItemSelect.js";
+import '../../assets/ListItemBase.css';const B = "_item_i2afq_1", E = "_link_i2afq_78", d = {
+  item: B,
+  link: E
+}, z = ({
   as: c,
-  children: l,
-  className: n,
-  href: o,
   size: t,
-  color: f,
-  active: x = !1,
-  hidden: p = !1,
-  shadow: _ = "xs",
-  select: s,
-  selected: h,
-  disabled: u,
-  expanded: i,
-  controls: I,
+  color: l,
+  shadow: o = "xs",
+  className: n,
+  style: f,
+  href: p,
   onClick: a,
   onKeyPress: e,
-  style: b
+  tabIndex: x,
+  loading: _,
+  disabled: h,
+  hidden: j = !1,
+  active: q = !1,
+  select: i,
+  selected: I,
+  expanded: s,
+  controls: L,
+  children: N
 }) => {
-  const j = c || "a";
-  return /* @__PURE__ */ L(
+  const b = c || "a";
+  return /* @__PURE__ */ u(
     "article",
     {
-      className: r.item,
-      "data-color": f,
+      className: d.item,
+      "data-color": l,
       "data-size": t,
-      "data-shadow": _,
-      "data-active": x,
-      "aria-hidden": p,
-      "aria-disabled": u,
-      "aria-selected": h,
-      "aria-expanded": i,
+      "data-shadow": o,
+      "data-active": q,
+      "aria-hidden": j,
+      "aria-disabled": h || _,
+      "aria-selected": I,
+      "aria-expanded": s,
       children: [
-        s && /* @__PURE__ */ m(v, { ...s, size: t }),
-        /* @__PURE__ */ m(
-          j,
+        i && /* @__PURE__ */ r(w, { ...i, size: t }),
+        /* @__PURE__ */ r(
+          b,
           {
-            className: N(r.link, n),
+            className: v(d.link, n),
             "data-size": t,
-            "aria-expanded": i,
-            style: b,
-            href: o,
-            onKeyPress: (d) => {
-              d.key === "Enter" && (a == null || a()), e == null || e(d);
+            "aria-expanded": s,
+            style: f,
+            href: p,
+            onKeyPress: (m) => {
+              m.key === "Enter" && (a == null || a()), e == null || e(m);
             },
             onClick: a,
-            tabIndex: -1,
-            children: l
+            tabIndex: x,
+            children: N
           }
         ),
-        I
+        L
       ]
     }
   );
 };
 export {
-  k as ListItemBase
+  z as ListItemBase
 };

package/dist/components/List/ListItemHeader.d.ts

@@ -1,8 +1,20 @@
 import { ReactNode } from 'react';
-import { ListItemSize } from './ListItemBase';
+import { AvatarGroupProps, AvatarProps } from '../Avatar';
+import { IconName } from '../Icon';
+import { ListItemColor, ListItemSize } from './ListItemBase';
 export interface ListItemHeaderProps {
+    loading?: boolean;
     size?: ListItemSize;
+    color?: ListItemColor;
     className?: string;
+    description?: string;
+    /** List item icon */
+    icon?: IconName;
+    /** List item avatar */
+    avatar?: AvatarProps;
+    /** List item avatarGroup */
+    avatarGroup?: AvatarGroupProps;
+    /** Optional text indicating behaviour */
     children?: ReactNode;
 }
-export declare const ListItemHeader: ({ size, className, children }: ListItemHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItemHeader: ({ loading, size, color, icon, avatar, avatarGroup, className, children, }: ListItemHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/List/ListItemHeader.js

@@ -1,8 +1,31 @@
-import { jsx as a } from "react/jsx-runtime";
-import { c as t } from "../../index-L8X2o7IH.js";
-import '../../assets/ListItemHeader.css';const o = "_header_70chu_1", c = {
-  header: o
-}, h = ({ size: e = "sm", className: r, children: s }) => /* @__PURE__ */ a("header", { className: t(c.header, r), "data-size": e, children: s });
+import { jsxs as c, jsx as h } from "react/jsx-runtime";
+import { c as i } from "../../index-L8X2o7IH.js";
+import { ListItemMedia as n } from "./ListItemMedia.js";
+import '../../assets/ListItemHeader.css';const p = "_header_70chu_1", x = {
+  header: p
+}, j = ({
+  loading: r,
+  size: e = "sm",
+  color: s,
+  icon: t,
+  avatar: a,
+  avatarGroup: m,
+  className: o,
+  children: d
+}) => /* @__PURE__ */ c("header", { className: i(x.header, o), "data-size": e, children: [
+  /* @__PURE__ */ h(
+    n,
+    {
+      loading: r,
+      size: e,
+      color: s,
+      icon: t,
+      avatar: a,
+      avatarGroup: m
+    }
+  ),
+  d
+] });
 export {
-  h as ListItemHeader
+  j as ListItemHeader
 };

package/dist/components/List/ListItemLabel.d.ts

@@ -1,9 +1,10 @@
 import { ReactNode } from 'react';
 import { ListItemSize } from './ListItemBase';
 export interface ListItemLabelProps {
+    loading?: boolean;
     size?: ListItemSize;
     title?: string;
     description?: string;
     children?: ReactNode;
 }
-export declare const ListItemLabel: ({ size, title, description, children }: ListItemLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItemLabel: ({ loading, size, title, description, children }: ListItemLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/List/ListItemLabel.js

@@ -1,12 +1,13 @@
-import { jsx as a, jsxs as n, Fragment as c } from "react/jsx-runtime";
-import '../../assets/ListItemLabel.css';const r = "_label_1aaut_3", o = "_title_1aaut_33", d = "_description_1aaut_46", s = {
-  label: r,
-  title: o,
-  description: d
-}, m = ({ size: t = "sm", title: l, description: i, children: e }) => /* @__PURE__ */ a("span", { className: s.label, "data-size": t, children: e || /* @__PURE__ */ n(c, { children: [
-  /* @__PURE__ */ a("strong", { className: s.title, "data-size": t, children: l }),
-  /* @__PURE__ */ a("span", { className: s.description, "data-size": t, children: i })
+import { jsx as e, jsxs as c, Fragment as o } from "react/jsx-runtime";
+import { Skeleton as l } from "../Skeleton/Skeleton.js";
+import '../../assets/ListItemLabel.css';const d = "_label_7jiaq_3", m = "_title_7jiaq_38", p = "_description_7jiaq_44", s = {
+  label: d,
+  title: m,
+  description: p
+}, h = ({ loading: a = !1, size: t = "sm", title: n, description: r, children: i }) => /* @__PURE__ */ e("span", { className: s.label, "data-size": t, children: i || /* @__PURE__ */ c(o, { children: [
+  /* @__PURE__ */ e("strong", { className: s.title, "data-size": t, children: /* @__PURE__ */ e(l, { loading: a, children: n }) }),
+  /* @__PURE__ */ e("span", { className: s.description, "data-size": t, children: /* @__PURE__ */ e(l, { loading: a, children: r }) })
 ] }) });
 export {
-  m as ListItemLabel
+  h as ListItemLabel
 };

package/dist/components/List/ListItemMedia.d.ts

@@ -3,6 +3,7 @@ import { AvatarGroupProps, AvatarProps } from '../Avatar';
 import { IconName } from '../Icon';
 import { ListItemColor, ListItemSize } from './ListItemBase';
 interface ListItemMediaProps {
+    loading?: boolean;
     color?: ListItemColor;
     size?: ListItemSize;
     icon?: IconName;
@@ -10,5 +11,5 @@ interface ListItemMediaProps {
     avatarGroup?: AvatarGroupProps;
     children?: ReactNode;
 }
-export declare const ListItemMedia: ({ size, color, icon, avatar, avatarGroup, children, }: ListItemMediaProps) => false | import("react/jsx-runtime").JSX.Element;
+export declare const ListItemMedia: ({ loading, size, color, icon, avatar, avatarGroup, children, }: ListItemMediaProps) => false | import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/List/ListItemMedia.js

@@ -1,13 +1,14 @@
-import { jsxs as d, jsx as l } from "react/jsx-runtime";
-import { Avatar as n } from "../Avatar/Avatar.js";
-import { AvatarGroup as c } from "../Avatar/AvatarGroup.js";
-import { Icon as x } from "../Icon/Icon.js";
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { Avatar as x } from "../Avatar/Avatar.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 '../../assets/ListItemMedia.css';const f = "_media_14b0z_3", u = "_icon_14b0z_24", s = {
-  media: f,
-  icon: u
-}, a = {
+import { Skeleton as u } from "../Skeleton/Skeleton.js";
+import '../../assets/ListItemMedia.css';const p = "_media_14b0z_3", v = "_icon_14b0z_24", a = {
+  media: p,
+  icon: v
+}, m = {
   avatar: {
     xs: "xs",
     sm: "sm",
@@ -22,24 +23,25 @@ import '../../assets/ListItemMedia.css';const f = "_media_14b0z_3", u = "_icon_1
     lg: "md",
     xl: "lg"
   }
-}, j = ({
+}, I = ({
+  loading: l,
   size: t = "sm",
-  color: i = "default",
-  icon: m,
+  color: c = "default",
+  icon: s,
   avatar: o,
-  avatarGroup: r,
-  children: e
-}) => !m && !o && !r && !e ? !1 : /* @__PURE__ */ d("div", { className: s.media, "data-size": t, "data-color": m ? i : null, children: [
-  m && /* @__PURE__ */ l(x, { name: m, variant: "outline", className: s.icon }) || o && /* @__PURE__ */ l(n, { ...o, size: a == null ? void 0 : a.avatar[t], className: s.avatar }) || r && /* @__PURE__ */ l(
-    c,
+  avatarGroup: e,
+  children: i
+}) => !s && !o && !e && !i ? !1 : l ? /* @__PURE__ */ r(u, { loading: l, variant: "circle", size: t, className: a.media, children: /* @__PURE__ */ r(n, { name: "airplane", variant: "outline", className: a.icon }) }) : /* @__PURE__ */ d("div", { className: a.media, "data-size": t, "data-color": s ? c : null, children: [
+  s && /* @__PURE__ */ r(n, { name: s, variant: "outline", className: a.icon }) || o && /* @__PURE__ */ r(x, { ...o, size: m == null ? void 0 : m.avatar[t], className: a.avatar }) || e && /* @__PURE__ */ r(
+    f,
     {
-      ...r,
-      size: a == null ? void 0 : a.avatarGroup[t],
-      className: s.avatarGroup
+      ...e,
+      size: m == null ? void 0 : m.avatarGroup[t],
+      className: a.avatarGroup
     }
   ),
-  e
+  i
 ] });
 export {
-  j as ListItemMedia
+  I as ListItemMedia
 };

package/dist/components/Menu/MenuItem.d.ts

@@ -1,17 +1,17 @@
-import { ElementType, MouseEventHandler, ReactNode } from 'react';
+import { ElementType, ReactNode } from 'react';
 import { AvatarGroupProps, AvatarProps } from '../Avatar';
 import { BadgeProps } from '../Badge';
 import { IconName } from '../Icon';
 import { MenuItemColor, MenuItemSize } from './MenuItemBase';
 export interface MenuItemProps {
     id: string;
-    tabIndex?: number;
     type?: string;
+    tabIndex?: number;
     as?: ElementType;
     color?: MenuItemColor;
     size?: MenuItemSize;
     href?: string;
-    onClick?: MouseEventHandler;
+    onClick?: () => void;
     hidden?: boolean;
     active?: boolean;
     collapsible?: boolean;
@@ -21,15 +21,14 @@ export interface MenuItemProps {
     groupId?: string | number;
     title?: string;
     description?: string;
-    label?: string;
-    badge?: BadgeProps;
     icon?: IconName;
     avatar?: AvatarProps;
     avatarGroup?: AvatarGroupProps;
-    children?: ReactNode;
-    items?: MenuItemProps[];
+    badge?: BadgeProps;
     linkIcon?: IconName;
     linkText?: string;
     className?: string;
+    children?: ReactNode;
+    items?: MenuItemProps[];
 }
-export declare const MenuItem: ({ as, color, size, children, selected, disabled, icon, avatar, avatarGroup, badge, label, title, description, ...rest }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuItem: ({ as, color, size, collapsible, expanded, icon, avatar, avatarGroup, title, description, badge, linkText, linkIcon, children, ...rest }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Menu/MenuItem.js

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