@altinn/altinn-components 0.56.8 → 0.56.9

package/dist/components/Dialog/DialogHistoryItem.js

@@ -3,10 +3,11 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import { Typography as f } 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 x = ({ byline: o, datetime: i, children: t, summary: e, ...m }) => t ? /* @__PURE__ */ r(p, { byline: o, datetime: i, ...m, children: t }) : /* @__PURE__ */ r(p, { byline: o, datetime: i, ...m, children: /* @__PURE__ */ r(f, { children: e }) });
+const T = ({ byline: o, datetime: i, children: t, summary: e, ...m }) => t ? /* @__PURE__ */ r(p, { byline: o, datetime: i, ...m, children: t }) : /* @__PURE__ */ r(p, { byline: o, datetime: i, ...m, children: /* @__PURE__ */ r(f, { children: e }) });
 export {
-  x as DialogHistoryItem
+  T as DialogHistoryItem
 };

package/dist/components/Dialog/DialogHistorySegment.js

@@ -3,11 +3,12 @@ import { createElement as s } from "react";
 import "../../index-p1eeF8LQ.js";
 import { Typography as a } from "../Typography/Typography.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { DialogHistoryItem as c } from "./DialogHistoryItem.js";
 import "../Snackbar/useSnackbar.js";
 import { TimelineSegment as f } from "../Timeline/TimelineSegment.js";
