@altinn/altinn-components 0.56.34 → 0.57.2

package/dist/components/Metadata/MetaItemIcon.js

@@ -1,26 +1,13 @@
-import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import { isValidElement as p } from "react";
+import "react/jsx-runtime";
+import "react";
 import "../../index-p1eeF8LQ.js";
-import { isIconProps as i, Icon as m } from "../Icon/Icon.js";
-import { ProgressIcon as n } from "../Icon/ProgressIcon.js";
-import { isAvatarProps as c, Avatar as f } from "../Avatar/Avatar.js";
-import { isAvatarGroupProps as l, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
-import "../RootProvider/RootProvider.js";
+import { t as n } from "../../Section-jhq4n77E.js";
+import "../Icon/ProgressIcon.js";
+import "../Avatar/Avatar.js";
+import "../Avatar/AvatarGroup.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/MetaItemIcon.css';const _ = "_media_1x8z9_1", d = "_icon_1x8z9_10", v = "_avatarGroup_1x8z9_17", t = {
-  media: _,
-  icon: d,
-  avatarGroup: v
-};
-function x(r) {
-  return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || p(r);
-}
-const h = ({ size: r = "xs", icon: a, progress: s }) => !a && typeof s != "number" ? !1 : /* @__PURE__ */ e("span", { className: t.media, "data-size": r, children: [
-  c(a) && /* @__PURE__ */ o(f, { ...a, className: t.avatar }) || l(a) && /* @__PURE__ */ o(u, { ...a, className: t.avatarGroup }) || i(a) && /* @__PURE__ */ o(m, { ...a, className: t.icon }) || x(a) && a || /* @__PURE__ */ o(m, { svgElement: a, className: t.icon }),
-  s && /* @__PURE__ */ o(n, { value: s, className: t.icon })
-] });
 export {
-  h as MetaItemIcon
+  n as MetaItemIcon
 };

package/dist/components/Metadata/MetaProgress.js

@@ -1,21 +1,12 @@
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import { v as g } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import { Tooltip as x } from "../Tooltip/Tooltip.js";
-import { MetaItemBase as f } from "./MetaItemBase.js";
-import { MetaItemIcon as i } from "./MetaItemIcon.js";
-import { MetaItemLabel as n } from "./MetaItemLabel.js";
+import "./MetaItemBase.js";
+import "./MetaItemLabel.js";
 import "../Snackbar/useSnackbar.js";
-const L = ({ size: t = "xs", variant: m = "text", progress: r = 0, tooltip: e, children: p }) => e ? /* @__PURE__ */ o(x, { placement: "bottom", content: e, children: /* @__PURE__ */ c(f, { variant: m, size: t, children: [
-  /* @__PURE__ */ o(i, { size: t, progress: r }),
-  /* @__PURE__ */ o(n, { variant: m, size: t, children: p })
-] }) }) : /* @__PURE__ */ c(f, { variant: m, size: t, children: [
-  /* @__PURE__ */ o(i, { size: t, progress: r }),
-  /* @__PURE__ */ o(n, { variant: m, size: t, children: p })
-] });
 export {
-  L as MetaProgress
+  g as MetaProgress
 };

package/dist/components/Metadata/MetaTimestamp.js

@@ -1,29 +1,12 @@
-import { jsx as m, jsxs as s } from "react/jsx-runtime";
+import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import { w } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import { Tooltip as b } from "../Tooltip/Tooltip.js";
-import { MetaItemBase as I } from "./MetaItemBase.js";
-import { MetaItemIcon as M } from "./MetaItemIcon.js";
-import { MetaItemLabel as c } from "./MetaItemLabel.js";
+import "./MetaItemBase.js";
+import "./MetaItemLabel.js";
 import "../Snackbar/useSnackbar.js";
-const q = ({
-  loading: r,
-  size: t = "xs",
-  variant: o = "text",
-  datetime: p,
-  icon: e,
-  tooltip: f,
-  children: x
-}) => f ? /* @__PURE__ */ m(b, { placement: "bottom", content: f, children: /* @__PURE__ */ s(I, { loading: r, as: "time", variant: o, datetime: p, size: t, children: [
-  !r && e && /* @__PURE__ */ m(M, { size: t, icon: e }),
-  /* @__PURE__ */ m(c, { variant: o, size: t, children: x })
-] }) }) : /* @__PURE__ */ s(I, { loading: r, as: "time", variant: o, datetime: p, size: t, children: [
-  !r && e && /* @__PURE__ */ m(M, { size: t, icon: e }),
-  /* @__PURE__ */ m(c, { variant: o, size: t, children: x })
-] });
 export {
-  q as MetaTimestamp
+  w as MetaTimestamp
 };

