@altinn/altinn-components 0.56.34 → 0.57.3

package/dist/components/Item/ItemBase.js

@@ -0,0 +1,35 @@
+import { jsx as l } from "react/jsx-runtime";
+import { c as f } from "../../index-p1eeF8LQ.js";
+import '../../assets/ItemBase.css';const p = "_item_1c4n2_1", x = {
+  item: p
+}, b = ({
+  id: t,
+  ref: a,
+  as: e,
+  size: o,
+  color: s,
+  variant: i = "default",
+  hidden: m = !1,
+  disabled: n = !1,
+  className: r,
+  children: c,
+  ...d
+  // Collects onClick, onMouseEnter, id, etc.
+}) => /* @__PURE__ */ l(
+  e || "li",
+  {
+    ...d,
+    id: t,
+    ref: a,
+    className: f(x.item, r),
+    "data-size": o,
+    "data-color": s,
+    "data-variant": i,
+    "aria-disabled": n,
+    "aria-hidden": m,
+    children: c
+  }
+);
+export {
+  b as ItemBase
+};

package/dist/components/Item/ItemLabel.js

@@ -1,34 +1,7 @@
-import { jsx as a, jsxs as p, Fragment as i } from "react/jsx-runtime";
-import { c as x } from "../../index-p1eeF8LQ.js";
+import "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
 import "react";
-import { Heading as n } from "../Typography/Heading.js";
-import '../../assets/ItemLabel.css';const b = "_label_e5q28_3", f = {
-  label: b
-}, j = ({
-  className: o,
-  title: e,
-  titleProps: t = {},
-  description: s,
-  descriptionProps: c = {},
-  highlightWords: r,
-  loading: l,
-  children: m
-}) => /* @__PURE__ */ a("span", { className: x(f.label, o), children: m || /* @__PURE__ */ p(i, { children: [
-  e && /* @__PURE__ */ a(n, { ...t, as: "span", loading: l, highlightWords: r, maxRows: 2, children: e }),
-  s && /* @__PURE__ */ a(
-    n,
-    {
-      ...c,
-      as: "span",
-      weight: "normal",
-      leading: "inherit",
-      loading: l,
-      highlightWords: r,
-      maxRows: 2,
-      children: s
-    }
-  )
-] }) });
+import { j as e } from "../../Section-xbt3ft20.js";
 export {
-  j as ItemLabel
+  e as ItemLabel
 };

package/dist/components/Item/ItemLink.js

@@ -0,0 +1,53 @@
+import { jsx as k, jsxs as f } from "react/jsx-runtime";
+import { c as u } from "../../index-p1eeF8LQ.js";
+import '../../assets/ItemLink.css';const j = "_link_eet0n_1", A = "_linkFocus_eet0n_26", e = {
+  link: j,
+  linkFocus: A
+}, h = ({
+  as: m,
+  loading: t,
+  disabled: n,
+  selected: v,
+  href: s,
+  onClick: a,
+  onKeyPress: p,
+  className: o,
+  active: _,
+  ariaLabel: r,
+  children: c,
+  tabIndex: x = 0,
+  expanded: l,
+  collapsible: y,
+  ariaControlsId: F
+}) => {
+  const i = m || "div";
+  if (i === "div")
+    return /* @__PURE__ */ k("div", { className: u(e.link, o), children: c });
+  const b = !t && s || i !== "a" && r;
+  return /* @__PURE__ */ f(
+    i,
+    {
+      className: u(e.link, o),
+      href: s,
+      onKeyPress: (d) => {
+        d.key === "Enter" && a?.(), p?.(d);
+      },
+      onClick: a,
+      "data-interactive": "true",
+      "aria-disabled": t || n,
+      "aria-selected": v,
+      "aria-expanded": y ? l : void 0,
+      "aria-controls": l ? F : void 0,
+      ...b && { "aria-label": r },
+      "data-active": _,
+      tabIndex: t || n ? -1 : x,
+      children: [
+        c,
+        /* @__PURE__ */ k("div", { className: e.linkFocus, "aria-hidden": "true" })
+      ]
+    }
+  );
+};
+export {
+  h as ItemLink
+};

