@altinn/altinn-components 0.64.2 → 0.66.0

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 { m as e } from "../../ToolbarSearch-DeQTx93w.js";
+import { m as e } from "../../ToolbarSearch-DFYx6gIb.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 { n as M } from "../../ToolbarSearch-DeQTx93w.js";
+import { n as M } from "../../ToolbarSearch-DFYx6gIb.js";
 import "../Icon/ProgressIcon.js";
 import "../Avatar/Avatar.js";
 import "../Avatar/AvatarGroup.js";

package/dist/components/Metadata/MetaTimestamp.js

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

package/dist/components/Metadata/Metadata.js

@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
-import { m as e } from "../../ToolbarSearch-DeQTx93w.js";
+import { m as e } from "../../ToolbarSearch-DFYx6gIb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Metadata/index.js

@@ -1,5 +1,5 @@
 import { MetaBase as a } from "./MetaBase.js";
-import { m as o, n as r } from "../../ToolbarSearch-DeQTx93w.js";
+import { m as o, n as r } from "../../ToolbarSearch-DFYx6gIb.js";
 import { MetaTimestamp as M } from "./MetaTimestamp.js";
 import { Metadata as s } from "./Metadata.js";
 export {

package/dist/components/Modal/Modal.js

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as s } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
-import { s as e } from "../../ToolbarSearch-DeQTx93w.js";
+import { s as e } from "../../ToolbarSearch-DFYx6gIb.js";
 import "../Typography/Link.js";
 import { Button as n } from "../Button/Button.js";
 import "react-dom";

package/dist/components/Modal/ModalBase.js

@@ -3,7 +3,7 @@ import { jsx as s } from "react/jsx-runtime";
 import { useRef as D, useEffect as m } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../../tooltip-Ct39-719.js";
-import "../../ToolbarSearch-DeQTx93w.js";
+import "../../ToolbarSearch-DFYx6gIb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Modal/ModalHeader.js

@@ -2,7 +2,7 @@ import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { c as h } from "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
-import { H as m, s as p } from "../../ToolbarSearch-DeQTx93w.js";
+import { H as m, s as p } from "../../ToolbarSearch-DFYx6gIb.js";
 import "../Typography/Link.js";
 import { Button as f } from "../Button/Button.js";
 import "react-dom";

package/dist/components/Modal/ModalIcon.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { isValidElement as e } from "react";
 import "../../index-p1eeF8LQ.js";
-import { I as s, s as m, u as i } from "../../ToolbarSearch-DeQTx93w.js";
+import { I as s, s as m, u as i } from "../../ToolbarSearch-DFYx6gIb.js";
 import { isAvatarProps as n, Avatar as c } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as v, AvatarGroup as l } from "../Avatar/AvatarGroup.js";
 import "../../tooltip-Ct39-719.js";

package/dist/components/Notifications/NotificationItem.js

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
-import "../../ToolbarSearch-DeQTx93w.js";
+import "../../ToolbarSearch-DFYx6gIb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Notifications/NotificationItemBase.js

@@ -2,7 +2,7 @@ import { jsx as i, jsxs as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
-import "../../ToolbarSearch-DeQTx93w.js";
+import "../../ToolbarSearch-DFYx6gIb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Notifications/NotificationItemControls.js

@@ -2,7 +2,7 @@ import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
-import { s as e } from "../../ToolbarSearch-DeQTx93w.js";
+import { s as e } from "../../ToolbarSearch-DFYx6gIb.js";
 import "../Typography/Link.js";
 import { Button as l } from "../Button/Button.js";
 import { ContextMenu as a } from "../ContextMenu/ContextMenu.js";

package/dist/components/Notifications/NotificationItemIcon.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as o, Fragment as i } from "react/jsx-runtime";
 import { isValidElement as m } from "react";
-import { I as e, s as n, u as c, B as l } from "../../ToolbarSearch-DeQTx93w.js";
+import { I as e, s as n, u as c, B as l } from "../../ToolbarSearch-DFYx6gIb.js";
 import "../../index-p1eeF8LQ.js";
 import { isAvatarProps as _, Avatar as v } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as d, AvatarGroup as f } from "../Avatar/AvatarGroup.js";

