@altinn/altinn-components 0.52.7 → 0.53.1

package/dist/components/Menu/MenuItemBase.js

@@ -5,8 +5,8 @@ import '../../assets/MenuItemBase.css';const B = "_item_ygbc3_1", E = "_content_
   item: B,
   content: E
 }, R = ({
-  interactive: o = !0,
-  ariaLabel: s,
+  interactive: s = !0,
+  ariaLabel: o,
   role: c,
   as: i,
   color: m,
@@ -23,7 +23,7 @@ import '../../assets/MenuItemBase.css';const B = "_item_ygbc3_1", E = "_content_
   children: v,
   active: b,
   onMouseEnter: g,
-  dataTestId: h
+  "data-testid": h
 }) => {
   const I = i || "a", N = z(null);
   return /* @__PURE__ */ n(
@@ -32,8 +32,8 @@ import '../../assets/MenuItemBase.css';const B = "_item_ygbc3_1", E = "_content_
       tabIndex: t ? "-1" : _ ?? 0,
       className: j(r.item, f),
       role: c,
-      "aria-label": s,
-      "data-interactive": !t && o,
+      "aria-label": o,
+      "data-interactive": !t && s,
       "data-active": b,
       "data-size": l,
       "data-color": m,

package/dist/components/Menu/MenuItemIcon.js

@@ -1,10 +1,11 @@
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { isValidElement as i } from "react";
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { isValidElement as n } from "react";
 import { Badge as l } from "../Badge/Badge.js";
 import { Icon as s, isIconProps as c } from "../Icon/Icon.js";
 import "../../index-p1eeF8LQ.js";
 import { isAvatarProps as d, Avatar as f } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as v, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as _ } from "../../XMark-tKk6aExO.js";
@@ -15,12 +16,12 @@ import '../../assets/MenuItemIcon.css';const b = "_icon_1b18x_1", g = "_avatar_1
   badge: G
 };
 function N(a) {
-  return typeof a == "string" || typeof a == "number" || typeof a == "boolean" || a === null || i(a);
+  return typeof a == "string" || typeof a == "number" || typeof a == "boolean" || a === null || n(a);
 }