package/dist/components/Item/ItemMedia.js

@@ -1,34 +1,12 @@
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { isValidElement as d } from "react";
-import { c as m } from "../../index-p1eeF8LQ.js";
-import { Icon as s, isIconProps as e } from "../Icon/Icon.js";
-import { isAvatarProps as i, Avatar as f } from "../Avatar/Avatar.js";
-import { isAvatarGroupProps as n, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
-import "../RootProvider/RootProvider.js";
+import "react/jsx-runtime";
+import "react";
+import "../../index-p1eeF8LQ.js";
+import { h } from "../../Section-xbt3ft20.js";
+import "../Avatar/Avatar.js";
+import "../Avatar/AvatarGroup.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { S as _ } from "../../XMark-tKk6aExO.js";
-import '../../assets/ItemMedia.css';const G = "_media_1089b_3", N = "_icon_1089b_10", b = "_avatar_1089b_14", g = "_avatarGroup_1089b_18", o = {
-  media: G,
-  icon: N,
-  avatar: b,
-  avatarGroup: g
-};
-function x(r) {
-  return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || d(r);
-}
-const V = ({ className: r, loading: p, icon: a, children: c }) => {
-  if (!a)
-    return null;
-  if (p)
-    return /* @__PURE__ */ t("div", { className: m(o.icon, r), children: /* @__PURE__ */ t(s, { svgElement: _, loading: !0 }) });
-  const v = i(a) ? "avatar" : n(a) ? "avatarGroup" : (e(a), "icon");
-  return /* @__PURE__ */ l("div", { className: m(o.media, r), "data-variant": v, children: [
-    i(a) && /* @__PURE__ */ t(f, { ...a, className: o.avatar }) || n(a) && /* @__PURE__ */ t(u, { ...a, className: o.avatarGroup }) || e(a) && /* @__PURE__ */ t(s, { ...a, className: o.icon }) || x(a) && /* @__PURE__ */ t(s, { className: o.icon, children: a }) || /* @__PURE__ */ t(s, { className: o.icon, svgElement: a }),
-    c
-  ] });
-};
 export {
-  V as ItemMedia
+  h as ItemMedia
 };

package/dist/components/Item/ItemSelect.js

@@ -1,12 +1,11 @@
-import { jsx as t } from "react/jsx-runtime";
+import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { Input as e } from "../Forms/Input.js";
-import "../RootProvider/RootProvider.js";
-import { Button as i } from "../Button/Button.js";
+import "../Forms/Input.js";
+import { k as f } from "../../Section-xbt3ft20.js";
+import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-const h = ({ selected: o, onClick: r }) => /* @__PURE__ */ t(i, { size: "xs", variant: "ghost", icon: !0, rounded: !0, onClick: r, children: /* @__PURE__ */ t(e, { type: "checkbox", size: "xs", checked: o, style: { pointerEvents: "none" } }) });
 export {
-  h as ItemSelect
+  f as ItemSelect
 };

package/dist/components/Item/index.js

@@ -1,10 +1,12 @@
-import { ItemMedia as t } from "./ItemMedia.js";
-import { ItemLabel as m } from "./ItemLabel.js";
-import { ItemControls as p } from "./ItemControls.js";
-import { ItemSelect as I } from "./ItemSelect.js";
+import { j as m, h as o, k as r } from "../../Section-xbt3ft20.js";
+import { ItemControls as I } from "./ItemControls.js";
+import { ItemBase as f } from "./ItemBase.js";
+import { ItemLink as x } from "./ItemLink.js";
 export {
-  p as ItemControls,
+  f as ItemBase,
+  I as ItemControls,
   m as ItemLabel,
-  t as ItemMedia,
-  I as ItemSelect
+  x as ItemLink,
+  o as ItemMedia,
+  r as ItemSelect
 };

package/dist/components/Layout/Layout.js

@@ -1,23 +1,22 @@
 "use client";
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import { LayoutBase as d } from "./LayoutBase.js";
 import { LayoutGrid as L } from "./LayoutGrid.js";
-import { LayoutBody as h } from "./LayoutBody.js";
-import { LayoutContent as a } from "./LayoutContent.js";
+import { LayoutBody as a } from "./LayoutBody.js";
+import { LayoutContent as h } from "./LayoutContent.js";
 import { LayoutSidebar as s } from "./LayoutSidebar.js";
 import { Breadcrumbs as x } from "../Breadcrumbs/Breadcrumbs.js";
 import "../../index-p1eeF8LQ.js";
 import { Footer as B } from "../Footer/Footer.js";
 import { GlobalHeader as j } from "../GlobalHeader/GlobalHeader.js";
 import "react";
-import { M as k } from "../../SearchField-BU7Imhpe.js";
-import { useRootContext as C } from "../RootProvider/RootProvider.js";
+import { x as k, M as C } from "../../Section-xbt3ft20.js";
 import "../Button/Button.js";
 import "react-dom";
 import { Header as G } from "../Header/Header.js";
 import "../Snackbar/useSnackbar.js";
 import { SkipLink as H } from "../SkipLink/SkipLink.js";
-const Q = ({
+const P = ({
   color: c,
   theme: u = "subtle",
   header: m,
@@ -25,18 +24,18 @@ const Q = ({
   sidebar: o,
   content: f = {},
   children: l,
-  skipLink: p,
-  breadcrumbs: e,
+  skipLink: e,
+  breadcrumbs: p,
   useGlobalHeader: y = !0
 }) => {
-  const { currentId: i } = C();
-  return /* @__PURE__ */ t(d, { color: c, theme: u, currentId: i, children: [
-    p && /* @__PURE__ */ r(H, { ...p }),
-    m && (y ? /* @__PURE__ */ r(j, { ...m }) : /* @__PURE__ */ r(G, { ...m })),
-    /* @__PURE__ */ t(L, { currentId: i, children: [
-      e && /* @__PURE__ */ r(x, { ...e }),
-      /* @__PURE__ */ t(h, { currentId: i, children: [
-        o && /* @__PURE__ */ t(
+  const { currentId: i } = k();
+  return /* @__PURE__ */ r(d, { color: c, theme: u, currentId: i, children: [
+    e && /* @__PURE__ */ t(H, { ...e }),
+    m && (y ? /* @__PURE__ */ t(j, { ...m }) : /* @__PURE__ */ t(G, { ...m })),
+    /* @__PURE__ */ r(L, { currentId: i, children: [
+      p && /* @__PURE__ */ t(x, { ...p }),
+      /* @__PURE__ */ r(a, { currentId: i, children: [
+        o && /* @__PURE__ */ r(
           s,
           {
             sticky: o?.sticky,
@@ -44,17 +43,17 @@ const Q = ({
             color: o?.color,
             footer: o?.footer,
             children: [
-              o?.menu && /* @__PURE__ */ r(k, { ...o?.menu }),
+              o?.menu && /* @__PURE__ */ t(C, { ...o?.menu }),
               o?.children
             ]
           }
         ),
-        /* @__PURE__ */ r(a, { color: f?.color, id: "main-content", children: l })
+        /* @__PURE__ */ t(h, { color: f?.color, id: "main-content", children: l })
       ] })
     ] }),
-    n && /* @__PURE__ */ r(B, { ...n })
+    n && /* @__PURE__ */ t(B, { ...n })
   ] });
 };
 export {
-  Q as Layout
+  P as Layout
 };

package/dist/components/Layout/LayoutBase.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import '../../assets/LayoutBase.css';const r = "_base_vvp2v_1", c = {
+import '../../assets/LayoutBase.css';const r = "_base_1m3p1_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 });
+}, m = ({ 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 {
-  n as LayoutBase
+  m as LayoutBase
 };

package/dist/components/List/List.js

@@ -1,15 +1,11 @@
-import { jsx as l } from "react/jsx-runtime";
-import { createElement as p } from "react";
-import { c } from "../../index-p1eeF8LQ.js";
-import "../RootProvider/RootProvider.js";
+import "react/jsx-runtime";
+import "react";
+import "../../index-p1eeF8LQ.js";
+import { p as f } from "../../Section-xbt3ft20.js";
 import "../Button/Button.js";
 import "react-dom";
-import { ListItem as n } from "./ListItem.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as a } from "../Page/Flex.js";
-import '../../assets/List.css';const f = "_list_14rag_1", x = {
-  list: f
-}, E = ({ children: r, className: o, spacing: i, items: m = [], ...s }) => /* @__PURE__ */ l(a, { direction: "col", as: "ul", spacing: i, className: c(x.list, o), ...s, children: r || m.map((t, e) => /* @__PURE__ */ p(n, { ...t, key: `item-${t.id ?? e}` })) });
+import "../Page/Flex.js";
 export {
-  E as List
+  f as List
 };

package/dist/components/List/ListBase.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import "../../Section-xbt3ft20.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";

package/dist/components/List/ListItem.js

@@ -1,81 +1,8 @@
-import { jsxs as N, jsx as n } from "react/jsx-runtime";
-import { c as k } from "../../index-p1eeF8LQ.js";
-import { useId as q } from "react";
-import { ListItemBase as A } from "./ListItemBase.js";
-import { ListItemHeader as D } from "./ListItemHeader.js";
-import '../../assets/ListItem.css';const E = "_item_1nwey_3", F = {
-  item: E
-}, P = ({
-  className: f,
-  color: o,
-  variant: l = "default",
-  shadow: p = "xs",
-  border: I = "none",
-  loading: m,
-  disabled: r,
-  collapsible: a,
-  expanded: t,
-  size: i,
-  icon: u,
-  label: s,
-  title: L,
-  description: h,
-  badge: y,
-  linkIcon: _ = !1,
-  select: d,
-  selected: j,
-  controls: x,
-  children: v,
-  interactive: e,
-  id: w,
-  containerAs: B,
-  ...C
-}) => {
-  const H = typeof s == "function" ? s() : s, c = q();
-  return /* @__PURE__ */ N(
-    A,
-    {
-      className: k(F.item, f),
-      size: i,
-      color: o,
-      variant: l,
-      shadow: p,
-      border: I,
-      disabled: r,
-      selected: j,
-      expanded: t,
-      loading: m,
-      interactive: e,
-      id: w,
-      as: B,
-      children: [
-        /* @__PURE__ */ n(
-          D,
-          {
-            color: o,
-            loading: m,
-            linkIcon: _,
-            disabled: r,
-            collapsible: a,
-            expanded: t,
-            select: d,
-            title: L,
-            size: i,
-            description: h,
-            icon: u,
-            badge: y,
-            controls: x,
-            interactive: e,
-            ariaControlsId: t ? c : void 0,
-            ...C,
-            children: H
-          }
-        ),
-        t ? /* @__PURE__ */ n("div", { id: c, children: v }) : null
-      ]
-    }
-  );
-};
+import "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
+import "react";
+import "./ListItemBase.js";
+import { o as e } from "../../Section-xbt3ft20.js";
 export {
-  P as ListItem
+  e as ListItem
 };

package/dist/components/List/ListItemHeader.js

@@ -1,119 +1,13 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { c as w } from "../../index-p1eeF8LQ.js";
-import { useId as z, isValidElement as A } from "react";
-import { Badge as D } from "../Badge/Badge.js";
-import { Icon as H } from "../Icon/Icon.js";
-import "../RootProvider/RootProvider.js";
+import "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
+import "react";
+import "../Badge/Badge.js";
+import { L as f } from "../../Section-xbt3ft20.js";
 import "../Button/Button.js";
 import "react-dom";
-import { ListItemLink as R } from "./ListItemLink.js";
-import { ListItemLabel as U } from "./ListItemLabel.js";
-import { ListItemIcon as V } from "./ListItemIcon.js";
-import { ListItemControls as q } from "./ListItemControls.js";
-import { ListItemSelect as G } from "./ListItemSelect.js";
+import "./ListItemLink.js";
+import "./ListItemControls.js";
 import "../Snackbar/useSnackbar.js";
-import { S as J } from "../../ChevronUp-hn05LboH.js";
-import { S as K } from "../../ChevronDown-D_a7nb-G.js";
-import { S as M } from "../../ChevronRight-ANFWmIs1.js";
-import '../../assets/ListItemHeader.css';const O = "_header_29hv7_1", P = "_label_29hv7_27", Q = "_link_29hv7_43", T = "_badge_29hv7_47", W = "_linkIcon_29hv7_51", X = "_linkFocus_29hv7_61", Y = "_controls_29hv7_69", o = {
-  header: O,
-  label: P,
-  link: Q,
-  badge: T,
-  linkIcon: W,
-  linkFocus: X,
-  controls: Y
-}, fo = ({
-  as: f,
-  highlightWords: I,
-  interactive: m = !0,
-  color: k,
-  loading: r,
-  disabled: e,
-  collapsible: a,
-  linkIcon: u,
-  expanded: c,
-  select: l,
-  href: L,
-  onClick: N,
-  onKeyPress: b,
-  tabIndex: S,
-  size: h,
-  title: n,
-  description: C,
-  icon: y,
-  active: p,
-  badge: s,
-  controls: d,
-  className: F,
-  children: j,
-  ariaLabel: _,
-  ariaControlsId: x
-}) => {
-  const v = a ? c ? J : K : u ? M : void 0, g = () => s && !r && typeof s == "object" && "label" in s ? /* @__PURE__ */ t(D, { ...s, className: o.badge }) : A(s) ? s : null, B = _ !== void 0 ? _ : typeof n == "string" ? n : void 0, E = z();
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      className: w(o.header, F),
-      "data-color": k,
-      "data-interactive": m,
-      "data-size": h,
-      "data-has-active-child": p,
-      "aria-disabled": e,
-      children: [
-        /* @__PURE__ */ i(
-          R,
-          {
-            as: f,
-            href: L,
-            onClick: N,
-            onKeyPress: b,
-            tabIndex: S,
-            loading: r,
-            disabled: e || r,
-            active: p,
-            ariaLabel: B,
-            className: o.link,
-            expanded: c,
-            ariaControlsId: x,
-            collapsible: a,
-            children: [
-              m && /* @__PURE__ */ t("div", { className: o.linkFocus, "aria-hidden": "true" }),
-              l && /* @__PURE__ */ t(G, { ...l, className: o.select }),
-              /* @__PURE__ */ t(V, { loading: r, icon: y }),
-              /* @__PURE__ */ t(
-                U,
-                {
-                  size: h,
-                  loading: r,
-                  highlightWords: I,
-                  title: n,
-                  description: C,
-                  id: E,
-                  className: o.label,
-                  children: j
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ i(q, { className: o.controls, children: [
-          d && !r && /* @__PURE__ */ t("span", { className: o.customControls, children: d }),
-          g(),
-          v && !e && /* @__PURE__ */ t("span", { className: o.linkIcon, children: /* @__PURE__ */ t(
-            H,
-            {
-              svgElement: v,
-              style: {
-                fontSize: "1.5rem"
-              }
-            }
-          ) })
-        ] })
-      ]
-    }
-  );
-};
 export {
-  fo as ListItemHeader
+  f as ListItemHeader
 };

package/dist/components/List/ListItemIcon.js

@@ -1,28 +1,13 @@
-import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import { isValidElement as n } from "react";
-import { Badge as c } from "../Badge/Badge.js";
-import { Icon as s, isIconProps as v } from "../Icon/Icon.js";
+import "react/jsx-runtime";
+import "react";
+import "../Badge/Badge.js";
+import { n as c } from "../../Section-xbt3ft20.js";
 import "../../index-p1eeF8LQ.js";
-import { isAvatarProps as l, Avatar as f } from "../Avatar/Avatar.js";
-import { isAvatarGroupProps as _, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
-import "../RootProvider/RootProvider.js";
+import "../Avatar/Avatar.js";
+import "../Avatar/AvatarGroup.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { S as N } from "../../XMark-tKk6aExO.js";
-import '../../assets/ListItemIcon.css';const d = "_wrapper_rcjve_1", g = "_icon_rcjve_11", j = "_avatar_rcjve_19", G = "_avatarGroup_rcjve_23", t = {
-  wrapper: d,
-  icon: g,
-  avatar: j,
-  avatarGroup: G
-};
-function w(a) {
-  return typeof a == "string" || typeof a == "number" || typeof a == "boolean" || a === null || n(a);
-}
-const L = ({ loading: a, size: m, icon: r, theme: e, badge: p }) => r ? a ? /* @__PURE__ */ o(s, { className: t.wrapper, svgElement: N, loading: !0 }) : /* @__PURE__ */ i("div", { className: t.wrapper, "data-size": m, children: [
-  l(r) && /* @__PURE__ */ o(f, { ...r, className: t.avatar }) || _(r) && /* @__PURE__ */ o(u, { ...r, className: t.avatarGroup }) || v(r) && /* @__PURE__ */ o(s, { ...r, theme: r.theme || e, className: t.icon }) || w(r) && r || /* @__PURE__ */ o(s, { theme: e, svgElement: r, className: t.icon }),
-  p && /* @__PURE__ */ o(c, { ...p, className: t.badge })
-] }) : null;
 export {
-  L as ListItemIcon
+  c as ListItemIcon
 };

package/dist/components/List/ListItemLabel.js

@@ -1,62 +1,11 @@
-import { jsx as t, jsxs as P, Fragment as x } from "react/jsx-runtime";
-import { c as y } from "../../index-p1eeF8LQ.js";
-import { isValidElement as N } from "react";
-import "../RootProvider/RootProvider.js";
-import { Heading as e } from "../Typography/Heading.js";
+import "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
+import "react";
+import { m as e, l } from "../../Section-xbt3ft20.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/ListItemLabel.css';const w = "_label_1tmg6_1", j = {
-  label: w
-}, H = (r) => typeof r == "object" && r !== null && "children" in r;
-function L(r) {
-  return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || N(r);
-}
-const z = (r) => {
-  const s = {
-    as: "h3",
-    size: "sm"
-  };
-  return H(r) ? { ...s, ...r } : L(r) ? {
-    ...s,
-    children: r
-  } : null;
-}, _ = (r) => {
-  const s = {
-    as: "span",
-    size: "xs",
-    weight: "normal",
-    variant: "subtle"
-  };
-  return H(r) ? { ...s, ...r } : L(r) ? {
-    ...s,
-    children: r
-  } : null;
-}, k = ({
-  loading: r = !1,
-  highlightWords: s,
-  size: a,
-  title: n,
-  value: p,
-  description: c,
-  children: o,
-  id: m,
-  className: l
-}) => {
-  if (n && p) {
-    const i = n && _(n), b = p && z(p);
-    return /* @__PURE__ */ t("span", { className: y(j.label, l), id: m, "data-size": a, children: o || /* @__PURE__ */ P(x, { children: [
-      i && /* @__PURE__ */ t(e, { ...i, loading: r, highlightWords: s }),
-      b && /* @__PURE__ */ t(e, { ...b, loading: r, highlightWords: s })
-    ] }) });
-  }
-  const f = n && z(n), u = c && _(c);
-  return /* @__PURE__ */ t("span", { className: y(j.label, l), id: m, "data-size": a, children: o || /* @__PURE__ */ P(x, { children: [
-    f && /* @__PURE__ */ t(e, { ...f, loading: r, highlightWords: s }),
-    u && /* @__PURE__ */ t(e, { ...u, loading: r, highlightWords: s })
-  ] }) });
-};
 export {
-  k as ListItemLabel,
-  H as isHeadingProps
+  e as ListItemLabel,
+  l as isHeadingProps
 };