@altinn/altinn-components 0.9.1 → 0.10.0

package/dist/components/GlobalMenu/GlobalMenu.stories.js

@@ -1,40 +1,46 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useState as m } from "react";
-import { globalMenu as i } from "../../examples/globalMenu.js";
-import { loginMenu as p } from "../../examples/loginMenu.js";
+import { jsx as p } from "react/jsx-runtime";
+import { useState as u } from "react";
+import { globalMenu as a } from "../../examples/globalMenu.js";
+import { loginMenu as l } from "../../examples/loginMenu.js";
 import "../../examples/inboxFilters.js";
-import { GlobalMenu as r } from "./GlobalMenu.js";
-const b = {
+import "../../examples/dialog/reportingDraftDialog.js";
+import "../../examples/dialog/reportingInProgressDialog.js";
+import "../../examples/dialog/reportingCompletedDialog.js";
+import "../../examples/dialog/transmissionsTimeline.js";
+import "../../examples/dialog/transmissionsInProgressDialog.js";
+import "../../examples/dialog/transmissionsCompletedDialog.js";
+import { GlobalMenu as n } from "./GlobalMenu.js";
+const y = {
   title: "GlobalMenu/GlobalMenu",
-  component: r,
+  component: n,
   tags: ["autodocs"],
   parameters: {},
   args: {
-    ...i
+    ...a
   }
-}, A = (o) => {
-  const t = o.accounts, [n, e] = m(t[0]), c = (s) => {
-    const u = t == null ? void 0 : t.find((a) => a.id === s);
-    e(u);
+}, C = (o) => {
+  const t = o.accounts, [r, e] = u(t[0]), c = (m) => {
+    const i = t == null ? void 0 : t.find((s) => s.id === m);
+    e(i);
   };
-  return /* @__PURE__ */ l(
-    r,
+  return /* @__PURE__ */ p(
+    n,
     {
       ...o,
       currentAccount: {
-        ...n,
-        description: n.type === "person" ? "Fødselsnr. XXXXXX YYYYY" : "Org. nr"
+        ...r,
+        description: r.type === "person" ? "Fødselsnr. XXXXXX YYYYY" : "Org. nr"
       },
       onSelectAccount: c
     }
   );
-}, G = {
+}, D = {
   args: {
-    ...p
+    ...l
   }
 };
 export {
-  A as Default,
-  G as Login,
-  b as default
+  C as Default,
+  D as Login,
+  y as default
 };

package/dist/components/Header/Header.stories.js

@@ -1,29 +1,35 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import "../../examples/globalMenu.js";
 import "../../examples/inboxFilters.js";
-import { header as n } from "../../examples/header.js";
-import { useInboxSearch as a } from "../../examples/useInboxSearch.js";
-import { useAccountMenu as m } from "../../examples/useAccountMenu.js";
-import { Header as t } from "./Header.js";
-const h = {
-  title: "Header/Header",
-  component: t,
+import { header as c } from "../../examples/header.js";
+import { useInboxSearch as n } from "../../examples/useInboxSearch.js";
+import { useAccountMenu as a } from "../../examples/useAccountMenu.js";
+import "../../examples/dialog/reportingDraftDialog.js";
+import "../../examples/dialog/reportingInProgressDialog.js";
+import "../../examples/dialog/reportingCompletedDialog.js";
+import "../../examples/dialog/transmissionsTimeline.js";
+import "../../examples/dialog/transmissionsInProgressDialog.js";
+import "../../examples/dialog/transmissionsCompletedDialog.js";
+import { Header as o } from "./Header.js";
+const S = {
+  title: "Layout/Header",
+  component: o,
   tags: ["autodocs"],
   parameters: {
     layout: "fullscreen"
   },
   args: {
-    ...n,
+    ...c,
     search: {
       name: "inbox-search",
       placeholder: "Søk i Altinn"
     }
   }
-}, x = (e) => {
-  const o = a(e.search), r = m(e.menu);
-  return /* @__PURE__ */ c(t, { ...e, currentAccount: r.currentAccount, menu: r, search: o });
+}, j = (r) => {
+  const e = n(r.search), t = a(r.menu);
+  return /* @__PURE__ */ m(o, { ...r, currentAccount: t.currentAccount, menu: t, search: e });
 };
 export {
-  x as Default,
-  h as default
+  j as Default,
+  S as default
 };

package/dist/components/Header/HeaderButton.stories.js

@@ -1,6 +1,6 @@
 import { HeaderButton as a } from "./HeaderButton.js";
-const r = {
-  title: "Header/HeaderButton",
+const t = {
+  title: "Layout/HeaderButton",
   component: a,
   tags: ["autodocs"],
   parameters: {
@@ -9,7 +9,7 @@ const r = {
   args: {}
 }, n = {
   args: {}
-}, t = {
+}, r = {
   args: {
     icon: "inbox"
   }
@@ -59,7 +59,7 @@ export {
   p as CompanyGroup,
   n as Default,
   c as Expanded,
-  t as Icon,
+  r as Icon,
   o as Person,
-  r as default
+  t as default
 };

package/dist/components/Header/HeaderLogo.stories.js

@@ -1,14 +1,14 @@
-import { HeaderLogo as e } from "./HeaderLogo.js";
-const o = {
-  title: "Header/HeaderLogo",
-  component: e,
+import { HeaderLogo as o } from "./HeaderLogo.js";
+const a = {
+  title: "Layout/HeaderLogo",
+  component: o,
   tags: ["autodocs"],
   parameters: {},
   args: {}
-}, t = {
+}, e = {
   args: {}
 };
 export {
-  t as Default,
-  o as default
+  e as Default,
+  a as default
 };

package/dist/components/Layout/Layout.js

@@ -10,15 +10,15 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
-import { useRootContext as B } from "../RootProvider/RootProvider.js";
-import { Menu as C } from "../Menu/Menu.js";
+import { Menu as B } from "../Menu/Menu.js";
+import { useRootContext as C } from "../RootProvider/RootProvider.js";
 const A = ({ theme: e = "global", header: p, footer: u, sidebar: o = {}, content: t = {}, children: f }) => {
-  const { currentId: h } = B(), { menu: n, ...l } = o;
+  const { currentId: h } = C(), { menu: n, ...l } = o;
   return /* @__PURE__ */ r(i, { theme: e, currentId: h, children: [
     p && /* @__PURE__ */ m(j, { ...p }),
     /* @__PURE__ */ r(y, { currentId: h, children: [
       o && /* @__PURE__ */ r(L, { hidden: o == null ? void 0 : o.hidden, theme: o == null ? void 0 : o.theme, ...l, children: [
-        n && /* @__PURE__ */ m(C, { ...n }),
+        n && /* @__PURE__ */ m(B, { ...n }),
         o == null ? void 0 : o.children
       ] }),
       /* @__PURE__ */ m(c, { theme: t == null ? void 0 : t.theme, children: f })

package/dist/components/Layout/Layout.stories.js

@@ -1,11 +1,11 @@
-import { jsx as n, jsxs as m, Fragment as v } from "react/jsx-runtime";
+import { jsx as n, jsxs as u, Fragment as v } from "react/jsx-runtime";
 import { useState as h, createElement as x } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
+import { DialogListItem as L } from "../Dialog/DialogListItem.js";
 import "../RootProvider/RootProvider.js";
-import { ListBase as L } from "../List/ListBase.js";
-import { DialogListItem as B } from "../Dialog/DialogListItem.js";
+import { ListBase as B } from "../List/ListBase.js";
 import { Layout as d } from "./Layout.js";
 import { ActionHeader as C } from "../LayoutAction/ActionHeader.js";
 import { ActionFooter as F } from "../LayoutAction/ActionFooter.js";
@@ -18,7 +18,13 @@ import { header as f } from "../../examples/header.js";
 import { footer as w } from "../../examples/footer.js";
 import { useInboxSearch as b } from "../../examples/useInboxSearch.js";
 import { useAccountMenu as k } from "../../examples/useAccountMenu.js";
-const _ = {
+import "../../examples/dialog/reportingDraftDialog.js";
+import "../../examples/dialog/reportingInProgressDialog.js";
+import "../../examples/dialog/reportingCompletedDialog.js";
+import "../../examples/dialog/transmissionsTimeline.js";
+import "../../examples/dialog/transmissionsInProgressDialog.js";
+import "../../examples/dialog/transmissionsCompletedDialog.js";
+const ne = {
   title: "Layout/Layout",
   component: d,
   tags: ["autodocs"],
@@ -34,22 +40,22 @@ const _ = {
     },
     children: /* @__PURE__ */ n("p", { children: "Content (should be hidden on mobile when menu is open)." })
   }
-}, $ = (o) => {
-  const s = b(o.header.search), a = k(o.header.menu);
+}, ce = (o) => {
+  const s = b(o.header.search), i = k(o.header.menu);
   return /* @__PURE__ */ n(
     d,
     {
       ...o,
       header: {
         ...o.header,
-        currentAccount: a.currentAccount,
-        menu: a,
+        currentAccount: i.currentAccount,
+        menu: i,
         search: s
       }
     }
   );
-}, ee = (o) => {
-  const s = b(o.header.search), a = k(o.header.menu), [i, g] = h([]), [y, I] = h({
+}, le = (o) => {
+  const s = b(o.header.search), i = k(o.header.menu), [a, g] = h([]), [y, I] = h({
     1: {
       id: "1",
       title: "Item 1",
@@ -95,7 +101,7 @@ const _ = {
         message: "Snack me"
       }
     ])
-  })), u = ({ id: e }) => {
+  })), m = ({ id: e }) => {
     I((r) => ({
       ...r,
       [e]: {
@@ -104,36 +110,36 @@ const _ = {
       }
     }));
   }, t = Object.values(y), c = t == null ? void 0 : t.filter((e) => e.selected), l = (c == null ? void 0 : c.length) > 0, M = (c == null ? void 0 : c.length) + " av " + (t == null ? void 0 : t.length) + " valgt";
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ u(
     d,
     {
       theme: l ? "neutral" : "company",
-      header: { ...f, menu: a, currentAccount: a.currentAccount, search: l ? void 0 : s },
+      header: { ...f, menu: i, currentAccount: i.currentAccount, search: l ? void 0 : s },
       sidebar: { hidden: l, menu: p },
       content: { theme: "neutral" },
       children: [
         /* @__PURE__ */ n(C, { title: M, hidden: !l }),
-        /* @__PURE__ */ n(L, { children: t == null ? void 0 : t.map((e) => /* @__PURE__ */ x(
-          B,
+        /* @__PURE__ */ n(B, { children: t == null ? void 0 : t.map((e) => /* @__PURE__ */ x(
+          L,
           {
             ...e,
             key: e == null ? void 0 : e.id,
             title: e.title,
-            onClick: l ? () => u(e) : void 0,
+            onClick: l ? () => m(e) : void 0,
             selected: e.selected,
-            select: { checked: e == null ? void 0 : e.selected, onChange: () => u(e) }
+            select: { checked: e == null ? void 0 : e.selected, onChange: () => m(e) }
           }
         )) }),
-        /* @__PURE__ */ n(F, { hidden: !1, children: /* @__PURE__ */ m(v, { children: [
+        /* @__PURE__ */ n(F, { hidden: !1, children: /* @__PURE__ */ u(v, { children: [
           l && /* @__PURE__ */ n(j, { items: A, theme: "global-dark" }),
-          i.length > 0 && (i == null ? void 0 : i.map((e, r) => /* @__PURE__ */ n(D, { ...e }, r)))
+          a.length > 0 && (a == null ? void 0 : a.map((e, r) => /* @__PURE__ */ n(D, { ...e }, r)))
         ] }) })
       ]
     }
   );
 };
 export {
-  $ as Default,
-  ee as InboxBulkMode,
-  _ as default
+  ce as Default,
+  le as InboxBulkMode,
+  ne as default
 };

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "react";
+import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import { List as t } from "./List.js";

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

@@ -3,8 +3,9 @@ import { AvatarGroupProps, AvatarProps } from '../Avatar';
 import { BadgeProps } from '../Badge';
 import { ContextMenuProps } from '../ContextMenu';
 import { IconName } from '../Icon';
+import { ListItemBaseProps } from './ListItemBase';
 import { ListItemHeaderProps } from './ListItemHeader';
-export interface ListItemProps extends ListItemHeaderProps {
+export interface ListItemProps extends ListItemBaseProps, ListItemHeaderProps {
     /** Custom className */
     className?: string;
     /** Element is loading, display a placeholder */

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

@@ -3,15 +3,15 @@ import { Fragment as s, useState as g } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
+import { Button as k } from "../Button/Button.js";
 import { MetaItem as r } from "../Meta/MetaItem.js";
-import { ListItemBase as k } from "./ListItemBase.js";
-import { ListItemHeader as b } from "./ListItemHeader.js";
 import "../RootProvider/RootProvider.js";
+import { ListItemBase as b } from "./ListItemBase.js";
+import { ListItemHeader as y } from "./ListItemHeader.js";
 import { ListItem as t } from "./ListItem.js";
 import { ListBase as d } from "./ListBase.js";
-import { List as y } from "./List.js";
-import { Button as v } from "../Button/Button.js";
-const l = ["lg", "md", "sm", "xs"], S = {
+import { List as v } from "./List.js";
+const l = ["xl", "lg", "md", "sm", "xs"], S = {
   title: "List/ListItem",
   component: t,
   tags: ["autodocs"],
@@ -141,7 +141,7 @@ const l = ["lg", "md", "sm", "xs"], S = {
     t,
     {
       ...n,
-      controls: /* @__PURE__ */ e("div", { style: { position: "absolute", right: 0, display: "flex", alignItems: "center", margin: "0.625rem" }, children: /* @__PURE__ */ e(v, { 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(k, { icon: "pencil", size: "sm", variant: "outline", children: "Rediger" }) })
     }
   ),
   /* @__PURE__ */ e(r, { children: "List item with custom controls" })
@@ -215,9 +215,9 @@ const l = ["lg", "md", "sm", "xs"], S = {
       type: "person"
     }))
   };
-  return /* @__PURE__ */ a(k, { children: [
+  return /* @__PURE__ */ a(b, { children: [
     /* @__PURE__ */ e(
-      b,
+      y,
       {
         ...n,
         avatarGroup: u,
@@ -227,7 +227,7 @@ const l = ["lg", "md", "sm", "xs"], S = {
         as: "button"
       }
     ),
-    i && /* @__PURE__ */ e(y, { size: "sm", spacing: "none", items: h })
+    i && /* @__PURE__ */ e(v, { size: "sm", spacing: "none", items: h })
   ] });
 };
 export {

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

@@ -1,9 +1,11 @@
 import { ReactNode } from 'react';
 export type ListItemSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type ListItemColor = 'default' | 'accent' | 'transparent';
+export type ListItemVariant = 'solid' | 'dotted';
+export type ListItemColor = 'subtle' | 'accent' | 'transparent';
 export type ListItemShadow = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export interface ListItemBaseProps {
     color?: ListItemColor;
+    variant?: ListItemVariant;
     size?: ListItemSize;
     shadow?: ListItemShadow;
     className?: string;
@@ -13,7 +15,6 @@ export interface ListItemBaseProps {
     active?: boolean;
     selected?: boolean;
     expanded?: boolean;
-    controls?: ReactNode;
     children?: ReactNode;
 }
-export declare const ListItemBase: ({ size, color, shadow, loading, disabled, hidden, active, selected, expanded, children, }: ListItemBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItemBase: ({ size, variant, color, shadow, loading, disabled, hidden, active, selected, expanded, children, }: ListItemBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/List/ListItemBase.js

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

package/dist/components/List/ListItemHeader.js

@@ -1,49 +1,49 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { c as H } from "../../index-L8X2o7IH.js";
-import { ListItemControls as S } from "./ListItemControls.js";
-import { ListItemLabel as A } from "./ListItemLabel.js";
-import { ListItemMedia as B } from "./ListItemMedia.js";
-import { ListItemMenu as D } from "./ListItemMenu.js";
-import { ListItemSelect as F } from "./ListItemSelect.js";
-import '../../assets/ListItemHeader.css';const G = "_header_pqany_1", J = "_link_pqany_8", h = {
-  header: G,
-  link: J
-}, X = ({
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import { c as q } from "../../index-L8X2o7IH.js";
+import { ListItemControls as A } from "./ListItemControls.js";
+import { ListItemLabel as B } from "./ListItemLabel.js";
+import { ListItemMedia as D } from "./ListItemMedia.js";
+import { ListItemMenu as F } from "./ListItemMenu.js";
+import { ListItemSelect as G } from "./ListItemSelect.js";
+import '../../assets/ListItemHeader.css';const J = "_header_s8c6k_1", O = "_link_s8c6k_8", h = {
+  header: J,
+  link: O
+}, Y = ({
   as: I,
   loading: e,
   disabled: L,
-  select: n,
+  select: s,
   href: f,
   onClick: a,
   onKeyPress: m,
   tabIndex: _,
   collapsible: i,
-  expanded: s,
+  expanded: n,
   size: t = "sm",
   color: o,
   title: l,
-  description: x,
-  icon: b,
-  avatar: u,
-  avatarGroup: j,
-  linkIcon: k,
-  linkText: q,
-  badge: v,
+  description: k,
+  icon: x,
+  avatar: b,
+  avatarGroup: u,
+  linkIcon: j,
+  linkText: v,
+  badge: M,
   menu: d,
-  controls: M,
-  className: N,
-  children: w
+  controls: N,
+  className: w,
+  children: E
 }) => {
-  const y = I || "button", E = i && s ? "chevron-up" : i ? "chevron-down" : k;
-  return /* @__PURE__ */ c("header", { className: h.header, "data-size": t, "data-color": o, "aria-expanded": s, children: [
-    n && /* @__PURE__ */ r(F, { ...n, size: t }),
-    /* @__PURE__ */ c(
-      y,
+  const H = I || "button", S = i && n ? "chevron-up" : i ? "chevron-down" : j;
+  return /* @__PURE__ */ p("header", { className: h.header, "data-size": t, "data-color": o, "aria-expanded": n, children: [
+    s && /* @__PURE__ */ r(G, { ...s, size: t }),
+    /* @__PURE__ */ p(
+      H,
       {
-        className: H(h.link, N),
+        className: q(h.link, w),
         href: f,
-        onKeyPress: (p) => {
-          p.key === "Enter" && (a == null || a()), m == null || m(p);
+        onKeyPress: (c) => {
+          c.key === "Enter" && (a == null || a()), m == null || m(c);
         },
         onClick: a,
         tabIndex: _,
@@ -52,24 +52,24 @@ import '../../assets/ListItemHeader.css';const G = "_header_pqany_1", J = "_link
         "aria-disabled": e || L,
         children: [
           /* @__PURE__ */ r(
-            B,
+            D,
             {
               loading: e,
               size: t,
               color: o,
-              icon: b,
-              avatar: u,
-              avatarGroup: j
+              icon: x,
+              avatar: b,
+              avatarGroup: u
             }
           ),
-          /* @__PURE__ */ r(A, { loading: e, size: t, title: l, description: x, children: w }),
-          /* @__PURE__ */ r(S, { linkIcon: E, linkText: q, badge: v })
+          /* @__PURE__ */ r(B, { loading: e, size: t, title: l, description: k, children: E }),
+          /* @__PURE__ */ r(A, { linkIcon: S, linkText: v, badge: M })
         ]
       }
     ),
-    d && /* @__PURE__ */ r(D, { ...d }) || M
+    d && /* @__PURE__ */ r(F, { ...d }) || N
   ] });
 };
 export {
-  X as ListItemHeader
+  Y as ListItemHeader
 };

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

@@ -3,11 +3,11 @@ import { Fragment as s, useState as g } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
+import { Button as k } from "../Button/Button.js";
 import { MetaItem as r } from "../Meta/MetaItem.js";
-import { ListItemHeader as t } from "./ListItemHeader.js";
 import "../RootProvider/RootProvider.js";
+import { ListItemHeader as t } from "./ListItemHeader.js";
 import { ListBase as d } from "./ListBase.js";
-import { Button as k } from "../Button/Button.js";
 const l = ["lg", "md", "sm", "xs"], w = {
   title: "List/ListItemHeader",
   component: t,

package/dist/components/List/ListItemLabel.js

@@ -1,14 +1,14 @@
 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_1uuk4_3", m = "_title_1uuk4_36", p = "_description_1uuk4_42", s = {
+import '../../assets/ListItemLabel.css';const d = "_label_1jhqj_3", m = "_title_1jhqj_36", h = "_description_1jhqj_43", s = {
   label: d,
   title: m,
-  description: p
-}, h = ({ loading: l = !1, size: t = "sm", title: c, description: n, children: i }) => /* @__PURE__ */ e("span", { className: s.label, "data-size": t, children: i || /* @__PURE__ */ r(o, { children: [
+  description: h
+}, j = ({ loading: l = !1, size: t = "sm", title: c, description: n, children: i }) => /* @__PURE__ */ e("span", { className: s.label, "data-size": t, children: i || /* @__PURE__ */ r(o, { children: [
   /* @__PURE__ */ e("h2", { className: s.title, "data-size": t, children: /* @__PURE__ */ e(a, { loading: l, children: c }) }),
   " ",
   /* @__PURE__ */ e("p", { className: s.description, "data-size": t, children: /* @__PURE__ */ e(a, { loading: l, children: n }) })
 ] }) });
 export {
-  h as ListItemLabel
+  j as ListItemLabel
 };

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

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