@altinn/altinn-components 0.56.8 → 0.56.9

package/dist/{SearchField-xsZAikgq.js → SearchField-CXMhgFiw.js}

@@ -3,6 +3,7 @@ import { jsx as o, jsxs as E } from "react/jsx-runtime";
 import { c as oe } from "./index-p1eeF8LQ.js";
 import { useRef as j, useState as Q, useMemo as R, useEffect as G, Fragment as ge, useLayoutEffect as ne, useId as re } from "react";
 import { Button as se } from "./components/Button/Button.js";
+import "react-dom";
 import "./components/RootProvider/RootProvider.js";
 import { useMenu as de } from "./hooks/useMenu.js";
 import { Input as ie } from "./components/Forms/Input.js";

package/dist/assets/AccountListVirtual.css

@@ -1 +1 @@
-._virtualScrollRef_188ep_1{height:100vh;overflow-y:auto;overflow-x:hidden;padding:0 .5rem;margin:0 -.5rem}._virtualList_188ep_9{list-style-type:none;padding:0;margin:0}._virtualListItem_188ep_15{position:absolute;top:0;left:0;width:100%}._virtualListItem_188ep_15:focus-within,._virtualListItem_188ep_15:has([data-expanded=true]){z-index:20}._virtualListItem_188ep_15>*{margin:0}._lastChild_188ep_31{padding-bottom:1rem}._virtualTitleItem_188ep_35{position:absolute;top:0;left:0;width:100%;padding-top:1rem;padding-bottom:1rem}._virtualTitleItem_188ep_35:first-child{padding-top:0}
+._virtualScrollRef_6cuj6_1{height:100vh;overflow-y:auto;overflow-x:hidden;padding:0 .5rem;margin:0 -.5rem}._virtualList_6cuj6_9{list-style-type:none;padding:0;margin:0}._virtualListItem_6cuj6_15{position:absolute;top:0;left:0;width:100%}._virtualListItem_6cuj6_15:focus-within,._virtualListItem_6cuj6_15:has([aria-expanded=true]){z-index:20}._virtualListItem_6cuj6_15>*{margin:0}._lastChild_6cuj6_31{padding-bottom:1rem}._virtualTitleItem_6cuj6_35{position:absolute;top:0;left:0;width:100%;padding-top:1rem;padding-bottom:1rem}._virtualTitleItem_6cuj6_35:first-child{padding-top:0}

package/dist/components/AccessAreaListItem/AccessAreaListItem.js