package/dist/components/Metadata/Metadata.js

@@ -1,25 +1,22 @@
 import { jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import { u as a, w as s, v as n } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import { MetaItem as n } from "./MetaItem.js";
-import { MetaProgress as p } from "./MetaProgress.js";
-import { MetaTimestamp as a } from "./MetaTimestamp.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as c } from "../Page/Flex.js";
-const s = ({ type: e = "default", label: r, ...i }) => {
-  switch (e) {
+const p = ({ type: i = "default", label: r, ...e }) => {
+  switch (i) {
     case "progress":
-      return /* @__PURE__ */ t(p, { ...i, children: r });
+      return /* @__PURE__ */ t(n, { ...e, children: r });
     case "timestamp":
-      return /* @__PURE__ */ t(a, { ...i, children: r });
+      return /* @__PURE__ */ t(s, { ...e, children: r });
     default:
-      return /* @__PURE__ */ t(n, { ...i, children: r });
+      return /* @__PURE__ */ t(a, { ...e, children: r });
   }
-}, L = ({ variant: e = "inline", size: r, items: i = [] }) => /* @__PURE__ */ t(c, { as: "ul", direction: e === "list" ? "col" : "row", spacing: 2, children: i.map((o, m) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(s, { ...o, size: r }) }, "meta-" + m)) });
+}, I = ({ variant: i = "inline", size: r, items: e = [] }) => /* @__PURE__ */ t(c, { as: "ul", direction: i === "list" ? "col" : "row", spacing: 2, children: e.map((o, m) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(p, { ...o, size: r }) }, "meta-" + m)) });
 export {
-  s as MetaListItem,
-  L as Metadata
+  p as MetaListItem,
+  I as Metadata
 };

package/dist/components/Metadata/index.js

@@ -1,19 +1,16 @@
-import { MetaBase as o } from "./MetaBase.js";
-import { MetaItemBase as a } from "./MetaItemBase.js";
-import { MetaItemIcon as p } from "./MetaItemIcon.js";
-import { MetaItemLabel as f } from "./MetaItemLabel.js";
-import { MetaItem as s } from "./MetaItem.js";
-import { MetaProgress as i } from "./MetaProgress.js";
-import { MetaTimestamp as L } from "./MetaTimestamp.js";
-import { MetaListItem as c, Metadata as d } from "./Metadata.js";
+import { MetaBase as a } from "./MetaBase.js";
+import { MetaItemBase as o } from "./MetaItemBase.js";
+import { u as s, t as M, v as p, w as I } from "../../Section-jhq4n77E.js";
+import { MetaItemLabel as x } from "./MetaItemLabel.js";
+import { MetaListItem as B, Metadata as L } from "./Metadata.js";
 export {
-  o as MetaBase,
+  a as MetaBase,
   s as MetaItem,
-  a as MetaItemBase,
-  p as MetaItemIcon,
-  f as MetaItemLabel,
-  c as MetaListItem,
-  i as MetaProgress,
-  L as MetaTimestamp,
-  d as Metadata
+  o as MetaItemBase,
+  M as MetaItemIcon,
+  x as MetaItemLabel,
+  B as MetaListItem,
+  p as MetaProgress,
+  I as MetaTimestamp,
+  L as Metadata
 };

package/dist/components/Modal/Modal.js

