@altinn/altinn-components 0.56.7 → 0.56.9

package/dist/components/List/ListItemIcon.js

@@ -6,6 +6,7 @@ import "../../index-p1eeF8LQ.js";
 import { isAvatarProps as l, Avatar as f } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as _, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as N } from "../../XMark-tKk6aExO.js";
@@ -18,10 +19,10 @@ import '../../assets/ListItemIcon.css';const d = "_wrapper_rcjve_1", g = "_icon_
 function w(a) {
   return typeof a == "string" || typeof a == "number" || typeof a == "boolean" || a === null || n(a);
 }
-const B = ({ loading: a, size: m, icon: r, theme: e, badge: p }) => r ? a ? /* @__PURE__ */ o(s, { className: t.wrapper, svgElement: N, loading: !0 }) : /* @__PURE__ */ i("div", { className: t.wrapper, "data-size": m, children: [
+const L = ({ loading: a, size: m, icon: r, theme: e, badge: p }) => r ? a ? /* @__PURE__ */ o(s, { className: t.wrapper, svgElement: N, loading: !0 }) : /* @__PURE__ */ i("div", { className: t.wrapper, "data-size": m, children: [
   l(r) && /* @__PURE__ */ o(f, { ...r, className: t.avatar }) || _(r) && /* @__PURE__ */ o(u, { ...r, className: t.avatarGroup }) || v(r) && /* @__PURE__ */ o(s, { ...r, theme: r.theme || e, className: t.icon }) || w(r) && r || /* @__PURE__ */ o(s, { theme: e, svgElement: r, className: t.icon }),
   p && /* @__PURE__ */ o(c, { ...p, className: t.badge })
 ] }) : null;
 export {
-  B as ListItemIcon
+  L as ListItemIcon
 };

package/dist/components/List/ListItemLabel.js

@@ -1,8 +1,9 @@
 import { jsx as t, jsxs as P, Fragment as x } from "react/jsx-runtime";
 import { c as y } from "../../index-p1eeF8LQ.js";
 import { isValidElement as N } from "react";
-import { Heading as o } from "../Typography/Heading.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 '../../assets/ListItemLabel.css';const w = "_label_1tmg6_1", j = {
@@ -31,31 +32,31 @@ const z = (r) => {
     ...s,
     children: r
   } : null;
-}, d = ({
+}, k = ({
   loading: r = !1,
   highlightWords: s,
   size: a,
   title: n,
   value: p,
   description: c,
-  children: e,
+  children: o,
   id: m,
   className: l
 }) => {
   if (n && p) {
     const i = n && _(n), b = p && z(p);
-    return /* @__PURE__ */ t("span", { className: y(j.label, l), id: m, "data-size": a, children: e || /* @__PURE__ */ P(x, { children: [
-      i && /* @__PURE__ */ t(o, { ...i, loading: r, highlightWords: s }),
-      b && /* @__PURE__ */ t(o, { ...b, loading: r, highlightWords: s })
+    return /* @__PURE__ */ t("span", { className: y(j.label, l), id: m, "data-size": a, children: o || /* @__PURE__ */ P(x, { children: [
+      i && /* @__PURE__ */ t(e, { ...i, loading: r, highlightWords: s }),
+      b && /* @__PURE__ */ t(e, { ...b, loading: r, highlightWords: s })
     ] }) });
   }
   const f = n && z(n), u = c && _(c);
-  return /* @__PURE__ */ t("span", { className: y(j.label, l), id: m, "data-size": a, children: e || /* @__PURE__ */ P(x, { children: [
-    f && /* @__PURE__ */ t(o, { ...f, loading: r, highlightWords: s }),
-    u && /* @__PURE__ */ t(o, { ...u, loading: r, highlightWords: s })
+  return /* @__PURE__ */ t("span", { className: y(j.label, l), id: m, "data-size": a, children: o || /* @__PURE__ */ P(x, { children: [
+    f && /* @__PURE__ */ t(e, { ...f, loading: r, highlightWords: s }),
+    u && /* @__PURE__ */ t(e, { ...u, loading: r, highlightWords: s })
   ] }) });
 };
 export {
-  d as ListItemLabel,
+  k as ListItemLabel,
   H as isHeadingProps
 };

package/dist/components/List/ListItemSelect.js

@@ -2,17 +2,18 @@ import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { c as r } from "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { Label as l } from "../Forms/Label.js";
-import { Input as n } from "../Forms/Input.js";
+import { Label as i } from "../Forms/Label.js";
+import { Input as l } from "../Forms/Input.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/ListItemSelect.css';const i = "_select_kfgnl_1", m = "_checkbox_kfgnl_19", t = {
-  select: i,
-  checkbox: m
-}, y = ({ className: o, ...c }) => /* @__PURE__ */ s(l, { className: r(t.select, o), children: [
-  /* @__PURE__ */ e(n, { type: "checkbox", ...c, className: t.checkbox }),
+import '../../assets/ListItemSelect.css';const m = "_select_kfgnl_1", n = "_checkbox_kfgnl_19", t = {
+  select: m,
+  checkbox: n
+}, u = ({ className: o, ...c }) => /* @__PURE__ */ s(i, { className: r(t.select, o), children: [
+  /* @__PURE__ */ e(l, { type: "checkbox", ...c, className: t.checkbox }),
   /* @__PURE__ */ e("span", { style: { position: "absolute", opacity: 0, pointerEvents: "none" }, children: "Select" })
 ] });
 export {
-  y as ListItemSelect
+  u as ListItemSelect
 };

package/dist/components/Menu/Menu.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { M as t } from "../../SearchField-CqdLwxvV.js";
+import { M as t } from "../../SearchField-CXMhgFiw.js";
 import "./useMenuSearch.js";
 export {
   t as Menu

package/dist/components/Menu/MenuItem.js

@@ -5,6 +5,7 @@ import { Badge as C } from "../Badge/Badge.js";
 import { Icon as V } from "../Icon/Icon.js";
 import h, { forwardRef as X } from "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { ItemMedia as F } from "../Item/ItemMedia.js";
 import { ItemLabel as K } from "../Item/ItemLabel.js";
@@ -39,7 +40,7 @@ const tt = X((t, o) => {
   description: nt,
   count: lt,
   linkIcon: ot
-}, wt = ({
+}, Nt = ({
   id: t,
   groupId: o,
   role: a = "menuItem",
@@ -206,5 +207,5 @@ const tt = X((t, o) => {
   );
 };
 export {
-  wt as MenuItem
+  Nt as MenuItem
 };

package/dist/components/Menu/MenuItems.js

@@ -3,8 +3,9 @@ import "react";
 import "../../index-p1eeF8LQ.js";
 import "../../hooks/useMenu.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { a as b } from "../../SearchField-CqdLwxvV.js";
+import { a as c } from "../../SearchField-CXMhgFiw.js";
 import "./MenuItem.js";
 import "./MenuList.js";
 import "./MenuListItem.js";
@@ -13,5 +14,5 @@ import "./MenuListDivider.js";
 import "./MenuListHeading.js";
 import "../Snackbar/useSnackbar.js";
 export {
-  b as MenuItems
+  c as MenuItems
 };

package/dist/components/Menu/MenuListSearch.js

@@ -2,9 +2,10 @@ import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { b as s } from "../../SearchField-CqdLwxvV.js";
+import { b } from "../../SearchField-CXMhgFiw.js";
 import "../Snackbar/useSnackbar.js";
 export {
-  s as MenuListSearch
+  b as MenuListSearch
 };

package/dist/components/Menu/TabMenu.js

@@ -2,14 +2,15 @@ import { jsx as e } from "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { MenuItem as l } from "./MenuItem.js";
+import { MenuItem as o } from "./MenuItem.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/TabMenu.css';const o = "_menu_1htwq_1", r = "_item_1htwq_28", a = "_link_1htwq_41", m = {
-  menu: o,
-  item: r,
+import '../../assets/TabMenu.css';const r = "_menu_1htwq_1", l = "_item_1htwq_28", a = "_link_1htwq_41", m = {
+  menu: r,
+  item: l,
   link: a
-}, f = ({ items: n = [], variant: i = "default", size: s = "sm" }) => /* @__PURE__ */ e("ul", { className: m.menu, "data-variant": i, children: n?.map((t) => /* @__PURE__ */ e("li", { className: m.item, "aria-selected": t.selected, children: /* @__PURE__ */ e(l, { ...t, className: m.link, variant: i, size: s }) }, t.id)) });
+}, q = ({ items: n = [], variant: i = "default", size: s = "sm" }) => /* @__PURE__ */ e("ul", { className: m.menu, "data-variant": i, children: n?.map((t) => /* @__PURE__ */ e("li", { className: m.item, "aria-selected": t.selected, children: /* @__PURE__ */ e(o, { ...t, className: m.link, variant: i, size: s }) }, t.id)) });
 export {
-  f as TabMenu
+  q as TabMenu
 };

package/dist/components/Menu/VirtualizedMenuItems.js

@@ -3,8 +3,9 @@ import "react";
 import "../../index-p1eeF8LQ.js";
 import "../../hooks/useMenu.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { V as z } from "../../SearchField-CqdLwxvV.js";
+import { V as I } from "../../SearchField-CXMhgFiw.js";
 import "./MenuItem.js";
 import "./MenuList.js";
 import "./MenuListItem.js";
@@ -14,5 +15,5 @@ import "./MenuListHeading.js";
 import "../Snackbar/useSnackbar.js";
 import "../../useMenuVirtualization-Cs426RCN.js";
 export {
-  z as VirtualizedMenuItems
+  I as VirtualizedMenuItems
 };

package/dist/components/Menu/index.js

@@ -1,4 +1,4 @@
-import { M as t, a as o, b as n, V as u } from "../../SearchField-CqdLwxvV.js";
+import { M as t, a as o, b as n, V as u } from "../../SearchField-CXMhgFiw.js";
 import { MenuItem as M } from "./MenuItem.js";
 import { MenuList as s } from "./MenuList.js";
 import { MenuListItem as a } from "./MenuListItem.js";

package/dist/components/Metadata/MetaItem.js

@@ -2,12 +2,13 @@ import { jsxs as x, 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 { MetaItemBase as I } from "./MetaItemBase.js";
 import { MetaItemIcon as f } from "./MetaItemIcon.js";
 import { MetaItemLabel as M } from "./MetaItemLabel.js";
 import "../Snackbar/useSnackbar.js";
-const L = ({
+const d = ({
   loading: t,
   reverse: p,
   size: m = "xs",
@@ -20,5 +21,5 @@ const L = ({
   /* @__PURE__ */ e(M, { variant: r, size: m, children: i })
 ] });
 export {
-  L as MetaItem
+  d as MetaItem
 };

package/dist/components/Metadata/MetaItemIcon.js

@@ -6,6 +6,7 @@ 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 "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/MetaItemIcon.css';const _ = "_media_1x8z9_1", d = "_icon_1x8z9_10", v = "_avatarGroup_1x8z9_17", t = {
@@ -16,10 +17,10 @@ import '../../assets/MetaItemIcon.css';const _ = "_media_1x8z9_1", d = "_icon_1x
 function x(r) {
   return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || p(r);
 }
-const g = ({ size: r = "xs", icon: a, progress: s }) => !a && typeof s != "number" ? !1 : /* @__PURE__ */ e("span", { className: t.media, "data-size": r, children: [
+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 {
-  g as MetaItemIcon
+  h as MetaItemIcon
 };

package/dist/components/Metadata/MetaProgress.js

@@ -2,15 +2,16 @@ 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 { MetaItemBase as i } from "./MetaItemBase.js";
 import { MetaItemIcon as s } from "./MetaItemIcon.js";
 import { MetaItemLabel as x } from "./MetaItemLabel.js";
 import "../Snackbar/useSnackbar.js";
-const d = ({ size: t = "xs", variant: r = "text", progress: m = 0, children: e }) => /* @__PURE__ */ p(i, { variant: r, size: t, children: [
+const g = ({ size: t = "xs", variant: r = "text", progress: m = 0, children: e }) => /* @__PURE__ */ p(i, { variant: r, size: t, children: [
   /* @__PURE__ */ o(s, { size: t, progress: m }),
   /* @__PURE__ */ o(x, { variant: r, size: t, children: e })
 ] });
 export {
-  d as MetaProgress
+  g as MetaProgress
 };

package/dist/components/Metadata/MetaTimestamp.js

@@ -2,12 +2,13 @@ import { jsxs as s, 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 { MetaItemBase as a } from "./MetaItemBase.js";
 import { MetaItemIcon as x } from "./MetaItemIcon.js";
 import { MetaItemLabel as f } from "./MetaItemLabel.js";
 import "../Snackbar/useSnackbar.js";
-const B = ({
+const L = ({
   loading: m,
   size: t = "xs",
   variant: r = "text",
@@ -19,5 +20,5 @@ const B = ({
   /* @__PURE__ */ e(f, { variant: r, size: t, children: i })
 ] });
 export {
-  B as MetaTimestamp
+  L as MetaTimestamp
 };

package/dist/components/Metadata/Metadata.js

@@ -2,6 +2,7 @@ import { 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 { MetaItem as n } from "./MetaItem.js";
 import { MetaProgress as p } from "./MetaProgress.js";
@@ -17,8 +18,8 @@ const s = ({ type: e = "default", label: r, ...i }) => {
     default:
       return /* @__PURE__ */ t(n, { ...i, children: r });
   }
-}, F = ({ 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)) });
+}, 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)) });
 export {
   s as MetaListItem,
-  F as Metadata
+  L as Metadata
 };

package/dist/components/Modal/Modal.js

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

package/dist/components/Modal/ModalBase.js

@@ -1,15 +1,16 @@
 "use client";
 import { jsx as d } from "react/jsx-runtime";
-import { useRef as D, useEffect as f } from "react";
+import { useRef as D, useEffect as m } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as S } from "../Page/Section.js";
-import '../../assets/ModalBase.css';const x = "_modal_4vfmr_1", C = "_content_4vfmr_35", m = {
+import '../../assets/ModalBase.css';const x = "_modal_4vfmr_1", C = "_content_4vfmr_35", f = {
   modal: x,
   content: C
-}, X = ({
+}, Y = ({
   open: r,
   onClose: o,
   closedBy: n = "any",
@@ -22,7 +23,7 @@ import '../../assets/ModalBase.css';const x = "_modal_4vfmr_1", C = "_content_4v
   variant: y = "default"
 }) => {
   const i = D(null);
-  return f(() => {
+  return m(() => {
     const e = i.current, a = (t) => {
       const { clientY: l, clientX: s, target: b } = t;
       if (t instanceof KeyboardEvent && t.key === "Escape") {
@@ -44,7 +45,7 @@ import '../../assets/ModalBase.css';const x = "_modal_4vfmr_1", C = "_content_4v
     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]), f(() => {
+  }, [n, o]), m(() => {
     const e = i.current;
     e && (r ? e.open || e.showModal() : e.open && e.close());
   }, [r]), /* @__PURE__ */ d(
@@ -57,13 +58,13 @@ import '../../assets/ModalBase.css';const x = "_modal_4vfmr_1", C = "_content_4v
         e.preventDefault(), n === "any" && o();
       },
       "data-backdrop-color": p,
-      className: m.modal,
+      className: f.modal,
       "data-variant": y,
       onClose: n !== "none" ? o : void 0,
       children: /* @__PURE__ */ d(
         S,
         {
-          className: m.content,
+          className: f.content,
           "aria-label": "modal content",
           size: v,
           color: g,
@@ -76,5 +77,5 @@ import '../../assets/ModalBase.css';const x = "_modal_4vfmr_1", C = "_content_4v
   );
 };
 export {
-  X as ModalBase
+  Y as ModalBase
 };

package/dist/components/Modal/ModalFooter.js

@@ -2,10 +2,11 @@ import { 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 "../Snackbar/useSnackbar.js";
 import { Flex as p } from "../Page/Flex.js";
-const f = ({ children: o, ...r }) => /* @__PURE__ */ t(p, { as: "footer", spacing: 2, padding: 4, ...r, children: o });
+const x = ({ children: o, ...r }) => /* @__PURE__ */ t(p, { as: "footer", spacing: 2, padding: 4, ...r, children: o });
 export {
-  f as ModalFooter
+  x as ModalFooter
 };

package/dist/components/Modal/ModalHeader.js

@@ -2,16 +2,17 @@ import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { c as h } from "../../index-p1eeF8LQ.js";
 import "react";
 import { Heading as m } from "../Typography/Heading.js";
-import { Button as f } from "../Button/Button.js";
+import { Button as p } from "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as t } from "../Page/Flex.js";
-import { ModalIcon as p } from "./ModalIcon.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 = {
   header: y,
   sticky: u
-}, H = ({
+}, B = ({
   title: o,
   description: e,
   icon: n,
@@ -21,7 +22,7 @@ import '../../assets/ModalHeader.css';const y = "_header_nhvlf_1", u = "_sticky_
   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(p, { icon: n }),
+    n && /* @__PURE__ */ r(f, { 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 })
@@ -34,10 +35,10 @@ import '../../assets/ModalHeader.css';const y = "_header_nhvlf_1", u = "_sticky_
       onSubmit: () => {
         a?.();
       },
-      children: /* @__PURE__ */ r(f, { type: "submit", variant: "outline", "aria-label": s ?? "Close", size: "sm", children: /* @__PURE__ */ r(g, { style: { fontSize: "1.5em" } }) })
+      children: /* @__PURE__ */ r(p, { type: "submit", variant: "outline", "aria-label": s ?? "Close", size: "sm", children: /* @__PURE__ */ r(g, { style: { fontSize: "1.5em" } }) })
     }
   )
 ] }) });
 export {
-  H as ModalHeader
+  B as ModalHeader
 };

package/dist/components/Modal/ModalIcon.js

@@ -5,6 +5,7 @@ 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 "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as l } from "../../XMark-tKk6aExO.js";
@@ -17,7 +18,7 @@ import '../../assets/ListItemIcon.css';const f = "_wrapper_rcjve_1", _ = "_icon_
 function d(a) {
   return typeof a == "string" || typeof a == "number" || typeof a == "boolean" || a === null || s(a);
 }
-const h = ({ 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 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;
 export {
-  h as ModalIcon
+  x as ModalIcon
 };

package/dist/components/Notifications/NotificationItem.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 { NotificationItemBase as r } from "./NotificationItemBase.js";
 import "../Snackbar/useSnackbar.js";
-const I = ({
+const N = ({
   loading: m,
   id: e = "notification",
   icon: t,
@@ -14,5 +15,5 @@ const I = ({
   ...n
 }) => m ? /* @__PURE__ */ o(r, { icon: t, title: i, loading: !0 }) : /* @__PURE__ */ o(r, { ...n, icon: t, title: i, description: p });
 export {
-  I as NotificationItem
+  N as NotificationItem
 };

package/dist/components/Notifications/NotificationItemBase.js

@@ -2,6 +2,7 @@ import { jsx as i, jsxs as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { ListItemBase as j } from "../List/ListItemBase.js";
 import { ListItemLink as B } from "../List/ListItemLink.js";
@@ -15,11 +16,11 @@ import '../../assets/NotificationItemBase.css';const C = "_item_w20tn_1", q = "_
   link: A,
   linkFocus: D,
   controls: E
-}, U = ({
+}, V = ({
   as: s,
   href: r,
-  ref: n,
-  disabled: m,
+  ref: m,
+  disabled: n,
   loading: o,
   onClick: a,
   onKeyPress: c,
@@ -39,7 +40,7 @@ import '../../assets/NotificationItemBase.css';const C = "_item_w20tn_1", q = "_
   ...F
 }) => {
   const x = F.ariaLabel;
-  return /* @__PURE__ */ i(j, { ref: n, className: t.item, color: _, variant: d, size: "md", children: /* @__PURE__ */ e("header", { className: t.header, children: [
+  return /* @__PURE__ */ i(j, { 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,
@@ -50,7 +51,7 @@ import '../../assets/NotificationItemBase.css';const C = "_item_w20tn_1", q = "_
         onKeyPress: c,
         tabIndex: l,
         loading: o,
-        disabled: m || o,
+        disabled: n || o,
         ariaLabel: x,
         className: t.link,
         children: [
@@ -82,5 +83,5 @@ import '../../assets/NotificationItemBase.css';const C = "_item_w20tn_1", q = "_
   ] }) });
 };
 export {
-  U as NotificationItemBase
+  V as NotificationItemBase
 };

package/dist/components/Notifications/NotificationItemControls.js

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

package/dist/components/Notifications/NotificationItemIcon.js

@@ -1,11 +1,12 @@
 import { jsx as r, jsxs as o, Fragment as p } from "react/jsx-runtime";
-import { isValidElement as n } from "react";
-import { Badge as i } from "../Badge/Badge.js";
+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 "../../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 "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as d } from "../../XMark-tKk6aExO.js";
@@ -17,9 +18,9 @@ import '../../assets/NotificationItemIcon.css';const u = "_icon_15rz1_1", g = "_
   badge: b
 };
 function z(t) {
-  return typeof t == "string" || typeof t == "number" || typeof t == "boolean" || t === null || n(t);
+  return typeof t == "string" || typeof t == "number" || typeof t == "boolean" || t === null || i(t);
 }
-const F = ({ 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: [
+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 }),
     /* @__PURE__ */ r(e, { ...a })
@@ -27,8 +28,8 @@ const F = ({ loading: t, icon: a, badge: m }) => a ? t ? /* @__PURE__ */ r("div"
     /* @__PURE__ */ r("span", { className: s.shape }),
     /* @__PURE__ */ r(e, { svgElement: a })
   ] }),
-  m && /* @__PURE__ */ r(i, { ...m, size: "xs", variant: "base", className: s.badge })
+  m && /* @__PURE__ */ r(n, { ...m, size: "xs", variant: "base", className: s.badge })
 ] }) : null;
 export {
-  F as NotificationItemIcon
+  M as NotificationItemIcon
 };