@altinn/altinn-components 0.56.8 → 0.56.9

package/dist/components/Settings/SettingsSection.js

@@ -1,20 +1,21 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as e } 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 r } from "../Page/Section.js";
-import '../../assets/SettingsSection.css';const m = "_section_kd6sc_1", p = {
-  section: m
-}, g = ({
+import { Section as m } from "../Page/Section.js";
+import '../../assets/SettingsSection.css';const n = "_section_kd6sc_1", p = {
+  section: n
+}, u = ({
   size: t = "sm",
   theme: o = "default",
   shadow: s = "xs",
   as: i,
-  color: c,
-  children: e
-}) => /* @__PURE__ */ n(r, { as: i, size: t, color: c, theme: o, shadow: s, className: p.section, spacing: 2, children: e });
+  color: r,
+  children: c
+}) => /* @__PURE__ */ e(m, { as: i, size: t, color: r, theme: o, shadow: s, className: p.section, spacing: 2, children: c });
 export {
-  g as SettingsSection
+  u as SettingsSection
 };

package/dist/components/Settings/UsedByLog.js

@@ -3,6 +3,7 @@ import { jsx as o, jsxs as a } from "react/jsx-runtime";
 import { useState as y, createElement as B, useMemo as L, Fragment as S } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { SeenByLogButton as s } from "../Dialog/SeenByLogButton.js";
 import { Divider as d } from "../Divider/Divider.js";
@@ -11,7 +12,7 @@ import "../Snackbar/useSnackbar.js";
 import { Flex as j } from "../Page/Flex.js";
 import { Section as g } from "../Page/Section.js";
 import { UsedByLogItem as f } from "./UsedByLogItem.js";
