@altinn/altinn-components 0.58.0 → 0.58.1

package/dist/components/Layout/Layout.js

@@ -10,13 +10,14 @@ import "../../index-p1eeF8LQ.js";
 import { Footer as B } from "../Footer/Footer.js";
 import { GlobalHeader as j } from "../GlobalHeader/GlobalHeader.js";
 import "react";
-import { x as k, M as C } from "../../Section-DPj8jAL1.js";
+import { x as k, M as C } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import { Header as G } from "../Header/Header.js";
 import "../Snackbar/useSnackbar.js";
 import { SkipLink as H } from "../SkipLink/SkipLink.js";
-const P = ({
+const Q = ({
   color: c,
   theme: u = "subtle",
   header: m,
@@ -24,16 +25,16 @@ const P = ({
   sidebar: o,
   content: f = {},
   children: l,
-  skipLink: e,
-  breadcrumbs: p,
+  skipLink: p,
+  breadcrumbs: e,
   useGlobalHeader: y = !0
 }) => {
   const { currentId: i } = k();
   return /* @__PURE__ */ r(d, { color: c, theme: u, currentId: i, children: [
-    e && /* @__PURE__ */ t(H, { ...e }),
+    p && /* @__PURE__ */ t(H, { ...p }),
     m && (y ? /* @__PURE__ */ t(j, { ...m }) : /* @__PURE__ */ t(G, { ...m })),
     /* @__PURE__ */ r(L, { currentId: i, children: [
-      p && /* @__PURE__ */ t(x, { ...p }),
+      e && /* @__PURE__ */ t(x, { ...e }),
       /* @__PURE__ */ r(a, { currentId: i, children: [
         o && /* @__PURE__ */ r(
           s,
@@ -55,5 +56,5 @@ const P = ({
   ] });
 };
 export {
-  P as Layout
+  Q as Layout
 };

package/dist/components/List/List.js

@@ -1,11 +1,12 @@
 import "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
-import { p as f } from "../../Section-DPj8jAL1.js";
+import { p as x } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import "../Page/Flex.js";
 export {
-  f as List
+  x as List
 };

package/dist/components/List/ListBase.js

@@ -1,12 +1,13 @@
 import { jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../Section-DPj8jAL1.js";
+import "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { Flex as p } from "../Page/Flex.js";
-const a = ({ size: o, spacing: r = 2, children: t, ...i }) => /* @__PURE__ */ m(p, { direction: "col", spacing: r, size: o, as: "ul", ...i, children: t });
+const d = ({ size: o, spacing: r = 2, children: t, ...i }) => /* @__PURE__ */ m(p, { direction: "col", spacing: r, size: o, as: "ul", ...i, children: t });
 export {
-  a as List
+  d as List
 };

package/dist/components/List/ListItem.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "./ListItemBase.js";
-import { o as e } from "../../Section-DPj8jAL1.js";
+import { o as e } from "../../Section-DvBigBR1.js";
 export {
   e as ListItem
 };

package/dist/components/List/ListItemHeader.js

@@ -2,12 +2,13 @@ import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Badge/Badge.js";
-import { L as f } from "../../Section-DPj8jAL1.js";
+import { L as x } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "./ListItemLink.js";
 import "./ListItemControls.js";
 import "../Snackbar/useSnackbar.js";
 export {
-  f as ListItemHeader
+  x as ListItemHeader
 };

package/dist/components/List/ListItemIcon.js

@@ -1,13 +1,14 @@
 import "react/jsx-runtime";
 import "react";
 import "../Badge/Badge.js";
-import { n as c } from "../../Section-DPj8jAL1.js";
+import { n as f } from "../../Section-DvBigBR1.js";
 import "../../index-p1eeF8LQ.js";
 import "../Avatar/Avatar.js";
 import "../Avatar/AvatarGroup.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 export {
-  c as ListItemIcon
+  f as ListItemIcon
 };

package/dist/components/List/ListItemLabel.js

@@ -1,11 +1,12 @@
 import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { m as e, l } from "../../Section-DPj8jAL1.js";
+import { m as l, l as L } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 export {
-  e as ListItemLabel,
-  l as isHeadingProps
+  l as ListItemLabel,
+  L as isHeadingProps
 };

package/dist/components/List/index.js

@@ -1,6 +1,6 @@
 import { ListItemBase as e } from "./ListItemBase.js";
 import { ListItemLink as m } from "./ListItemLink.js";
-import { p as r, o as L, L as a, n as I, m as p, l as n } from "../../Section-DPj8jAL1.js";
+import { p as r, o as L, L as a, n as I, m as p, l as n } from "../../Section-DvBigBR1.js";
 import { ListItemControls as x } from "./ListItemControls.js";
 export {
   r as List,

package/dist/components/Menu/Menu.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { M as m } from "../../Section-DPj8jAL1.js";
+import { M as m } from "../../Section-DvBigBR1.js";
 export {
   m as Menu
 };

package/dist/components/Menu/MenuItem.js

@@ -1,13 +1,14 @@
 import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "../Badge/Badge.js";
-import { q as s } from "../../Section-DPj8jAL1.js";
+import { q as u } from "../../Section-DvBigBR1.js";
 import "react";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Item/ItemControls.js";
 import "../Snackbar/useSnackbar.js";
 import "./aria.js";
 export {
-  s as MenuItem
+  u as MenuItem
 };

package/dist/components/Menu/MenuItems.js

@@ -2,15 +2,16 @@ import "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
 import "../../hooks/useMenu.js";
-import { r as M } from "../../Section-DPj8jAL1.js";
+import { r as b } from "../../Section-DvBigBR1.js";
 import "./MenuList.js";
 import "./MenuListItem.js";
 import "./MenuListGroup.js";
 import "./MenuListDivider.js";
 import "./MenuListHeading.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 export {
-  M as MenuItems
+  b as MenuItems
 };

package/dist/components/Menu/MenuListSearch.js

@@ -1,10 +1,11 @@
 import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { s as a } from "../../Section-DPj8jAL1.js";
+import { s as c } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 export {
-  a as MenuListSearch
+  c as MenuListSearch
 };

package/dist/components/Menu/MenuOption.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { q as p } from "../../Section-DPj8jAL1.js";
+import { q as p } from "../../Section-DvBigBR1.js";
 const i = ({ name: o, type: r, value: e, checked: t = !1, ...m }) => /* @__PURE__ */ n(p, { ...m, name: o, role: r, value: e, checked: t });
 export {
   i as MenuOption

package/dist/components/Menu/TabMenu.js

@@ -1,15 +1,16 @@
 import { jsx as e } from "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
-import { q as l } from "../../Section-DPj8jAL1.js";
+import { q as o } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 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
-}, 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(l, { ...t, className: m.link, variant: i, size: s }) }, t.id)) });
+}, 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(o, { ...t, className: m.link, variant: i, size: s }) }, t.id)) });
 export {
-  q as TabMenu
+  f as TabMenu
 };

package/dist/components/Menu/VirtualizedMenuItems.js

@@ -2,16 +2,17 @@ import "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
 import "../../hooks/useMenu.js";
-import { V as x } from "../../Section-DPj8jAL1.js";
+import { V as z } from "../../Section-DvBigBR1.js";
 import "./MenuList.js";
 import "./MenuListItem.js";
 import "./MenuListGroup.js";
 import "./MenuListDivider.js";
 import "./MenuListHeading.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import "../../useMenuVirtualization-Cs426RCN.js";
 export {
-  x as VirtualizedMenuItems
+  z as VirtualizedMenuItems
 };

package/dist/components/Menu/index.js

@@ -1,4 +1,4 @@
-import { M as t, q as o, r as n, s, V as u } from "../../Section-DPj8jAL1.js";
+import { M as t, q as o, r as n, s, V as u } from "../../Section-DvBigBR1.js";
 import { MenuList as i } from "./MenuList.js";
 import { MenuListItem as p } from "./MenuListItem.js";
 import { MenuListGroup as f } from "./MenuListGroup.js";

package/dist/components/Menu/useMenuSearch.js

@@ -1,5 +1,5 @@
 import "react";
-import { O as p } from "../../Section-DPj8jAL1.js";
+import { O as p } from "../../Section-DvBigBR1.js";
 import "../../Trash-BG9YcGIl.js";
 export {
   p as useMenuSearch

package/dist/components/Metadata/MetaItem.js

@@ -1,12 +1,13 @@
 import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { u } from "../../Section-DPj8jAL1.js";
+import { u as x } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "./MetaItemBase.js";
 import "./MetaItemLabel.js";
 import "../Snackbar/useSnackbar.js";
 export {
-  u as MetaItem
+  x as MetaItem
 };

package/dist/components/Metadata/MetaItemIcon.js

@@ -1,13 +1,14 @@
 import "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
-import { t as n } from "../../Section-DPj8jAL1.js";
+import { t as s } from "../../Section-DvBigBR1.js";
 import "../Icon/ProgressIcon.js";
 import "../Avatar/Avatar.js";
 import "../Avatar/AvatarGroup.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 export {
-  n as MetaItemIcon
+  s as MetaItemIcon
 };

package/dist/components/Metadata/MetaProgress.js

@@ -1,12 +1,13 @@
 import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { v as g } from "../../Section-DPj8jAL1.js";
+import { v } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "./MetaItemBase.js";
 import "./MetaItemLabel.js";
 import "../Snackbar/useSnackbar.js";
 export {
-  g as MetaProgress
+  v as MetaProgress
 };

package/dist/components/Metadata/MetaTimestamp.js

@@ -1,12 +1,13 @@
 import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { w } from "../../Section-DPj8jAL1.js";
+import { w as x } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "./MetaItemBase.js";
 import "./MetaItemLabel.js";
 import "../Snackbar/useSnackbar.js";
 export {
-  w as MetaTimestamp
+  x as MetaTimestamp
 };

package/dist/components/Metadata/Metadata.js

@@ -1,22 +1,23 @@
 import { jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { u as a, w as s, v as n } from "../../Section-DPj8jAL1.js";
+import { u as a, w as s, v as n } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { Flex as c } from "../Page/Flex.js";
-const p = ({ type: i = "default", label: r, ...e }) => {
-  switch (i) {
+const p = ({ type: e = "default", label: r, ...i }) => {
+  switch (e) {
     case "progress":
-      return /* @__PURE__ */ t(n, { ...e, children: r });
+      return /* @__PURE__ */ t(n, { ...i, children: r });
     case "timestamp":
-      return /* @__PURE__ */ t(s, { ...e, children: r });
+      return /* @__PURE__ */ t(s, { ...i, children: r });
     default:
-      return /* @__PURE__ */ t(a, { ...e, children: r });
+      return /* @__PURE__ */ t(a, { ...i, children: r });
   }
-}, I = ({ variant: i = "inline", size: r, items: e = [] }) => /* @__PURE__ */ t(c, { as: "ul", direction: i === "list" ? "col" : "row", spacing: 2, children: e.map((o, m) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(p, { ...o, size: r }) }, "meta-" + m)) });
+}, j = ({ 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(p, { ...o, size: r }) }, "meta-" + m)) });
 export {
   p as MetaListItem,
-  I as Metadata
+  j as Metadata
 };