@@ -1,24 +1,23 @@
-import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import { jsxs as p, jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
-import { Button as e } from "../Button/Button.js";
+import { E as e } from "../../Section-jhq4n77E.js";
+import { Button as n } from "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { ModalBase as n } from "./ModalBase.js";
-import { S as d } from "../../XMark-tKk6aExO.js";
+import { ModalBase as d } from "./ModalBase.js";
 import '../../assets/Modal.css';const l = "_dismiss_ps82p_1", c = {
   dismiss: l
-}, j = ({ open: t, onClose: i, dismissable: o, closeTitle: r, children: m, ...p }) => /* @__PURE__ */ a(n, { padding: 6, spacing: 6, ...p, open: t, onClose: i, children: [
-  typeof i == "function" && o && /* @__PURE__ */ s(
-    e,
+}, j = ({ open: t, onClose: s, dismissable: o, closeTitle: r, children: m, ...a }) => /* @__PURE__ */ p(d, { padding: 6, spacing: 6, ...a, open: t, onClose: s, children: [
+  typeof s == "function" && o && /* @__PURE__ */ i(
+    n,
     {
       className: c.dismiss,
       variant: "outline",
-      onClick: i,
+      onClick: s,
       "aria-label": r ?? "Close",
       size: "sm",
-      children: /* @__PURE__ */ s(d, { style: { fontSize: "1.5em" } })
+      children: /* @__PURE__ */ i(e, { style: { fontSize: "1.5em" } })
     }
   ),
   m

package/dist/components/Modal/ModalBase.js

@@ -1,16 +1,15 @@
 "use client";
-import { jsx as s } from "react/jsx-runtime";
-import { useRef as D, useEffect as m } from "react";
+import { jsx as d } from "react/jsx-runtime";
+import { useRef as S, useEffect as f } from "react";
 import "../../index-p1eeF8LQ.js";
-import "../RootProvider/RootProvider.js";
+import { S as D } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { Section as S } from "../Page/Section.js";
-import '../../assets/ModalBase.css';const C = "_modal_3d5cx_1", R = "_content_3d5cx_41", f = {
+import '../../assets/ModalBase.css';const C = "_modal_3d5cx_1", R = "_content_3d5cx_41", m = {
   modal: C,
   content: R
-}, z = ({
+}, Y = ({
   open: r,
   onClose: o,
   closedBy: n = "any",
@@ -23,50 +22,50 @@ import '../../assets/ModalBase.css';const C = "_modal_3d5cx_1", R = "_content_3d
   height: y = "auto",
   variant: b = "default"
 }) => {
-  const i = D(null);
-  return m(() => {
-    const t = i.current, a = (e) => {
-      const { clientY: l, clientX: d, target: k } = e;
-      if (e instanceof KeyboardEvent && e.key === "Escape") {
+  const i = S(null);
+  return f(() => {
+    const e = i.current, a = (t) => {
+      const { clientY: l, clientX: s, target: k } = t;
+      if (t instanceof KeyboardEvent && t.key === "Escape") {
         if (n === "none") {
-          e.preventDefault();
+          t.preventDefault();
           return;
         }
         o();
         return;
       }
-      if (!window.getSelection()?.toString() && t && k === t && n === "any") {
-        const { top: L, left: _, right: w, bottom: x } = t.getBoundingClientRect();
-        L <= l && l <= x && _ <= d && d <= w || t?.close();
+      if (!window.getSelection()?.toString() && e && k === e && n === "any") {
+        const { top: L, left: _, right: w, bottom: x } = e.getBoundingClientRect();
+        L <= l && l <= x && _ <= s && s <= w || e?.close();
       }
     }, c = () => {
-      const e = t?.querySelector("[autofocus]");
-      document.activeElement !== e && e?.focus();
+      const t = e?.querySelector("[autofocus]");
+      document.activeElement !== t && t?.focus();
     };
-    return t?.addEventListener("animationend", c), t?.addEventListener("click", a), t?.addEventListener("keydown", a), () => {
-      t?.removeEventListener("animationend", c), t?.removeEventListener("click", a), t?.removeEventListener("keydown", a);
+    return e?.addEventListener("animationend", c), e?.addEventListener("click", a), e?.addEventListener("keydown", a), () => {
+      e?.removeEventListener("animationend", c), e?.removeEventListener("click", a), e?.removeEventListener("keydown", a);
     };
-  }, [n, o]), m(() => {
-    const t = i.current;
-    t && (r ? t.open || t.showModal() : t.open && t.close());
-  }, [r]), /* @__PURE__ */ s(
+  }, [n, o]), f(() => {
+    const e = i.current;
+    e && (r ? e.open || e.showModal() : e.open && e.close());
+  }, [r]), /* @__PURE__ */ d(
     "dialog",
     {
       ref: i,
       "aria-modal": "true",
       "aria-labelledby": "modal-title",
-      onCancel: (t) => {
-        t.preventDefault(), n === "any" && o();
+      onCancel: (e) => {
+        e.preventDefault(), n === "any" && o();
       },
       "data-backdrop-color": p,
-      className: f.modal,
+      className: m.modal,
       "data-variant": b,
       "data-height": y,
       onClose: n !== "none" ? o : void 0,
-      children: /* @__PURE__ */ s(
-        S,
+      children: /* @__PURE__ */ d(
+        D,
         {
-          className: f.content,
+          className: m.content,
           "aria-label": "modal content",
           size: g,
           color: v,
@@ -79,5 +78,5 @@ import '../../assets/ModalBase.css';const C = "_modal_3d5cx_1", R = "_content_3d
   );
 };
 export {
-  z as ModalBase
+  Y as ModalBase
 };

package/dist/components/Modal/ModalHeader.js

@@ -1,44 +1,42 @@
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { c as h } from "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
-import { Heading as m } from "../Typography/Heading.js";
+import { H as c, E as f } from "../../Section-jhq4n77E.js";
 import { Button as p } from "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { Flex as t } from "../Page/Flex.js";
-import { ModalIcon as f } from "./ModalIcon.js";
-import { S as g } from "../../XMark-tKk6aExO.js";
-import '../../assets/ModalHeader.css';const y = "_header_nhvlf_1", u = "_sticky_nhvlf_11", c = {
+import { ModalIcon as g } from "./ModalIcon.js";
+import '../../assets/ModalHeader.css';const y = "_header_nhvlf_1", u = "_sticky_nhvlf_11", l = {
   header: y,
   sticky: u
-}, B = ({
+}, M = ({
   title: o,
-  description: e,
+  description: r,
   icon: n,
   onClose: a,
   closeTitle: s,
-  children: l,
+  children: m,
   sticky: d = !0
-}) => /* @__PURE__ */ r("header", { className: h(c.header, d && c.sticky), children: /* @__PURE__ */ i(t, { direction: "row", justify: "between", align: "center", spacing: 8, style: { flexGrow: 1 }, children: [
-  l || /* @__PURE__ */ i(t, { direction: "row", align: "center", spacing: 3, children: [
-    n && /* @__PURE__ */ r(f, { icon: n }),
+}) => /* @__PURE__ */ e("header", { className: h(l.header, d && l.sticky), children: /* @__PURE__ */ i(t, { direction: "row", justify: "between", align: "center", spacing: 8, style: { flexGrow: 1 }, children: [
+  m || /* @__PURE__ */ i(t, { direction: "row", align: "center", spacing: 3, children: [
+    n && /* @__PURE__ */ e(g, { icon: n }),
     /* @__PURE__ */ i(t, { direction: "col", spacing: 0, children: [
-      o && /* @__PURE__ */ r(m, { as: "h2", size: e ? "md" : "lg", children: o }),
-      e && /* @__PURE__ */ r(m, { as: "h3", size: "xs", weight: "normal", children: e })
+      o && /* @__PURE__ */ e(c, { as: "h2", size: r ? "md" : "lg", children: o }),
+      r && /* @__PURE__ */ e(c, { as: "h3", size: "xs", weight: "normal", children: r })
     ] })
   ] }),
-  (a || s) && /* @__PURE__ */ r(
+  (a || s) && /* @__PURE__ */ e(
     "form",
     {
       method: "dialog",
       onSubmit: () => {
         a?.();
       },
-      children: /* @__PURE__ */ r(p, { type: "submit", variant: "outline", "aria-label": s ?? "Close", size: "sm", children: /* @__PURE__ */ r(g, { style: { fontSize: "1.5em" } }) })
+      children: /* @__PURE__ */ e(p, { type: "submit", variant: "outline", "aria-label": s ?? "Close", size: "sm", children: /* @__PURE__ */ e(f, { style: { fontSize: "1.5em" } }) })
     }
   )
 ] }) });
 export {
-  B as ModalHeader
+  M as ModalHeader
 };

package/dist/components/Modal/ModalIcon.js

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

package/dist/components/Notifications/NotificationItem.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
 import { NotificationItemBase as r } from "./NotificationItemBase.js";

package/dist/components/Notifications/NotificationItemBase.js

@@ -1,12 +1,11 @@
 import { jsx as i, jsxs as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import { m as j } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import { ListItemBase as j } from "../List/ListItemBase.js";
-import { ListItemLink as B } from "../List/ListItemLink.js";
-import { ListItemLabel as v } from "../List/ListItemLabel.js";
+import { ListItemBase as B } from "../List/ListItemBase.js";
+import { ListItemLink as v } from "../List/ListItemLink.js";
 import { NotificationItemControls as y } from "./NotificationItemControls.js";
 import { NotificationItemIcon as z } from "./NotificationItemIcon.js";
 import "../Snackbar/useSnackbar.js";
@@ -16,7 +15,7 @@ import '../../assets/NotificationItemBase.css';const C = "_item_w20tn_1", q = "_
   link: A,
   linkFocus: D,
   controls: E
-}, V = ({
+}, U = ({
   as: s,
   href: r,
   ref: m,
@@ -40,10 +39,10 @@ import '../../assets/NotificationItemBase.css';const C = "_item_w20tn_1", q = "_
   ...F
 }) => {
   const x = F.ariaLabel;
-  return /* @__PURE__ */ i(j, { ref: m, className: t.item, color: _, variant: d, size: "md", children: /* @__PURE__ */ e("header", { className: t.header, children: [
+  return /* @__PURE__ */ i(B, { ref: m, className: t.item, color: _, variant: d, size: "md", children: /* @__PURE__ */ e("header", { className: t.header, children: [
     /* @__PURE__ */ i(z, { icon: p, badge: h }),
     /* @__PURE__ */ e(
-      B,
+      v,
       {
         as: s,
         href: r,
@@ -57,7 +56,7 @@ import '../../assets/NotificationItemBase.css';const C = "_item_w20tn_1", q = "_
         children: [
           /* @__PURE__ */ i("div", { className: t.linkFocus, "aria-hidden": "true" }),
           /* @__PURE__ */ i(
-            v,
+            j,
             {
               loading: o,
               highlightWords: I,
@@ -83,5 +82,5 @@ import '../../assets/NotificationItemBase.css';const C = "_item_w20tn_1", q = "_
   ] }) });
 };
 export {
-  V as NotificationItemBase
+  U as NotificationItemBase
 };

package/dist/components/Notifications/NotificationItemControls.js

@@ -1,13 +1,12 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import { E as l } from "../../Section-jhq4n77E.js";
 import { Button as p } from "../Button/Button.js";
-import { ContextMenu as l } from "../ContextMenu/ContextMenu.js";
+import { ContextMenu as a } from "../ContextMenu/ContextMenu.js";
 import "react-dom";
-import { ListItemControls as a } from "../List/ListItemControls.js";
+import { ListItemControls as f } from "../List/ListItemControls.js";
 import "../Snackbar/useSnackbar.js";
-import { S as f } from "../../XMark-tKk6aExO.js";
 const v = ({
   className: t,
   loading: i,
@@ -15,9 +14,9 @@ const v = ({
   dismissLabel: s,
   onDismiss: n,
   contextMenu: r
-}) => i ? null : /* @__PURE__ */ e(a, { className: t, children: [
-  r && /* @__PURE__ */ o(l, { ...r }),
-  m && /* @__PURE__ */ o(p, { variant: "ghost", "aria-label": s || "Dismiss", onClick: n, size: "xs", children: /* @__PURE__ */ o(f, { style: { fontSize: "1.5em" } }) })
+}) => i ? null : /* @__PURE__ */ e(f, { className: t, children: [
+  r && /* @__PURE__ */ o(a, { ...r }),
+  m && /* @__PURE__ */ o(p, { variant: "ghost", "aria-label": s || "Dismiss", onClick: n, size: "xs", children: /* @__PURE__ */ o(l, { style: { fontSize: "1.5em" } }) })
 ] });
 export {
   v as NotificationItemControls

package/dist/components/Notifications/NotificationItemIcon.js

@@ -1,35 +1,33 @@
 import { jsx as r, jsxs as o, Fragment as p } from "react/jsx-runtime";
 import { isValidElement as i } from "react";
-import { Badge as n } from "../Badge/Badge.js";
-import { Icon as e, isIconProps as c } from "../Icon/Icon.js";
+import { Badge as m } from "../Badge/Badge.js";
+import { I as e, E as c, i as l } from "../../Section-jhq4n77E.js";
 import "../../index-p1eeF8LQ.js";
-import { isAvatarProps as l, Avatar as _ } from "../Avatar/Avatar.js";
-import { isAvatarGroupProps as f, AvatarGroup as v } from "../Avatar/AvatarGroup.js";
-import "../RootProvider/RootProvider.js";
+import { isAvatarProps as _, Avatar as v } from "../Avatar/Avatar.js";
+import { isAvatarGroupProps as d, AvatarGroup as f } from "../Avatar/AvatarGroup.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { S as d } from "../../XMark-tKk6aExO.js";
-import '../../assets/NotificationItemIcon.css';const u = "_icon_15rz1_1", g = "_shape_15rz1_11", h = "_avatar_15rz1_29", N = "_avatarGroup_15rz1_35", b = "_badge_15rz1_39", s = {
+import '../../assets/NotificationItemIcon.css';const u = "_icon_15rz1_1", g = "_shape_15rz1_11", h = "_avatar_15rz1_29", N = "_avatarGroup_15rz1_35", b = "_badge_15rz1_39", t = {
   icon: u,
   shape: g,
   avatar: h,
   avatarGroup: N,
   badge: b
 };
-function z(t) {
-  return typeof t == "string" || typeof t == "number" || typeof t == "boolean" || t === null || i(t);
+function z(s) {
+  return typeof s == "string" || typeof s == "number" || typeof s == "boolean" || s === null || i(s);
 }
-const M = ({ loading: t, icon: a, badge: m }) => a ? t ? /* @__PURE__ */ r("div", { className: s.icon, children: /* @__PURE__ */ r(e, { svgElement: d, loading: !0 }) }) : /* @__PURE__ */ o("div", { className: s.icon, children: [
-  l(a) && /* @__PURE__ */ r(_, { ...a, className: s.avatar }) || f(a) && /* @__PURE__ */ r(v, { ...a, className: s.avatarGroup }) || c(a) && /* @__PURE__ */ o(p, { children: [
-    /* @__PURE__ */ r("span", { className: s.shape }),
+const F = ({ loading: s, icon: a, badge: n }) => a ? s ? /* @__PURE__ */ r("div", { className: t.icon, children: /* @__PURE__ */ r(e, { svgElement: c, loading: !0 }) }) : /* @__PURE__ */ o("div", { className: t.icon, children: [
+  _(a) && /* @__PURE__ */ r(v, { ...a, className: t.avatar }) || d(a) && /* @__PURE__ */ r(f, { ...a, className: t.avatarGroup }) || l(a) && /* @__PURE__ */ o(p, { children: [
+    /* @__PURE__ */ r("span", { className: t.shape }),
     /* @__PURE__ */ r(e, { ...a })
   ] }) || z(a) && a || /* @__PURE__ */ o(p, { children: [
-    /* @__PURE__ */ r("span", { className: s.shape }),
+    /* @__PURE__ */ r("span", { className: t.shape }),
     /* @__PURE__ */ r(e, { svgElement: a })
   ] }),
-  m && /* @__PURE__ */ r(n, { ...m, size: "xs", variant: "base", className: s.badge })
+  n && /* @__PURE__ */ r(m, { ...n, size: "xs", variant: "base", className: t.badge })
 ] }) : null;
 export {
-  M as NotificationItemIcon
+  F as NotificationItemIcon
 };

package/dist/components/Page/AccordionSection.js

@@ -1,17 +1,16 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
-import { Typography as e } from "../Typography/Typography.js";
+import { S as e } from "../../Section-jhq4n77E.js";
+import { Typography as n } from "../Typography/Typography.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { PageDetails as n } from "./PageDetails.js";
-import { Section as c } from "./Section.js";
-const S = ({ items: o }) => /* @__PURE__ */ r(c, { children: o?.map((t) => {
+import { PageDetails as c } from "./PageDetails.js";
+const g = ({ items: o }) => /* @__PURE__ */ r(e, { children: o?.map((t) => {
   const { id: i, title: m, children: p } = t;
-  return /* @__PURE__ */ r(n, { summary: m, children: /* @__PURE__ */ r(e, { children: p }) }, i);
+  return /* @__PURE__ */ r(c, { summary: m, children: /* @__PURE__ */ r(n, { children: p }) }, i);
 }) });
 export {
-  S as AccordionSection
+  g as AccordionSection
 };

package/dist/components/Page/ContactButtons.js

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as u } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import "../../Section-jhq4n77E.js";
 import { Button as l } from "../Button/Button.js";
 import { ButtonIcon as a } from "../Button/ButtonIcon.js";
 import { ButtonLabel as s } from "../Button/ButtonLabel.js";