-const w = ({
+const A = ({
   collapsible: m = !0,
   expanded: h,
   title: t,
@@ -41,5 +42,5 @@ const w = ({
   ] });
 };
 export {
-  w as UsedByLog
+  A as UsedByLog
 };

package/dist/components/Settings/UsedByLogItem.js

@@ -1,24 +1,25 @@
-import { jsxs as r, jsx as p } from "react/jsx-runtime";
+import { jsxs as r, jsx as n } from "react/jsx-runtime";
 import { Badge as s } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
 import { Byline as c } from "../Byline/Byline.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as g } from "../Page/Flex.js";
-const y = ({
+const N = ({
   type: m,
   name: t,
   description: o,
   isEndUser: e,
   endUserLabel: a,
-  avatar: l,
-  size: n = "sm"
+  avatar: p,
+  size: l = "sm"
 }) => {
   const i = e && { label: a };
   return /* @__PURE__ */ r(g, { align: "center", spacing: 2, as: "li", children: [
-    /* @__PURE__ */ r(c, { size: n, avatar: { name: t, type: m, ...l }, children: [
+    /* @__PURE__ */ r(c, { size: l, avatar: { name: t, type: m, ...p }, children: [
       /* @__PURE__ */ r("strong", { children: [
         t,
         o && NaN
@@ -26,9 +27,9 @@ const y = ({
       " ",
       o
     ] }),
-    i && /* @__PURE__ */ p(s, { variant: "subtle", ...i })
+    i && /* @__PURE__ */ n(s, { variant: "subtle", ...i })
   ] });
 };
 export {
-  y as UsedByLogItem
+  N as UsedByLogItem
 };

package/dist/components/Snackbar/SnackbarItem.js

@@ -4,6 +4,7 @@ import { c as p } from "../../index-p1eeF8LQ.js";
 import { Icon as u } from "../Icon/Icon.js";
 import a, { forwardRef as v } from "react";
 import { Button as _ } from "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "./useSnackbar.js";
 import { u as g } from "../../useId-BVFxCjkq.js";
@@ -32,7 +33,7 @@ const w = v((e, i) => {
   action: I
 };
 var j = /* @__PURE__ */ ((e) => (e.company = "company", e.success = "success", e.warning = "warning", e.danger = "danger", e.info = "info", e))(j || {});
-const H = ({
+const T = ({
   as: e,
   message: i,
   className: o,
@@ -49,5 +50,5 @@ const H = ({
 ] });
 export {
   j as SnackbarColorEnum,
-  H as SnackbarItem
+  T as SnackbarItem
 };

package/dist/components/Timeline/Timeline.js

@@ -2,10 +2,11 @@ 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 "../Snackbar/useSnackbar.js";
 import { Section as m } from "../Page/Section.js";
-const u = ({ as: t = "ul", spacing: o = 2, children: r }) => /* @__PURE__ */ i(m, { as: t, spacing: o, style: { width: "100%" }, children: r });
+const x = ({ as: t = "ul", spacing: o = 2, children: r }) => /* @__PURE__ */ i(m, { as: t, spacing: o, style: { width: "100%" }, children: r });
 export {
-  u as Timeline
+  x as Timeline
 };

package/dist/components/Timeline/TimelineActivity.js

@@ -4,11 +4,12 @@ import "react";
 import { Typography as n } from "../Typography/Typography.js";
 import "../Button/Button.js";
 import { Byline as l } from "../Byline/Byline.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as y } from "../Page/Section.js";
 import { S as a } from "../../CircleFill-yFbEHBRX.js";
-const k = ({
+const q = ({
   loading: r,
   byline: t,
   icon: x = a,
@@ -25,5 +26,5 @@ const k = ({
   o && typeof o == "string" ? /* @__PURE__ */ i(n, { as: "p", loading: r, size: "md", ...m, children: o }) : o
 ] });
 export {
-  k as TimelineActivity
+  q as TimelineActivity
 };

package/dist/components/Timeline/TimelineBase.js

@@ -2,6 +2,7 @@ import { jsxs as i, 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 { TimelineIcon as v } from "./TimelineIcon.js";
 import "../Snackbar/useSnackbar.js";
@@ -11,7 +12,7 @@ import '../../assets/TimelineBase.css';const N = "_section_4e55r_1", f = "_sideb
   sidebar: f,
   content: h,
   border: j
-}, k = ({
+}, q = ({
   as: n = "section",
   loading: o,
   border: a = "solid",
@@ -32,5 +33,5 @@ import '../../assets/TimelineBase.css';const N = "_section_4e55r_1", f = "_sideb
   /* @__PURE__ */ t("div", { className: e.content, children: _ })
 ] });
 export {
-  k as TimelineBase
+  q as TimelineBase
 };

package/dist/components/Timeline/TimelineFooter.js

@@ -3,18 +3,19 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
 import { Byline as l } from "../Byline/Byline.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { TimelineBase as n } from "./TimelineBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as f } from "../../CircleFill-yFbEHBRX.js";
-const S = ({
+const T = ({
   loading: r,
   as: o = "li",
   color: m = "neutral",
-  icon: e = f,
-  iconColor: t,
+  icon: t = f,
+  iconColor: e,
   children: p
-}) => /* @__PURE__ */ i(n, { loading: r, as: o, icon: e, color: m, iconColor: t, border: "hidden", children: /* @__PURE__ */ i(l, { loading: r, children: p }) });
+}) => /* @__PURE__ */ i(n, { loading: r, as: o, icon: t, color: m, iconColor: e, border: "hidden", children: /* @__PURE__ */ i(l, { loading: r, children: p }) });
 export {
-  S as TimelineFooter
+  T as TimelineFooter
 };

package/dist/components/Timeline/TimelineHeader.js

@@ -4,6 +4,7 @@ import "react";
 import { Skeleton as c } from "../Skeleton/Skeleton.js";
 import "../Button/Button.js";
 import { Byline as a } from "../Byline/Byline.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { TimelineIcon as l } from "./TimelineIcon.js";
 import "../Snackbar/useSnackbar.js";
@@ -12,10 +13,10 @@ import '../../assets/TimelineHeader.css';const p = "_header_177gq_1", h = "_side
   header: p,
   sidebar: h,
   content: _
-}, T = ({ as: t = "li", loading: i, color: o, icon: s, children: n }) => /* @__PURE__ */ m(d, { as: t, className: r.header, color: o, children: [
+}, k = ({ as: t = "li", loading: i, color: o, icon: s, children: n }) => /* @__PURE__ */ m(d, { as: t, className: r.header, color: o, children: [
   /* @__PURE__ */ e("aside", { className: r.sidebar, children: /* @__PURE__ */ e(c, { variant: "circle", loading: i, children: /* @__PURE__ */ e(l, { icon: s, theme: "base", size: "lg" }) }) }),
   /* @__PURE__ */ e("div", { className: r.content, children: /* @__PURE__ */ e(a, { loading: i, size: "lg", children: n }) })
 ] });
 export {
-  T as TimelineHeader
+  k as TimelineHeader
 };

package/dist/components/Timeline/TimelineIcon.js

@@ -5,16 +5,17 @@ import { Icon as s, isIconProps as n } from "../Icon/Icon.js";
 import { isAvatarProps as l, Avatar as f } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as c, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as d } from "../../XMark-tKk6aExO.js";
-import '../../assets/TimelineIcon.css';const g = "_icon_13w5g_1", a = {
+import '../../assets/TimelineIcon.css';const g = "_icon_13w5g_1", m = {
   icon: g
 };
 function v(o) {
   return typeof o == "string" || typeof o == "number" || typeof o == "boolean" || o === null || p(o);
 }
-const S = ({ loading: o, size: i, color: e, theme: m, icon: r }) => r ? o ? /* @__PURE__ */ t(s, { className: a.icon, svgElement: d, loading: !0 }) : /* @__PURE__ */ t("div", { className: a.icon, "data-color": e, "data-size": i, children: l(r) && /* @__PURE__ */ t(f, { ...r }) || c(r) && /* @__PURE__ */ t(u, { ...r, className: a.avatarGroup }) || n(r) && /* @__PURE__ */ t(s, { ...r, theme: m }) || v(r) && r || /* @__PURE__ */ t(s, { theme: m, svgElement: r }) }) : null;
+const j = ({ loading: o, size: i, color: e, theme: a, icon: r }) => r ? o ? /* @__PURE__ */ t(s, { className: m.icon, svgElement: d, loading: !0 }) : /* @__PURE__ */ t("div", { className: m.icon, "data-color": e, "data-size": i, children: l(r) && /* @__PURE__ */ t(f, { ...r }) || c(r) && /* @__PURE__ */ t(u, { ...r, className: m.avatarGroup }) || n(r) && /* @__PURE__ */ t(s, { ...r, theme: a }) || v(r) && r || /* @__PURE__ */ t(s, { theme: a, svgElement: r }) }) : null;
 export {
-  S as TimelineIcon
+  j as TimelineIcon
 };

package/dist/components/Timeline/TimelineSection.js

@@ -4,11 +4,12 @@ import "react";
 import { Typography as c } from "../Typography/Typography.js";
 import "../Button/Button.js";
 import { Byline as j } from "../Byline/Byline.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { TimelineBase as l } from "./TimelineBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as u } from "../Page/Section.js";
-const v = ({
+const w = ({
   loading: o,
   unread: p,
   level: e,
@@ -37,5 +38,5 @@ const v = ({
   }
 );
 export {
-  v as TimelineSection
+  w as TimelineSection
 };

package/dist/components/Timeline/TimelineSegment.js

@@ -3,12 +3,13 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
 import { Byline as a } from "../Byline/Byline.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { TimelineBase as h } from "./TimelineBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as x } from "../Page/Section.js";
 import { S as d } from "../../CircleFill-yFbEHBRX.js";
-const w = ({
+const y = ({
   loading: r,
   unread: m,
   datetime: t,
@@ -26,5 +27,5 @@ const w = ({
   c
 ] }) });
 export {
-  w as TimelineSegment
+  y as TimelineSegment
 };

package/dist/components/Toolbar/DatepickerFilter.js

@@ -7,6 +7,7 @@ import { Input as s } from "../Forms/Input.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import { useRootContext as h } from "../RootProvider/RootProvider.js";
 import { MenuItem as F } from "../Menu/MenuItem.js";
 import { MenuList as T } from "../Menu/MenuList.js";
@@ -14,7 +15,7 @@ import { MenuListItem as l } from "../Menu/MenuListItem.js";
 import { MenuListDivider as p } from "../Menu/MenuListDivider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as g } from "../../ArrowUndo-hge1gMu8.js";
-const O = ({
+const P = ({
   formData: t = { fromDate: "", toDate: "" },
   onChange: r,
   onSubmit: f
@@ -95,5 +96,5 @@ const O = ({
   }
 };
 export {
-  O as DatepickerFilter
+  P as DatepickerFilter
 };

package/dist/components/Toolbar/SelectDateFilter.js

@@ -1,16 +1,17 @@
 import { jsx as p } from "react/jsx-runtime";
 import { useState as b } from "react";
-import { M as g } from "../../SearchField-xsZAikgq.js";
+import { M as g } from "../../SearchField-CXMhgFiw.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { DatepickerFilter as C } from "./DatepickerFilter.js";
 import { formatDateRange as h } from "./formatDateRange.js";
-const q = ({
+const w = ({
   name: t = "time",
-  size: c,
-  searchable: m,
+  size: m,
+  searchable: c,
   keyboardEvents: s,
   items: D,
   groups: d,
@@ -44,8 +45,8 @@ const q = ({
       });
     }
   });
-  return f ? /* @__PURE__ */ p(C, { formData: { fromDate: a, toDate: n }, onChange: k, onSubmit: u }) : /* @__PURE__ */ p(g, { size: c, searchable: m, keyboardEvents: s, items: v, groups: d });
+  return f ? /* @__PURE__ */ p(C, { formData: { fromDate: a, toDate: n }, onChange: k, onSubmit: u }) : /* @__PURE__ */ p(g, { size: m, searchable: c, keyboardEvents: s, items: v, groups: d });
 };
 export {
-  q as SelectDateFilter
+  w as SelectDateFilter
 };

package/dist/components/Toolbar/Toolbar.js

@@ -2,13 +2,14 @@ import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { ToolbarFilter as u } from "./ToolbarFilter.js";
 import { ToolbarSearch as b } from "./ToolbarSearch.js";
 import { ToolbarMenu as i } from "./ToolbarMenu.js";
 import { ButtonGroup as f } from "../Button/ButtonGroup.js";
-const F = ({ accountMenu: o, menus: p, search: m, filter: t, children: e }) => /* @__PURE__ */ s(f, { size: "xs", wrap: !0, children: [
+const G = ({ accountMenu: o, menus: p, search: m, filter: t, children: e }) => /* @__PURE__ */ s(f, { size: "xs", wrap: !0, children: [
   o && /* @__PURE__ */ r(i, { size: "md", ...o, virtualized: !0 }),
   p?.map((a, l) => /* @__PURE__ */ r(i, { ...a }, l)),
   m && /* @__PURE__ */ r(b, { ...m }),
@@ -16,5 +17,5 @@ const F = ({ accountMenu: o, menus: p, search: m, filter: t, children: e }) => /
   e
 ] });
 export {
-  F as Toolbar
+  G as Toolbar
 };

package/dist/components/Toolbar/ToolbarFilter.js

@@ -1,14 +1,15 @@
-import { jsxs as g, Fragment as f, jsx as l } from "react/jsx-runtime";
+import { jsxs as g, Fragment as f, jsx as m } from "react/jsx-runtime";
 import { useState as B, createElement as I } from "react";
 import { Button as L } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { useFilter as N } from "./useFilter.js";
 import { ToolbarFilterAddMenu as O } from "./ToolbarFilterAddMenu.js";
 import { ToolbarFilterMenu as w } from "./ToolbarFilterMenu.js";
 import { S as y } from "../../XMark-tKk6aExO.js";
-const U = ({
+const V = ({
   filters: n,
   filterState: e = {},
   onFilterStateChange: r,
@@ -20,7 +21,7 @@ const U = ({
   getFilterLabel: T,
   virtualized: j
 }) => {
-  const { visibleFilters: m, hiddenFilters: s, onFilterAdd: R, onFilterChange: k, onFilterRemove: i } = N({
+  const { visibleFilters: l, hiddenFilters: i, onFilterAdd: R, onFilterChange: k, onFilterRemove: s } = N({
     filters: n,
     filterState: e,
     onFilterStateChange: r
@@ -30,11 +31,11 @@ const U = ({
     d(void 0);
   }, C = () => {
     for (const o of A)
-      i(o);
+      s(o);
     r?.({});
   };
   return /* @__PURE__ */ g(f, { children: [
-    m?.map((o, t) => {
+    l?.map((o, t) => {
       const M = T?.(o?.name, e?.[o?.id]) ?? o?.label;
       return /* @__PURE__ */ I(
         w,
@@ -46,7 +47,7 @@ const U = ({
           onClose: c,
           open: a === o.name,
           label: M,
-          onRemove: () => i(o.name),
+          onRemove: () => s(o.name),
           removeLabel: F,
           onFilterChange: k,
           onFilterStateChange: r,
@@ -54,25 +55,25 @@ const U = ({
         }
       );
     }),
-    s?.length > 0 && /* @__PURE__ */ l(
+    i?.length > 0 && /* @__PURE__ */ m(
       O,
       {
         name: "add",
         onToggle: () => p("add"),
         onClose: c,
         open: a === "add",
-        items: s,
+        items: i,
         onAdd: R,
-        label: m?.length > 0 ? v : b,
+        label: l?.length > 0 ? v : b,
         virtualized: j
       }
     ),
     x && /* @__PURE__ */ g(L, { onClick: C, variant: "ghost", children: [
-      /* @__PURE__ */ l(y, { "aria-hidden": "true" }),
-      /* @__PURE__ */ l("span", { children: u })
+      /* @__PURE__ */ m(y, { "aria-hidden": "true" }),
+      /* @__PURE__ */ m("span", { children: u })
     ] })
   ] });
 };
 export {
-  U as ToolbarFilter
+  V as ToolbarFilter
 };

package/dist/components/Toolbar/ToolbarFilterAddMenu.js

@@ -5,7 +5,7 @@ import { Button as b } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import { Dropdown as O } from "../Dropdown/Dropdown.js";
 import "../RootProvider/RootProvider.js";
-import { M as I } from "../../SearchField-xsZAikgq.js";
+import { M as I } from "../../SearchField-CXMhgFiw.js";
 import { useDropdownMenuController as x } from "../Menu/useDropdownMenuController.js";
 import "../Snackbar/useSnackbar.js";
 import { u as R } from "../../useId-BVFxCjkq.js";

package/dist/components/Toolbar/ToolbarFilterButton.js

@@ -2,6 +2,7 @@ import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import { Button as t } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { Tooltip as s } from "../Tooltip/Tooltip.js";
 import "../Snackbar/useSnackbar.js";
@@ -9,7 +10,7 @@ import { ButtonGroup as c } from "../Button/ButtonGroup.js";
 import { ButtonGroupDivider as a } from "../Button/ButtonGroupDivider.js";
 import { S as h } from "../../XMark-tKk6aExO.js";
 import { S as b } from "../../ChevronUpDown-DqGsU4MC.js";
-function w({
+function y({
   name: e,
   onClick: i,
   removable: p,
@@ -41,5 +42,5 @@ function w({
   ] });
 }
 export {
-  w as ToolbarFilterButton
+  y as ToolbarFilterButton
 };

package/dist/components/Toolbar/ToolbarFilterMenu.js

@@ -2,7 +2,7 @@ import { jsx as e } from "react/jsx-runtime";
 import { useRef as q, useEffect as G } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
-import { M as H } from "../../SearchField-xsZAikgq.js";
+import { M as H } from "../../SearchField-CXMhgFiw.js";
 import { useDropdownMenuController as J } from "../Menu/useDropdownMenuController.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Toolbar/ToolbarMenu.js

@@ -4,7 +4,7 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import { Dropdown as c } from "../Dropdown/Dropdown.js";
 import "../RootProvider/RootProvider.js";
-import { M as b } from "../../SearchField-xsZAikgq.js";
+import { M as b } from "../../SearchField-CXMhgFiw.js";
 import { useDropdownMenuController as f } from "../Menu/useDropdownMenuController.js";
 import "../Snackbar/useSnackbar.js";
 import { S as h } from "../../ChevronUpDown-DqGsU4MC.js";

package/dist/components/Toolbar/ToolbarSearch.js

@@ -2,10 +2,11 @@ import { jsx as c } 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 { S as f } from "../../SearchField-xsZAikgq.js";
-const z = ({
+import { S as f } from "../../SearchField-CXMhgFiw.js";
+const b = ({
   value: r,
   name: o,
   placeholder: t = "Search",
@@ -34,5 +35,5 @@ const z = ({
   }
 );
 export {
-  z as ToolbarSearch
+  b as ToolbarSearch
 };

package/dist/components/Transmission/Transmission.js

@@ -1,11 +1,12 @@
 "use client";
-import { jsx as e, jsxs as l, Fragment as x } from "react/jsx-runtime";
+import { jsx as t, jsxs as l, Fragment as x } from "react/jsx-runtime";
 import { useState as g } from "react";
 import { Badge as v } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
 import { AttachmentList as L } from "../Attachment/AttachmentList.js";
 import { Typography as T } from "../Typography/Typography.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { SeenByLog as y } from "../Dialog/SeenByLog.js";
 import { ListItem as A } from "../List/ListItem.js";
@@ -14,7 +15,7 @@ import { Section as S } from "../Page/Section.js";
 import { TransmissionType as _ } from "./TransmissionType.js";
 import '../../assets/Transmission.css';const j = "_title_cy7ua_1", k = {
   title: j
-}, M = ({
+}, O = ({
   type: i,
   unread: o,
   size: d = "xs",
@@ -30,29 +31,29 @@ import '../../assets/Transmission.css';const j = "_title_cy7ua_1", k = {
   seenByLog: m,
   ...p
 }) => {
-  const [t, u] = g(p.expanded || !1);
-  return /* @__PURE__ */ e(
+  const [e, u] = g(p.expanded || !1);
+  return /* @__PURE__ */ t(
     A,
     {
       ...p,
       icon: b,
-      badge: i && /* @__PURE__ */ e(_, { value: i?.value, label: i?.label }),
+      badge: i && /* @__PURE__ */ t(_, { value: i?.value, label: i?.label }),
       size: d,
       variant: o ? "subtle" : "default",
-      border: t ? "none" : "solid",
+      border: e ? "none" : "solid",
       shadow: "none",
       color: c,
       title: {
         as: "span",
         className: k.title,
         children: /* @__PURE__ */ l(x, { children: [
-          /* @__PURE__ */ e("h2", { children: n }),
-          o && /* @__PURE__ */ e(v, { variant: "tinted", size: "xs", ...f })
+          /* @__PURE__ */ t("h2", { children: n }),
+          o && /* @__PURE__ */ t(v, { variant: "tinted", size: "xs", ...f })
         ] }),
         weight: o ? "bold" : "normal"
       },
-      expanded: t,
-      selected: t,
+      expanded: e,
+      selected: e,
       onClick: () => u((h) => !h),
       collapsible: !0,
       linkIcon: !0,
@@ -60,15 +61,15 @@ import '../../assets/Transmission.css';const j = "_title_cy7ua_1", k = {
       ariaLabel: n,
       children: /* @__PURE__ */ l(S, { padding: 4, spacing: 4, children: [
         /* @__PURE__ */ l(T, { size: "md", children: [
-          a && /* @__PURE__ */ e("p", { children: a }),
-          t ? typeof r == "function" ? r() : r : null,
-          s?.items && /* @__PURE__ */ e(L, { ...s })
+          a && /* @__PURE__ */ t("p", { children: a }),
+          e ? typeof r == "function" ? r() : r : null,
+          s?.items && /* @__PURE__ */ t(L, { ...s })
         ] }),
-        m && /* @__PURE__ */ e(y, { ...m })
+        m && /* @__PURE__ */ t(y, { ...m })
       ] })
     }
   );
 };
 export {
-  M as Transmission
+  O as Transmission
 };

package/dist/components/Transmission/TransmissionList.js

@@ -3,11 +3,12 @@ import { createElement as p } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import { Byline as a } from "../Byline/Byline.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { List as o } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
 import { Transmission as c } from "./Transmission.js";
-const T = ({ items: t }) => t.length ? /* @__PURE__ */ i(o, { children: t.map((r, e) => {
+const g = ({ items: t }) => t.length ? /* @__PURE__ */ i(o, { children: t.map((r, e) => {
   const { datetime: n, byline: m, createdAtLabel: l } = r;
   return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ s(o, { children: [
     /* @__PURE__ */ i(a, { as: "li", datetime: n, children: m || l }),
@@ -15,5 +16,5 @@ const T = ({ items: t }) => t.length ? /* @__PURE__ */ i(o, { children: t.map((r
   ] }) }, r.id);
 }) }) : null;
 export {
-  T as TransmissionList
+  g as TransmissionList
 };

package/dist/components/Transmission/TransmissionType.js

@@ -3,6 +3,7 @@ import { Badge as o } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 var i = /* @__PURE__ */ ((r) => (r.information = "information", r.acceptance = "acceptance", r.rejection = "rejection", r.request = "request", r.alert = "alert", r.decision = "decision", r.submission = "submission", r.correction = "correction", r.draft = "draft", r))(i || {});