package/dist/components/Page/AccordionSection.js

@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
-import "../../ToolbarSearch-DeQTx93w.js";
+import "../../ToolbarSearch-DFYx6gIb.js";
 import { Typography as e } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";

package/dist/components/Page/ContactButtons.js

@@ -2,7 +2,7 @@ import { jsx as o, jsxs as u } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
-import "../../ToolbarSearch-DeQTx93w.js";
+import "../../ToolbarSearch-DFYx6gIb.js";
 import "../Typography/Link.js";
 import { Button as l } from "../Button/Button.js";
 import { ButtonIcon as a } from "../Button/ButtonIcon.js";

package/dist/components/Page/ContactSection.js

@@ -2,7 +2,7 @@ import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
-import { H as a } from "../../ToolbarSearch-DeQTx93w.js";
+import { H as a } from "../../ToolbarSearch-DFYx6gIb.js";
 import { Typography as s } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";

package/dist/components/Page/PageMenu.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as p } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
-import { I as e } from "../../ToolbarSearch-DeQTx93w.js";
+import { I as e } from "../../ToolbarSearch-DFYx6gIb.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
 import "../Typography/Link.js";

package/dist/components/Page/PageNav.js

@@ -3,7 +3,7 @@ import { jsxs as s, jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import a, { forwardRef as m } from "react";
 import "../../tooltip-Ct39-719.js";
-import "../../ToolbarSearch-DeQTx93w.js";
+import "../../ToolbarSearch-DFYx6gIb.js";
 import "../Typography/Link.js";
 import { Button as c } from "../Button/Button.js";
 import { Breadcrumbs as f } from "../Breadcrumbs/Breadcrumbs.js";

package/dist/components/Page/Section.js

@@ -2,7 +2,7 @@ import { jsx as e } from "react/jsx-runtime";
 import { c as p } from "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
-import "../../ToolbarSearch-DeQTx93w.js";
+import "../../ToolbarSearch-DFYx6gIb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Pagination/Pagination.js

@@ -3,7 +3,7 @@ import { Button as o } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
-import "../../ToolbarSearch-DeQTx93w.js";
+import "../../ToolbarSearch-DFYx6gIb.js";
 import "../Typography/Link.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";

package/dist/components/ResourceListItem/ResourceListItem.js

@@ -1,5 +1,5 @@
 import { jsxs as d, Fragment as f, jsx as o } from "react/jsx-runtime";
-import { B as g } from "../../ToolbarSearch-DeQTx93w.js";
+import { B as g } from "../../ToolbarSearch-DFYx6gIb.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";

package/dist/components/RootProvider/RootProvider.js

@@ -3,7 +3,7 @@ import "react";
 import "../../hooks/useEscapeKey.js";
 import "../../index-p1eeF8LQ.js";
 import "../../tooltip-Ct39-719.js";
-import { R as f, w as n } from "../../ToolbarSearch-DeQTx93w.js";
+import { R as f, w as n } from "../../ToolbarSearch-DFYx6gIb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/RootProvider/index.js

@@ -1,4 +1,4 @@
-import { R as e, w as r } from "../../ToolbarSearch-DeQTx93w.js";
+import { R as e, w as r } from "../../ToolbarSearch-DFYx6gIb.js";
 export {
   e as RootProvider,
   r as useRootContext

package/dist/components/Search/SearchItem.js

@@ -2,7 +2,7 @@ import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
-import { H as m, a as p } from "../../ToolbarSearch-DeQTx93w.js";
+import { H as m, a as p } from "../../ToolbarSearch-DFYx6gIb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Searchbar/Autocomplete.js

@@ -3,7 +3,7 @@ import { useRef as B, Fragment as C } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useMenu as P } from "../../hooks/useMenu.js";
 import "../../tooltip-Ct39-719.js";
-import "../../ToolbarSearch-DeQTx93w.js";
+import "../../ToolbarSearch-DFYx6gIb.js";
 import "../Typography/Link.js";
 import { MenuList as k } from "../Menu/MenuList.js";
 import { MenuListItem as y } from "../Menu/MenuListItem.js";

package/dist/components/Searchbar/AutocompleteItem.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { j as n, B as e } from "../../ToolbarSearch-DeQTx93w.js";
+import { j as n, B as e } from "../../ToolbarSearch-DFYx6gIb.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";

package/dist/components/Searchbar/Searchbar.js

@@ -3,7 +3,7 @@ import { useState as g } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useIsDesktop as h } from "../../hooks/useIsDesktop.js";
 import "../../tooltip-Ct39-719.js";
