@altinn/altinn-components 0.52.3 → 0.52.4

package/dist/components/Menu/MenuItemsVirtual.js

@@ -1,126 +1,117 @@
 "use client";
-import { jsx as m, jsxs as L } from "react/jsx-runtime";
-import { u as k } from "../../index-D-VWMqlv.js";
-import { useRef as R, useState as A, useEffect as y, useMemo as W } from "react";
-import "../../index-L8X2o7IH.js";
-import { useMenu as D } from "../../hooks/useMenu.js";
+import { jsx as u, jsxs as w } from "react/jsx-runtime";
+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 "../RootProvider/RootProvider.js";
-import { MenuItem as K } from "./MenuItem.js";
-import { MenuSearch as V } from "./MenuSearch.js";
-import { MenuHeader as j } from "./MenuHeader.js";
-import { MenuList as N, MenuListItem as F } from "./MenuBase.js";
+import { MenuItem as D } from "./MenuItem.js";
+import { MenuSearch as K } from "./MenuSearch.js";
+import { MenuHeader as V } from "./MenuHeader.js";
+import { MenuList as j, MenuListItem as N } from "./MenuBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/MenuItemsVirtual.css';const O = "_virtualScrollRef_nmoqo_1", U = "_virtualMenuListItem_nmoqo_8", M = {
-  virtualScrollRef: O,
-  virtualMenuListItem: U
-}, se = ({
-  level: E = 0,
-  search: g,
-  items: z,
-  groups: T = {},
-  defaultItemSize: b,
-  defaultItemColor: P,
-  defaultItemVariant: q,
-  defaultIconTheme: $,
-  keyboardEvents: f,
-  scrollRefStyles: H
+import '../../assets/MenuItemsVirtual.css';const F = "_virtualScrollRef_nmoqo_1", O = "_virtualMenuListItem_nmoqo_8", R = {
+  virtualScrollRef: F,
+  virtualMenuListItem: O
+}, ie = ({
+  level: M = 0,
+  search: y,
+  items: E,
+  groups: z = {},
+  defaultItemSize: T,
+  defaultItemColor: b,
+  defaultItemVariant: P,
+  defaultIconTheme: q,
+  keyboardEvents: d,
+  scrollRefStyles: $
 }) => {
-  var w;
-  const c = R(null), x = (w = c.current) == null ? void 0 : w.getBoundingClientRect().top, [S, B] = A(window.innerHeight);
-  y(() => {
-    const n = () => {
-      B(window.innerHeight);
+  const i = L(null), v = i.current?.getBoundingClientRect().top, [x, H] = k(window.innerHeight);
+  f(() => {
+    const t = () => {
+      H(window.innerHeight);
     };
-    return window.addEventListener("resize", n), () => {
-      window.removeEventListener("resize", n);
+    return window.addEventListener("resize", t), () => {
+      window.removeEventListener("resize", t);
     };
   }, []);
-  const I = W(() => x && S - x - 8 || 400, [S, x]), C = {
+  const h = A(() => v && x - v - 8 || 400, [x, v]), B = {
     ...{
-      maxHeight: I <= 300 ? 300 : I
+      maxHeight: h <= 300 ? 300 : h
     },
-    ...H
-  }, { menu: _ } = D({
-    items: z,
-    groups: T,
+    ...$
+  }, { menu: C } = W({
+    items: E,
+    groups: z,
     groupByKey: "groupId",
-    keyboardEvents: f,
-    ref: c
-  }), v = _.flatMap((n, t) => {
-    var i;
-    const e = (n == null ? void 0 : n.props) || {}, { title: r } = e, a = ((i = n == null ? void 0 : n.items) == null ? void 0 : i.filter((s) => {
-      var l;
-      return !((l = s.props) != null && l.hidden);
-    })) || [];
+    keyboardEvents: d,
+    ref: i
+  }), p = C.flatMap((t, e) => {
+    const r = t?.props || {}, { title: s } = r, m = t?.items?.filter((n) => !n.props?.hidden) || [];
     return [
-      ...t > 0 || E > 0 ? [{ type: "separator" }] : [],
-      ...r ? [{ type: "title", title: r }] : [],
-      ...a.map((s, l) => {
-        var p, o;
-        return {
-          type: "item",
-          itemProps: s.props || {},
-          active: s.active,
-          hasChildren: ((p = s.props) == null ? void 0 : p.expanded) && ((o = s.props) == null ? void 0 : o.items),
-          isLastItem: l === a.length - 1
-        };
-      })
+      ...e > 0 || M > 0 ? [{ type: "separator" }] : [],
+      ...s ? [{ type: "title", title: s }] : [],
+      ...m.map((n, c) => ({
+        type: "item",
+        itemProps: n.props || {},
+        active: n.active,
+        hasChildren: n.props?.expanded && n.props?.items,
+        isLastItem: c === m.length - 1
+      }))
     ];
-  }), d = k({
-    count: v.length,
+  }), a = _({
+    count: p.length,
     useAnimationFrameWithResizeObserver: !0,
     gap: 8,
     estimateSize: () => 44,
-    getScrollElement: () => c.current
-  }), h = d.getVirtualItems();
-  y(() => {
-    var n, t, e;
-    for (const r of h) {
-      const a = ((n = c.current) == null ? void 0 : n.querySelector(`[data-index="${r.index}"]`)) ?? ((t = c.current) == null ? void 0 : t.querySelector(`[dataindex="${r.index}"]`)) ?? ((e = c.current) == null ? void 0 : e.querySelector(`[dataIndex="${r.index}"]`));
-      a && d.measureElement(a);
+    getScrollElement: () => i.current
+  }), g = a.getVirtualItems();
+  f(() => {
+    for (const t of g) {
+      const e = i.current?.querySelector(`[data-index="${t.index}"]`) ?? i.current?.querySelector(`[dataindex="${t.index}"]`) ?? i.current?.querySelector(`[dataIndex="${t.index}"]`);
+      e && a.measureElement(e);
     }
-  }, [h]);
-  const u = R(!1);
-  return y(() => {
-    const n = (r) => {
-      (r.key === "ArrowDown" || r.key === "ArrowUp") && (u.current = !0);
-    }, t = () => {
-      u.current = !1;
+  }, [g]);
+  const l = L(!1);
+  return f(() => {
+    const t = (s) => {
+      (s.key === "ArrowDown" || s.key === "ArrowUp") && (l.current = !0);
+    }, e = () => {
+      l.current = !1;
     };
-    document.addEventListener("keydown", n, !0);
-    const e = c.current;
-    return e == null || e.addEventListener("wheel", t, { passive: !0 }), e == null || e.addEventListener("mousedown", t, !0), e == null || e.addEventListener("mousemove", t, !0), e == null || e.addEventListener("touchstart", t, { passive: !0 }), () => {
-      document.removeEventListener("keydown", n, !0), e == null || e.removeEventListener("wheel", t), e == null || e.removeEventListener("mousedown", t), e == null || e.removeEventListener("mousemove", t), e == null || e.removeEventListener("touchstart", t);
+    document.addEventListener("keydown", t, !0);
+    const r = i.current;
+    return r?.addEventListener("wheel", e, { passive: !0 }), r?.addEventListener("mousedown", e, !0), r?.addEventListener("mousemove", e, !0), r?.addEventListener("touchstart", e, { passive: !0 }), () => {
+      document.removeEventListener("keydown", t, !0), r?.removeEventListener("wheel", e), r?.removeEventListener("mousedown", e), r?.removeEventListener("mousemove", e), r?.removeEventListener("touchstart", e);
     };
-  }, []), y(() => {
-    if (!f || !u.current) return;
-    const n = c.current;
-    if (!n) return;
-    const t = 6, e = v.findIndex((o) => o.type === "item" && o.active);
-    if (e < 0) return;
-    const r = (o) => (n.querySelector(`[data-index="${o}"]`) || n.querySelector(`[dataindex="${o}"]`) || n.querySelector(`[dataIndex="${o}"]`)) ?? null, a = r(e);
-    if (!a) {
-      d.scrollToIndex(e, { align: "auto" }), u.current = !1;
+  }, []), f(() => {
+    if (!d || !l.current) return;
+    const t = i.current;
+    if (!t) return;
+    const e = 6, r = p.findIndex((o) => o.type === "item" && o.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);
+    if (!m) {
+      a.scrollToIndex(r, { align: "auto" }), l.current = !1;
       return;
     }
-    const i = n.getBoundingClientRect(), s = a.getBoundingClientRect(), l = r(e - 1), p = r(e + 1);
-    if (p) {
-      const o = p.getBoundingClientRect();
-      if (o.bottom > i.bottom) {
-        n.scrollTop += o.bottom - i.bottom + t, u.current = !1;
+    const n = 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;
         return;
       }
     }
-    if (l) {
-      const o = l.getBoundingClientRect();
-      if (o.top < i.top) {
-        n.scrollTop -= i.top - o.top + t, u.current = !1;
+    if (S) {
+      const o = S.getBoundingClientRect();
+      if (o.top < n.top) {
+        t.scrollTop -= n.top - o.top + e, l.current = !1;
         return;
       }
     }
-    s.top < i.top + t ? n.scrollTop -= i.top + t - s.top : s.bottom > i.bottom - t && (n.scrollTop += s.bottom - (i.bottom - t)), u.current = !1;
-  }, [v, f, d]), /* @__PURE__ */ m(N, { children: /* @__PURE__ */ L("div", { ref: c, className: M.virtualScrollRef, style: C, children: [
-    g && /* @__PURE__ */ m(
+    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: [
+    y && /* @__PURE__ */ u(
       "div",
       {
         style: {
@@ -129,42 +120,42 @@ import '../../assets/MenuItemsVirtual.css';const O = "_virtualScrollRef_nmoqo_1"
           zIndex: 10,
           marginTop: "-0.5rem"
         },
-        children: /* @__PURE__ */ m(V, { ...g })
+        children: /* @__PURE__ */ u(K, { ...y })
       }
     ),
-    /* @__PURE__ */ m(
+    /* @__PURE__ */ u(
       "div",
       {
         style: {
           position: "relative",
-          height: `${d.getTotalSize()}px`
+          height: `${a.getTotalSize()}px`
         },
-        children: h.map((n) => {
-          const t = v[n.index];
-          return t ? /* @__PURE__ */ L(
-            F,
+        children: g.map((t) => {
+          const e = p[t.index];
+          return e ? /* @__PURE__ */ w(
+            N,
             {
-              dataIndex: n.index,
-              className: M.virtualMenuListItem,
-              style: { transform: `translateY(${n.start}px)` },
-              role: t.type === "separator" ? "separator" : void 0,
+              dataIndex: t.index,
+              className: R.virtualMenuListItem,
+              style: { transform: `translateY(${t.start}px)` },
+              role: e.type === "separator" ? "separator" : void 0,
               children: [
-                t.type === "title" && /* @__PURE__ */ m(j, { title: t.title }),
-                t.type === "item" && /* @__PURE__ */ m(
-                  K,
+                e.type === "title" && /* @__PURE__ */ u(V, { title: e.title }),
+                e.type === "item" && /* @__PURE__ */ u(
+                  D,
                   {
-                    ...t.itemProps,
-                    size: t.itemProps.size || b,
-                    color: t.itemProps.color || P,
-                    variant: t.itemProps.variant || q,
-                    iconTheme: t.itemProps.iconTheme || $,
-                    active: t.active,
-                    tabIndex: t.itemProps.disabled || f ? -1 : 0
+                    ...e.itemProps,
+                    size: e.itemProps.size || T,
+                    color: e.itemProps.color || b,
+                    variant: e.itemProps.variant || P,
+                    iconTheme: e.itemProps.iconTheme || q,
+                    active: e.active,
+                    tabIndex: e.itemProps.disabled || d ? -1 : 0
                   }
                 )
               ]
             },
-            n.key
+            t.key
           ) : null;
         })
       }
@@ -172,5 +163,5 @@ import '../../assets/MenuItemsVirtual.css';const O = "_virtualScrollRef_nmoqo_1"
   ] }) });
 };
 export {
-  se as MenuItemsVirtual
+  ie as MenuItemsVirtual
 };

package/dist/components/Menu/MenuOption.js

@@ -1,5 +1,5 @@
 import { jsx as a, jsxs as s } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { MenuItem as p } from "./MenuItem.js";

package/dist/components/Menu/MenuSearch.js

@@ -1,5 +1,5 @@
 import { jsx as f } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import { useIsDesktop as a } from "../../hooks/useIsDesktop.js";
 import "../RootProvider/RootProvider.js";

package/dist/components/Metadata/MetaBase.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as m } from "../../index-L8X2o7IH.js";
+import { c as m } from "../../index-p1eeF8LQ.js";
 import '../../assets/MetaBase.css';const o = "_meta_17kd2_1", c = {
   meta: o
 }, i = ({ size: t = "xs", className: s, children: e }) => /* @__PURE__ */ a("section", { className: m(c.meta, s), "data-size": t, children: e });

package/dist/components/Metadata/MetaItem.js

@@ -1,5 +1,5 @@
 import { jsxs as x, jsx as o } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { MetaItemBase as I } from "./MetaItemBase.js";

package/dist/components/Metadata/MetaItemBase.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as l } from "../../index-L8X2o7IH.js";
+import { c as l } from "../../index-p1eeF8LQ.js";
 import { Skeleton as v } from "../Skeleton/Skeleton.js";
 import '../../assets/MetaItemBase.css';const x = "_item_ytjib_1", f = "_reverse_ytjib_27", t = {
   item: x,

package/dist/components/Metadata/MetaItemIcon.js

@@ -1,6 +1,6 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import { isValidElement as p } from "react";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 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";

package/dist/components/Metadata/MetaProgress.js

@@ -1,5 +1,5 @@
 import { jsxs as p, jsx as o } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { MetaItemBase as i } from "./MetaItemBase.js";

package/dist/components/Metadata/MetaTimestamp.js

@@ -1,5 +1,5 @@
 import { jsxs as s, jsx as o } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { MetaItemBase as a } from "./MetaItemBase.js";

package/dist/components/Metadata/Metadata.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { MetaItem as n } from "./MetaItem.js";

package/dist/components/Modal/Modal.js

@@ -1,5 +1,5 @@
 import { jsxs as n, jsx as p } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import { IconButton as a } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";

package/dist/components/Modal/ModalBase.js

@@ -1,80 +1,79 @@
 "use client";
-import { jsx as f } from "react/jsx-runtime";
-import { useRef as x, useEffect as u } from "react";
-import "../../index-L8X2o7IH.js";
+import { jsx as d } from "react/jsx-runtime";
+import { useRef as D, useEffect as f } from "react";
+import "../../index-p1eeF8LQ.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as C } from "../Page/Section.js";
-import '../../assets/ModalBase.css';const R = "_modal_4vfmr_1", I = "_content_4vfmr_35", d = {
-  modal: R,
-  content: I
-}, Y = ({
-  open: a,
-  onClose: r,
+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 = ({
+  open: r,
+  onClose: o,
   closedBy: n = "any",
-  children: v,
-  backdropColor: p = "inherit",
-  size: E,
-  color: h,
-  padding: y = 0,
-  spacing: b = 0,
-  variant: k = "default"
+  children: u,
+  backdropColor: v = "inherit",
+  size: p,
+  color: g,
+  padding: E = 0,
+  spacing: h = 0,
+  variant: y = "default"
 }) => {
-  const c = x(null);
-  return u(() => {
-    const e = c.current, o = (t) => {
-      var m;
-      const { clientY: s, clientX: l, target: L } = t;
+  const i = D(null);
+  return f(() => {
+    const e = i.current, a = (t) => {
+      const { clientY: l, clientX: s, target: b } = t;
       if (t instanceof KeyboardEvent && t.key === "Escape") {
         if (n === "none") {
           t.preventDefault();
           return;
         }
-        r();
+        o();
         return;
       }
-      if (!((m = window.getSelection()) != null && m.toString()) && e && L === e && n === "any") {
-        const { top: _, left: w, right: D, bottom: S } = e.getBoundingClientRect();
-        _ <= s && s <= S && w <= l && l <= D || e == null || e.close();
+      if (!window.getSelection()?.toString() && e && b === e && n === "any") {
+        const { top: k, left: L, right: _, bottom: w } = e.getBoundingClientRect();
+        k <= l && l <= w && L <= s && s <= _ || e?.close();
       }
-    }, i = () => {
-      const t = e == null ? void 0 : e.querySelector("[autofocus]");
-      document.activeElement !== t && (t == null || t.focus());
+    }, c = () => {
+      const t = e?.querySelector("[autofocus]");
+      document.activeElement !== t && t?.focus();
     };
-    return e == null || e.addEventListener("animationend", i), e == null || e.addEventListener("click", o), e == null || e.addEventListener("keydown", o), () => {
-      e == null || e.removeEventListener("animationend", i), e == null || e.removeEventListener("click", o), e == null || e.removeEventListener("keydown", o);
+    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, r]), u(() => {
-    const e = c.current;
-    e && (a ? e.open || e.showModal() : e.open && e.close());
-  }, [a]), /* @__PURE__ */ f(
+  }, [n, o]), f(() => {
+    const e = i.current;
+    e && (r ? e.open || e.showModal() : e.open && e.close());
+  }, [r]), /* @__PURE__ */ d(
     "dialog",
     {
-      ref: c,
+      ref: i,
       "aria-modal": "true",
       "aria-labelledby": "modal-title",
       onCancel: (e) => {
-        e.preventDefault(), n === "any" && r();
+        e.preventDefault(), n === "any" && o();
       },
-      "data-backdrop-color": p,
-      className: d.modal,
-      "data-variant": k,
-      onClose: n !== "none" ? r : void 0,
-      children: /* @__PURE__ */ f(
-        C,
+      "data-backdrop-color": v,
+      className: m.modal,
+      "data-variant": y,
+      onClose: n !== "none" ? o : void 0,
+      children: /* @__PURE__ */ d(
+        S,
         {
-          className: d.content,
+          className: m.content,
           "aria-label": "modal content",
-          size: E,
-          color: h,
-          padding: y,
-          spacing: b,
-          children: v
+          size: p,
+          color: g,
+          padding: E,
+          spacing: h,
+          children: u
         }
       )
     }
   );
 };
 export {
-  Y as ModalBase
+  K as ModalBase
 };

package/dist/components/Modal/ModalBody.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Modal/ModalFooter.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Modal/ModalHeader.js

@@ -1,47 +1,47 @@
 import { jsx as r, jsxs as e } from "react/jsx-runtime";
-import { c as p } from "../../index-L8X2o7IH.js";
+import { c as h } from "../../index-p1eeF8LQ.js";
 import "react";
-import { Heading as m } from "../Typography/Heading.js";
-import { IconButton as l } from "../Button/IconButton.js";
+import { Heading as s } from "../Typography/Heading.js";
+import { IconButton as p } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as o } from "../Page/Flex.js";
 import { Section as g } from "../Page/Section.js";
 import { ModalIcon as f } from "./ModalIcon.js";
 import { S as y } from "../../XMark-tKk6aExO.js";
-import '../../assets/ModalHeader.css';const u = "_header_7ty99_1", x = "_sticky_7ty99_6", s = {
+import '../../assets/ModalHeader.css';const u = "_header_7ty99_1", x = "_sticky_7ty99_6", m = {
   header: u,
   sticky: x
 }, A = ({
-  title: c,
-  description: t,
-  icon: a,
-  onClose: i,
-  closeTitle: n,
+  title: t,
+  description: i,
+  icon: n,
+  onClose: c,
+  closeTitle: a,
   children: d,
-  sticky: h = !0
-}) => /* @__PURE__ */ r(g, { as: "header", spacing: 2, padding: 4, className: p(s.header, h && s.sticky), children: /* @__PURE__ */ e(o, { direction: "row", justify: "between", align: "center", spacing: 8, children: [
+  sticky: l = !0
+}) => /* @__PURE__ */ r(g, { as: "header", spacing: 2, padding: 4, className: h(m.header, l && m.sticky), children: /* @__PURE__ */ e(o, { direction: "row", justify: "between", align: "center", spacing: 8, children: [
   d || /* @__PURE__ */ e(o, { direction: "row", align: "center", spacing: 3, children: [
-    a && /* @__PURE__ */ r(f, { icon: a }),
+    n && /* @__PURE__ */ r(f, { icon: n }),
     /* @__PURE__ */ e(o, { direction: "col", spacing: 0, children: [
-      c && /* @__PURE__ */ r(m, { as: "h2", size: t ? "md" : "lg", children: c }),
-      t && /* @__PURE__ */ r(m, { as: "h3", size: "xs", weight: "normal", children: t })
+      t && /* @__PURE__ */ r(s, { as: "h2", size: i ? "md" : "lg", children: t }),
+      i && /* @__PURE__ */ r(s, { as: "h3", size: "xs", weight: "normal", children: i })
     ] })
   ] }),
-  (i || n) && /* @__PURE__ */ r(
+  (c || a) && /* @__PURE__ */ r(
     "form",
     {
       method: "dialog",
       onSubmit: () => {
-        i == null || i();
+        c?.();
       },
       children: /* @__PURE__ */ r(
-        l,
+        p,
         {
           type: "submit",
           icon: y,
           variant: "outline",
-          iconAltText: n ?? "Close",
+          iconAltText: a ?? "Close",
           size: "sm"
         }
       )

package/dist/components/Modal/ModalIcon.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { isValidElement as p } from "react";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import { Icon as e, isIconProps as m } from "../Icon/Icon.js";
 import { isAvatarProps as n, Avatar as c } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as i, AvatarGroup as v } from "../Avatar/AvatarGroup.js";

package/dist/components/Notifications/NotificationItem.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { NotificationItemBase as r } from "./NotificationItemBase.js";

package/dist/components/Notifications/NotificationItemBase.js

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as r } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { getAriaLabelFromTitle as j } from "../Menu/MenuItemLabel.js";

package/dist/components/Notifications/NotificationItemControls.js

@@ -1,5 +1,5 @@
 import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import { IconButton as p } from "../Button/IconButton.js";
 import { ContextMenu as f } from "../ContextMenu/ContextMenu.js";

package/dist/components/Notifications/NotificationItemIcon.js

@@ -2,7 +2,7 @@ import { jsx as r, jsxs as o, Fragment as n } from "react/jsx-runtime";
 import { isValidElement as p } from "react";
 import { Badge as i } from "../Badge/Badge.js";
 import { Icon as e, isIconProps as c } from "../Icon/Icon.js";
-import "../../index-L8X2o7IH.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 "../RootProvider/RootProvider.js";