-const z = ({ loading: a, size: e, icon: r, theme: m, badge: p }) => r ? a ? /* @__PURE__ */ t("div", { className: o.icon, "data-size": e, children: /* @__PURE__ */ t(s, { svgElement: _, loading: !0 }) }) : /* @__PURE__ */ n("div", { className: o.icon, "data-size": e, children: [
+const B = ({ loading: a, size: e, icon: r, theme: m, badge: p }) => r ? a ? /* @__PURE__ */ t("div", { className: o.icon, "data-size": e, children: /* @__PURE__ */ t(s, { svgElement: _, loading: !0 }) }) : /* @__PURE__ */ i("div", { className: o.icon, "data-size": e, children: [
   d(r) && /* @__PURE__ */ t(f, { ...r, className: o.avatar }) || v(r) && /* @__PURE__ */ t(u, { ...r, className: o.avatarGroup }) || c(r) && /* @__PURE__ */ t(s, { ...r, theme: r?.theme || m }) || N(r) && r || /* @__PURE__ */ t(s, { theme: m, svgElement: r }),
   p && /* @__PURE__ */ t(l, { ...p, className: o.badge })
 ] }) : null;
 export {
-  z as MenuItemIcon
+  B as MenuItemIcon
 };

package/dist/components/Menu/MenuItemLabel.js

@@ -1,9 +1,10 @@
-import { jsx as s, jsxs as b, Fragment as g } from "react/jsx-runtime";
+import { jsx as o, jsxs as b, Fragment as g } from "react/jsx-runtime";
 import { c as d } from "../../index-p1eeF8LQ.js";
 import { isValidElement as x } from "react";
 import { Heading as c } from "../Typography/Heading.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { isHeadingProps as o } from "../List/ListItemLabel.js";
+import { isHeadingProps as s } from "../List/ListItemLabel.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/MenuItemLabel.css';const P = "_label_1el1b_1", _ = "_title_1el1b_22", f = {
   label: P,
@@ -16,7 +17,7 @@ const y = (r) => {
   const t = {
     as: "span"
   };
-  return o(r) ? { ...t, ...r } : u(r) ? {
+  return s(r) ? { ...t, ...r } : u(r) ? {
     ...t,
     children: r
   } : null;
@@ -26,18 +27,18 @@ const y = (r) => {
     weight: "normal",
     variant: "subtle"
   };
-  return o(r) ? { ...t, ...r } : u(r) ? {
+  return s(r) ? { ...t, ...r } : u(r) ? {
     ...t,
     children: r
   } : null;
 };
-function z(r) {
+function A(r) {
   if (typeof r == "string")
     return r;
-  if (o(r))
+  if (s(r))
     return r.children;
 }
-const A = ({
+const D = ({
   className: r,
   size: t = "sm",
   title: l,
@@ -47,8 +48,8 @@ const A = ({
   children: p
 }) => {
   const e = l && y(l), n = i && h(i);
-  return /* @__PURE__ */ s("span", { className: d(f.label, r), "data-size": t, children: p || /* @__PURE__ */ b(g, { children: [
-    e && /* @__PURE__ */ s(
+  return /* @__PURE__ */ o("span", { className: d(f.label, r), "data-size": t, children: p || /* @__PURE__ */ b(g, { children: [
+    e && /* @__PURE__ */ o(
       c,
       {
         ...e,
@@ -58,7 +59,7 @@ const A = ({
         weight: e?.weight || t === "lg" ? "medium" : "normal"
       }
     ),
-    n && /* @__PURE__ */ s(
+    n && /* @__PURE__ */ o(
       c,
       {
         ...n,
@@ -70,6 +71,6 @@ const A = ({
   ] }) });
 };
 export {
-  A as MenuItemLabel,
-  z as getAriaLabelFromTitle
+  D as MenuItemLabel,
+  A as getAriaLabelFromTitle
 };

package/dist/components/Menu/MenuItems.js

@@ -3,6 +3,7 @@ import { jsxs as n, jsx as t, Fragment as G } from "react/jsx-runtime";
 import { useRef as H, Fragment as K } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useMenu as R } from "../../hooks/useMenu.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { MenuItem as S } from "./MenuItem.js";
 import { MenuSearch as _ } from "./MenuSearch.js";

package/dist/components/Menu/MenuItemsVirtual.js

@@ -4,6 +4,7 @@ import { u as _ } from "../../index-De5bF0Gf.js";
 import { useRef as L, useState as k, useEffect as f, useMemo as A } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useMenu as W } from "../../hooks/useMenu.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { MenuItem as D } from "./MenuItem.js";
 import { MenuSearch as K } from "./MenuSearch.js";
@@ -13,7 +14,7 @@ import "../Snackbar/useSnackbar.js";
 import '../../assets/MenuItemsVirtual.css';const F = "_virtualScrollRef_nmoqo_1", O = "_virtualMenuListItem_nmoqo_8", R = {
   virtualScrollRef: F,
   virtualMenuListItem: O
-}, ie = ({
+}, se = ({
   level: M = 0,
   search: y,
   items: E,
@@ -22,7 +23,7 @@ import '../../assets/MenuItemsVirtual.css';const F = "_virtualScrollRef_nmoqo_1"
   defaultItemColor: b,
   defaultItemVariant: P,
   defaultIconTheme: q,
-  keyboardEvents: d,
+  keyboardEvents: p,
   scrollRefStyles: $
 }) => {
   const i = L(null), v = i.current?.getBoundingClientRect().top, [x, H] = k(window.innerHeight);
@@ -43,23 +44,23 @@ import '../../assets/MenuItemsVirtual.css';const F = "_virtualScrollRef_nmoqo_1"
     items: E,
     groups: z,
     groupByKey: "groupId",
-    keyboardEvents: d,
+    keyboardEvents: p,
     ref: i
-  }), p = C.flatMap((t, e) => {
-    const r = t?.props || {}, { title: s } = r, m = t?.items?.filter((n) => !n.props?.hidden) || [];
+  }), d = C.flatMap((t, e) => {
+    const r = t?.props || {}, { title: s } = r, m = t?.items?.filter((o) => !o.props?.hidden) || [];
     return [
       ...e > 0 || M > 0 ? [{ type: "separator" }] : [],
       ...s ? [{ type: "title", title: s }] : [],
-      ...m.map((n, c) => ({
+      ...m.map((o, c) => ({
         type: "item",
-        itemProps: n.props || {},
-        active: n.active,
-        hasChildren: n.props?.expanded && n.props?.items,
+        itemProps: o.props || {},
+        active: o.active,
+        hasChildren: o.props?.expanded && o.props?.items,
         isLastItem: c === m.length - 1
       }))
     ];
   }), a = _({
-    count: p.length,
+    count: d.length,
     useAnimationFrameWithResizeObserver: !0,
     gap: 8,
     estimateSize: () => 44,
@@ -84,33 +85,33 @@ import '../../assets/MenuItemsVirtual.css';const F = "_virtualScrollRef_nmoqo_1"
       document.removeEventListener("keydown", t, !0), r?.removeEventListener("wheel", e), r?.removeEventListener("mousedown", e), r?.removeEventListener("mousemove", e), r?.removeEventListener("touchstart", e);
     };
   }, []), f(() => {
-    if (!d || !l.current) return;
+    if (!p || !l.current) return;
     const t = i.current;
     if (!t) return;
-    const e = 6, r = p.findIndex((o) => o.type === "item" && o.active);
+    const e = 6, r = d.findIndex((n) => n.type === "item" && n.active);
     if (r < 0) return;
-    const s = (o) => (t.querySelector(`[data-index="${o}"]`) || t.querySelector(`[dataindex="${o}"]`) || t.querySelector(`[dataIndex="${o}"]`)) ?? null, m = s(r);
+    const s = (n) => (t.querySelector(`[data-index="${n}"]`) || t.querySelector(`[dataindex="${n}"]`) || t.querySelector(`[dataIndex="${n}"]`)) ?? null, m = s(r);
     if (!m) {
       a.scrollToIndex(r, { align: "auto" }), l.current = !1;
       return;
     }
-    const n = t.getBoundingClientRect(), c = m.getBoundingClientRect(), S = s(r - 1), I = s(r + 1);
+    const o = t.getBoundingClientRect(), c = m.getBoundingClientRect(), S = s(r - 1), I = s(r + 1);
     if (I) {
-      const o = I.getBoundingClientRect();
-      if (o.bottom > n.bottom) {
-        t.scrollTop += o.bottom - n.bottom + e, l.current = !1;
+      const n = I.getBoundingClientRect();
+      if (n.bottom > o.bottom) {
+        t.scrollTop += n.bottom - o.bottom + e, l.current = !1;
         return;
       }
     }
     if (S) {
-      const o = S.getBoundingClientRect();
-      if (o.top < n.top) {
-        t.scrollTop -= n.top - o.top + e, l.current = !1;
+      const n = S.getBoundingClientRect();
+      if (n.top < o.top) {
+        t.scrollTop -= o.top - n.top + e, l.current = !1;
         return;
       }
     }
-    c.top < n.top + e ? t.scrollTop -= n.top + e - c.top : c.bottom > n.bottom - e && (t.scrollTop += c.bottom - (n.bottom - e)), l.current = !1;
-  }, [p, d, a]), /* @__PURE__ */ u(j, { children: /* @__PURE__ */ w("div", { ref: i, className: R.virtualScrollRef, style: B, children: [
+    c.top < o.top + e ? t.scrollTop -= o.top + e - c.top : c.bottom > o.bottom - e && (t.scrollTop += c.bottom - (o.bottom - e)), l.current = !1;
+  }, [d, p, a]), /* @__PURE__ */ u(j, { children: /* @__PURE__ */ w("div", { ref: i, className: R.virtualScrollRef, style: B, children: [
     y && /* @__PURE__ */ u(
       "div",
       {
@@ -131,7 +132,7 @@ import '../../assets/MenuItemsVirtual.css';const F = "_virtualScrollRef_nmoqo_1"
           height: `${a.getTotalSize()}px`
         },
         children: g.map((t) => {
-          const e = p[t.index];
+          const e = d[t.index];
           return e ? /* @__PURE__ */ w(
             N,
             {
@@ -150,7 +151,7 @@ import '../../assets/MenuItemsVirtual.css';const F = "_virtualScrollRef_nmoqo_1"
                     variant: e.itemProps.variant || P,
                     iconTheme: e.itemProps.iconTheme || q,
                     active: e.active,
-                    tabIndex: e.itemProps.disabled || d ? -1 : 0
+                    tabIndex: e.itemProps.disabled || p ? -1 : 0
                   }
                 )
               ]
@@ -163,5 +164,5 @@ import '../../assets/MenuItemsVirtual.css';const F = "_virtualScrollRef_nmoqo_1"
   ] }) });
 };
 export {
-  ie as MenuItemsVirtual
+  se as MenuItemsVirtual
 };

package/dist/components/Menu/MenuOption.js

@@ -1,8 +1,9 @@
 import { jsx as a, jsxs as s } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { MenuItem as p } from "./MenuItem.js";
+import { MenuItem as h } from "./MenuItem.js";
 import "../Snackbar/useSnackbar.js";
 import { S as m } from "../../Checkmark-Byz_C9x4.js";
 import '../../assets/MenuOption.css';const j = "_label_xjlhn_1", f = "_title_xjlhn_16", k = "_titleWrapper_xjlhn_22", v = "_count_xjlhn_27", W = "_radio_xjlhn_34", I = "_checkbox_xjlhn_35", M = "_icon_xjlhn_68", e = {
@@ -13,7 +14,7 @@ import '../../assets/MenuOption.css';const j = "_label_xjlhn_1", f = "_title_xjl
   radio: W,
   checkbox: I,
   icon: M
-}, C = ({
+}, D = ({
   size: c = "md",
   type: _,
   name: S,
@@ -23,39 +24,39 @@ import '../../assets/MenuOption.css';const j = "_label_xjlhn_1", f = "_title_xjl
   title: x,
   description: u,
   icon: N,
-  count: n = 0,
-  checked: t = !1,
+  count: t = 0,
+  checked: n = !1,
   disabled: i,
   onMouseEnter: w,
   onClick: o,
   role: d,
-  ...h
+  ...p
 }) => {
   const b = () => {
     switch (_) {
       case "checkbox":
         return /* @__PURE__ */ s("span", { className: e.label, children: [
-          /* @__PURE__ */ a("span", { className: e.checkbox, "data-checked": t, children: /* @__PURE__ */ a(m, { className: e.icon, "aria-hidden": !0 }) }),
+          /* @__PURE__ */ a("span", { className: e.checkbox, "data-checked": n, children: /* @__PURE__ */ a(m, { className: e.icon, "aria-hidden": !0 }) }),
           /* @__PURE__ */ s("div", { className: e.titleWrapper, children: [
             /* @__PURE__ */ a("span", { className: e.title, children: r }),
-            n > 0 && /* @__PURE__ */ a("span", { className: e.count, "aria-hidden": "true", children: n })
+            t > 0 && /* @__PURE__ */ a("span", { className: e.count, "aria-hidden": "true", children: t })
           ] })
         ] });
       case "radio":
         return /* @__PURE__ */ s("span", { className: e.label, children: [
-          /* @__PURE__ */ a("span", { className: e.radio, "data-checked": t, children: /* @__PURE__ */ a(m, { className: e.icon, "aria-hidden": !0 }) }),
+          /* @__PURE__ */ a("span", { className: e.radio, "data-checked": n, children: /* @__PURE__ */ a(m, { className: e.icon, "aria-hidden": !0 }) }),
           /* @__PURE__ */ s("div", { className: e.titleWrapper, children: [
             /* @__PURE__ */ a("span", { className: e.title, children: r }),
-            n > 0 && /* @__PURE__ */ a("span", { className: e.count, "aria-hidden": "true", children: n })
+            t > 0 && /* @__PURE__ */ a("span", { className: e.count, "aria-hidden": "true", children: t })
           ] })
         ] });
     }
   };
   return r ? /* @__PURE__ */ a(
-    p,
+    h,
     {
       disabled: i,
-      selected: t,
+      selected: n,
       size: c,
       as: "div",
       active: l,
@@ -63,13 +64,13 @@ import '../../assets/MenuOption.css';const j = "_label_xjlhn_1", f = "_title_xjl
       onClick: o,
       role: d,
       label: /* @__PURE__ */ a(b, {}),
-      ...h
+      ...p
     }
   ) : /* @__PURE__ */ a(
-    p,
+    h,
     {
       disabled: i,
-      selected: t,
+      selected: n,
       size: c,
       as: "div",
       active: l,
@@ -79,10 +80,10 @@ import '../../assets/MenuOption.css';const j = "_label_xjlhn_1", f = "_title_xjl
       icon: N,
       title: x,
       description: u,
-      ...h
+      ...p
     }
   );
 };
 export {
-  C as MenuOption
+  D as MenuOption
 };

package/dist/components/Menu/MenuSearch.js

@@ -2,12 +2,13 @@ import { jsx as f } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { useIsDesktop as a } from "../../hooks/useIsDesktop.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { SearchField as c } from "../Forms/SearchField.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/MenuSearch.css';const l = "_field_1w1s0_1", n = {
   field: l
-}, x = ({
+}, S = ({
   name: e,
   value: r,
   placeholder: t = "Search",
@@ -36,5 +37,5 @@ import '../../assets/MenuSearch.css';const l = "_field_1w1s0_1", n = {
   );
 };
 export {
-  x as MenuSearch
+  S as MenuSearch
 };

package/dist/components/Metadata/MetaItem.js

@@ -1,23 +1,24 @@
-import { jsxs as x, jsx as o } from "react/jsx-runtime";
+import { jsxs as x, jsx as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 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 B = ({
+const L = ({
   loading: t,
   reverse: p,
   size: m = "xs",
   variant: r = "text",
-  icon: e,
+  icon: o,
   children: i,
   ...s
 }) => /* @__PURE__ */ x(I, { loading: t, reverse: p, variant: r, size: m, ...s, children: [
-  !t && e && /* @__PURE__ */ o(f, { icon: e }),
-  /* @__PURE__ */ o(M, { variant: r, size: m, children: i })
+  !t && o && /* @__PURE__ */ e(f, { icon: o }),
+  /* @__PURE__ */ e(M, { variant: r, size: m, children: i })
 ] });
 export {
-  B as MetaItem
+  L as MetaItem
 };

package/dist/components/Metadata/MetaItemIcon.js

@@ -5,6 +5,7 @@ import { isIconProps as i, Icon as m } from "../Icon/Icon.js";
 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 "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/MetaItemIcon.css';const _ = "_media_1pqyq_1", d = "_icon_1pqyq_7", y = "_avatarGroup_1pqyq_11", t = {
@@ -15,10 +16,10 @@ import '../../assets/MetaItemIcon.css';const _ = "_media_1pqyq_1", d = "_icon_1p
 function v(r) {
   return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || p(r);
 }
-const E = ({ size: r = "xs", icon: a, progress: s }) => !a && typeof s != "number" ? !1 : /* @__PURE__ */ e("span", { className: t.media, "data-size": r, children: [
+const g = ({ 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 }) || v(a) && a || /* @__PURE__ */ o(m, { svgElement: a, className: t.icon }),
   s && /* @__PURE__ */ o(n, { value: s, className: t.icon })
 ] });
 export {
-  E as MetaItemIcon
+  g as MetaItemIcon
 };

package/dist/components/Metadata/MetaProgress.js

@@ -1,15 +1,16 @@
 import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 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 b = ({ size: t = "xs", variant: r = "text", progress: m = 0, children: e }) => /* @__PURE__ */ p(i, { variant: r, size: t, children: [
+const d = ({ 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 {
-  b as MetaProgress
+  d as MetaProgress
 };

package/dist/components/Metadata/MetaTimestamp.js

@@ -1,22 +1,23 @@
-import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 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 u = ({
+const B = ({
   loading: m,
   size: t = "xs",
   variant: r = "text",
   datetime: p,
-  icon: e,
+  icon: o,
   children: i
 }) => /* @__PURE__ */ s(a, { loading: m, as: "time", variant: r, datetime: p, size: t, children: [
-  !m && e && /* @__PURE__ */ o(x, { size: t, icon: e }),
-  /* @__PURE__ */ o(f, { variant: r, size: t, children: i })
+  !m && o && /* @__PURE__ */ e(x, { size: t, icon: o }),
+  /* @__PURE__ */ e(f, { variant: r, size: t, children: i })
 ] });
 export {
-  u as MetaTimestamp
+  B as MetaTimestamp
 };

package/dist/components/Metadata/Metadata.js

@@ -1,23 +1,24 @@
 import { jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { MetaItem as n } from "./MetaItem.js";
-import { MetaProgress as a } from "./MetaProgress.js";
-import { MetaTimestamp as c } from "./MetaTimestamp.js";
+import { MetaProgress as p } from "./MetaProgress.js";
+import { MetaTimestamp as a } from "./MetaTimestamp.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as p } from "../Page/Flex.js";
+import { Flex as c } from "../Page/Flex.js";
 const s = ({ type: e = "default", label: r, ...i }) => {
   switch (e) {
     case "progress":
-      return /* @__PURE__ */ t(a, { ...i, children: r });
+      return /* @__PURE__ */ t(p, { ...i, children: r });
     case "timestamp":
-      return /* @__PURE__ */ t(c, { ...i, children: r });
+      return /* @__PURE__ */ t(a, { ...i, children: r });
     default:
       return /* @__PURE__ */ t(n, { ...i, children: r });
   }
-}, j = ({ variant: e = "inline", size: r, items: i = [] }) => /* @__PURE__ */ t(p, { 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)) });
+}, 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)) });
 export {
   s as MetaListItem,
-  j as Metadata
+  F as Metadata
 };

package/dist/components/Modal/Modal.js

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

package/dist/components/Modal/ModalBase.js

@@ -2,19 +2,20 @@
 import { jsx as d } from "react/jsx-runtime";
 import { useRef as D, useEffect as f } from "react";
 import "../../index-p1eeF8LQ.js";
+import "../Button/Button.js";
 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 = {
   modal: x,
   content: C
-}, K = ({
+}, X = ({
   open: r,
   onClose: o,
   closedBy: n = "any",
   children: u,
-  backdropColor: v = "inherit",
-  size: p,
+  backdropColor: p = "inherit",
+  size: v,
   color: g,
   padding: E = 0,
   spacing: h = 0,
@@ -55,7 +56,7 @@ import '../../assets/ModalBase.css';const x = "_modal_4vfmr_1", C = "_content_4v
       onCancel: (e) => {
         e.preventDefault(), n === "any" && o();
       },
-      "data-backdrop-color": v,
+      "data-backdrop-color": p,
       className: m.modal,
       "data-variant": y,
       onClose: n !== "none" ? o : void 0,
@@ -64,7 +65,7 @@ import '../../assets/ModalBase.css';const x = "_modal_4vfmr_1", C = "_content_4v
         {
           className: m.content,
           "aria-label": "modal content",
-          size: p,
+          size: v,
           color: g,
           padding: E,
           spacing: h,
@@ -75,5 +76,5 @@ import '../../assets/ModalBase.css';const x = "_modal_4vfmr_1", C = "_content_4v
   );
 };
 export {
-  K as ModalBase
+  X as ModalBase
 };

package/dist/components/Modal/ModalBody.js

@@ -1,12 +1,7 @@
-import { jsx as r } from "react/jsx-runtime";
-import "../../index-p1eeF8LQ.js";
-import "react";
-import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
-import { Section as i } from "../Page/Section.js";
-import '../../assets/ModalBody.css';const m = "_body_1cilr_1", p = {
-  body: m
-}, e = ({ children: o, ...t }) => /* @__PURE__ */ r(i, { spacing: 6, padding: 6, ...t, className: p.body, children: o });
+import { jsx as s } from "react/jsx-runtime";
+import '../../assets/ModalBody.css';const d = "_body_p3jqc_1", t = {
+  body: d
+}, c = ({ children: o }) => /* @__PURE__ */ s("div", { className: t.body, children: o });
 export {
-  e as ModalBody
+  c as ModalBody
 };