@altinn/altinn-components 0.59.1 → 0.60.1

package/dist/components/List/ListItemHeader.js

@@ -1,13 +1,117 @@
-import "react/jsx-runtime";
-import "../../index-p1eeF8LQ.js";
-import "react";
-import { L as f } from "../../Section-BEuICoay.js";
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { c as w } from "../../index-p1eeF8LQ.js";
+import { useId as z, isValidElement as A } from "react";
+import { v as D, I as H, B as R } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
+import { ItemSelect as U } from "../Item/ItemSelect.js";
 import "../Button/Button.js";
 import "react-dom";
-import "./ListItemLink.js";
-import "./ListItemControls.js";
+import { ListItemLink as V } from "./ListItemLink.js";
+import { ListItemLabel as q } from "./ListItemLabel.js";
+import { ListItemIcon as G } from "./ListItemIcon.js";
+import { ListItemControls as J } from "./ListItemControls.js";
 import "../Snackbar/useSnackbar.js";
+import { S as K } from "../../ChevronUp-hn05LboH.js";
+import { S as M } from "../../ChevronDown-D_a7nb-G.js";
+import '../../assets/ListItemHeader.css';const O = "_header_29hv7_1", P = "_label_29hv7_27", Q = "_link_29hv7_43", T = "_badge_29hv7_47", W = "_linkIcon_29hv7_51", X = "_linkFocus_29hv7_61", Y = "_controls_29hv7_69", o = {
+  header: O,
+  label: P,
+  link: Q,
+  badge: T,
+  linkIcon: W,
+  linkFocus: X,
+  controls: Y
+}, _o = ({
+  as: I,
+  highlightWords: f,
+  interactive: a = !0,
+  color: k,
+  loading: t,
+  disabled: r,
+  collapsible: c,
+  linkIcon: u,
+  expanded: l,
+  select: m,
+  href: L,
+  onClick: N,
+  onKeyPress: b,
+  tabIndex: S,
+  size: h,
+  title: n,
+  description: C,
+  icon: y,
+  active: d,
+  badge: e,
+  controls: p,
+  className: F,
+  children: j,
+  ariaLabel: _,
+  ariaControlsId: x
+}) => {
+  const v = c ? l ? K : M : u ? D : void 0, B = () => e && !t && typeof e == "object" && "label" in e ? /* @__PURE__ */ s(R, { ...e, className: o.badge }) : A(e) ? e : null, g = _ !== void 0 ? _ : typeof n == "string" ? n : void 0, E = z();
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: w(o.header, F),
+      "data-color": k,
+      "data-interactive": a,
+      "data-size": h,
+      "data-has-active-child": d,
+      "aria-disabled": r,
+      children: [
+        /* @__PURE__ */ i(
+          V,
+          {
+            as: I,
+            href: L,
+            onClick: N,
+            onKeyPress: b,
+            tabIndex: S,
+            loading: t,
+            disabled: r || t,
+            active: d,
+            ariaLabel: g,
+            className: o.link,
+            expanded: l,
+            ariaControlsId: x,
+            collapsible: c,
+            children: [
+              a && /* @__PURE__ */ s("div", { className: o.linkFocus, "aria-hidden": "true" }),
+              m && /* @__PURE__ */ s(U, { ...m, className: o.select }),
+              /* @__PURE__ */ s(G, { loading: t, icon: y }),
+              /* @__PURE__ */ s(
+                q,
+                {
+                  size: h,
+                  loading: t,
+                  highlightWords: f,
+                  title: n,
+                  description: C,
+                  id: E,
+                  className: o.label,
+                  children: j
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ i(J, { className: o.controls, children: [
+          p && !t && /* @__PURE__ */ s("span", { className: o.customControls, children: p }),
+          B(),
+          v && !r && /* @__PURE__ */ s("span", { className: o.linkIcon, children: /* @__PURE__ */ s(
+            H,
+            {
+              svgElement: v,
+              style: {
+                fontSize: "1.5rem"
+              }
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+};
 export {
-  f as ListItemHeader
+  _o as ListItemHeader
 };

package/dist/components/List/ListItemIcon.js

@@ -1,13 +1,26 @@
-import "react/jsx-runtime";
-import "react";
-import { o as f } from "../../Section-BEuICoay.js";
+import { jsx as s, jsxs as i } from "react/jsx-runtime";
+import { isValidElement as n } from "react";
+import { I as e, s as c, i as v, B as l } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../../index-p1eeF8LQ.js";
-import "../Avatar/Avatar.js";
-import "../Avatar/AvatarGroup.js";
+import { isAvatarProps as _, Avatar as f } from "../Avatar/Avatar.js";
+import { isAvatarGroupProps as u, AvatarGroup as N } from "../Avatar/AvatarGroup.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
+import '../../assets/ListItemIcon.css';const d = "_wrapper_rcjve_1", g = "_icon_rcjve_11", j = "_avatar_rcjve_19", G = "_avatarGroup_rcjve_23", t = {
+  wrapper: d,
+  icon: g,
+  avatar: j,
+  avatarGroup: G
+};
+function w(a) {
+  return typeof a == "string" || typeof a == "number" || typeof a == "boolean" || a === null || n(a);
+}
+const z = ({ loading: a, size: m, icon: r, theme: o, badge: p }) => r ? a ? /* @__PURE__ */ s(e, { className: t.wrapper, svgElement: c, loading: !0 }) : /* @__PURE__ */ i("div", { className: t.wrapper, "data-size": m, children: [
+  _(r) && /* @__PURE__ */ s(f, { ...r, className: t.avatar }) || u(r) && /* @__PURE__ */ s(N, { ...r, className: t.avatarGroup }) || v(r) && /* @__PURE__ */ s(e, { ...r, theme: r.theme || o, className: t.icon }) || w(r) && r || /* @__PURE__ */ s(e, { theme: o, svgElement: r, className: t.icon }),
+  p && /* @__PURE__ */ s(l, { ...p, className: t.badge })
+] }) : null;
 export {
-  f as ListItemIcon
+  z as ListItemIcon
 };

package/dist/components/List/ListItemLabel.js

@@ -1,12 +1,62 @@
-import "react/jsx-runtime";
-import "../../index-p1eeF8LQ.js";
-import "react";
-import { n, m as L } from "../../Section-BEuICoay.js";
+import { jsx as t, jsxs as P, Fragment as x } from "react/jsx-runtime";
+import { c as y } from "../../index-p1eeF8LQ.js";
+import { isValidElement as N } from "react";
+import { H as e } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
+import '../../assets/ListItemLabel.css';const w = "_label_1tmg6_1", j = {
+  label: w
+}, _ = (r) => typeof r == "object" && r !== null && "children" in r;
+function L(r) {
+  return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || N(r);
+}
+const z = (r) => {
+  const s = {
+    as: "h3",
+    size: "sm"
+  };
+  return _(r) ? { ...s, ...r } : L(r) ? {
+    ...s,
+    children: r
+  } : null;
+}, H = (r) => {
+  const s = {
+    as: "span",
+    size: "xs",
+    weight: "normal",
+    variant: "subtle"
+  };
+  return _(r) ? { ...s, ...r } : L(r) ? {
+    ...s,
+    children: r
+  } : null;
+}, k = ({
+  loading: r = !1,
+  highlightWords: s,
+  size: a,
+  title: n,
+  value: p,
+  description: c,
+  children: o,
+  id: m,
+  className: l
+}) => {
+  if (n && p) {
+    const i = n && H(n), b = p && z(p);
+    return /* @__PURE__ */ t("span", { className: y(j.label, l), id: m, "data-size": a, children: o || /* @__PURE__ */ P(x, { children: [
+      i && /* @__PURE__ */ t(e, { ...i, loading: r, highlightWords: s }),
+      b && /* @__PURE__ */ t(e, { ...b, loading: r, highlightWords: s })
+    ] }) });
+  }
+  const f = n && z(n), u = c && H(c);
+  return /* @__PURE__ */ t("span", { className: y(j.label, l), id: m, "data-size": a, children: o || /* @__PURE__ */ P(x, { children: [
+    f && /* @__PURE__ */ t(e, { ...f, loading: r, highlightWords: s }),
+    u && /* @__PURE__ */ t(e, { ...u, loading: r, highlightWords: s })
+  ] }) });
+};
 export {
-  n as ListItemLabel,
-  L as isHeadingProps
+  k as ListItemLabel,
+  _ as isHeadingProps
 };

package/dist/components/List/index.js

@@ -1,15 +1,19 @@
-import { ListItemBase as e } from "./ListItemBase.js";
+import { ListItemBase as o } from "./ListItemBase.js";
 import { ListItemLink as m } from "./ListItemLink.js";
-import { q as r, p as L, L as a, o as I, n as p, m as n } from "../../Section-BEuICoay.js";
-import { ListItemControls as x } from "./ListItemControls.js";
+import { ListItemHeader as i } from "./ListItemHeader.js";
+import { ListItemLabel as p, isHeadingProps as f } from "./ListItemLabel.js";
+import { ListItemIcon as I } from "./ListItemIcon.js";
+import { ListItemControls as n } from "./ListItemControls.js";
+import { ListItem as l } from "./ListItem.js";
+import { List as b } from "./List.js";
 export {
-  r as List,
-  L as ListItem,
-  e as ListItemBase,
-  x as ListItemControls,
-  a as ListItemHeader,
+  b as List,
+  l as ListItem,
+  o as ListItemBase,
+  n as ListItemControls,
+  i as ListItemHeader,
   I as ListItemIcon,
   p as ListItemLabel,
   m as ListItemLink,
-  n as isHeadingProps
+  f as isHeadingProps
 };

package/dist/components/Menu/Menu.js

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

package/dist/components/Menu/MenuItem.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
-import { r as u } from "../../Section-BEuICoay.js";
+import { k as s } from "../../ToolbarSearch-56Sm2j7P.js";
 import "react";
 import "../Typography/Link.js";
 import "../Button/Button.js";
@@ -9,5 +9,5 @@ import "../Item/ItemControls.js";
 import "../Snackbar/useSnackbar.js";
 import "./aria.js";
 export {
-  u as MenuItem
+  s as MenuItem
 };

package/dist/components/Menu/MenuItems.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
 import "../../hooks/useMenu.js";
-import { s as b } from "../../Section-BEuICoay.js";
+import { l as M } from "../../ToolbarSearch-56Sm2j7P.js";
 import "./MenuList.js";
 import "./MenuListItem.js";
 import "./MenuListGroup.js";
@@ -13,5 +13,5 @@ import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 export {
-  b as MenuItems
+  M as MenuItems
 };

package/dist/components/Menu/MenuListSearch.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { t as c } from "../../Section-BEuICoay.js";
+import { m as c } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Menu/MenuOption.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
-import { r as p } from "../../Section-BEuICoay.js";
-const i = ({ name: r, type: o, value: e, checked: t = !1, ...m }) => /* @__PURE__ */ n(p, { ...m, name: r, role: o, value: e, checked: t });
+import { k as p } from "../../ToolbarSearch-56Sm2j7P.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,16 +1,16 @@
 import { jsx as e } from "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
-import { r } from "../../Section-BEuICoay.js";
+import { k as o } from "../../ToolbarSearch-56Sm2j7P.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", l = "_item_1htwq_28", a = "_link_1htwq_41", m = {
-  menu: o,
+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(r, { ...t, className: m.link, variant: i, size: s }) }, t.id)) });
+}, q = ({ items: n = [], variant: i = "default", size: s = "sm" }) => /* @__PURE__ */ e("ul", { className: m.menu, "data-variant": i, children: n?.map((t) => /* @__PURE__ */ e("li", { className: m.item, "aria-selected": t.selected, children: /* @__PURE__ */ e(o, { ...t, className: m.link, variant: i, size: s }) }, t.id)) });
 export {
   q as TabMenu
 };

package/dist/components/Menu/VirtualizedMenuItems.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
 import "../../hooks/useMenu.js";
-import { V as z } from "../../Section-BEuICoay.js";
+import { V as z } from "../../ToolbarSearch-56Sm2j7P.js";
 import "./MenuList.js";
 import "./MenuListItem.js";
 import "./MenuListGroup.js";

package/dist/components/Menu/index.js

@@ -1,22 +1,22 @@
-import { M as t, r as o, s as n, t as s, V as u } from "../../Section-BEuICoay.js";
-import { MenuList as i } from "./MenuList.js";
+import { M as t, k as o, l as n, m as u, V as m } from "../../ToolbarSearch-56Sm2j7P.js";
+import { MenuList as M } from "./MenuList.js";
 import { MenuListItem as p } from "./MenuListItem.js";
 import { MenuListGroup as f } from "./MenuListGroup.js";
 import { MenuListDivider as L } from "./MenuListDivider.js";
 import { MenuListHeading as d } from "./MenuListHeading.js";
-import { MenuOption as b } from "./MenuOption.js";
-import { TabMenu as g } from "./TabMenu.js";
+import { MenuOption as V } from "./MenuOption.js";
+import { TabMenu as c } from "./TabMenu.js";
 export {
   t as Menu,
   o as MenuItem,
   n as MenuItems,
-  i as MenuList,
+  M as MenuList,
   L as MenuListDivider,
   f as MenuListGroup,
   d as MenuListHeading,
   p as MenuListItem,
-  s as MenuListSearch,
-  b as MenuOption,
-  g as TabMenu,
-  u as VirtualizedMenuItems
+  u as MenuListSearch,
+  V as MenuOption,
+  c as TabMenu,
+  m as VirtualizedMenuItems
 };

package/dist/components/Menu/useMenuSearch.js

@@ -1,5 +1,5 @@
 import "react";
-import { N as p } from "../../Section-BEuICoay.js";
+import { w as p } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../../Paperclip-DjN7qVfQ.js";
 export {
   p as useMenuSearch

package/dist/components/Metadata/MetaItem.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "../Skeleton/Skeleton.js";
 import "../Tooltip/Tooltip.js";
-import { v as e } from "../../Section-BEuICoay.js";
+import { o as e } from "../../ToolbarSearch-56Sm2j7P.js";
 export {
   e as MetaItem
 };

package/dist/components/Metadata/MetaItemIcon.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
-import { u as s } from "../../Section-BEuICoay.js";
+import { n as s } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Icon/ProgressIcon.js";
 import "../Avatar/Avatar.js";
 import "../Avatar/AvatarGroup.js";

package/dist/components/Metadata/MetaTimestamp.js

@@ -1,6 +1,6 @@
-import { jsx as r } from "react/jsx-runtime";
-import { v as o } from "../../Section-BEuICoay.js";
-const i = ({ datetime: t, children: m, ...e }) => /* @__PURE__ */ r(o, { as: "time", datetime: t, ...e, children: m });
+import { jsx as o } from "react/jsx-runtime";
+import { o as r } from "../../ToolbarSearch-56Sm2j7P.js";
+const i = ({ datetime: t, children: m, ...e }) => /* @__PURE__ */ o(r, { as: "time", datetime: t, ...e, children: m });
 export {
   i as MetaTimestamp
 };

package/dist/components/Metadata/Metadata.js

@@ -1,13 +1,13 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { v as p } from "../../Section-BEuICoay.js";
+import { o as p } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { Flex as l } from "../Page/Flex.js";
-const b = ({ variant: t = "inline", size: o, items: m = [] }) => /* @__PURE__ */ r(l, { as: "ul", direction: t === "list" ? "col" : "row", spacing: 2, children: m.map((i, e) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(p, { ...i, size: o, children: i?.label }) }, "meta-" + e)) });
+const b = ({ variant: o = "inline", size: t, items: m = [] }) => /* @__PURE__ */ r(l, { as: "ul", direction: o === "list" ? "col" : "row", spacing: 2, children: m.map((i, e) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(p, { ...i, size: t, children: i?.label }) }, "meta-" + e)) });
 export {
   b as Metadata
 };

package/dist/components/Metadata/index.js

@@ -1,5 +1,5 @@
 import { MetaBase as a } from "./MetaBase.js";
-import { v as m, u as r } from "../../Section-BEuICoay.js";
+import { o as m, n as r } from "../../ToolbarSearch-56Sm2j7P.js";
 import { MetaTimestamp as M } from "./MetaTimestamp.js";
 import { Metadata as s } from "./Metadata.js";
 export {

package/dist/components/Modal/Modal.js

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

package/dist/components/Modal/ModalBase.js

@@ -1,16 +1,17 @@
 "use client";
-import { jsx as d } from "react/jsx-runtime";
-import { useRef as S, useEffect as m } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { useRef as D, useEffect as m } from "react";
 import "../../index-p1eeF8LQ.js";
-import { S as D } from "../../Section-BEuICoay.js";
+import "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
+import { Section as S } from "../Page/Section.js";
 import '../../assets/ModalBase.css';const C = "_modal_3d5cx_1", R = "_content_3d5cx_41", f = {
   modal: C,
   content: R
-}, z = ({
+}, G = ({
   open: r,
   onClose: o,
   closedBy: n = "any",
@@ -23,10 +24,10 @@ import '../../assets/ModalBase.css';const C = "_modal_3d5cx_1", R = "_content_3d
   height: y = "auto",
   variant: b = "default"
 }) => {
-  const i = S(null);
+  const i = D(null);
   return m(() => {
     const t = i.current, a = (e) => {
-      const { clientY: l, clientX: s, target: k } = e;
+      const { clientY: l, clientX: d, target: k } = e;
       if (e instanceof KeyboardEvent && e.key === "Escape") {
         if (n === "none") {
           e.preventDefault();
@@ -37,7 +38,7 @@ import '../../assets/ModalBase.css';const C = "_modal_3d5cx_1", R = "_content_3d
       }
       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();
+        L <= l && l <= x && _ <= d && d <= w || t?.close();
       }
     }, c = () => {
       const e = t?.querySelector("[autofocus]");
@@ -49,7 +50,7 @@ import '../../assets/ModalBase.css';const C = "_modal_3d5cx_1", R = "_content_3d
   }, [n, o]), m(() => {
     const t = i.current;
     t && (r ? t.open || t.showModal() : t.open && t.close());
-  }, [r]), /* @__PURE__ */ d(
+  }, [r]), /* @__PURE__ */ s(
     "dialog",
     {
       ref: i,
@@ -63,8 +64,8 @@ import '../../assets/ModalBase.css';const C = "_modal_3d5cx_1", R = "_content_3d
       "data-variant": b,
       "data-height": y,
       onClose: n !== "none" ? o : void 0,
-      children: /* @__PURE__ */ d(
-        D,
+      children: /* @__PURE__ */ s(
+        S,
         {
           className: f.content,
           "aria-label": "modal content",
@@ -79,5 +80,5 @@ import '../../assets/ModalBase.css';const C = "_modal_3d5cx_1", R = "_content_3d
   );
 };
 export {
-  z as ModalBase
+  G as ModalBase
 };

package/dist/components/Modal/ModalHeader.js

@@ -1,7 +1,7 @@
 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, C as p } from "../../Section-BEuICoay.js";
+import { H as c, s as p } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import { Button as f } from "../Button/Button.js";
 import "react-dom";
@@ -15,8 +15,8 @@ import '../../assets/ModalHeader.css';const y = "_header_nhvlf_1", u = "_sticky_
   title: o,
   description: r,
   icon: n,
-  onClose: a,
-  closeTitle: s,
+  onClose: s,
+  closeTitle: a,
   children: l,
   sticky: d = !0
 }) => /* @__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: [
@@ -27,14 +27,14 @@ import '../../assets/ModalHeader.css';const y = "_header_nhvlf_1", u = "_sticky_
       r && /* @__PURE__ */ e(c, { as: "h3", size: "xs", weight: "normal", children: r })
     ] })
   ] }),
-  (a || s) && /* @__PURE__ */ e(
+  (s || a) && /* @__PURE__ */ e(
     "form",
     {
       method: "dialog",
       onSubmit: () => {
-        a?.();
+        s?.();
       },
-      children: /* @__PURE__ */ e(f, { type: "submit", variant: "outline", "aria-label": s ?? "Close", size: "sm", children: /* @__PURE__ */ e(p, { style: { fontSize: "1.5em" } }) })
+      children: /* @__PURE__ */ e(f, { type: "submit", variant: "outline", "aria-label": a ?? "Close", size: "sm", children: /* @__PURE__ */ e(p, { style: { fontSize: "1.5em" } }) })
     }
   )
 ] }) });

package/dist/components/Modal/ModalIcon.js

@@ -1,14 +1,14 @@
 import { jsx as t } from "react/jsx-runtime";
 import { isValidElement as p } from "react";
 import "../../index-p1eeF8LQ.js";
-import { I as s, C as m, i as n } from "../../Section-BEuICoay.js";
+import { I as s, s as m, i as n } from "../../ToolbarSearch-56Sm2j7P.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";
-import '../../assets/ModalIcon.css';const _ = "_wrapper_rcjve_1", f = "_icon_rcjve_11", u = "_avatar_rcjve_19", N = "_avatarGroup_rcjve_23", o = {
+import '../../assets/ListItemIcon.css';const _ = "_wrapper_rcjve_1", f = "_icon_rcjve_11", u = "_avatar_rcjve_19", N = "_avatarGroup_rcjve_23", o = {
   wrapper: _,
   icon: f,
   avatar: u,

package/dist/components/Notifications/NotificationItem.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../Section-BEuICoay.js";
+import "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";