-import { w as I } from "../../ToolbarSearch-DeQTx93w.js";
+import { w as I } from "../../ToolbarSearch-DFYx6gIb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Searchbar/SearchbarField.js

@@ -2,7 +2,7 @@
 import { jsxs as k, jsx as e } from "react/jsx-runtime";
 import { c as N } from "../../index-p1eeF8LQ.js";
 import { useRef as v } from "react";
-import { I as S, r as z, s as o } from "../../ToolbarSearch-DeQTx93w.js";
+import { I as S, r as z, s as o } from "../../ToolbarSearch-DFYx6gIb.js";
 import "../../tooltip-Ct39-719.js";
 import "../Typography/Link.js";
 import { Button as l } from "../Button/Button.js";

package/dist/components/Settings/SettingsItem.js

@@ -3,7 +3,7 @@ import "../../index-p1eeF8LQ.js";
 import { useState as b } from "react";
 import "../../tooltip-Ct39-719.js";
 import { Input as P } from "../Forms/Input.js";
-import "../../ToolbarSearch-DeQTx93w.js";
+import "../../ToolbarSearch-DFYx6gIb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Settings/SettingsItemBase.js

@@ -1,5 +1,5 @@
 import { jsxs as t, jsx as a, Fragment as g } from "react/jsx-runtime";
-import { i as u, H as c, B, p as C } from "../../ToolbarSearch-DeQTx93w.js";
+import { i as u, H as c, B, p as C } from "../../ToolbarSearch-DFYx6gIb.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";

package/dist/components/Settings/SettingsList.js

@@ -3,7 +3,7 @@ import { Fragment as f, createElement as g } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useMenu as x } from "../../hooks/useMenu.js";
 import "../../tooltip-Ct39-719.js";
-import { H as h } from "../../ToolbarSearch-DeQTx93w.js";
+import { H as h } from "../../ToolbarSearch-DFYx6gIb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import { s as i } from "../../settlingsList.module-So3_AYgj.js";

package/dist/components/Settings/SettingsListVirtual.js

@@ -5,7 +5,7 @@ import { useRef as h, useEffect as y } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useMenu as L } from "../../hooks/useMenu.js";
 import "../../tooltip-Ct39-719.js";
-import { H as f } from "../../ToolbarSearch-DeQTx93w.js";
+import { H as f } from "../../ToolbarSearch-DFYx6gIb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Settings/SettingsModal.js

@@ -2,7 +2,7 @@ import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import { createElement as u } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../../tooltip-Ct39-719.js";
-import "../../ToolbarSearch-DeQTx93w.js";
+import "../../ToolbarSearch-DFYx6gIb.js";
 import "../Typography/Link.js";
 import { Button as M } from "../Button/Button.js";
 import { ButtonIcon as k } from "../Button/ButtonIcon.js";

package/dist/components/Settings/SettingsSection.js

@@ -2,7 +2,7 @@ import { jsx as c } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
-import "../../ToolbarSearch-DeQTx93w.js";
+import "../../ToolbarSearch-DFYx6gIb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Settings/UsedByLog.js

@@ -3,7 +3,7 @@ import { jsx as o, jsxs as a } from "react/jsx-runtime";
 import { useState as y, createElement as B, useMemo as L, Fragment as S } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../../tooltip-Ct39-719.js";