package/dist/components/Metadata/index.js

@@ -1,6 +1,6 @@
 import { MetaBase as a } from "./MetaBase.js";
 import { MetaItemBase as o } from "./MetaItemBase.js";
-import { u as s, t as M, v as p, w as I } from "../../Section-DPj8jAL1.js";
+import { u as s, t as M, v as p, w as I } from "../../Section-DvBigBR1.js";
 import { MetaItemLabel as x } from "./MetaItemLabel.js";
 import { MetaListItem as B, Metadata as L } from "./Metadata.js";
 export {

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 { E as e } from "../../Section-DPj8jAL1.js";
+import { E as e } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import { Button as n } from "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { ModalBase as d } from "./ModalBase.js";
 import '../../assets/Modal.css';const l = "_dismiss_ps82p_1", c = {
   dismiss: l
-}, j = ({ open: t, onClose: s, dismissable: o, closeTitle: r, children: m, ...a }) => /* @__PURE__ */ p(d, { padding: 6, spacing: 6, ...a, open: t, onClose: s, children: [
-  typeof s == "function" && o && /* @__PURE__ */ i(
+}, k = ({ open: t, onClose: i, dismissable: o, closeTitle: r, children: m, ...p }) => /* @__PURE__ */ a(d, { padding: 6, spacing: 6, ...p, open: t, onClose: i, children: [
+  typeof i == "function" && o && /* @__PURE__ */ s(
     n,
     {
       className: c.dismiss,
       variant: "outline",
-      onClick: s,
+      onClick: i,
       "aria-label": r ?? "Close",
       size: "sm",
-      children: /* @__PURE__ */ i(e, { style: { fontSize: "1.5em" } })
+      children: /* @__PURE__ */ s(e, { style: { fontSize: "1.5em" } })
     }
   ),
   m
 ] });
 export {
-  j as Modal
+  k 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 S, useEffect as f } from "react";
+import { useRef as S, useEffect as m } from "react";
 import "../../index-p1eeF8LQ.js";
-import { S as D } from "../../Section-DPj8jAL1.js";
+import { S as D } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/ModalBase.css';const C = "_modal_3d5cx_1", R = "_content_3d5cx_41", m = {
+import '../../assets/ModalBase.css';const C = "_modal_3d5cx_1", R = "_content_3d5cx_41", f = {
   modal: C,
   content: R
-}, Y = ({
+}, z = ({
   open: r,
   onClose: o,
   closedBy: n = "any",
@@ -23,49 +24,49 @@ import '../../assets/ModalBase.css';const C = "_modal_3d5cx_1", R = "_content_3d
   variant: b = "default"
 }) => {
   const i = S(null);
-  return f(() => {
-    const e = i.current, a = (t) => {
-      const { clientY: l, clientX: s, target: k } = t;
-      if (t instanceof KeyboardEvent && t.key === "Escape") {
+  return m(() => {
+    const t = i.current, a = (e) => {
+      const { clientY: l, clientX: s, target: k } = e;
+      if (e instanceof KeyboardEvent && e.key === "Escape") {
         if (n === "none") {
-          t.preventDefault();
+          e.preventDefault();
           return;
         }
         o();
         return;
       }
-      if (!window.getSelection()?.toString() && e && k === e && n === "any") {
-        const { top: L, left: _, right: w, bottom: x } = e.getBoundingClientRect();
-        L <= l && l <= x && _ <= s && s <= w || e?.close();
+      if (!window.getSelection()?.toString() && t && k === t && n === "any") {
+        const { top: L, left: _, right: w, bottom: x } = t.getBoundingClientRect();
+        L <= l && l <= x && _ <= s && s <= w || t?.close();
       }
     }, c = () => {
-      const t = e?.querySelector("[autofocus]");
-      document.activeElement !== t && t?.focus();
+      const e = t?.querySelector("[autofocus]");
+      document.activeElement !== e && e?.focus();
     };
-    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);
+    return t?.addEventListener("animationend", c), t?.addEventListener("click", a), t?.addEventListener("keydown", a), () => {
+      t?.removeEventListener("animationend", c), t?.removeEventListener("click", a), t?.removeEventListener("keydown", a);
     };
-  }, [n, o]), f(() => {
-    const e = i.current;
-    e && (r ? e.open || e.showModal() : e.open && e.close());
+  }, [n, o]), m(() => {
+    const t = i.current;
+    t && (r ? t.open || t.showModal() : t.open && t.close());
   }, [r]), /* @__PURE__ */ d(
     "dialog",
     {
       ref: i,
       "aria-modal": "true",
       "aria-labelledby": "modal-title",
-      onCancel: (e) => {
-        e.preventDefault(), n === "any" && o();
+      onCancel: (t) => {
+        t.preventDefault(), n === "any" && o();
       },
       "data-backdrop-color": p,
-      className: m.modal,
+      className: f.modal,
       "data-variant": b,
       "data-height": y,
       onClose: n !== "none" ? o : void 0,
       children: /* @__PURE__ */ d(
         D,
         {
-          className: m.content,
+          className: f.content,
           "aria-label": "modal content",
           size: g,
           color: v,
@@ -78,5 +79,5 @@ import '../../assets/ModalBase.css';const C = "_modal_3d5cx_1", R = "_content_3d
   );
 };
 export {
-  Y as ModalBase
+  z as ModalBase
 };

package/dist/components/Modal/ModalHeader.js

@@ -1,25 +1,26 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { c as h } from "../../index-p1eeF8LQ.js";
 import "react";
-import { H as c, E as f } from "../../Section-DPj8jAL1.js";
-import { Button as p } from "../Button/Button.js";
+import { H as c, E as p } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
+import { Button as f } from "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { Flex as t } from "../Page/Flex.js";
 import { ModalIcon as g } from "./ModalIcon.js";
-import '../../assets/ModalHeader.css';const y = "_header_nhvlf_1", u = "_sticky_nhvlf_11", l = {
+import '../../assets/ModalHeader.css';const y = "_header_nhvlf_1", u = "_sticky_nhvlf_11", m = {
   header: y,
   sticky: u
-}, M = ({
+}, S = ({
   title: o,
   description: r,
   icon: n,
   onClose: a,
   closeTitle: s,
-  children: m,
+  children: l,
   sticky: d = !0
-}) => /* @__PURE__ */ e("header", { className: h(l.header, d && l.sticky), children: /* @__PURE__ */ i(t, { direction: "row", justify: "between", align: "center", spacing: 8, style: { flexGrow: 1 }, children: [
-  m || /* @__PURE__ */ i(t, { direction: "row", align: "center", spacing: 3, children: [
+}) => /* @__PURE__ */ e("header", { className: h(m.header, d && m.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__ */ e(g, { icon: n }),
     /* @__PURE__ */ i(t, { direction: "col", spacing: 0, children: [
       o && /* @__PURE__ */ e(c, { as: "h2", size: r ? "md" : "lg", children: o }),
@@ -33,10 +34,10 @@ import '../../assets/ModalHeader.css';const y = "_header_nhvlf_1", u = "_sticky_
       onSubmit: () => {
         a?.();
       },
-      children: /* @__PURE__ */ e(p, { type: "submit", variant: "outline", "aria-label": s ?? "Close", size: "sm", children: /* @__PURE__ */ e(f, { style: { fontSize: "1.5em" } }) })
+      children: /* @__PURE__ */ e(f, { type: "submit", variant: "outline", "aria-label": s ?? "Close", size: "sm", children: /* @__PURE__ */ e(p, { style: { fontSize: "1.5em" } }) })
     }
   )
 ] }) });
 export {
-  M as ModalHeader
+  S as ModalHeader
 };

package/dist/components/Modal/ModalIcon.js

@@ -1,9 +1,10 @@
 import { jsx as t } from "react/jsx-runtime";
 import { isValidElement as p } from "react";
 import "../../index-p1eeF8LQ.js";
-import { I as s, E as m, i as n } from "../../Section-DPj8jAL1.js";
+import { I as s, E as m, i as n } from "../../Section-DvBigBR1.js";
 import { isAvatarProps as i, Avatar as c } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as v, AvatarGroup as l } from "../Avatar/AvatarGroup.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
@@ -16,7 +17,7 @@ import '../../assets/ModalIcon.css';const _ = "_wrapper_rcjve_1", f = "_icon_rcj
 function d(a) {
   return typeof a == "string" || typeof a == "number" || typeof a == "boolean" || a === null || p(a);
 }
-const b = ({ loading: a, icon: r, theme: e }) => r ? a ? /* @__PURE__ */ t(s, { className: o.wrapper, svgElement: m, loading: !0 }) : /* @__PURE__ */ t("div", { className: o.wrapper, children: i(r) && /* @__PURE__ */ t(c, { ...r, className: o.avatar }) || v(r) && /* @__PURE__ */ t(l, { ...r, className: o.avatarGroup }) || n(r) && /* @__PURE__ */ t(s, { ...r, theme: r.theme || e, className: o.icon }) || d(r) && r || /* @__PURE__ */ t(s, { theme: e, svgElement: r, className: o.icon }) }) : null;
+const h = ({ loading: a, icon: r, theme: e }) => r ? a ? /* @__PURE__ */ t(s, { className: o.wrapper, svgElement: m, loading: !0 }) : /* @__PURE__ */ t("div", { className: o.wrapper, children: i(r) && /* @__PURE__ */ t(c, { ...r, className: o.avatar }) || v(r) && /* @__PURE__ */ t(l, { ...r, className: o.avatarGroup }) || n(r) && /* @__PURE__ */ t(s, { ...r, theme: r.theme || e, className: o.icon }) || d(r) && r || /* @__PURE__ */ t(s, { theme: e, svgElement: r, className: o.icon }) }) : null;
 export {
-  b as ModalIcon
+  h as ModalIcon
 };

package/dist/components/Notifications/NotificationItem.js

@@ -1,12 +1,13 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../Section-DPj8jAL1.js";
+import "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import { NotificationItemBase as r } from "./NotificationItemBase.js";
 import "../Snackbar/useSnackbar.js";
-const N = ({
+const g = ({
   loading: m,
   id: e = "notification",
   icon: t,
@@ -15,5 +16,5 @@ const N = ({
   ...n
 }) => m ? /* @__PURE__ */ o(r, { icon: t, title: i, loading: !0 }) : /* @__PURE__ */ o(r, { ...n, icon: t, title: i, description: p });
 export {
-  N as NotificationItem
+  g as NotificationItem
 };