@@ -2,23 +2,24 @@ import { jsx as s } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { ListItem as b } from "../List/ListItem.js";
 import '../../assets/AccessAreaListItem.css';const I = "_content_7hk0i_1", d = {
   content: I
-}, k = ({
+}, y = ({
   name: t,
   icon: c,
-  iconUrl: n,
-  size: r = "md",
-  children: i,
+  iconUrl: r,
+  size: i = "md",
+  children: m,
   expanded: e = !1,
-  onClick: m,
+  onClick: n,
   badge: l,
-  colorTheme: a,
+  colorTheme: p,
   loading: o,
-  titleAs: p = "h3",
+  titleAs: a = "h3",
   ...h
 }) => /* @__PURE__ */ s(
   b,
@@ -26,23 +27,23 @@ import '../../assets/AccessAreaListItem.css';const I = "_content_7hk0i_1", d = {
     as: "button",
     icon: {
       svgElement: c,
-      iconUrl: n,
+      iconUrl: r,
       theme: "subtle",
-      color: a,
+      color: p,
       altText: ""
     },
-    title: { children: t, as: p },
+    title: { children: t, as: a },
     ariaLabel: t,
-    size: r,
+    size: i,
     collapsible: !o,
     expanded: e,
-    onClick: m,
+    onClick: n,
     badge: l,
     loading: o,
     ...h,
-    children: e && /* @__PURE__ */ s("div", { className: d.content, children: i })
+    children: e && /* @__PURE__ */ s("div", { className: d.content, children: m })
   }
 );
 export {
-  k as AccessAreaListItem
+  y as AccessAreaListItem
 };

package/dist/components/AccessPackageListItem/AccessPackageListItem.js

@@ -3,11 +3,12 @@ import { jsx as a } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import n, { forwardRef as f } from "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { ListItem as c } from "../List/ListItem.js";
-import { u as d } from "../../useId-BVFxCjkq.js";
-var m = function(t, o) {
+import { ListItem as m } from "../List/ListItem.js";
+import { u as c } from "../../useId-BVFxCjkq.js";
+var d = function(t, o) {
   var l = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (l[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
@@ -16,15 +17,15 @@ var m = function(t, o) {
   return l;
 };
 const p = f((t, o) => {
-  var { title: l, titleId: e } = t, r = m(t, ["title", "titleId"]);
-  let i = d();
+  var { title: l, titleId: e } = t, r = d(t, ["title", "titleId"]);
+  let i = c();
   return i = l ? e || "title-" + i : void 0, n.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": i }, r),
     l ? n.createElement("title", { id: i }, l) : null,
     n.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M11.625 2.35a.75.75 0 0 1 .75 0l7.794 4.5a.75.75 0 0 1 .375.65v9a.75.75 0 0 1-.375.65l-7.794 4.5a.75.75 0 0 1-.75 0l-7.794-4.5a.75.75 0 0 1-.375-.65v-9a.75.75 0 0 1 .375-.65zM12 3.866 5.706 7.5 12 11.134 18.294 7.5zm7.044 4.933-6.294 3.634v7.268l6.294-3.634zM11.25 19.701v-7.268L4.956 8.799v7.268z", clipRule: "evenodd" })
   );
-}), h = ({
+}), I = ({
   as: t = "button",
   name: o,
   color: l = "neutral",
@@ -32,7 +33,7 @@ const p = f((t, o) => {
   size: r = "sm",
   ...i
 }) => /* @__PURE__ */ a(
-  c,
+  m,
   {
     icon: p,
     as: t,
@@ -45,5 +46,5 @@ const p = f((t, o) => {
   }
 );
 export {
-  h as AccessPackageListItem
+  I as AccessPackageListItem
 };

package/dist/components/Account/AccountList.js

@@ -5,26 +5,27 @@ import { AccountListItem as g } from "./AccountListItem.js";
 import { Heading as h } from "../Typography/Heading.js";
 import "../Button/Button.js";
 import { useMenu as L } from "../../hooks/useMenu.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { List as x } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as y } from "../Page/Section.js";
 import { AccountListVirtual as A } from "./AccountListVirtual.js";
-const S = ({ items: t, groups: o = {}, sortGroupBy: e, virtualized: n }) => {
+const V = ({ items: t, groups: o = {}, sortGroupBy: i, virtualized: n }) => {
   if (n)
-    return /* @__PURE__ */ r(A, { items: t, groups: o, sortGroupBy: e });
+    return /* @__PURE__ */ r(A, { items: t, groups: o, sortGroupBy: i });
   const { menu: p } = L({
     items: t,
     groups: o,
     groupByKey: "groupId",
     keyboardEvents: !1,
-    sortGroupBy: e
+    sortGroupBy: i
   });
-  return /* @__PURE__ */ r(y, { spacing: 6, children: p?.map((i, s) => {
-    const m = i.props || {};
+  return /* @__PURE__ */ r(y, { spacing: 6, children: p?.map((e, s) => {
+    const m = e.props || {};
     return /* @__PURE__ */ l(a, { children: [
       m?.title && /* @__PURE__ */ r(h, { size: "lg", children: m.title }),
-      /* @__PURE__ */ r(x, { children: i?.items.map((c, u) => {
+      /* @__PURE__ */ r(x, { children: e?.items.map((c, u) => {
         const f = c.props || {};
         return /* @__PURE__ */ d(g, { ...f, key: u });
       }) })
@@ -32,5 +33,5 @@ const S = ({ items: t, groups: o = {}, sortGroupBy: e, virtualized: n }) => {
   }) });
 };
 export {
-  S as AccountList
+  V as AccountList
 };

package/dist/components/Account/AccountListItem.js

@@ -2,17 +2,18 @@ import { jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { ListItem as q } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
 import { AccountListItemControls as w } from "./AccountListItemControls.js";
-const H = ({
+const J = ({
   id: m,
   type: c,
   size: s,
   expanded: t,
-  icon: e,
-  name: p,
+  icon: p,
+  name: e,
   title: n,
   description: u,
   isCurrentEndUser: f,
@@ -34,8 +35,8 @@ const H = ({
     ...h,
     loading: o,
     size: s,
-    icon: e,
-    title: n || p,
+    icon: p,
+    title: n || e,
     description: t ? void 0 : u,
     expanded: t,
     selected: t,
@@ -61,5 +62,5 @@ const H = ({
   }
 );
 export {
-  H as AccountListItem
+  J as AccountListItem
 };

package/dist/components/Account/AccountListItemControls.js

@@ -1,14 +1,15 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
 import { Badge as u } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
 import { isValidElement as c } from "react";
 import { Button as d } from "../Button/Button.js";
 import { ContextMenu as v } from "../ContextMenu/ContextMenu.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { ListItemControls as x } from "../List/ListItemControls.js";
 import "../Snackbar/useSnackbar.js";
 import { S as B, a as C } from "../../HeartFill-CYSrJ_xK.js";
-const E = ({
+const F = ({
   id: e,
   type: i,
   badge: r,
@@ -18,9 +19,9 @@ const E = ({
   favouriteLabel: s,
   onToggleFavourite: f,
   contextMenu: o,
-  loading: a
-}) => /* @__PURE__ */ p(x, { children: [
-  r && (r && !a && typeof r == "object" && "label" in r ? /* @__PURE__ */ t(u, { ...r }) : c(r) ? r : null),
+  loading: p
+}) => /* @__PURE__ */ a(x, { children: [
+  r && (r && !p && typeof r == "object" && "label" in r ? /* @__PURE__ */ t(u, { ...r }) : c(r) ? r : null),
   !m && !l && i !== "group" && /* @__PURE__ */ t(
     d,
     {
@@ -35,5 +36,5 @@ const E = ({
   o && /* @__PURE__ */ t(v, { ...o })
 ] });
 export {
-  E as AccountListItemControls
+  F as AccountListItemControls
 };

package/dist/components/Account/AccountListItemDetails.js

@@ -4,13 +4,14 @@ import "../../index-p1eeF8LQ.js";
 import { AccountOrganization as L } from "./AccountOrganization.js";
 import { Button as p } from "../Button/Button.js";
 import { ButtonGroup as j } from "../Button/ButtonGroup.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { Divider as x } from "../Divider/Divider.js";
 import { List as z } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as a } from "../Page/Section.js";
 import { SettingsItem as A } from "../Settings/SettingsItem.js";
-const q = ({
+const w = ({
   color: c,
   loading: s,
   loadingText: l = "Loading...",
@@ -31,5 +32,5 @@ const q = ({
   d
 ] });
 export {
-  q as AccountListItemDetails
+  w as AccountListItemDetails
 };

package/dist/components/Account/AccountListVirtual.js

@@ -7,16 +7,17 @@ import { AccountListItem as v } from "./AccountListItem.js";
 import { useMenu as x } from "../../hooks/useMenu.js";
 import { Heading as _ } from "../Typography/Heading.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as L } from "../Page/Section.js";
-import '../../assets/AccountListVirtual.css';const g = "_virtualScrollRef_188ep_1", S = "_virtualList_188ep_9", $ = "_virtualListItem_188ep_15", C = "_lastChild_188ep_31", P = "_virtualTitleItem_188ep_35", l = {
+import '../../assets/AccountListVirtual.css';const g = "_virtualScrollRef_6cuj6_1", S = "_virtualList_6cuj6_9", $ = "_virtualListItem_6cuj6_15", C = "_lastChild_6cuj6_31", P = "_virtualTitleItem_6cuj6_35", l = {
   virtualScrollRef: g,
   virtualList: S,
   virtualListItem: $,
   lastChild: C,
   virtualTitleItem: P
-}, j = ({ items: u, groups: p = {}, sortGroupBy: d }) => {
+}, B = ({ items: u, groups: p = {}, sortGroupBy: d }) => {
   const s = I(null), { menu: f } = x({
     items: u,
     groups: p,
@@ -24,15 +25,15 @@ import '../../assets/AccountListVirtual.css';const g = "_virtualScrollRef_188ep_
     keyboardEvents: !1,
     sortGroupBy: d
   }), n = f.flatMap((t) => {
-    const e = t?.props || {}, { title: r } = e, a = t?.items || [];
+    const e = t?.props || {}, { title: r } = e, o = t?.items || [];
     return [
       ...r ? [{ type: "title", title: r }] : [],
-      ...a.map((c) => ({
+      ...o.map((m) => ({
         type: "item",
-        itemProps: c.props || {}
+        itemProps: m.props || {}
       }))
     ];
-  }), o = y({
+  }), a = y({
     count: n.length,
     useAnimationFrameWithResizeObserver: !0,
     gap: 8,
@@ -44,21 +45,21 @@ import '../../assets/AccountListVirtual.css';const g = "_virtualScrollRef_188ep_
       return e.itemProps?.parentId && (!r || r.type === "title" || r.type === "item" && !r.itemProps?.parentId) ? 96 : 80;
     },
     getScrollElement: () => s.current
-  }), m = o.getVirtualItems();
+  }), c = a.getVirtualItems();
   return h(() => {
-    for (const t of m) {
+    for (const t of c) {
       const e = s.current?.querySelector(`[data-index="${t.index}"]`) ?? s.current?.querySelector(`[dataindex="${t.index}"]`) ?? s.current?.querySelector(`[dataIndex="${t.index}"]`);
-      e && o.measureElement(e);
+      e && a.measureElement(e);
     }
-  }, [m]), /* @__PURE__ */ i(L, { spacing: 6, children: /* @__PURE__ */ i("div", { ref: s, className: l.virtualScrollRef, children: /* @__PURE__ */ i(
+  }, [c]), /* @__PURE__ */ i(L, { spacing: 6, children: /* @__PURE__ */ i("div", { ref: s, className: l.virtualScrollRef, children: /* @__PURE__ */ i(
     "ul",
     {
       className: l.virtualList,
       style: {
         position: "relative",
-        height: `${o.getTotalSize()}px`
+        height: `${a.getTotalSize()}px`
       },
-      children: m.map((t) => {
+      children: c.map((t) => {
         const e = n[t.index];
         if (!e) return null;
         if (e.type === "title")
@@ -73,12 +74,12 @@ import '../../assets/AccountListVirtual.css';const g = "_virtualScrollRef_188ep_
             t.key
           );
         if (e.type === "item") {
-          const r = n[t.index + 1], a = e.itemProps?.parentId && (!r || r.type === "title" || r.type === "item" && !r.itemProps?.parentId);
+          const r = n[t.index + 1], o = e.itemProps?.parentId && (!r || r.type === "title" || r.type === "item" && !r.itemProps?.parentId);
           return /* @__PURE__ */ i(
             "li",
             {
               "data-index": t.index,
-              className: `${l.virtualListItem} ${a ? l.lastChild : ""}`,
+              className: `${l.virtualListItem} ${o ? l.lastChild : ""}`,
               style: { transform: `translateY(${t.start}px)` },
               children: /* @__PURE__ */ i(v, { ...e.itemProps, containerAs: "div" })
             },
@@ -91,5 +92,5 @@ import '../../assets/AccountListVirtual.css';const g = "_virtualScrollRef_188ep_
   ) }) });
 };
 export {
-  j as AccountListVirtual
+  B as AccountListVirtual
 };

package/dist/components/Account/AccountMenu.js

@@ -3,10 +3,11 @@ import { jsx as C } from "react/jsx-runtime";
 import { useState as M, useEffect as w, useMemo as L } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { M as S } from "../../SearchField-xsZAikgq.js";
+import { M as S } from "../../SearchField-CXMhgFiw.js";
 import "../Snackbar/useSnackbar.js";
-const F = (n) => `${n} hits`, E = ({
+const F = (n) => `${n} hits`, G = ({
   items: n = [],
   groups: s = {},
   search: t,
@@ -47,13 +48,13 @@ const F = (n) => `${n} hits`, E = ({
     search: {
       title: t?.getResultsLabel?.(r.length) ?? F(r.length)
     }
-  } : s, A = {
+  } : s, m = {
     name: "account-search",
     value: o,
     placeholder: t?.placeholder ?? "Find account",
     onChange: (e) => l(e.target.value),
     onClear: () => l("")
-  }, m = [
+  }, A = [
     ...r.length > 0 ? r : [{ id: "search", groupId: "search", hidden: !0 }]
   ];
   return /* @__PURE__ */ C(
@@ -61,9 +62,9 @@ const F = (n) => `${n} hits`, E = ({
     {
       variant: "default",
       size: "md",
-      search: t && !t.hidden ? A : void 0,
+      search: t && !t.hidden ? m : void 0,
       groups: v,
-      items: m,
+      items: A,
       virtualized: f,
       keyboardEvents: g,
       scrollRefStyles: h
@@ -71,5 +72,5 @@ const F = (n) => `${n} hits`, E = ({
   );
 };
 export {
-  E as AccountMenu
+  G as AccountMenu
 };

package/dist/components/Account/AccountMenuButton.js

@@ -6,6 +6,7 @@ import { Avatar as p } from "../Avatar/Avatar.js";
 import { Button as g } from "../Button/Button.js";
 import { ButtonIcon as u } from "../Button/ButtonIcon.js";
 import { ButtonLabel as b } from "../Button/ButtonLabel.js";
+import "react-dom";
 import { useRootContext as y } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as I } from "../../XMark-tKk6aExO.js";
@@ -36,7 +37,7 @@ const w = v((t, i) => {
   icon: L,
   labelContainer: E,
   description: B
-}, G = ({
+}, J = ({
   className: t,
   currentAccount: i,
   expanded: o = !1,
@@ -129,5 +130,5 @@ const w = v((t, i) => {
   }
 };
 export {
-  G as AccountMenuButton
+  J as AccountMenuButton
 };

package/dist/components/Account/AccountNotificationSettings.js

@@ -2,25 +2,26 @@ import { jsxs as c, jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { Fieldset as d } from "../Forms/Fieldset.js";
-import { Switch as r } from "../Forms/Switch.js";
+import { Switch as l } from "../Forms/Switch.js";
 import { TextField as i } from "../Forms/TextField.js";
 import "../Snackbar/useSnackbar.js";
-const j = ({
+const k = ({
   phone: m,
   phoneLabel: p = "Varsle på SMS",
   email: s,
   emailLabel: a = "Varsle på e-post",
   smsAlerts: o = !1,
-  emailAlerts: l = !1,
+  emailAlerts: r = !1,
   onChange: e
 }) => /* @__PURE__ */ c(d, { size: "sm", children: [
-  /* @__PURE__ */ t(r, { label: p, name: "smsAlerts", value: "SMS", checked: !!o, onChange: e }),
+  /* @__PURE__ */ t(l, { label: p, name: "smsAlerts", value: "SMS", checked: !!o, onChange: e }),
   o && /* @__PURE__ */ t(i, { name: "phone", placeholder: "Mobiltelefon", value: m, onChange: e }),
-  /* @__PURE__ */ t(r, { label: a, name: "emailAlerts", value: "E-post", checked: !!l, onChange: e }),
-  l && /* @__PURE__ */ t(i, { name: "email", placeholder: "E-postadresse", value: s, onChange: e })
+  /* @__PURE__ */ t(l, { label: a, name: "emailAlerts", value: "E-post", checked: !!r, onChange: e }),
+  r && /* @__PURE__ */ t(i, { name: "email", placeholder: "E-postadresse", value: s, onChange: e })
 ] });
 export {
-  j as AccountNotificationSettings
+  k as AccountNotificationSettings
 };

package/dist/components/Account/AccountOrganization.js

@@ -1,34 +1,35 @@
-import { jsx as n, jsxs as l } from "react/jsx-runtime";
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
 import { Byline as p } from "../Byline/Byline.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/AccountOrganization.css';const h = "_list_hvcdj_1", _ = "_node_hvcdj_19", u = "_link_hvcdj_37", o = {
+import '../../assets/AccountOrganization.css';const h = "_list_hvcdj_1", _ = "_node_hvcdj_19", u = "_link_hvcdj_37", e = {
   list: h,
   node: _,
   link: u
 }, c = ({
-  avatar: e,
-  title: t,
+  avatar: o,
+  title: n,
   as: s,
   description: i,
-  selected: r,
+  selected: l,
   ...a
 }) => {
-  const m = r ? "span" : s || "a", { items: v, ...d } = a;
-  return /* @__PURE__ */ n(m, { ...d, className: o.link, "data-selected": r, children: /* @__PURE__ */ l(p, { size: "sm", avatar: e, children: [
-    /* @__PURE__ */ l("strong", { children: [
-      t,
+  const m = l ? "span" : s || "a", { items: v, ...d } = a;
+  return /* @__PURE__ */ t(m, { ...d, className: e.link, "data-selected": l, children: /* @__PURE__ */ r(p, { size: "sm", avatar: o, children: [
+    /* @__PURE__ */ r("strong", { children: [
+      n,
       i && ","
     ] }),
     i
   ] }) });
-}, j = ({ items: e, level: t }) => /* @__PURE__ */ n("ul", { "data-level": t, className: o.list, children: e.map((s, i) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n("span", { className: o.node, "data-level": t, children: /* @__PURE__ */ n(c, { ...s }) }) }, i)) }), f = ({ items: e = [], level: t = 1 }) => /* @__PURE__ */ n("ul", { "data-level": t, className: o.list, children: e.map((s, i) => /* @__PURE__ */ l("li", { children: [
-  /* @__PURE__ */ n(c, { ...s }),
-  s.items && /* @__PURE__ */ n(j, { items: s.items, level: t + 1 })
+}, j = ({ items: o, level: n }) => /* @__PURE__ */ t("ul", { "data-level": n, className: e.list, children: o.map((s, i) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t("span", { className: e.node, "data-level": n, children: /* @__PURE__ */ t(c, { ...s }) }) }, i)) }), y = ({ items: o = [], level: n = 1 }) => /* @__PURE__ */ t("ul", { "data-level": n, className: e.list, children: o.map((s, i) => /* @__PURE__ */ r("li", { children: [
+  /* @__PURE__ */ t(c, { ...s }),
+  s.items && /* @__PURE__ */ t(j, { items: s.items, level: n + 1 })
 ] }, i)) });
 export {
-  f as AccountOrganization
+  y as AccountOrganization
 };

package/dist/components/ActivityLog/ActivityLog.js

@@ -1,14 +1,15 @@
 "use client";
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { useState as m, createElement as f } from "react";
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { useState as a, createElement as f } from "react";
 import "../../index-p1eeF8LQ.js";
 import { Button as u } from "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { Timeline as h } from "../Timeline/Timeline.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as y } from "../Page/Section.js";
 import { ActivityLogSegment as v } from "./ActivityLogSegment.js";
-const B = ({
+const b = ({
   items: t,
   maxItems: o,
   expandLabel: i = "Expand history",
@@ -16,14 +17,14 @@ const B = ({
 }) => {
   if (!t?.length)
     return null;
-  const [n, c] = m(!1), p = () => {
+  const [n, c] = a(!1), p = () => {
     c((e) => !e);
   }, s = o ? t.slice(0, o) : t, d = n ? t : s, g = o && t.length > o;
-  return /* @__PURE__ */ a(y, { spacing: 4, children: [
+  return /* @__PURE__ */ m(y, { spacing: 4, children: [
     /* @__PURE__ */ r(h, { children: d.map((e) => /* @__PURE__ */ f(v, { ...e, key: "activitylog-segment-" + e.id })) }),
     g && /* @__PURE__ */ r(u, { variant: "outline", onClick: p, children: n ? l : i })
   ] });
 };
 export {
-  B as ActivityLog
+  b as ActivityLog
 };

package/dist/components/ActivityLog/ActivityLogItem.js

@@ -3,10 +3,11 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import { Typography as e } from "../Typography/Typography.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { TimelineActivity as p } from "../Timeline/TimelineActivity.js";
-const A = ({ byline: t, datetime: i, children: o, summary: c, ...m }) => o ? /* @__PURE__ */ r(p, { byline: t, datetime: i, ...m, children: o }) : /* @__PURE__ */ r(p, { byline: t, datetime: i, ...m, children: /* @__PURE__ */ r(e, { children: c }) });
+const T = ({ byline: t, datetime: i, children: o, summary: c, ...m }) => o ? /* @__PURE__ */ r(p, { byline: t, datetime: i, ...m, children: o }) : /* @__PURE__ */ r(p, { byline: t, datetime: i, ...m, children: /* @__PURE__ */ r(e, { children: c }) });
 export {
-  A as ActivityLogItem
+  T as ActivityLogItem
 };

package/dist/components/ActivityLog/ActivityLogSegment.js

@@ -3,15 +3,16 @@ import { createElement as g } from "react";
 import "../../index-p1eeF8LQ.js";
 import { Typography as f } from "../Typography/Typography.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { TimelineSegment as l } from "../Timeline/TimelineSegment.js";
 import "../Snackbar/useSnackbar.js";
 import { ActivityLogItem as y } from "./ActivityLogItem.js";
-const S = ({ id: o, items: r, datetime: m, byline: e, children: p, summary: t }) => /* @__PURE__ */ n(l, { datetime: m, byline: e, spacing: 2, id: o, children: [
+const T = ({ id: o, items: r, datetime: m, byline: e, children: p, summary: t }) => /* @__PURE__ */ n(l, { datetime: m, byline: e, spacing: 2, id: o, children: [
   t && /* @__PURE__ */ c(f, { children: t }),
   p,
   r?.map((i) => /* @__PURE__ */ g(y, { ...i, key: "activity-log-item" + i.id }))
 ] });
 export {
-  S as ActivityLogSegment
+  T as ActivityLogSegment
 };

package/dist/components/Article/Article.js

@@ -2,10 +2,11 @@ import { jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as i } from "../Page/Section.js";
-const f = ({ color: r, children: t }) => /* @__PURE__ */ o(i, { as: "article", color: r, spacing: 6, children: t });
+const l = ({ color: r, children: t }) => /* @__PURE__ */ o(i, { as: "article", color: r, spacing: 6, children: t });
 export {
-  f as Article
+  l as Article
 };

package/dist/components/Article/ArticleContact.js

@@ -4,11 +4,12 @@ import "react";
 import { Typography as c } from "../Typography/Typography.js";
 import { Heading as e } from "../Typography/Heading.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as d } from "../Page/Section.js";
 import { ContactButtons as a } from "../Page/ContactButtons.js";
-const b = ({
+const w = ({
   color: t,
   theme: p = "subtle",
   title: o,
@@ -21,5 +22,5 @@ const b = ({
   i && /* @__PURE__ */ r(a, { items: i })
 ] });
 export {
-  b as ArticleContact
+  w as ArticleContact
 };