-import "../../ToolbarSearch-DeQTx93w.js";
+import "../../ToolbarSearch-DFYx6gIb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Settings/UsedByLogItem.js

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as l } from "react/jsx-runtime";
-import { a as n, B as c } from "../../ToolbarSearch-DeQTx93w.js";
+import { a as n, B as c } from "../../ToolbarSearch-DFYx6gIb.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";

package/dist/components/Snackbar/Snackbar.js

@@ -1,20 +1,27 @@
 "use client";
-import { jsx as s } from "react/jsx-runtime";
-import { SnackbarBase as i } from "./SnackbarBase.js";
-import { SnackbarItem as m } from "./SnackbarItem.js";
-import { useSnackbar as c } from "./useSnackbar.js";
-const d = ({ className: a }) => {
-  const { storedMessages: o, open: e, closeSnackbarItem: n } = c();
-  return e ? /* @__PURE__ */ s(i, { className: a, children: (o || []).map((r) => /* @__PURE__ */ s(
-    m,
-    {
-      onDismiss: () => n(r.id),
-      dismissable: r.dismissable,
-      ...r
-    },
-    r.id
-  )) }) : null;
+import { jsx as n } from "react/jsx-runtime";
+import { SnackbarBase as l } from "./SnackbarBase.js";
+import { SnackbarItem as d } from "./SnackbarItem.js";
+import { useSnackbar as b } from "./useSnackbar.js";
+const u = 0.3, S = 0.4, y = ({ className: e }) => {
+  const { storedMessages: o, open: r, closeSnackbarItem: a } = b();
+  if (!r)
+    return null;
+  const t = o || [], c = t.length - 1;
+  return /* @__PURE__ */ n(l, { className: e, children: t.map((s, i) => {
+    const m = c - i, p = Math.max(S, 1 - m * u);
+    return /* @__PURE__ */ n(
+      d,
+      {
+        onDismiss: () => a(s.id),
+        dismissable: s.dismissable,
+        style: { opacity: p },
+        ...s
+      },
+      s.id
+    );
+  }) });
 };
 export {
-  d as Snackbar
+  y as Snackbar
 };

package/dist/components/Snackbar/SnackbarItem.js

@@ -1,55 +1,59 @@
 "use client";
-import { jsxs as f, jsx as l } from "react/jsx-runtime";
-import { c as p } from "../../index-p1eeF8LQ.js";
-import { I as u, s as v } from "../../ToolbarSearch-DeQTx93w.js";
-import a, { forwardRef as _ } from "react";
+import { jsx as i, jsxs as f } from "react/jsx-runtime";
+import { c as u } from "../../index-p1eeF8LQ.js";
+import { I as v, s as _ } from "../../ToolbarSearch-DFYx6gIb.js";
+import a, { forwardRef as g } from "react";
 import "../../tooltip-Ct39-719.js";
 import "../Typography/Link.js";
-import { Button as g } from "../Button/Button.js";
+import { Button as h } from "../Button/Button.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "./useSnackbar.js";
-import { u as h } from "../../useId-BVFxCjkq.js";
-import '../../assets/SnackbarItem.css';var y = function(e, i) {
-  var o = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && i.indexOf(t) < 0 && (o[t] = e[t]);
+import { u as y } from "../../useId-BVFxCjkq.js";
+import '../../assets/SnackbarItem.css';var w = function(e, o) {
+  var n = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (n[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
-      i.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (o[t[n]] = e[t[n]]);
-  return o;
+    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+      o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
+  return n;
 };
-const w = _((e, i) => {
-  var { title: o, titleId: t } = e, n = y(e, ["title", "titleId"]);
-  let r = h();
-  return r = o ? t || "title-" + r : void 0, a.createElement(
+const O = g((e, o) => {
+  var { title: n, titleId: t } = e, r = w(e, ["title", "titleId"]);
+  let l = y();
+  return l = n ? t || "title-" + l : void 0, a.createElement(
     "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": r }, n),
-    o ? a.createElement("title", { id: r }, o) : null,
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": l }, r),
+    n ? a.createElement("title", { id: l }, n) : null,
     a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.75 2.5a.75.75 0 0 0-1.5 0v1.273c-2.222.14-3.655.92-4.499 2.186-.887 1.33-1.001 3.04-1.001 4.541v3c0 .809-.424 1.92-.92 2.915a18 18 0 0 1-.936 1.641l-.014.022-.004.006A.75.75 0 0 0 4.5 19.25h4.338a3.25 3.25 0 0 0 6.324 0H19.5a.75.75 0 0 0 .624-1.166l-.004-.006-.014-.022-.06-.091c-.05-.081-.125-.2-.215-.35-.18-.301-.42-.722-.66-1.2-.497-.994-.921-2.106-.921-2.915v-3c0-1.501-.114-3.21-1.001-4.541-.844-1.266-2.277-2.046-4.499-2.186zm-1.987 17.237a1.8 1.8 0 0 1-.344-.487h3.162a1.75 1.75 0 0 1-1.581 1 1.75 1.75 0 0 1-1.237-.513", clipRule: "evenodd" })
   );
-}), O = "_item_1a13i_1", b = "_icon_1a13i_23", x = "_content_1a13i_33", I = "_action_1a13i_41", c = {
-  item: O,
-  icon: b,
-  content: x,
-  action: I
+}), b = "_item_18ro3_1", x = "_itemWrapper_18ro3_24", I = "_icon_18ro3_29", j = "_content_18ro3_39", N = "_action_18ro3_47", c = {
+  item: b,
+  itemWrapper: x,
+  icon: I,
+  content: j,
+  action: N
 };
-var j = /* @__PURE__ */ ((e) => (e.company = "company", e.success = "success", e.warning = "warning", e.danger = "danger", e.info = "info", e))(j || {});
+var B = /* @__PURE__ */ ((e) => (e.company = "company", e.success = "success", e.warning = "warning", e.danger = "danger", e.info = "info", e))(B || {});
 const X = ({
   as: e,
-  message: i,
-  className: o,
+  message: o,
+  className: n,
   color: t,
-  icon: n = w,
-  iconAltText: r = "Bell icon",
+  icon: r = O,
+  iconAltText: l = "Bell icon",
   dismissable: s = !0,
   onDismiss: m,
   ...d
-}) => /* @__PURE__ */ f(e || "div", { className: p(c.item, o), "data-color": t, role: "alert", ...d, children: [
-  /* @__PURE__ */ l(u, { svgElement: n, className: c.icon, "aria-hidden": "true" }),
-  /* @__PURE__ */ l("div", { className: c.content, children: i }),
-  s && /* @__PURE__ */ l("div", { className: c.action, children: /* @__PURE__ */ l(g, { variant: "solid", onClick: m, "aria-label": "close", children: /* @__PURE__ */ l(v, { style: { fontSize: "1.5em" } }) }) })
-] });
+}) => {
+  const p = e || "div";
+  return /* @__PURE__ */ i("span", { className: c.itemWrapper, children: /* @__PURE__ */ f(p, { className: u(c.item, n), "data-color": t, role: "alert", ...d, children: [
+    /* @__PURE__ */ i(v, { svgElement: r, className: c.icon, "aria-hidden": "true" }),
+    /* @__PURE__ */ i("div", { className: c.content, children: o }),
+    s && /* @__PURE__ */ i("div", { className: c.action, children: /* @__PURE__ */ i(h, { variant: "solid", onClick: m, "aria-label": "close", children: /* @__PURE__ */ i(_, { style: { fontSize: "1.5em" } }) }) })
+  ] }) });
+};
 export {
-  j as SnackbarColorEnum,
+  B as SnackbarColorEnum,
   X as SnackbarItem
 };

package/dist/components/Snackbar/useSnackbar.js

@@ -1,47 +1,53 @@
 "use client";
 import { jsx as v } from "react/jsx-runtime";
-import { createContext as h, useState as a, useRef as x, useCallback as b, useEffect as w, useContext as M } from "react";
-var C = /* @__PURE__ */ ((e) => (e[e.infinite = 0] = "infinite", e[e.short = 1e3] = "short", e[e.normal = 3e3] = "normal", e[e.long = 5e3] = "long", e))(C || {});
-const l = h(void 0), d = 3e3, P = ({ children: e }) => {
-  const [f, o] = a(!1), [i, c] = a([]), r = x(null), m = () => {
-    c([]), o(!1), r.current && clearTimeout(r.current);
-  }, g = (t) => {
+import { createContext as x, useState as d, useRef as M, useCallback as b, useEffect as w, useContext as C } from "react";
+var S = /* @__PURE__ */ ((e) => (e[e.infinite = 0] = "infinite", e[e.short = 1e3] = "short", e[e.normal = 3e3] = "normal", e[e.long = 5e3] = "long", e))(S || {});
+const g = x(void 0), f = 3e3, T = 3, E = ({
+  children: e,
+  maxSnacks: l = T
+}) => {
+  const [m, c] = d(!1), [i, u] = d([]), o = M(null), h = () => {
+    u([]), c(!1), o.current && clearTimeout(o.current);
+  }, p = (t) => {
     const s = btoa(String(Math.random())).substring(0, 12);
-    return c((n) => [...n, { ...t, id: s }]), o(!0), s;
-  }, u = b((t) => {
-    c((s) => {
-      const n = s.filter((p) => p.id !== t);
-      return o(n.length > 0), n;
+    return u((n) => {
+      const r = [...n, { ...t, id: s }];
+      return r.length > l ? r.slice(r.length - l) : r;
+    }), c(!0), s;
+  }, a = b((t) => {
+    u((s) => {
+      const n = s.filter((r) => r.id !== t);
+      return c(n.length > 0), n;
     });
   }, []);
   return w(() => {
-    const t = i.find((n) => (n.duration ?? d) > 0), s = t?.duration || d;
-    return t && (r.current = window.setTimeout(() => {
-      u(t.id);
+    const t = i.find((n) => (n.duration ?? f) > 0), s = t?.duration || f;
+    return t && (o.current = window.setTimeout(() => {
+      a(t.id);
     }, s)), () => {
-      r.current && clearTimeout(r.current);
+      o.current && clearTimeout(o.current);
     };
-  }, [i, u]), /* @__PURE__ */ v(
-    l.Provider,
+  }, [i, a]), /* @__PURE__ */ v(
+    g.Provider,
     {
       value: {
-        open: f,
+        open: m,
         storedMessages: i,
-        openSnackbar: g,
-        closeSnackbarItem: u,
-        dismissSnackbar: m
+        openSnackbar: p,
+        closeSnackbarItem: a,
+        dismissSnackbar: h
       },
       children: e
     }
   );
-}, k = () => {
-  const e = M(l);
+}, I = () => {
+  const e = C(g);
   if (!e)
     throw new Error("useSnackbar must be used within a SnackbarProvider");
   return e;
 };
 export {
-  C as SnackbarDuration,
-  P as SnackbarProvider,
-  k as useSnackbar
+  S as SnackbarDuration,
+  E as SnackbarProvider,
+  I as useSnackbar
 };

package/dist/components/Timeline/Timeline.js

@@ -2,7 +2,7 @@ import { jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
-import "../../ToolbarSearch-DeQTx93w.js";
+import "../../ToolbarSearch-DFYx6gIb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Timeline/TimelineActivity.js

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
-import { a as c } from "../../ToolbarSearch-DeQTx93w.js";
+import { a as c } from "../../ToolbarSearch-DFYx6gIb.js";
 import { Typography as n } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";

package/dist/components/Timeline/TimelineBase.js

@@ -2,7 +2,7 @@ import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
-import "../../ToolbarSearch-DeQTx93w.js";
+import "../../ToolbarSearch-DFYx6gIb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Timeline/TimelineFooter.js

@@ -2,7 +2,7 @@ import { jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
-import { a as l } from "../../ToolbarSearch-DeQTx93w.js";
+import { a as l } from "../../ToolbarSearch-DFYx6gIb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";