-const k = ({
+const E = ({
   id: i,
   items: t,
   datetime: m,
@@ -21,5 +22,5 @@ const k = ({
   t?.map((o) => /* @__PURE__ */ s(c, { ...o, key: o.id }))
 ] });
 export {
-  k as DialogHistorySegment
+  E as DialogHistorySegment
 };

package/dist/components/Dialog/DialogLayout.js

@@ -3,13 +3,14 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
 import { ContextMenu as s } from "../ContextMenu/ContextMenu.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { PageBase as n } from "../Page/PageBase.js";
 import { PageNav as l } from "../Page/PageNav.js";
 import { PageMenu as d } from "../Page/PageMenu.js";
 import { Section as e } from "../Page/Section.js";
-const y = ({ backButton: i, contextMenu: r, pageMenu: m, children: a, color: p }) => /* @__PURE__ */ t(n, { theme: "subtle", spacing: 0, color: p, bleed: !0, children: [
+const B = ({ backButton: i, contextMenu: r, pageMenu: m, children: p, color: a }) => /* @__PURE__ */ t(n, { theme: "subtle", spacing: 0, color: a, bleed: !0, children: [
   /* @__PURE__ */ t(e, { theme: "default", shadow: "xs", children: [
     /* @__PURE__ */ o(
       l,
@@ -20,10 +21,10 @@ const y = ({ backButton: i, contextMenu: r, pageMenu: m, children: a, color: p }
         controls: r && /* @__PURE__ */ o(s, { ...r })
       }
     ),
-    /* @__PURE__ */ o(e, { as: "article", padding: "page", spacing: 6, children: a })
+    /* @__PURE__ */ o(e, { as: "article", padding: "page", spacing: 6, children: p })
   ] }),
   /* @__PURE__ */ o(d, { items: m?.items })
 ] });
 export {
-  y as DialogLayout
+  B as DialogLayout
 };

package/dist/components/Dialog/DialogList.js

@@ -3,12 +3,13 @@ import { createElement as r } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useMenu as f } from "../../hooks/useMenu.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { DialogListGroup as y } from "./DialogListGroup.js";
 import { DialogListItem as d } from "./DialogListItem.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as k } from "../Page/Section.js";
-const B = ({ items: t, groups: i = {}, sortGroupBy: m, highlightWords: e, isLoading: p }) => {
+const G = ({ items: t, groups: i = {}, sortGroupBy: m, highlightWords: e, isLoading: p }) => {
   const { menu: s } = f({
     items: t,
     groups: i,
@@ -25,5 +26,5 @@ const B = ({ items: t, groups: i = {}, sortGroupBy: m, highlightWords: e, isLoad
   }) });
 };
 export {
-  B as DialogList
+  G as DialogList
 };

package/dist/components/Dialog/DialogListGroup.js

@@ -4,12 +4,13 @@ import "react";
 import { Typography as p } from "../Typography/Typography.js";
 import { Heading as e } from "../Typography/Heading.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { List as n } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as s } from "../Page/Flex.js";
 import { Section as c } from "../Page/Section.js";
-const L = ({ title: o, description: i, children: t }) => /* @__PURE__ */ m(c, { spacing: 4, children: [
+const B = ({ title: o, description: i, children: t }) => /* @__PURE__ */ m(c, { spacing: 4, children: [
   /* @__PURE__ */ m(s, { direction: "col", spacing: 2, children: [
     o && /* @__PURE__ */ r(e, { size: "lg", children: o }),
     i && /* @__PURE__ */ r(p, { size: "sm", style: { marginBottom: ".5em" }, children: i })
@@ -17,5 +18,5 @@ const L = ({ title: o, description: i, children: t }) => /* @__PURE__ */ m(c, {
   /* @__PURE__ */ r(n, { spacing: 3, children: t })
 ] });
 export {
-  L as DialogListGroup
+  B as DialogListGroup
 };

package/dist/components/Dialog/DialogListItem.js

@@ -5,6 +5,7 @@ import "react";
 import { AvatarGroup as O } from "../Avatar/AvatarGroup.js";
 import { Heading as b } from "../Typography/Heading.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { DialogMetadata as P } from "./DialogMetadata.js";
 import { DialogByline as Q } from "./DialogByline.js";
@@ -20,13 +21,13 @@ import '../../assets/DialogListItem.css';const S = "_border_lwts6_1", T = "_titl
   seenBy: $,
   dot: z,
   heading: W
-}, ht = ({
-  size: e = "xl",
+}, ft = ({
+  size: o = "xl",
   state: tt = "normal",
   loading: s,
   controls: N,
   select: at,
-  selected: o,
+  selected: r,
   status: n,
   extendedStatusLabel: v,
   sender: c,
@@ -51,65 +52,65 @@ import '../../assets/DialogListItem.css';const S = "_border_lwts6_1", T = "_titl
   receivedCount: q,
   attachmentsCount: C,
   attachmentsLabel: E,
-  title: r,
+  title: e,
   description: F,
-  summary: l,
-  highlightWords: m,
+  summary: m,
+  highlightWords: l,
   variant: J = "default",
   id: h,
   ...f
 }) => {
-  const w = o ? "tinted" : J;
-  return e === "xs" || e === "sm" ? /* @__PURE__ */ t(
+  const w = r ? "tinted" : J;
+  return o === "xs" || o === "sm" ? /* @__PURE__ */ t(
     x,
     {
       ...f,
       id: h,
-      size: e,
-      selected: o,
+      size: o,
+      selected: r,
       variant: w,
-      ariaLabel: r,
+      ariaLabel: e,
       disabled: s,
       icon: c,
-      title: r,
-      description: l || F,
-      highlightWords: m
+      title: e,
+      description: m || F,
+      highlightWords: l
     }
   ) : /* @__PURE__ */ t(
     x,
     {
       ...f,
       id: h,
-      size: e,
-      selected: o,
+      size: o,
+      selected: r,
       variant: w,
       controls: /* @__PURE__ */ t("div", { className: a.controls, children: N }),
-      title: r,
+      title: e,
       disabled: s,
       label: /* @__PURE__ */ i(
         "div",
         {
           className: a.border,
-          "data-selected": o,
+          "data-selected": r,
           "data-status": n?.value,
-          "data-size": e,
+          "data-size": o,
           "data-unread": _,
           "data-archived": I,
           "data-trashed": A,
           "data-loading": s,
           children: [
-            /* @__PURE__ */ i("header", { className: a.header, "data-size": e, children: [
+            /* @__PURE__ */ i("header", { className: a.header, "data-size": o, children: [
               /* @__PURE__ */ t("span", { className: a.heading, children: /* @__PURE__ */ i(
                 b,
                 {
                   as: "h2",
-                  highlightWords: m,
+                  highlightWords: l,
                   weight: _ ? "bold" : "normal",
                   loading: s,
                   maxRows: 2,
                   className: a.title,
                   children: [
-                    r,
+                    e,
                     d && /* @__PURE__ */ t(K, { className: a.dot, variant: "tinted", size: "xs", ...d })
                   ]
                 }
@@ -125,16 +126,16 @@ import '../../assets/DialogListItem.css';const S = "_border_lwts6_1", T = "_titl
                   grouped: B
                 }
               ),
-              l && /* @__PURE__ */ t(
+              m && /* @__PURE__ */ t(
                 b,
                 {
                   as: "h3",
-                  highlightWords: m,
+                  highlightWords: l,
                   weight: "normal",
                   className: a.summary,
                   loading: s,
                   maxRows: 2,
-                  children: l
+                  children: m
                 }
               )
             ] }),
@@ -168,5 +169,5 @@ import '../../assets/DialogListItem.css';const S = "_border_lwts6_1", T = "_titl
   );
 };
 export {
-  ht as DialogListItem
+  ft as DialogListItem
 };

package/dist/components/Dialog/DialogMetadata.js

@@ -3,6 +3,7 @@ import { jsxs as I, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import a, { forwardRef as d } from "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { MetaBase as _ } from "../Metadata/MetaBase.js";
 import { MetaItem as c } from "../Metadata/MetaItem.js";
@@ -65,7 +66,7 @@ const V = d((t, i) => {
     l ? a.createElement("title", { id: n }, l) : null,
     a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5", clipRule: "evenodd" })
   );
-}), L = ({
+}), ee = ({
   className: t,
   loading: i,
   status: l,
@@ -113,5 +114,5 @@ const V = d((t, i) => {
   )
 ] });
 export {
-  L as DialogMetadata
+  ee as DialogMetadata
 };

package/dist/components/Dialog/DialogSection.js

@@ -4,13 +4,14 @@ import "react";
 import { Typography as p } from "../Typography/Typography.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 n } from "../Page/Section.js";
-const d = ({ title: r, children: o }) => o ? /* @__PURE__ */ m(n, { spacing: 4, children: [
+const h = ({ title: r, children: o }) => o ? /* @__PURE__ */ m(n, { spacing: 4, children: [
   r && /* @__PURE__ */ i(t, { size: "lg", children: r }),
   /* @__PURE__ */ i(p, { children: o })
 ] }) : null;
 export {
-  d as DialogSection
+  h as DialogSection
 };

package/dist/components/Dialog/DialogSeenBy.js

@@ -3,11 +3,12 @@ import { jsx as c } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import a, { forwardRef as f } from "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { MetaItem as m } from "../Metadata/MetaItem.js";
-import { S as s } from "../../Eye-BrbjRZJp.js";
-import { u as p } from "../../useId-BVFxCjkq.js";
+import { S as p } from "../../Eye-BrbjRZJp.js";
+import { u as s } 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]);
@@ -18,14 +19,14 @@ var d = function(t, o) {
 };
 const u = f((t, o) => {
   var { title: l, titleId: e } = t, r = d(t, ["title", "titleId"]);
-  let n = p();
+  let n = s();
   return n = l ? e || "title-" + n : void 0, a.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": n }, r),
     l ? a.createElement("title", { id: n }, l) : null,
     a.createElement("path", { fill: "currentColor", d: "M2.614 9.357a.75.75 0 0 1 1.029.257l.003.005.02.033.093.139c.085.123.214.303.39.522.35.438.877 1.024 1.581 1.61C7.137 13.097 9.223 14.25 12 14.25s4.863-1.154 6.27-2.326a11.4 11.4 0 0 0 1.582-1.611 9 9 0 0 0 .481-.661q.015-.023.02-.033l.004-.005a.75.75 0 0 1 1.286.772L21 10c.643.386.642.387.642.387v.002l-.004.005-.01.015-.032.051-.118.179c-.103.15-.255.36-.455.61-.304.38-.722.856-1.256 1.353l.841 1.002a.75.75 0 1 1-1.149.965l-.847-1.01c-.577.423-1.24.83-1.987 1.176l.497 1.17a.75.75 0 1 1-1.38.587l-.518-1.22c-.758.233-1.582.394-2.474.453V17a.75.75 0 0 1-1.5 0v-1.275a11 11 0 0 1-2.475-.453l-.516 1.215a.75.75 0 1 1-1.38-.586l.494-1.166a11.7 11.7 0 0 1-1.987-1.178l-.845 1.007a.75.75 0 1 1-1.15-.964l.84-1c-.533-.496-.95-.97-1.254-1.35a11 11 0 0 1-.574-.79l-.032-.05-.01-.016-.002-.005-.001-.002-.001-.001a.75.75 0 0 1 .257-1.03" })
   );
-}), j = ({
+}), E = ({
   size: t = "xs",
   label: o = "Seen by label",
   seenByEndUser: l = !1,
@@ -33,9 +34,9 @@ const u = f((t, o) => {
   onClick: r,
   ...n
 }) => {
-  const i = l || e > 0 ? s : u;
+  const i = l || e > 0 ? p : u;
   return /* @__PURE__ */ c(m, { size: t, icon: i, ...n, children: o });
 };
 export {
-  j as DialogSeenBy
+  E as DialogSeenBy
 };

package/dist/components/Dialog/DialogSelect.js

@@ -1,18 +1,19 @@
-import { jsxs as l, jsx as c } from "react/jsx-runtime";
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
 import { c as s } from "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { CheckboxIcon as n } from "../Icon/CheckboxIcon.js";
-import '../../assets/DialogSelect.css';const r = "_label_10zwy_1", a = "_input_10zwy_15", p = "_icon_10zwy_19", o = {
+import '../../assets/DialogSelect.css';const r = "_label_10zwy_1", p = "_input_10zwy_15", a = "_icon_10zwy_19", o = {
   label: r,
-  input: a,
-  icon: p
-}, h = ({ checked: t = !1, onChange: e, className: i }) => /* @__PURE__ */ l("label", { className: s(o.label, i), children: [
-  /* @__PURE__ */ c("input", { type: "checkbox", checked: t, onChange: e, className: o.input }),
-  /* @__PURE__ */ c(n, { hover: !0, checked: t, className: o.icon })
+  input: p,
+  icon: a
+}, w = ({ checked: t = !1, onChange: c, className: e }) => /* @__PURE__ */ l("label", { className: s(o.label, e), children: [
+  /* @__PURE__ */ i("input", { type: "checkbox", checked: t, onChange: c, className: o.input }),
+  /* @__PURE__ */ i(n, { hover: !0, checked: t, className: o.icon })
 ] });
 export {
-  h as DialogSelect
+  w as DialogSelect
 };

package/dist/components/Dialog/DialogStatus.js

@@ -3,6 +3,7 @@ import { jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import a, { forwardRef as p } from "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { MetaItem as c } from "../Metadata/MetaItem.js";
 import { MetaProgress as d } from "../Metadata/MetaProgress.js";
@@ -27,7 +28,7 @@ const m = p((e, n) => {
   );
 });
 var u = /* @__PURE__ */ ((e) => (e["not-applicable"] = "NOT_APPLICABLE", e.draft = "DRAFT", e.awaiting = "AWAITING", e.completed = "COMPLETED", e["in-progress"] = "IN_PROGRESS", e["requires-attention"] = "REQUIRES_ATTENTION", e))(u || {});
-const _ = ({ loading: e, size: n = "xs", value: r = "not-applicable", label: t }) => {
+const P = ({ loading: e, size: n = "xs", value: r = "not-applicable", label: t }) => {
   if (e)
     return null;
   switch (r) {
@@ -46,6 +47,6 @@ const _ = ({ loading: e, size: n = "xs", value: r = "not-applicable", label: t }
   }
 };
 export {
-  _ as DialogStatus,
+  P as DialogStatus,
   u as DialogStatusEnum
 };

package/dist/components/Dialog/DialogTabs.js

@@ -2,10 +2,11 @@ import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { TabMenu as t } from "../Menu/TabMenu.js";
 import "../Snackbar/useSnackbar.js";
-const b = ({ items: o = [] }) => /* @__PURE__ */ r(t, { items: o });
+const f = ({ items: o = [] }) => /* @__PURE__ */ r(t, { items: o });
 export {
-  b as DialogTabs
+  f as DialogTabs
 };

package/dist/components/Dialog/SeenByLog.js

@@ -3,6 +3,7 @@ import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import { useState as a, Fragment as h, createElement as l } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { SeenByLogButton as c } from "./SeenByLogButton.js";
 import { SeenByLogItem as S } from "./SeenByLogItem.js";
@@ -11,7 +12,7 @@ import { List as x } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as y } from "../Page/Flex.js";
 import { Section as B } from "../Page/Section.js";
-const q = ({
+const w = ({
   collapsible: t,
   expanded: d,
   title: n,
@@ -32,5 +33,5 @@ const q = ({
   ] });
 };
 export {
-  q as SeenByLog
+  w as SeenByLog
 };

package/dist/components/Dialog/SeenByLogButton.js

@@ -1,18 +1,19 @@
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { AvatarGroup as u } from "../Avatar/AvatarGroup.js";
-import { Button as p } from "../Button/Button.js";
+import { AvatarGroup as p } from "../Avatar/AvatarGroup.js";
+import { Button as u } from "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/SeenByLogButton.css';const l = "_button_deo1u_1", m = "_label_deo1u_12", i = "_avatarGroup_deo1u_16", t = {
-  button: l,
-  label: m,
+import '../../assets/SeenByLogButton.css';const m = "_button_deo1u_1", l = "_label_deo1u_12", i = "_avatarGroup_deo1u_16", t = {
+  button: m,
+  label: l,
   avatarGroup: i
-}, f = ({ as: s, items: o, children: a, onClick: e }) => /* @__PURE__ */ n(p, { variant: "ghost", as: s, size: "xs", className: t.button, onClick: e, children: [
-  o && /* @__PURE__ */ r(u, { items: o, className: t.avatarGroup }),
+}, B = ({ as: s, items: o, children: a, onClick: e }) => /* @__PURE__ */ n(u, { variant: "ghost", as: s, size: "xs", className: t.button, onClick: e, children: [
+  o && /* @__PURE__ */ r(p, { items: o, className: t.avatarGroup }),
   a && /* @__PURE__ */ r("span", { "data-size": "xs", className: t.label, children: a })
 ] });
 export {
-  f as SeenByLogButton
+  B as SeenByLogButton
 };

package/dist/components/Dialog/SeenByLogItem.js

@@ -1,15 +1,16 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { jsxs as o, jsx as i } from "react/jsx-runtime";
 import { Badge as l } 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 d } from "../Page/Flex.js";
-const y = ({
+const F = ({
   name: r,
-  seenAt: i,
+  seenAt: e,
   seenAtLabel: m,
   isEndUser: n,
   endUserLabel: p,
@@ -18,14 +19,14 @@ const y = ({
 }) => {
   const t = n && { label: p };
   return /* @__PURE__ */ o(d, { align: "center", spacing: 2, as: "li", children: [
-    /* @__PURE__ */ o(c, { size: a, datetime: i, avatar: { name: r, type: s }, children: [
-      /* @__PURE__ */ e("strong", { children: r + "," }),
+    /* @__PURE__ */ o(c, { size: a, datetime: e, avatar: { name: r, type: s }, children: [
+      /* @__PURE__ */ i("strong", { children: r + "," }),
       " ",
       m
     ] }),
-    t && /* @__PURE__ */ e(l, { variant: "subtle", ...t })
+    t && /* @__PURE__ */ i(l, { variant: "subtle", ...t })
   ] });
 };
 export {
-  y as SeenByLogItem
+  F as SeenByLogItem
 };

package/dist/components/Dropdown/DrawerButton.js

@@ -1,13 +1,14 @@
 import { jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { Button as m } from "../Button/Button.js";
+import { Button as n } from "../Button/Button.js";
 import { ButtonLabel as s } from "../Button/ButtonLabel.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/DrawerButton.css';const e = "_button_19v2d_1", p = {
   button: e
-}, B = ({ label: o, children: r, onClick: n, ...i }) => /* @__PURE__ */ t(m, { variant: "solid", size: "md", className: p.button, onClick: n, ...i, children: /* @__PURE__ */ t(s, { size: "md", children: r || o }) });
+}, _ = ({ label: o, children: r, onClick: i, ...m }) => /* @__PURE__ */ t(n, { variant: "solid", size: "md", className: p.button, onClick: i, ...m, children: /* @__PURE__ */ t(s, { size: "md", children: r || o }) });
 export {
-  B as DrawerButton
+  _ as DrawerButton
 };

package/dist/components/Dropdown/DrawerHeader.js

@@ -1,17 +1,18 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { c as l } from "../../index-p1eeF8LQ.js";
-import { Button as m } from "../Button/Button.js";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { c as m } from "../../index-p1eeF8LQ.js";
+import { Button as l } from "../Button/Button.js";
 import "react";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as c } from "../../XMark-tKk6aExO.js";
 import '../../assets/DrawerHeader.css';const n = "_header_1mz3h_1", h = "_title_1mz3h_15", r = {
   header: n,
   title: h
-}, N = ({ className: t, title: o, onClose: a, closeIconAltText: s = "Close icon" }) => /* @__PURE__ */ i("header", { className: l(r.header, t), children: [
+}, j = ({ className: t, title: o, onClose: a, closeIconAltText: i = "Close icon" }) => /* @__PURE__ */ s("header", { className: m(r.header, t), children: [
   /* @__PURE__ */ e("h2", { className: r.title, children: o }),
-  /* @__PURE__ */ e(m, { size: "sm", variant: "outline", onClick: a, className: r.close, "aria-label": s, children: /* @__PURE__ */ e(c, {}) })
+  /* @__PURE__ */ e(l, { size: "sm", variant: "outline", onClick: a, className: r.close, "aria-label": i, children: /* @__PURE__ */ e(c, {}) })
 ] });
 export {
-  N as DrawerHeader
+  j as DrawerHeader
 };

package/dist/components/Dropdown/DrawerOrDropdown.js

@@ -2,6 +2,7 @@ import { jsxs as d, Fragment as n, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import { Backdrop as s } from "./Backdrop.js";
 import { DrawerHeader as c } from "./DrawerHeader.js";
 import { DrawerFooter as l } from "./DrawerFooter.js";
@@ -13,7 +14,7 @@ import '../../assets/DrawerOrDropdown.css';const w = "_drawerOrDropdown_h06dg_1"
   drawerOrDropdown: w,
   header: D,
   footer: _
-}, v = ({
+}, z = ({
   open: a = !1,
   size: i = "auto",
   onClose: t,
@@ -37,5 +38,5 @@ import '../../assets/DrawerOrDropdown.css';const w = "_drawerOrDropdown_h06dg_1"
   ] })
 ] });
 export {
-  v as DrawerOrDropdown
+  z as DrawerOrDropdown
 };