@altinn/altinn-components 0.56.8 → 0.56.9

package/dist/components/Article/ArticleHeader.js

@@ -1,15 +1,16 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { jsxs as o, jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { Heading as m } from "../Typography/Heading.js";
+import { Heading as t } from "../Typography/Heading.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as t } from "../Page/Section.js";
-const h = ({ title: r, children: i }) => /* @__PURE__ */ o(t, { as: "header", spacing: 2, children: [
-  r && /* @__PURE__ */ e(m, { size: "xl", children: r }),
+import { Section as e } from "../Page/Section.js";
+const l = ({ title: r, children: i }) => /* @__PURE__ */ o(e, { as: "header", spacing: 2, children: [
+  r && /* @__PURE__ */ m(t, { size: "xl", children: r }),
   i
 ] });
 export {
-  h as ArticleHeader
+  l as ArticleHeader
 };

package/dist/components/Banner/Banner.js

@@ -1,10 +1,11 @@
 import { jsxs as o, jsx as s } from "react/jsx-runtime";
 import { c as e } from "../../index-p1eeF8LQ.js";
-import { Button as l } from "../Button/Button.js";
+import { Button as m } from "../Button/Button.js";
 import "react";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as m } from "../../InformationSquare-D3WAxfVw.js";
+import { S as l } from "../../InformationSquare-D3WAxfVw.js";
 import { S as f } from "../../XMark-tKk6aExO.js";
 import '../../assets/Banner.css';const p = "_banner_1of7r_1", d = "_sticky_1of7r_12", _ = "_title_1of7r_18", y = "_infoIcon_1of7r_25", t = {
   banner: p,
@@ -13,7 +14,7 @@ import '../../assets/Banner.css';const p = "_banner_1of7r_1", d = "_sticky_1of7r
   infoIcon: y
 };
 var g = /* @__PURE__ */ ((i) => (i.company = "company", i.success = "success", i.warning = "warning", i.danger = "danger", i.info = "info", i))(g || {});
-const N = ({ closeTitle: i = "close", onClose: r, text: n, color: a, sticky: c = !0 }) => /* @__PURE__ */ o(
+const j = ({ closeTitle: i = "close", onClose: r, text: n, color: a, sticky: c = !0 }) => /* @__PURE__ */ o(
   "section",
   {
     className: e(t.banner, { [t.sticky]: c }),
@@ -22,14 +23,14 @@ const N = ({ closeTitle: i = "close", onClose: r, text: n, color: a, sticky: c =
     "data-color": a,
     children: [
       /* @__PURE__ */ o("div", { className: t.title, children: [
-        /* @__PURE__ */ s(m, { className: t.infoIcon, "aria-hidden": !0 }),
+        /* @__PURE__ */ s(l, { className: t.infoIcon, "aria-hidden": !0 }),
         /* @__PURE__ */ s("span", { children: n })
       ] }),
-      !!r && /* @__PURE__ */ s(l, { variant: "solid", onClick: r, className: t.dismiss, "aria-label": i, children: /* @__PURE__ */ s(f, { style: { fontSize: "1.5em" } }) })
+      !!r && /* @__PURE__ */ s(m, { variant: "solid", onClick: r, className: t.dismiss, "aria-label": i, children: /* @__PURE__ */ s(f, { style: { fontSize: "1.5em" } }) })
     ]
   }
 );
 export {
-  N as Banner,
+  j as Banner,
   g as BannerColorEnum
 };

package/dist/components/Button/ButtonIcon.js

@@ -5,6 +5,7 @@ import { isIconProps as n, Icon as o } from "../Icon/Icon.js";
 import { isAvatarProps as c, Avatar as v } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as _, AvatarGroup as l } from "../Avatar/AvatarGroup.js";
 import "./Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/ButtonIcon.css';const f = "_media_1exbv_1", d = "_icon_1exbv_7", u = "_avatar_1exbv_11", b = "_avatarGroup_1exbv_15", t = {
@@ -16,7 +17,7 @@ import '../../assets/ButtonIcon.css';const f = "_media_1exbv_1", d = "_icon_1exb
 function x(a) {
   return typeof a == "string" || typeof a == "number" || typeof a == "boolean" || a === null || i(a);
 }
-const j = ({ icon: a, size: s, iconAltText: e, className: m }) => /* @__PURE__ */ r("span", { className: p(t.media, m), "data-size": s, "aria-label": e, children: c(a) && /* @__PURE__ */ r(v, { ...a, className: t.avatar }) || _(a) && /* @__PURE__ */ r(l, { ...a, className: t.avatarGroup }) || n(a) && /* @__PURE__ */ r(o, { ...a, className: t.icon }) || x(a) && a || /* @__PURE__ */ r(o, { svgElement: a, className: t.icon }) });
+const z = ({ icon: a, size: s, iconAltText: m, className: e }) => /* @__PURE__ */ r("span", { className: p(t.media, e), "data-size": s, "aria-label": m, children: c(a) && /* @__PURE__ */ r(v, { ...a, className: t.avatar }) || _(a) && /* @__PURE__ */ r(l, { ...a, className: t.avatarGroup }) || n(a) && /* @__PURE__ */ r(o, { ...a, className: t.icon }) || x(a) && a || /* @__PURE__ */ r(o, { svgElement: a, className: t.icon }) });
 export {
-  j as ButtonIcon
+  z as ButtonIcon
 };

package/dist/components/Button/ComboButton.js

@@ -2,15 +2,16 @@ import { jsxs as e, jsx as r } from "react/jsx-runtime";
 import { Button as m } from "./Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { ButtonGroup as c } from "./ButtonGroup.js";
 import { ButtonGroupDivider as f } from "./ButtonGroupDivider.js";
-const l = ({ secondaryButton: p, size: t, variant: o, color: u, disabled: i, ...n }) => /* @__PURE__ */ e(c, { size: t, variant: o, color: u, disabled: i, connected: !0, children: [
+const C = ({ secondaryButton: p, size: t, variant: o, color: u, disabled: i, ...n }) => /* @__PURE__ */ e(c, { size: t, variant: o, color: u, disabled: i, connected: !0, children: [
   /* @__PURE__ */ r(m, { ...n, variant: o, size: t }),
   /* @__PURE__ */ r(f, { variant: o }),
   /* @__PURE__ */ r(m, { ...p, variant: o, size: t })
 ] });
 export {
-  l as ComboButton
+  C as ComboButton
 };

package/dist/components/Button/FloatingActionButton.js

@@ -2,17 +2,18 @@ import { jsx as o } from "react/jsx-runtime";
 import { Button as e } from "./Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as l } from "../../InformationSquare-D3WAxfVw.js";
 import '../../assets/FloatingActionButton.css';const u = "_button_1n5nt_1", c = {
   button: u
-}, g = ({
+}, h = ({
   variant: n = "solid",
   size: r,
   color: i,
-  onClick: a,
-  onBlurCapture: m,
+  onClick: m,
+  onBlurCapture: a,
   ...t
 }) => /* @__PURE__ */ o(
   e,
@@ -23,12 +24,12 @@ import '../../assets/FloatingActionButton.css';const u = "_button_1n5nt_1", c =
     variant: n,
     color: i,
     size: r,
-    onClick: a,
-    onBlurCapture: m,
+    onClick: m,
+    onBlurCapture: a,
     "aria-label": t["aria-label"],
     children: t.children || /* @__PURE__ */ o(l, {})
   }
 );
 export {
-  g as FloatingActionButton
+  h as FloatingActionButton
 };

package/dist/components/Button/IconButton.js

@@ -2,11 +2,12 @@ import { jsx as n } from "react/jsx-runtime";
 import { Button as m } from "./Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/IconButton.css';const u = "_button_z82uk_1", i = {
-  button: u
-}, l = ({ children: t, label: o, ...r }) => /* @__PURE__ */ n(m, { ...r, className: i.button, icon: !0, "aria-label": o, children: t });
+import '../../assets/IconButton.css';const i = "_button_z82uk_1", u = {
+  button: i
+}, _ = ({ children: t, label: o, ...r }) => /* @__PURE__ */ n(m, { ...r, className: u.button, icon: !0, "aria-label": o, children: t });
 export {
-  l as IconButton
+  _ as IconButton
 };

package/dist/components/Byline/Byline.js

@@ -5,6 +5,7 @@ import { AvatarGroup as d } from "../Avatar/AvatarGroup.js";
 import "react";
 import { Skeleton as n } from "../Skeleton/Skeleton.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/Byline.css';const y = "_byline_fzp7k_1", k = "_avatar_fzp7k_7", u = "_avatarGroup_fzp7k_12", N = "_label_fzp7k_26", t = {
@@ -12,23 +13,23 @@ import '../../assets/Byline.css';const y = "_byline_fzp7k_1", k = "_avatar_fzp7k
   avatar: k,
   avatarGroup: u,
   label: N
-}, S = ({
+}, T = ({
   loading: l,
   color: m = "neutral",
   size: r = "xs",
   avatar: o,
   avatarGroup: e,
   datetime: s,
-  children: c,
-  as: i,
-  ...p
+  children: i,
+  as: p,
+  ...c
 }) => {
-  const _ = i || "div", b = s ? "time" : "span";
-  return /* @__PURE__ */ v(_, { ...p, className: t.byline, "data-color": m, "data-size": r, children: [
+  const _ = p || "div", b = s ? "time" : "span";
+  return /* @__PURE__ */ v(_, { ...c, className: t.byline, "data-color": m, "data-size": r, children: [
     (e || o) && /* @__PURE__ */ a(n, { variant: "circle", className: t.avatar, loading: l, children: e ? /* @__PURE__ */ a(d, { ...e, size: r, className: t.avatarGroup }) : o && /* @__PURE__ */ a(f, { ...o, size: r, className: t.avatar }) }),
-    /* @__PURE__ */ a(b, { "data-size": r, dateTime: s, className: t.label, children: /* @__PURE__ */ a(n, { loading: l, children: c }) })
+    /* @__PURE__ */ a(b, { "data-size": r, dateTime: s, className: t.label, children: /* @__PURE__ */ a(n, { loading: l, children: i }) })
   ] });
 };
 export {
-  S as Byline
+  T as Byline
 };

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsx as a } from "react/jsx-runtime";
-import { Button as d } from "../Button/Button.js";
+import { Button as p } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import u, { forwardRef as s } from "react";
 import { Dropdown as m } from "../Dropdown/Dropdown.js";
 import { useRootContext as c } from "../RootProvider/RootProvider.js";
-import { M as f } from "../../SearchField-xsZAikgq.js";
+import { M as f } from "../../SearchField-CXMhgFiw.js";
 import "../Snackbar/useSnackbar.js";
 import { useDropdownMenuController as g } from "../Menu/useDropdownMenuController.js";
 import { Tooltip as b } from "../Tooltip/Tooltip.js";
 import { u as h } from "../../useId-BVFxCjkq.js";
-var v = function(t, l) {
+var x = function(t, l) {
   var o = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && l.indexOf(e) < 0 && (o[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
@@ -18,8 +18,8 @@ var v = function(t, l) {
       l.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (o[e[r]] = t[e[r]]);
   return o;
 };
-const x = s((t, l) => {
-  var { title: o, titleId: e } = t, r = v(t, ["title", "titleId"]);
+const v = s((t, l) => {
+  var { title: o, titleId: e } = t, r = x(t, ["title", "titleId"]);
   let i = h();
   return i = o ? e || "title-" + i : void 0, u.createElement(
     "svg",
@@ -35,13 +35,13 @@ const x = s((t, l) => {
   placement: r = "right",
   "aria-label": i
 }) => {
-  const n = g({ id: e, returnFocusOnClose: !0 }), { languageCode: p } = c();
+  const n = g({ id: e, returnFocusOnClose: !0 }), { languageCode: d } = c();
   return /* @__PURE__ */ a(
     m,
     {
       backdrop: !1,
-      trigger: /* @__PURE__ */ a(() => /* @__PURE__ */ a(b, { content: o || y(p).title, hidden: n.open, children: /* @__PURE__ */ a(
-        d,
+      trigger: /* @__PURE__ */ a(() => /* @__PURE__ */ a(b, { content: o || y(d).title, hidden: n.open, children: /* @__PURE__ */ a(
+        p,
         {
           ref: n.triggerRef,
           icon: !0,
@@ -53,13 +53,14 @@ const x = s((t, l) => {
           "aria-haspopup": "menu",
           "aria-expanded": n.open,
           "aria-controls": n.open ? n.menuId : void 0,
-          children: /* @__PURE__ */ a(x, { "aria-hidden": "true" })
+          children: /* @__PURE__ */ a(v, { "aria-hidden": "true" })
         }
       ) }), {}),
       open: n.open,
       onClose: () => n.setOpen(!1),
       id: n.menuId,
       placement: r,
+      useFixedPosition: !0,
       ...n.dropdownA11yProps,
       children: /* @__PURE__ */ a(f, { groups: t, items: l, maxLevels: 1, keyboardEvents: n.open, ...n.menuA11yProps })
     }

package/dist/components/Dashboard/DashboardCard.js

@@ -5,6 +5,7 @@ import { forwardRef as p, useRef as g, useEffect as B } from "react";
 import { Typography as R } from "../Typography/Typography.js";
 import { Heading as _ } from "../Typography/Heading.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { ItemMedia as w } from "../Item/ItemMedia.js";
 import "../Snackbar/useSnackbar.js";
@@ -12,11 +13,11 @@ import { S as u } from "../../index-D7FJjvrv.js";
 import { c as h } from "../../lite-1fxw3LjI.js";
 import { u as N } from "../../use-merge-refs-Cj4kTYVj.js";
 import '../../assets/DashboardCard.css';const b = p(function({ asChild: n = !1, variant: r = "default", className: e, ...o }, s) {
-  const c = n ? u : "div", a = g(null), k = N([a, s]);
+  const c = n ? u : "div", i = g(null), k = N([i, s]);
   return B(() => {
-    const m = a.current, d = ({ ctrlKey: v, metaKey: x, target: y }) => {
-      const i = m?.querySelector(":is(h1,h2,h3,h4,h5,h6) a");
-      !i || i?.contains(y) || (v || x ? window.open(i.href, "", "noreferrer") : i.click());
+    const m = i.current, d = ({ ctrlKey: v, metaKey: x, target: y }) => {
+      const a = m?.querySelector(":is(h1,h2,h3,h4,h5,h6) a");
+      !a || a?.contains(y) || (v || x ? window.open(a.href, "", "noreferrer") : a.click());
     };
     return m?.addEventListener("click", d), () => m?.removeEventListener("click", d);
   }, []), t(c, { className: h("ds-card", e), "data-variant": r, ref: k, ...o });
@@ -29,7 +30,7 @@ C.Block.displayName = "Card.Block";
 const E = "_icon_112og_1", S = {
   icon: E
 };
-function J({
+function K({
   color: l,
   theme: n = "tinted",
   icon: r,
@@ -37,9 +38,9 @@ function J({
   href: o,
   children: s,
   loading: c,
-  className: a
+  className: i
 }) {
-  return /* @__PURE__ */ f(C, { "data-color": l, variant: n, className: a, children: [
+  return /* @__PURE__ */ f(C, { "data-color": l, variant: n, className: i, children: [
     /* @__PURE__ */ f(
       "header",
       {
@@ -59,5 +60,5 @@ function J({
   ] });
 }
 export {
-  J as DashboardCard
+  K as DashboardCard
 };

package/dist/components/Dashboard/DashboardHeader.js

@@ -5,6 +5,7 @@ import { Skeleton as c } from "../Skeleton/Skeleton.js";
 import { Typography as p } from "../Typography/Typography.js";
 import { Heading as a } from "../Typography/Heading.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { ItemMedia as d } from "../Item/ItemMedia.js";
 import "../Snackbar/useSnackbar.js";
@@ -12,16 +13,16 @@ import { Flex as t } from "../Page/Flex.js";
 import { Section as l } from "../Page/Section.js";
 import '../../assets/DashboardHeader.css';const h = "_icon_1lga1_1", f = {
   icon: h
-}, v = ({ icon: e, title: s, description: m, loading: r, children: n }) => /* @__PURE__ */ o(l, { as: "header", theme: "default", padding: "page", spacing: 6, shadow: "xs", children: [
+}, D = ({ icon: e, title: m, description: s, loading: r, children: n }) => /* @__PURE__ */ o(l, { as: "header", theme: "default", padding: "page", spacing: 6, shadow: "xs", children: [
   /* @__PURE__ */ o(t, { direction: "row", align: "center", spacing: 3, children: [
     e && /* @__PURE__ */ i(d, { loading: r, icon: e, className: f.icon }),
     /* @__PURE__ */ o(t, { direction: "col", spacing: 0, children: [
-      /* @__PURE__ */ i(a, { size: "lg", loading: r, children: s }),
-      /* @__PURE__ */ i(p, { as: "section", variant: "subtle", size: "xs", loading: r, children: m })
+      /* @__PURE__ */ i(a, { size: "lg", loading: r, children: m }),
+      /* @__PURE__ */ i(p, { as: "section", variant: "subtle", size: "xs", loading: r, children: s })
     ] })
   ] }),
   /* @__PURE__ */ i(c, { loading: r, children: n })
 ] });
 export {
-  v as DashboardHeader
+  D as DashboardHeader
 };

package/dist/components/Datepicker/DatepickerHeader.js

@@ -3,6 +3,7 @@ import { jsxs as s, jsx as i } from "react/jsx-runtime";
 import { Button as d } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import a, { forwardRef as f } from "react";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { u as m } from "../../useId-BVFxCjkq.js";
@@ -28,7 +29,7 @@ const u = f((t, n) => {
   header: v,
   title: _,
   nav: g
-}, R = ({ title: t, onNext: n, onPrev: r }) => /* @__PURE__ */ s("header", { className: c.header, children: [
+}, S = ({ title: t, onNext: n, onPrev: r }) => /* @__PURE__ */ s("header", { className: c.header, children: [
   /* @__PURE__ */ i("h2", { className: c.title, children: t }),
   /* @__PURE__ */ s("nav", { className: c.nav, children: [
     /* @__PURE__ */ i(d, { icon: !0, size: "xs", variant: "ghost", onClick: r, "aria-label": "prev icon", children: /* @__PURE__ */ i(u, {}) }),
@@ -36,5 +37,5 @@ const u = f((t, n) => {
   ] })
 ] });
 export {
-  R as DatepickerHeader
+  S as DatepickerHeader
 };

package/dist/components/Datepicker/DatepickerTable.js

@@ -1,34 +1,35 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { jsxs as b, jsx as t } from "react/jsx-runtime";
 import { Button as h } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/DatepickerTable.css';const u = "_table_1k8nb_1", y = "_weekday_1k8nb_7", _ = "_date_1k8nb_13", p = "_button_1k8nb_23", a = {
+import '../../assets/DatepickerTable.css';const u = "_table_1k8nb_1", y = "_weekday_1k8nb_7", p = "_date_1k8nb_13", _ = "_button_1k8nb_23", a = {
   table: u,
   weekday: y,
-  date: _,
-  button: p
-}, g = ({
+  date: p,
+  button: _
+}, j = ({
   weekdays: r = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
   rows: d = [],
   onSelect: s
-}) => /* @__PURE__ */ m("table", { className: a.table, children: [
+}) => /* @__PURE__ */ b("table", { className: a.table, children: [
   /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t("tr", { children: r.map((e) => /* @__PURE__ */ t("th", { className: a.weekday, children: e.substring(0, 3) }, e)) }) }),
   /* @__PURE__ */ t("tbody", { children: d.map((e, o) => /* @__PURE__ */ t("tr", { children: e.map((c) => {
-    const { day: l, date: n, selected: i, isCurrentMonth: b } = c;
-    return /* @__PURE__ */ t("td", { className: a.date, "data-current-month": b, children: /* @__PURE__ */ t(
+    const { day: i, date: n, selected: l, isCurrentMonth: m } = c;
+    return /* @__PURE__ */ t("td", { className: a.date, "data-current-month": m, children: /* @__PURE__ */ t(
       h,
       {
         variant: "ghost",
-        "aria-selected": i,
+        "aria-selected": l,
         className: a.button,
         onClick: () => s(n),
-        children: l
+        children: i
       }
     ) }, n);
   }) }, o)) })
 ] });
 export {
-  g as DatepickerTable
+  j as DatepickerTable
 };

package/dist/components/Dialog/Dialog.js

@@ -2,6 +2,7 @@ import { jsxs as r, jsx as o, Fragment as f } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { DialogLayout as d } from "./DialogLayout.js";
 import { DialogHeader as j } from "./DialogHeader.js";
@@ -11,7 +12,7 @@ import { DialogContact as H } from "./DialogContact.js";
 import { DialogHistory as h } from "./DialogHistory.js";
 import { Divider as g } from "../Divider/Divider.js";
 import "../Snackbar/useSnackbar.js";
-const G = ({
+const J = ({
   loading: m,
   backButton: l,
   contextMenu: c,
@@ -38,5 +39,5 @@ const G = ({
   ] })
 ] });
 export {
-  G as Dialog
+  J as Dialog
 };

package/dist/components/Dialog/DialogActions.js

@@ -6,14 +6,15 @@ import { Button as c } from "../Button/Button.js";
 import { ButtonGroup as C } from "../Button/ButtonGroup.js";
 import { ButtonGroupDivider as B } from "../Button/ButtonGroupDivider.js";
 import { DropdownBase as x } from "../Dropdown/DropdownBase.js";
+import "react-dom";
 import { useRootContext as _ } from "../RootProvider/RootProvider.js";
-import { M as v } from "../../SearchField-xsZAikgq.js";
+import { M as v } from "../../SearchField-CXMhgFiw.js";
 import "../Snackbar/useSnackbar.js";
 import { S as k, a as D } from "../../ChevronUp-_BBfEirx.js";
 import '../../assets/DialogActions.css';const I = "_action_1n930_1", M = "_comboButton_1n930_8", m = {
   action: I,
   comboButton: M
-}, F = ({ items: i, maxItems: l = 2, id: a = "dialog-actions", expandAltLabel: u }) => {
+}, H = ({ items: i, maxItems: l = 2, id: a = "dialog-actions", expandAltLabel: u }) => {
   const { currentId: f, closeAll: h, toggleId: b } = _(), e = f === a, t = p(() => (i || []).filter((o) => !o.hidden).sort((o, r) => {
     const s = ["primary", "secondary", "tertiary"];
     return s.indexOf(o?.priority) - s.indexOf(r?.priority);
@@ -43,5 +44,5 @@ import '../../assets/DialogActions.css';const I = "_action_1n930_1", M = "_combo
   }) });
 };
 export {
-  F as DialogActions
+  H as DialogActions
 };

package/dist/components/Dialog/DialogActivityLog.js

@@ -2,16 +2,17 @@ import { jsxs as p, 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 { ActivityLog as a } from "../ActivityLog/ActivityLog.js";
 import { ModalBase as d } from "../Modal/ModalBase.js";
 import { ModalHeader as e } from "../Modal/ModalHeader.js";
 import { ModalBody as c } from "../Modal/ModalBody.js";
-const j = ({ title: t, items: i, open: m, onClose: r }) => /* @__PURE__ */ p(d, { open: m, onClose: r, variant: "content", children: [
+const A = ({ title: t, items: i, open: m, onClose: r }) => /* @__PURE__ */ p(d, { open: m, onClose: r, variant: "content", children: [
   /* @__PURE__ */ o(e, { title: t, onClose: r }),
   /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(a, { items: i }) })
 ] });
 export {
-  j as DialogActivityLog
+  A as DialogActivityLog
 };

package/dist/components/Dialog/DialogAttachments.js

@@ -4,13 +4,14 @@ import { AttachmentList as m } from "../Attachment/AttachmentList.js";
 import "react";
 import { Heading as n } from "../Typography/Heading.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as e } from "../Page/Section.js";
-const x = ({ title: i = "Attachments", items: t }) => t?.length ? /* @__PURE__ */ o(e, { spacing: 1, children: [
+const d = ({ title: i = "Attachments", items: t }) => t?.length ? /* @__PURE__ */ o(e, { spacing: 1, children: [
   /* @__PURE__ */ r(n, { as: "h2", size: "xs", weight: "normal", variant: "subtle", children: i }),
   /* @__PURE__ */ r(m, { items: t })
 ] }) : null;
 export {
-  x as DialogAttachments
+  d as DialogAttachments
 };

package/dist/components/Dialog/DialogBody.js

@@ -3,13 +3,14 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import { Typography as a } from "../Typography/Typography.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { Timeline as h } from "../Timeline/Timeline.js";
 import { TimelineSection as f } from "../Timeline/TimelineSection.js";
 import { TimelineHeader as s } from "../Timeline/TimelineHeader.js";
 import { SeenByLog as d } from "./SeenByLog.js";
 import "../Snackbar/useSnackbar.js";
-const F = ({
+const H = ({
   loading: r = !1,
   unread: t,
   sender: m,
@@ -28,5 +29,5 @@ const F = ({
   ] }) })
 ] });
 export {
-  F as DialogBody
+  H as DialogBody
 };

package/dist/components/Dialog/DialogByline.js

@@ -1,24 +1,25 @@
-import { jsxs as i, jsx as p } from "react/jsx-runtime";
+import { jsxs as l, jsx as p } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
 import { Byline as s } from "../Byline/Byline.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-const B = ({
+const G = ({
   sender: o,
   recipient: r,
-  recipientLabel: a = "to",
-  grouped: m = !1,
+  recipientLabel: m = "to",
+  grouped: a = !1,
   loading: t,
-  size: l = "xs"
-}) => !o && !r ? null : /* @__PURE__ */ i(s, { loading: t, size: l, avatar: o, avatarGroup: !t && m && o && r ? {
+  size: i = "xs"
+}) => !o && !r ? null : /* @__PURE__ */ l(s, { loading: t, size: i, avatar: o, avatarGroup: !t && a && o && r ? {
   items: [r, o]
 } : void 0, children: [
   /* @__PURE__ */ p("strong", { children: o?.name }),
   " ",
-  r && a + " " + r?.name
+  r && m + " " + r?.name
 ] });
 export {
-  B as DialogByline
+  G as DialogByline
 };

package/dist/components/Dialog/DialogContact.js

@@ -4,15 +4,16 @@ import "react";
 import { Typography as n } from "../Typography/Typography.js";
 import { Heading as c } from "../Typography/Heading.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as a } from "../Page/Section.js";
 import { ContactButtons as s } from "../Page/ContactButtons.js";
-const C = ({ id: t = "dialog-contact", title: r, children: i, items: m = [] }) => /* @__PURE__ */ p(a, { spacing: 4, id: t, children: [
+const z = ({ id: t = "dialog-contact", title: r, children: i, items: m = [] }) => /* @__PURE__ */ p(a, { spacing: 4, id: t, children: [
   r && /* @__PURE__ */ o(c, { size: "lg", children: r }),
   /* @__PURE__ */ o(n, { children: i }),
   /* @__PURE__ */ o(s, { items: m })
 ] });
 export {
-  C as DialogContact
+  z as DialogContact
 };

package/dist/components/Dialog/DialogHeader.js

@@ -5,12 +5,13 @@ import "react";
 import { Skeleton as j } from "../Skeleton/Skeleton.js";
 import { Heading as D } from "../Typography/Heading.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { DialogMetadata as H } from "./DialogMetadata.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as S } from "../Page/Flex.js";
 import { Section as k } from "../Page/Section.js";
-const G = ({
+const I = ({
   loading: i,
   title: e,
   badge: o,
@@ -49,5 +50,5 @@ const G = ({
   )
 ] });
 export {
-  G as DialogHeader
+  I as DialogHeader
 };

package/dist/components/Dialog/DialogHistory.js

@@ -3,12 +3,13 @@ import { jsxs as g, jsx as n } from "react/jsx-runtime";
 import { useState as f, createElement as u } from "react";
 import "../../index-p1eeF8LQ.js";
 import { Button as h } from "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { DialogHistorySegment as y } from "./DialogHistorySegment.js";
 import { Timeline as x } from "../Timeline/Timeline.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as E } from "../Page/Section.js";
-const b = ({
+const q = ({
   items: o,
   maxItems: t,
   expandLabel: i = "Expand history",
@@ -18,12 +19,12 @@ const b = ({
     return null;
   const [e, p] = f(!1), s = () => {
     p((r) => !r);
-  }, c = t ? o.slice(0, t) : o, a = e ? o : c, d = t && o.length > t;
+  }, c = t ? o.slice(0, t) : o, a = e ? o : c, m = t && o.length > t;
   return /* @__PURE__ */ g(E, { spacing: 4, children: [
-    /* @__PURE__ */ n(x, { children: a.map((r, m) => /* @__PURE__ */ u(y, { ...r, key: m })) }),
-    d && /* @__PURE__ */ n(h, { variant: "outline", onClick: s, children: e ? l : i })
+    /* @__PURE__ */ n(x, { children: a.map((r, d) => /* @__PURE__ */ u(y, { ...r, key: d })) }),
+    m && /* @__PURE__ */ n(h, { variant: "outline", onClick: s, children: e ? l : i })
   ] });
 };
 export {
-  b as DialogHistory
+  q as DialogHistory
 };