@altinn/altinn-components 0.11.0 → 0.12.0

package/dist/components/Dialog/DialogHistoryItem.js

@@ -6,15 +6,16 @@ import { Typography as s } from "../Typography/Typography.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import { TimelineSection as a } from "../Timeline/TimelineSection.js";
 import { DialogHistoryDetails as h } from "./DialogHistoryDetails.js";
-const b = ({
+const d = ({
   createdBy: i,
   createdAt: r,
   createdAtLabel: m,
   summary: t,
-  attachments: e,
-  transmissions: p,
+  attachments: p,
+  transmissions: e,
   children: l
 }) => /* @__PURE__ */ o(
   a,
@@ -26,11 +27,11 @@ const b = ({
     avatar: i,
     children: /* @__PURE__ */ n(s, { theme: "article", size: "md", children: [
       t && /* @__PURE__ */ o("p", { children: t }),
-      /* @__PURE__ */ o(h, { attachments: e, transmissions: p }),
+      /* @__PURE__ */ o(h, { attachments: p, transmissions: e }),
       l
     ] })
   }
 );
 export {
-  b as DialogHistoryItem
+  d as DialogHistoryItem
 };

package/dist/components/Dialog/DialogList.js

@@ -7,8 +7,9 @@ import "../Autocomplete/AutocompleteBase.js";
 import { DialogListGroup as l } from "./DialogListGroup.js";
 import { DialogListItem as d } from "./DialogListItem.js";
 import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import { Section as y } from "../Page/Section.js";
-const h = ({ items: m, groups: i = {} }) => {
+const j = ({ items: m, groups: i = {} }) => {
   const { menu: o } = f({
     items: m,
     groups: i,
@@ -24,5 +25,5 @@ const h = ({ items: m, groups: i = {} }) => {
   }) });
 };
 export {
-  h as DialogList
+  j as DialogList
 };

package/dist/components/Dialog/DialogListGroup.js

@@ -7,9 +7,10 @@ import "../Autocomplete/AutocompleteBase.js";
 import { Button as e } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { ListBase as n } from "../List/ListBase.js";
+import "../Snackbar/useSnackbar.js";
 import { Section as p } from "../Page/Section.js";
 import { Flex as s } from "../Page/Flex.js";
-const w = ({ title: i, children: t }) => /* @__PURE__ */ o(p, { spacing: "md", children: [
+const z = ({ title: i, children: t }) => /* @__PURE__ */ o(p, { spacing: "md", children: [
   i && /* @__PURE__ */ o(s, { direction: "row", align: "center", justify: "between", margin: "sm", children: [
     /* @__PURE__ */ r(m, { size: "lg", children: i }),
     /* @__PURE__ */ r(e, { variant: "text", icon: "checkmark", size: "sm", children: "Velg alle" })
@@ -17,5 +18,5 @@ const w = ({ title: i, children: t }) => /* @__PURE__ */ o(p, { spacing: "md", c
   /* @__PURE__ */ r(n, { spacing: "md", children: t })
 ] });
 export {
-  w as DialogListGroup
+  z as DialogListGroup
 };

package/dist/components/Dialog/DialogListItem.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
@@ -12,7 +12,8 @@ import "../RootProvider/RootProvider.js";
 import { ListItemBase as j } from "../List/ListItemBase.js";
 import { ListItemLink as N } from "../List/ListItemLink.js";
 import { ListItemLabel as G } from "../List/ListItemLabel.js";
-import '../../assets/DialogListItem.css';const J = "_link_1j8q5_1", K = "_border_1j8q5_22", O = "_select_1j8q5_61", P = "_header_1j8q5_68", Q = "_summary_1j8q5_80", R = "_footer_1j8q5_108", T = "_touchedBy_1j8q5_112", o = {
+import "../Snackbar/useSnackbar.js";
+import '../../assets/DialogListItem.css';const J = "_link_1j8q5_1", K = "_border_1j8q5_22", O = "_select_1j8q5_61", P = "_header_1j8q5_68", Q = "_summary_1j8q5_80", R = "_footer_1j8q5_108", T = "_touchedBy_1j8q5_112", e = {
   link: J,
   border: K,
   select: O,
@@ -20,7 +21,7 @@ import '../../assets/DialogListItem.css';const J = "_link_1j8q5_1", K = "_border
   summary: Q,
   footer: R,
   touchedBy: T
-}, mr = ({
+}, cr = ({
   size: r = "xl",
   state: u = "normal",
   loading: t,
@@ -44,19 +45,19 @@ import '../../assets/DialogListItem.css';const J = "_link_1j8q5_1", K = "_border
   touchedBy: g,
   attachmentsCount: H,
   title: h,
-  description: f,
-  summary: p,
+  description: p,
+  summary: f,
   ...a
 }) => {
   const M = _ ? "trashed" : n ? "archived" : u;
-  return r === "xs" || r === "sm" || r === "md" ? /* @__PURE__ */ e(j, { ...a, size: r, children: /* @__PURE__ */ e(N, { ...a, size: r, className: o.link, children: /* @__PURE__ */ m("div", { className: o.border, "data-size": r, "data-seen": c, "data-loading": t, children: [
-    /* @__PURE__ */ e(G, { loading: t, size: r, title: h, description: p || f }),
-    /* @__PURE__ */ e(y, { loading: t, sender: l, updatedAt: i, updatedAtLabel: d })
+  return r === "xs" || r === "sm" || r === "md" ? /* @__PURE__ */ o(j, { ...a, size: r, children: /* @__PURE__ */ o(N, { ...a, size: r, className: e.link, children: /* @__PURE__ */ m("div", { className: e.border, "data-size": r, "data-seen": c, "data-loading": t, children: [
+    /* @__PURE__ */ o(G, { loading: t, size: r, title: h, description: f || p }),
+    /* @__PURE__ */ o(y, { loading: t, sender: l, updatedAt: i, updatedAtLabel: d })
   ] }) }) }) : /* @__PURE__ */ m(j, { ...a, size: r, children: [
-    /* @__PURE__ */ e(N, { ...a, size: r, className: o.link, children: /* @__PURE__ */ m("div", { className: o.border, "data-size": r, "data-seen": c, "data-loading": t, children: [
-      /* @__PURE__ */ m("header", { className: o.header, "data-size": r, children: [
-        /* @__PURE__ */ e(F, { loading: t, size: r, state: M, label: L, seen: c, children: h }),
-        /* @__PURE__ */ e(
+    /* @__PURE__ */ o(N, { ...a, size: r, className: e.link, children: /* @__PURE__ */ m("div", { className: e.border, "data-size": r, "data-seen": c, "data-loading": t, children: [
+      /* @__PURE__ */ m("header", { className: e.header, "data-size": r, children: [
+        /* @__PURE__ */ o(F, { loading: t, size: r, state: M, label: L, seen: c, children: h }),
+        /* @__PURE__ */ o(
           w,
           {
             size: "xs",
@@ -67,12 +68,12 @@ import '../../assets/DialogListItem.css';const J = "_link_1j8q5_1", K = "_border
             recipientGroup: b
           }
         ),
-        /* @__PURE__ */ e("p", { "data-size": r, className: o.summary, children: /* @__PURE__ */ e(C, { loading: t, children: p || f }) })
+        /* @__PURE__ */ o("p", { "data-size": r, className: e.summary, children: /* @__PURE__ */ o(C, { loading: t, children: f || p }) })
       ] }),
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ o(
         y,
         {
-          className: o.footer,
+          className: e.footer,
           loading: t,
           status: k,
           updatedAt: i,
@@ -87,14 +88,14 @@ import '../../assets/DialogListItem.css';const J = "_link_1j8q5_1", K = "_border
           seenBy: v,
           touchedBy: {
             touchedBy: g,
-            className: o.touchedBy
+            className: e.touchedBy
           }
         }
       )
     ] }) }),
-    s && /* @__PURE__ */ e(E, { className: o.select, ...s })
+    s && /* @__PURE__ */ o(E, { className: e.select, ...s })
   ] });
 };
 export {
-  mr as DialogListItem
+  cr as DialogListItem
 };

package/dist/components/Dialog/DialogMetadata.js

@@ -5,12 +5,13 @@ import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import { MetaBase as q } from "../Meta/MetaBase.js";
 import { MetaItem as B } from "../Meta/MetaItem.js";
-import { MetaTimestamp as m } from "../Meta/MetaTimestamp.js";
+import { MetaTimestamp as e } from "../Meta/MetaTimestamp.js";
 import { DialogSeenBy as w } from "./DialogSeenBy.js";
 import { DialogStatus as y } from "./DialogStatus.js";
 import { DialogTouchedBy as E } from "./DialogTouchedBy.js";
 import "../RootProvider/RootProvider.js";
-const W = ({
+import "../Snackbar/useSnackbar.js";
+const X = ({
   className: I,
   loading: i,
   status: o,
@@ -28,19 +29,19 @@ const W = ({
   attachmentsCount: j = 0,
   attachmentsLabel: n,
   transmissionsLabel: S,
-  onClick: e
+  onClick: m
 }) => /* @__PURE__ */ T(q, { className: I, size: "xs", children: [
   o && /* @__PURE__ */ r(y, { loading: i, size: "xs", ...o }),
-  t && /* @__PURE__ */ T(m, { loading: i, datetime: t, size: "xs", children: [
+  t && /* @__PURE__ */ T(e, { loading: i, datetime: t, size: "xs", children: [
     /* @__PURE__ */ r("strong", { children: s && s.name + ", " }),
     a
   ] }),
-  p && x && /* @__PURE__ */ r(m, { loading: i, datetime: p, size: "xs", icon: "clock-dashed", children: x }),
-  (n || j > 0) && /* @__PURE__ */ r(B, { as: e && "button", onClick: e, loading: i, size: "xs", icon: "paperclip", children: n || j }),
-  S && /* @__PURE__ */ r(B, { as: e && "button", onClick: e, loading: i, size: "xs", icon: "files", children: S }),
-  c && z && /* @__PURE__ */ r(m, { loading: i, datetime: c, size: "xs", icon: "trash", children: z }) || f && h && /* @__PURE__ */ r(m, { loading: i, datetime: f, size: "xs", icon: "archive", children: h }) || !i && D && /* @__PURE__ */ r(w, { size: "xs", ...D }),
+  p && x && /* @__PURE__ */ r(e, { loading: i, datetime: p, size: "xs", icon: "clock-dashed", children: x }),
+  (n || j > 0) && /* @__PURE__ */ r(B, { as: m && "button", onClick: m, loading: i, size: "xs", icon: "paperclip", children: n || j }),
+  S && /* @__PURE__ */ r(B, { as: m && "button", onClick: m, loading: i, size: "xs", icon: "files", children: S }),
+  c && z && /* @__PURE__ */ r(e, { loading: i, datetime: c, size: "xs", icon: "trash", children: z }) || f && h && /* @__PURE__ */ r(e, { loading: i, datetime: f, size: "xs", icon: "archive", children: h }) || !i && D && /* @__PURE__ */ r(w, { size: "xs", ...D }),
   M && /* @__PURE__ */ r(E, { ...M, loading: i, size: "xs" })
 ] });
 export {
-  W as DialogMetadata
+  X as DialogMetadata
 };

package/dist/components/Dialog/DialogSection.js

@@ -5,11 +5,12 @@ import { Heading as t } from "../Typography/Heading.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
-import { Section as n } from "../Page/Section.js";
-const l = ({ title: r, children: i }) => i ? /* @__PURE__ */ o(n, { spacing: "md", margin: "md", children: [
+import "../Snackbar/useSnackbar.js";
+import { Section as p } from "../Page/Section.js";
+const u = ({ title: r, children: i }) => i ? /* @__PURE__ */ o(p, { spacing: "md", margin: "md", children: [
   r && /* @__PURE__ */ m(t, { size: "lg", children: r }),
   i
 ] }) : null;
 export {
-  l as DialogSection
+  u as DialogSection
 };

package/dist/components/Dialog/DialogTimeline.js

@@ -1,17 +1,18 @@
 "use client";
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { createElement as n } from "react";
+import { createElement as p } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { Heading as p } from "../Typography/Heading.js";
+import { Heading as n } from "../Typography/Heading.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import { DialogTimelineItem as l } from "./DialogTimelineItem.js";
+import "../Snackbar/useSnackbar.js";
 import { TimelineBase as s } from "../Timeline/TimelineBase.js";
-const j = ({ title: e, items: i = [] }) => /* @__PURE__ */ o(s, { children: [
-  /* @__PURE__ */ t(p, { size: "xs", children: e }),
-  i.map((r, m) => /* @__PURE__ */ n(l, { ...r, key: m }))
+const D = ({ title: i, items: r = [] }) => /* @__PURE__ */ o(s, { children: [
+  /* @__PURE__ */ t(n, { size: "xs", children: i }),
+  r.map((e, m) => /* @__PURE__ */ p(l, { ...e, key: m }))
 ] });
 export {
-  j as DialogTimeline
+  D as DialogTimeline
 };

package/dist/components/Dialog/DialogTimelineItem.js

@@ -8,11 +8,12 @@ import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import { TransmissionItem as a } from "../Transmission/TransmissionItem.js";
 import { ListBase as c } from "../List/ListBase.js";
+import "../Snackbar/useSnackbar.js";
 import { TimelineSection as d } from "../Timeline/TimelineSection.js";
-const k = ({ updatedAt: m, updatedAtLabel: o, summary: i, items: r }) => /* @__PURE__ */ e(d, { size: "xs", datetime: m, dateline: o, children: /* @__PURE__ */ n(s, { size: "md", children: [
+const u = ({ updatedAt: m, updatedAtLabel: o, summary: i, items: r }) => /* @__PURE__ */ e(d, { size: "xs", datetime: m, dateline: o, children: /* @__PURE__ */ n(s, { size: "md", children: [
   i && /* @__PURE__ */ e("p", { children: i }),
   r && /* @__PURE__ */ e(c, { theme: "global", children: r.map((t, p) => /* @__PURE__ */ l(a, { ...t, key: p })) })
 ] }) });
 export {
-  k as DialogTimelineItem
+  u as DialogTimelineItem
 };

package/dist/components/Dialog/DialogTransmissions.js

@@ -6,12 +6,13 @@ import { Heading as p } from "../Typography/Heading.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import { TransmissionList as t } from "../Transmission/TransmissionList.js";
-const g = ({ title: n = "Transmissions", items: r, toolbar: i }) => r != null && r.length ? /* @__PURE__ */ s("section", { children: [
+const u = ({ title: n = "Transmissions", items: r, toolbar: i }) => r != null && r.length ? /* @__PURE__ */ s("section", { children: [
   /* @__PURE__ */ o(p, { as: "h2", size: "xs", children: n }),
   i && /* @__PURE__ */ o(m, { ...i }),
   /* @__PURE__ */ o(t, { items: r })
 ] }) : null;
 export {
-  g as DialogTransmissions
+  u as DialogTransmissions
 };

package/dist/components/Dialog/DraftDialog.js

@@ -12,16 +12,17 @@ import { Avatar as H } from "../Avatar/Avatar.js";
 import { DialogAttachments as M } from "./DialogAttachments.js";
 import "../RootProvider/RootProvider.js";
 import { Byline as N } from "../Byline/Byline.js";
+import "../Snackbar/useSnackbar.js";
 import { PageBase as T } from "../Page/PageBase.js";
 import { PageNav as k } from "../Page/PageNav.js";
 import { Article as q } from "../Page/Article.js";
 import { Section as s } from "../Page/Section.js";
-const c = ({
+const a = ({
   backButton: x,
-  menu: y,
-  updatedAt: z,
-  updatedAtLabel: D,
-  dueAt: o,
+  menu: o,
+  updatedAt: y,
+  updatedAtLabel: z,
+  dueAt: D,
   dueAtLabel: A,
   status: S,
   title: b,
@@ -35,17 +36,17 @@ const c = ({
   additionalInfo: m,
   contactInfo: e
 }) => /* @__PURE__ */ i(T, { color: "subtle", shadow: "xs", children: [
-  /* @__PURE__ */ r(k, { backButton: x, menu: y, children: /* @__PURE__ */ r(P, { status: S, dueAt: o, dueAtLabel: A }) }),
+  /* @__PURE__ */ r(k, { backButton: x, menu: o, children: /* @__PURE__ */ r(P, { status: S, dueAt: D, dueAtLabel: A }) }),
   /* @__PURE__ */ i(q, { padding: "xl", spacing: "xl", children: [
     /* @__PURE__ */ i(s, { as: "header", spacing: "md", children: [
       /* @__PURE__ */ i(s, { align: "center", spacing: "md", children: [
         /* @__PURE__ */ r(H, { size: "lg", ...l }),
         /* @__PURE__ */ r(B, { size: "lg", children: b })
       ] }),
-      /* @__PURE__ */ i(N, { size: "md", datetime: z, children: [
+      /* @__PURE__ */ i(N, { size: "md", datetime: y, children: [
         /* @__PURE__ */ r("strong", { children: g == null ? void 0 : g.name }),
         u + " " + (l == null ? void 0 : l.name) + ", ",
-        D
+        z
       ] })
     ] }),
     /* @__PURE__ */ r(s, { padding: "xl", spacing: "lg", style: { border: "1px solid", borderStyle: "dashed" }, children: /* @__PURE__ */ i(h, { size: "lg", children: [
@@ -59,5 +60,5 @@ const c = ({
   ] })
 ] });
 export {
-  c as DraftDialog
+  a as DraftDialog
 };

package/dist/components/Dropdown/DrawerButton.js

@@ -6,9 +6,10 @@ import "../Autocomplete/AutocompleteBase.js";
 import { ButtonBase as m } from "../Button/ButtonBase.js";
 import { ButtonLabel as n } from "../Button/ButtonLabel.js";
 import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import '../../assets/DrawerButton.css';const s = "_button_19v2d_1", e = {
   button: s
-}, f = ({ label: o, children: r, onClick: i }) => /* @__PURE__ */ t(m, { variant: "solid", size: "md", className: e.button, onClick: i, children: /* @__PURE__ */ t(n, { size: "md", children: r || o }) });
+}, _ = ({ label: o, children: r, onClick: i }) => /* @__PURE__ */ t(m, { variant: "solid", size: "md", className: e.button, onClick: i, children: /* @__PURE__ */ t(n, { size: "md", children: r || o }) });
 export {
-  f as DrawerButton
+  _ as DrawerButton
 };

package/dist/components/Dropdown/DrawerOrDropdown.js

@@ -11,10 +11,11 @@ import { DrawerHeader as f } from "./DrawerHeader.js";
 import { DrawerFooter as n } from "./DrawerFooter.js";
 import { DrawerButton as D } from "./DrawerButton.js";
 import { DrawerBody as w } from "./DrawerBody.js";
+import "../Snackbar/useSnackbar.js";
 import '../../assets/DrawerOrDropdown.css';const _ = "_dropdown_1mzzo_1", k = "_drawer_1mzzo_5", s = {
   dropdown: _,
   drawer: k
-}, v = ({
+}, A = ({
   open: m = !1,
   onClose: i,
   drawerButton: r,
@@ -30,5 +31,5 @@ import '../../assets/DrawerOrDropdown.css';const _ = "_dropdown_1mzzo_1", k = "_
   ] })
 ] });
 export {
-  v as DrawerOrDropdown
+  A as DrawerOrDropdown
 };

package/dist/components/GlobalMenu/AccountButton.js

@@ -7,7 +7,8 @@ import "../Icon/SvgIcon.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
-const b = ({ account: e, linkText: t, onClick: l, multipleAccounts: d }) => d ? /* @__PURE__ */ r(m, { size: "lg", onClick: l, linkText: t, linkIcon: "chevron-right", as: "button", children: [
+import "../Snackbar/useSnackbar.js";
+const j = ({ account: e, linkText: t, onClick: l, multipleAccounts: d }) => d ? /* @__PURE__ */ r(m, { size: "lg", onClick: l, linkText: t, linkIcon: "chevron-right", as: "button", children: [
   /* @__PURE__ */ i(
     s,
     {
@@ -33,5 +34,5 @@ const b = ({ account: e, linkText: t, onClick: l, multipleAccounts: d }) => d ?
   /* @__PURE__ */ i(p, { size: "lg", title: e == null ? void 0 : e.name, description: e == null ? void 0 : e.description })
 ] });
 export {
-  b as AccountButton
+  j as AccountButton
 };

package/dist/components/GlobalMenu/AccountMenu.js

@@ -5,19 +5,20 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import { Menu as L } from "../Menu/Menu.js";
-const M = (p) => `${p} hits`, k = ({
+const M = (p) => `${p} hits`, $ = ({
   accounts: p = [],
   accountGroups: b = {},
   accountSearch: s,
-  onSelectAccount: d,
-  currentAccount: m
+  onSelectAccount: m,
+  currentAccount: d
 }) => {
   var f;
-  const g = p.map((e) => ({
+  const t = p.map((e) => ({
     id: e.id || e.name,
     groupId: e.groupId || "search",
-    selected: e.selected ?? (m == null ? void 0 : m.id) === e.id,
+    selected: e.selected ?? (d == null ? void 0 : d.id) === e.id,
     title: e.name,
     ...(e == null ? void 0 : e.accountNames) && {
       avatarGroup: {
@@ -31,14 +32,14 @@ const M = (p) => `${p} hits`, k = ({
       }
     },
     badge: e.badge,
-    onClick: () => d == null ? void 0 : d(e.id || e.name)
-  })), [i, t] = y(""), l = i ? g.filter((e) => {
+    onClick: () => m == null ? void 0 : m(e.id || e.name)
+  })), [i, g] = y(""), l = i ? t.filter((e) => {
     var r;
     return (r = e == null ? void 0 : e.title) == null ? void 0 : r.toLowerCase().includes(i.toLowerCase());
   }).map((e) => ({
     ...e,
     groupId: "search"
-  })) : g, C = i ? {
+  })) : t, C = i ? {
     search: {
       title: ((f = s == null ? void 0 : s.getResultsLabel) == null ? void 0 : f.call(s, l.length)) ?? M(l.length)
     }
@@ -46,8 +47,8 @@ const M = (p) => `${p} hits`, k = ({
     name: "account-search",
     value: i,
     placeholder: (s == null ? void 0 : s.placeholder) ?? "Find account",
-    onChange: (e) => t(e.target.value),
-    onClear: () => t("")
+    onChange: (e) => g(e.target.value),
+    onClear: () => g("")
   }, h = [
     ...l.length > 0 ? l : [{ id: "search", groupId: "search", hidden: !0 }]
   ];
@@ -62,5 +63,5 @@ const M = (p) => `${p} hits`, k = ({
   );
 };
 export {
-  k as AccountMenu
+  $ as AccountMenu
 };

package/dist/components/GlobalMenu/BackButton.js

@@ -5,7 +5,8 @@ import "react";
 import { MenuItem as m } from "../Menu/MenuItem.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
-const x = ({ label: o, onClick: t, as: r }) => /* @__PURE__ */ i(m, { size: "xs", id: "back", icon: "arrow-undo", title: o, onClick: t, as: r });
+import "../Snackbar/useSnackbar.js";
+const d = ({ label: o, onClick: t, as: r }) => /* @__PURE__ */ i(m, { size: "xs", id: "back", icon: "arrow-undo", title: o, onClick: t, as: r });
 export {
-  x as BackButton
+  d as BackButton
 };

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -9,64 +9,65 @@ import { AccountMenu as F } from "./AccountMenu.js";
 import { AccountButton as L } from "./AccountButton.js";
 import { BackButton as H } from "./BackButton.js";
 import { LogoutButton as I } from "./LogoutButton.js";
-import { MenuListItem as a } from "../Menu/MenuBase.js";
+import "../Snackbar/useSnackbar.js";
+import { MenuListItem as m } from "../Menu/MenuBase.js";
 import { Menu as h } from "../Menu/Menu.js";
-import { GlobalMenuBase as m, GlobalMenuHeader as g, GlobalMenuFooter as W } from "./GlobalMenuBase.js";
-const R = ({
+import { GlobalMenuBase as a, GlobalMenuHeader as g, GlobalMenuFooter as W } from "./GlobalMenuBase.js";
+const S = ({
   accounts: c = [],
   accountGroups: M = {},
   accountSearch: k,
-  items: s = [],
-  groups: p,
+  items: p = [],
+  groups: s,
   changeLabel: b = "Change",
   backLabel: B = "Back",
-  currentAccount: o,
+  currentAccount: e,
   onSelectAccount: i,
-  onClose: e,
+  onClose: o,
   logoutButton: u
 }) => {
   const [x, G] = j(!1), n = () => {
     G((t) => !t);
   }, v = (t) => {
     n(), i == null || i(t);
-  }, d = A(() => s.map((t) => ({
+  }, d = A(() => p.map((t) => ({
     ...t,
     onClick: () => {
       var f;
-      (f = t.onClick) == null || f.call(t), e == null || e();
+      (f = t.onClick) == null || f.call(t), o == null || o();
     }
-  })), [s, e]);
-  return x ? /* @__PURE__ */ l(m, { children: [
+  })), [p, o]);
+  return x ? /* @__PURE__ */ l(a, { children: [
     /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(H, { onClick: n, label: B }) }),
-    /* @__PURE__ */ r(a, { as: "div", role: "separator" }),
+    /* @__PURE__ */ r(m, { as: "div", role: "separator" }),
     /* @__PURE__ */ r(
       F,
       {
-        currentAccount: o,
+        currentAccount: e,
         accounts: c,
         accountGroups: M,
         accountSearch: k,
         onSelectAccount: v
       }
     )
-  ] }) : o ? /* @__PURE__ */ l(m, { children: [
+  ] }) : e ? /* @__PURE__ */ l(a, { children: [
     /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(
       L,
       {
-        account: o,
+        account: e,
         linkText: b,
         multipleAccounts: c.length > 1,
         onClick: n
       }
     ) }),
-    /* @__PURE__ */ r(a, { as: "div", role: "separator" }),
-    /* @__PURE__ */ r(h, { groups: p, items: d }),
+    /* @__PURE__ */ r(m, { as: "div", role: "separator" }),
+    /* @__PURE__ */ r(h, { groups: s, items: d }),
     u && /* @__PURE__ */ l(T, { children: [
-      /* @__PURE__ */ r(a, { as: "div", role: "separator" }),
+      /* @__PURE__ */ r(m, { as: "div", role: "separator" }),
       /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(I, { ...u }) })
     ] })
-  ] }) : /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(h, { groups: p, items: d }) });
+  ] }) : /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(h, { groups: s, items: d }) });
 };
 export {
-  R as GlobalMenu
+  S as GlobalMenu
 };

package/dist/components/Header/Header.js

@@ -12,12 +12,13 @@ import { HeaderBase as H } from "./HeaderBase.js";
 import { HeaderLogo as _ } from "./HeaderLogo.js";
 import { HeaderButton as b } from "./HeaderButton.js";
 import { Searchbar as B } from "../Searchbar/Searchbar.js";
+import "../Snackbar/useSnackbar.js";
 import { HeaderMenu as N } from "./HeaderMenu.js";
 import { HeaderSearch as S } from "./HeaderSearch.js";
 import '../../assets/Header.css';const v = "_drawer_ft5v3_1", y = "_dropdown_ft5v3_5", s = {
   drawer: v,
   dropdown: y
-}, K = ({ search: n, menu: r, currentAccount: a, logo: l = {}, badge: i }) => {
+}, O = ({ search: n, menu: r, currentAccount: a, logo: l = {}, badge: i }) => {
   const { currentId: o, toggleId: d, openId: c, closeAll: t } = C(), h = () => {
     c("search");
   }, f = () => {
@@ -48,5 +49,5 @@ import '../../assets/Header.css';const v = "_drawer_ft5v3_1", y = "_dropdown_ft5
   ] });
 };
 export {
-  K as Header
+  O as Header
 };

package/dist/components/Header/HeaderBase.js

@@ -5,13 +5,14 @@ import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import { Backdrop as m } from "../Dropdown/Backdrop.js";
+import "../Snackbar/useSnackbar.js";
 import '../../assets/HeaderBase.css';const i = "_header_5ao8r_1", n = "_backdrop_5ao8r_11", r = {
   header: i,
   backdrop: n
-}, j = ({ currentId: o, className: a, children: e, open: c, onClose: t }) => /* @__PURE__ */ s("header", { className: p(r.header, a), "data-current-id": o, children: [
-  c && /* @__PURE__ */ d(m, { className: r.backdrop, onClick: t }),
+}, u = ({ currentId: o, className: a, children: e, open: t, onClose: c }) => /* @__PURE__ */ s("header", { className: p(r.header, a), "data-current-id": o, children: [
+  t && /* @__PURE__ */ d(m, { className: r.backdrop, onClick: c }),
   e
 ] });
 export {
-  j as HeaderBase
+  u as HeaderBase
 };

package/dist/components/Layout/Layout.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs as r, jsx as m } from "react/jsx-runtime";
-import { LayoutBase as i } from "./LayoutBase.js";
+import { LayoutBase as l } from "./LayoutBase.js";
 import { LayoutBody as y } from "./LayoutBody.js";
 import { LayoutContent as c } from "./LayoutContent.js";
 import { LayoutSidebar as L } from "./LayoutSidebar.js";
@@ -12,12 +12,13 @@ import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import { Menu as B } from "../Menu/Menu.js";
 import { useRootContext as C } from "../RootProvider/RootProvider.js";
-const A = ({ theme: e = "global", header: p, footer: u, sidebar: o = {}, content: t = {}, children: f }) => {
-  const { currentId: h } = C(), { menu: n, ...l } = o;
-  return /* @__PURE__ */ r(i, { theme: e, currentId: h, children: [
+import "../Snackbar/useSnackbar.js";
+const D = ({ theme: e = "global", header: p, footer: u, sidebar: o = {}, content: t = {}, children: f }) => {
+  const { currentId: h } = C(), { menu: n, ...i } = o;
+  return /* @__PURE__ */ r(l, { theme: e, currentId: h, children: [
     p && /* @__PURE__ */ m(j, { ...p }),
     /* @__PURE__ */ r(y, { currentId: h, children: [
-      o && /* @__PURE__ */ r(L, { hidden: o == null ? void 0 : o.hidden, theme: o == null ? void 0 : o.theme, ...l, children: [
+      o && /* @__PURE__ */ r(L, { hidden: o == null ? void 0 : o.hidden, theme: o == null ? void 0 : o.theme, ...i, children: [
         n && /* @__PURE__ */ m(B, { ...n }),
         o == null ? void 0 : o.children
       ] }),
@@ -27,5 +28,5 @@ const A = ({ theme: e = "global", header: p, footer: u, sidebar: o = {}, content
   ] });
 };
 export {
-  A as Layout
+  D as Layout
 };