@altinn/altinn-components 0.11.0 → 0.12.0

package/dist/components/LayoutAction/ActionMenu.js

@@ -5,11 +5,12 @@ import "react";
 import { MenuItem as o } from "../Menu/MenuItem.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import { MenuBase as n } from "../Menu/MenuBase.js";
-import '../../assets/ActionMenu.css';const s = "_menu_12gbo_1", l = "_list_12gbo_14", e = {
+import '../../assets/ActionMenu.css';const s = "_menu_12gbo_1", l = "_list_12gbo_14", i = {
   menu: s,
   list: l
-}, M = ({ theme: m = "inherit", items: r = [] }) => /* @__PURE__ */ t(n, { theme: m, className: e.menu, children: /* @__PURE__ */ t("ul", { className: e.list, children: r.map((i) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(o, { ...i, className: e.item }) }, i.id)) }) });
+}, N = ({ theme: r = "inherit", items: e = [] }) => /* @__PURE__ */ t(n, { theme: r, className: i.menu, children: /* @__PURE__ */ t("ul", { className: i.list, children: e.map((m) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(o, { ...m, className: i.item }) }, m.id)) }) });
 export {
-  M as ActionMenu
+  N as ActionMenu
 };

package/dist/components/List/List.js

@@ -1,20 +1,21 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as c } from "react/jsx-runtime";
 import { createElement as n } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import { ListItem as e } from "./ListItem.js";
 import { ListBase as f } from "./ListBase.js";
-const j = ({ theme: o, defaultItemSize: p, defaultItemColor: t, spacing: s = "md", items: m = [] }) => /* @__PURE__ */ i(f, { theme: o, spacing: s, children: m.map((r, c) => /* @__PURE__ */ n(
+const k = ({ theme: o, defaultItemSize: p, defaultItemColor: t, spacing: m = "md", items: s = [] }) => /* @__PURE__ */ c(f, { theme: o, spacing: m, children: s.map((r, i) => /* @__PURE__ */ n(
   e,
   {
     ...r,
     size: (r == null ? void 0 : r.size) || p,
     color: (r == null ? void 0 : r.color) || t,
-    key: "item" + c
+    key: "item" + i
   }
 )) });
 export {
-  j as List
+  k as List
 };

package/dist/components/Menu/MenuItems.js

@@ -10,6 +10,7 @@ import { MenuSearch as G } from "./MenuSearch.js";
 import { MenuHeader as H } from "./MenuHeader.js";
 import { MenuList as K, MenuListItem as d } from "./MenuBase.js";
 import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 const S = ({
   level: l = 0,
   expanded: v,

package/dist/components/Menu/MenuSearch.js

@@ -1,4 +1,4 @@
-import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { jsxs as e, jsx as i } from "react/jsx-runtime";
 import { Icon as a } from "../Icon/Icon.js";
 import "../Icon/SvgIcon.js";
 import "../../index-L8X2o7IH.js";
@@ -6,12 +6,13 @@ import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import { IconButton as m } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import '../../assets/MenuSearch.css';const p = "_field_10py0_2", l = "_icon_10py0_7", _ = "_input_10py0_16", f = "_clear_10py0_33", o = {
   field: p,
   icon: l,
   input: _,
   clear: f
-}, j = ({ value: c, name: n, placeholder: s = "Søk", onChange: e, onClear: t }) => /* @__PURE__ */ r("div", { className: o.field, children: [
+}, v = ({ value: c, name: n, placeholder: s = "Søk", onChange: r, onClear: t }) => /* @__PURE__ */ e("div", { className: o.field, children: [
   /* @__PURE__ */ i(
     "input",
     {
@@ -20,7 +21,7 @@ import '../../assets/MenuSearch.css';const p = "_field_10py0_2", l = "_icon_10py
       name: n,
       placeholder: s,
       className: o.input,
-      onChange: e,
+      onChange: r,
       autoComplete: "off"
     }
   ),
@@ -38,5 +39,5 @@ import '../../assets/MenuSearch.css';const p = "_field_10py0_2", l = "_icon_10py
   )
 ] });
 export {
-  j as MenuSearch
+  v as MenuSearch
 };

package/dist/components/Page/Breadcrumbs.js

@@ -1,22 +1,23 @@
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
 import { Icon as e } from "../Icon/Icon.js";
 import "../Icon/SvgIcon.js";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
-import { BreadcrumbsLink as n } from "./BreadcrumbsLink.js";
+import "../Snackbar/useSnackbar.js";
+import { BreadcrumbsLink as m } from "./BreadcrumbsLink.js";
 import '../../assets/Breadcrumbs.css';const a = "_list_8q7kr_1", p = "_item_8q7kr_12", _ = "_icon_8q7kr_18", i = {
   list: a,
   item: p,
   icon: _
-}, g = ({ items: t = [] }) => /* @__PURE__ */ r("ul", { className: i.list, children: t.map((l, o) => {
-  const { label: s, ...c } = l;
-  return (t == null ? void 0 : t.length) > o + 1 ? /* @__PURE__ */ m("li", { className: i.item, children: [
-    /* @__PURE__ */ r(n, { ...c, children: s }),
+}, j = ({ items: t = [] }) => /* @__PURE__ */ r("ul", { className: i.list, children: t.map((n, o) => {
+  const { label: s, ...c } = n;
+  return (t == null ? void 0 : t.length) > o + 1 ? /* @__PURE__ */ l("li", { className: i.item, children: [
+    /* @__PURE__ */ r(m, { ...c, children: s }),
     /* @__PURE__ */ r(e, { name: "arrow-right", className: i.icon })
-  ] }, o) : /* @__PURE__ */ r("li", { className: i.item, children: /* @__PURE__ */ r(n, { ...c, as: "span", children: s }) }, o);
+  ] }, o) : /* @__PURE__ */ r("li", { className: i.item, children: /* @__PURE__ */ r(m, { ...c, as: "span", children: s }) }, o);
 }) });
 export {
-  g as Breadcrumbs
+  j as Breadcrumbs
 };

package/dist/components/Page/PageHeader.js

@@ -6,15 +6,16 @@ import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import { ListItemMedia as s } from "../List/ListItemMedia.js";
+import "../Snackbar/useSnackbar.js";
 import { Section as a } from "./Section.js";
 import { Flex as c } from "./Flex.js";
-const F = ({ title: e, icon: o, avatar: m, avatarGroup: t, children: p, ...n }) => /* @__PURE__ */ r(a, { as: "header", spacing: "md", ...n, children: [
+const I = ({ title: o, icon: e, avatar: m, avatarGroup: t, children: p, ...n }) => /* @__PURE__ */ r(a, { as: "header", spacing: "md", ...n, children: [
   /* @__PURE__ */ r(c, { direction: "row", align: "center", spacing: "md", children: [
-    /* @__PURE__ */ i(s, { avatar: m, avatarGroup: t, icon: o, size: "lg" }),
-    /* @__PURE__ */ i(d, { size: "xl", children: e })
+    /* @__PURE__ */ i(s, { avatar: m, avatarGroup: t, icon: e, size: "lg" }),
+    /* @__PURE__ */ i(d, { size: "xl", children: o })
   ] }),
   p
 ] });
 export {
-  F as PageHeader
+  I as PageHeader
 };

package/dist/components/Page/PageNav.js

@@ -1,4 +1,4 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
@@ -6,28 +6,29 @@ import "../Autocomplete/AutocompleteBase.js";
 import { Button as m } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { ContextMenu as a } from "../ContextMenu/ContextMenu.js";
+import "../Snackbar/useSnackbar.js";
 import { Flex as c } from "./Flex.js";
 import { Breadcrumbs as p } from "./Breadcrumbs.js";
 import '../../assets/PageNav.css';const f = "_nav_9bu1z_1", v = "_controls_9bu1z_7", d = {
   nav: f,
   controls: v
-}, F = ({
+}, M = ({
   padding: i = "none",
   margin: s = "none",
-  breadcrumbs: e,
+  breadcrumbs: t,
   backButton: o = {
     as: "a",
     label: "Back"
   },
-  menu: n,
+  menu: e,
   children: l
-}) => /* @__PURE__ */ t(c, { as: "nav", direction: "row", align: "center", justify: "between", padding: i, margin: s, children: [
-  e ? /* @__PURE__ */ r(p, { items: e }) : /* @__PURE__ */ r(m, { ...o, variant: "text", color: "secondary", icon: "arrow-left", children: (o == null ? void 0 : o.label) || "Back" }),
-  /* @__PURE__ */ t("div", { className: d.controls, children: [
+}) => /* @__PURE__ */ n(c, { as: "nav", direction: "row", align: "center", justify: "between", padding: i, margin: s, children: [
+  t ? /* @__PURE__ */ r(p, { items: t }) : /* @__PURE__ */ r(m, { ...o, variant: "text", color: "secondary", icon: "arrow-left", children: (o == null ? void 0 : o.label) || "Back" }),
+  /* @__PURE__ */ n("div", { className: d.controls, children: [
     l,
-    n && /* @__PURE__ */ r(a, { ...n })
+    e && /* @__PURE__ */ r(a, { ...e })
   ] })
 ] });
 export {
-  F as PageNav
+  M as PageNav
 };

package/dist/components/Page/Section.js

@@ -1,13 +1,14 @@
-import { jsx as e } from "react/jsx-runtime";
-import { c as m } from "../../index-L8X2o7IH.js";
+import { jsx as m } from "react/jsx-runtime";
+import { c as e } from "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import { Flex as n } from "./Flex.js";
-import '../../assets/Section.css';const a = "_section_167jj_1", p = {
-  section: a
-}, g = ({ as: o = "section", className: t, bg: s, shadow: i, children: r, ...c }) => /* @__PURE__ */ e(n, { as: o, "data-bg": s, "data-shadow": i, className: m(p.section, t), ...c, children: r });
+import '../../assets/Section.css';const p = "_section_167jj_1", a = {
+  section: p
+}, h = ({ as: o = "section", className: t, bg: s, shadow: i, children: r, ...c }) => /* @__PURE__ */ m(n, { as: o, "data-bg": s, "data-shadow": i, className: e(a.section, t), ...c, children: r });
 export {
-  g as Section
+  h as Section
 };

package/dist/components/ResourceList/ResourceList.js

@@ -4,9 +4,10 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import { ResourceListItem as p } from "./ResourceListItem.js";
 import { ListBase as s } from "../List/ListBase.js";
-const x = ({ items: o, defaultItemSize: t = "md", ...m }) => /* @__PURE__ */ e(s, { ...m, children: o.map((r) => /* @__PURE__ */ i(p, { ...r, key: r.id, size: t })) });
+const R = ({ items: o, defaultItemSize: t = "md", ...m }) => /* @__PURE__ */ e(s, { ...m, children: o.map((r) => /* @__PURE__ */ i(p, { ...r, key: r.id, size: t })) });
 export {
-  x as ResourceList
+  R as ResourceList
 };

package/dist/components/ResourceList/ResourceListItem.js

@@ -4,8 +4,9 @@ import "react";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import { ListItem as e } from "../List/ListItem.js";
-const u = ({
+const x = ({
   ownerName: t,
   resourceName: r,
   ownerLogoUrlAlt: i,
@@ -26,5 +27,5 @@ const u = ({
   }
 );
 export {
-  u as ResourceListItem
+  x as ResourceListItem
 };

package/dist/components/RootProvider/RootProvider.js

@@ -1,33 +1,34 @@
 "use client";
 import { jsx as c } from "react/jsx-runtime";
-import { createContext as u, useContext as d, useState as I } from "react";
-import { useEscapeKey as p } from "../../hooks/useEscapeKey.js";
+import { createContext as d, useContext as u, useState as p } from "react";
+import { useEscapeKey as I } from "../../hooks/useEscapeKey.js";
+import { SnackbarProvider as m } from "../Snackbar/useSnackbar.js";
 const x = {
   currentId: ""
-}, s = u(x), R = ({ children: o, initialValue: t }) => {
-  const [n, e] = I((t == null ? void 0 : t.currentId) || "");
+}, s = d(x), R = ({ children: o, initialValue: t }) => {
+  const [n, r] = p((t == null ? void 0 : t.currentId) || "");
   return /* @__PURE__ */ c(
     s.Provider,
     {
       value: {
         currentId: n,
-        setCurrentId: e
+        setCurrentId: r
       },
-      children: o
+      children: /* @__PURE__ */ c(m, { children: o })
     }
   );
-}, g = () => {
-  const { currentId: o, setCurrentId: t } = d(s), n = (r) => t(o === r ? "" : r), e = () => {
+}, a = () => {
+  const { currentId: o, setCurrentId: t } = u(s), n = (e) => t(o === e ? "" : e), r = () => {
     t("");
   };
-  return p(e), {
+  return I(r), {
     currentId: o,
     toggleId: n,
-    closeAll: e,
-    openId: (r) => t(r)
+    closeAll: r,
+    openId: (e) => t(e)
   };
 };
 export {
   R as RootProvider,
-  g as useRootContext
+  a as useRootContext
 };

package/dist/components/Searchbar/Searchbar.js

@@ -4,9 +4,10 @@ import "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import { SearchField as s } from "./SearchField.js";
 import { SearchbarBase as a } from "./SearchbarBase.js";
-const A = ({
+const B = ({
   className: i,
   autocomplete: r,
   expanded: o = !1,
@@ -18,5 +19,5 @@ const A = ({
   r && /* @__PURE__ */ t(f, { ...r, expanded: o, onSelect: m })
 ] });
 export {
-  A as Searchbar
+  B as Searchbar
 };

package/dist/components/Snackbar/Snackbar.js

@@ -1,11 +1,20 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
+"use client";
+import { jsx as s } from "react/jsx-runtime";
 import { SnackbarBase as i } from "./SnackbarBase.js";
-import { SnackbarLabel as t } from "./SnackbarLabel.js";
-import { SnackbarMedia as b } from "./SnackbarMedia.js";
-const S = ({ as: a = "a", color: o, message: m, icon: n, ...c }) => /* @__PURE__ */ e(i, { as: a, color: o, ...c, children: [
-  /* @__PURE__ */ r(b, { icon: n }),
-  /* @__PURE__ */ r(t, { children: m })
-] });
+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;
+};
 export {
-  S as Snackbar
+  d as Snackbar
 };

package/dist/components/Snackbar/SnackbarBase.js

@@ -1,23 +1,7 @@
-import { jsxs as r, jsx as o } from "react/jsx-runtime";
-import { c as l } from "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
-import { IconButton as d } from "../Button/IconButton.js";
-import '../../assets/SnackbarBase.css';const _ = "_item_1dlhj_1", p = "_content_1dlhj_26", x = "_action_1dlhj_34", t = {
-  item: _,
-  content: p,
-  action: x
-}, k = ({
-  as: n,
-  children: c,
-  className: s,
-  color: e,
-  dismissable: i = !0,
-  onDismiss: a,
-  ...m
-}) => /* @__PURE__ */ r(n || "div", { className: l(t.item, s), "data-color": e, ...m, children: [
-  /* @__PURE__ */ o("div", { className: t.content, children: c }),
-  i && /* @__PURE__ */ o("div", { className: t.action, children: /* @__PURE__ */ o(d, { icon: "x-mark", variant: "text", onClick: a, className: t.dismiss }) })
-] });
+import { jsx as t } from "react/jsx-runtime";
+import '../../assets/SnackbarBase.css';const a = "_stack_1lu9j_1", c = {
+  stack: a
+}, o = ({ children: s }) => /* @__PURE__ */ t("section", { role: "alert", className: c.stack, children: s });
 export {
-  k as SnackbarBase
+  o as SnackbarBase
 };

package/dist/components/Snackbar/SnackbarItem.js

@@ -0,0 +1,32 @@
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { c as d } from "../../index-L8X2o7IH.js";
+import { Icon as _ } from "../Icon/Icon.js";
+import "../Icon/SvgIcon.js";
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import { IconButton as p } from "../Button/IconButton.js";
+import "../RootProvider/RootProvider.js";
+import "./useSnackbar.js";
+import '../../assets/SnackbarItem.css';const j = "_item_1jw8i_1", v = "_media_1jw8i_23", x = "_icon_1jw8i_32", N = "_content_1jw8i_36", w = "_action_1jw8i_44", t = {
+  item: j,
+  media: v,
+  icon: x,
+  content: N,
+  action: w
+}, g = ({
+  as: i,
+  message: n,
+  className: c,
+  color: m,
+  icon: e = "bell",
+  dismissable: a = !0,
+  onDismiss: s,
+  ...r
+}) => /* @__PURE__ */ l(i || "div", { className: d(t.item, c), "data-color": m, ...r, children: [
+  /* @__PURE__ */ o("div", { className: t.media, children: /* @__PURE__ */ o(_, { name: e, variant: "solid", className: t.icon }) }),
+  /* @__PURE__ */ o("div", { className: t.content, children: n }),
+  a && /* @__PURE__ */ o("div", { className: t.action, children: /* @__PURE__ */ o(p, { icon: "x-mark", variant: "text", onClick: s, className: t.dismiss }) })
+] });
+export {
+  g as SnackbarItem
+};

package/dist/components/Snackbar/index.js

@@ -1,10 +1,6 @@
 import { Snackbar as o } from "./Snackbar.js";
-import { SnackbarBase as b } from "./SnackbarBase.js";
-import { SnackbarMedia as f } from "./SnackbarMedia.js";
-import { SnackbarLabel as m } from "./SnackbarLabel.js";
+import { SnackbarItem as m } from "./SnackbarItem.js";
 export {
   o as Snackbar,
-  b as SnackbarBase,
-  m as SnackbarLabel,
-  f as SnackbarMedia
+  m as SnackbarItem
 };

package/dist/components/Snackbar/useSnackbar.js

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

package/dist/components/Timeline/TimelineSection.js

@@ -6,6 +6,7 @@ import "../Autocomplete/AutocompleteBase.js";
 import { Avatar as _ } from "../Avatar/Avatar.js";
 import "../RootProvider/RootProvider.js";
 import { Byline as p } from "../Byline/Byline.js";
+import "../Snackbar/useSnackbar.js";
 import '../../assets/TimelineSection.css';const u = "_section_1nusr_1", h = "_sidebar_1nusr_6", l = "_media_1nusr_19", N = "_dot_1nusr_26", v = "_border_1nusr_37", x = "_content_1nusr_52", o = {
   section: u,
   sidebar: h,
@@ -13,7 +14,7 @@ import '../../assets/TimelineSection.css';const u = "_section_1nusr_1", h = "_si
   dot: N,
   border: v,
   content: x
-}, k = ({
+}, q = ({
   loading: e,
   size: s = "xs",
   seen: c = !0,
@@ -36,5 +37,5 @@ import '../../assets/TimelineSection.css';const u = "_section_1nusr_1", h = "_si
   ] })
 ] });
 export {
-  k as TimelineSection
+  q as TimelineSection
 };

package/dist/components/Toolbar/ToolbarAccountMenu.js

@@ -8,13 +8,14 @@ import { useRootContext as d } from "../RootProvider/RootProvider.js";
 import { ToolbarFilterBase as f } from "./ToolbarFilterBase.js";
 import { DrawerOrDropdown as x } from "../Dropdown/DrawerOrDropdown.js";
 import { AccountMenu as T } from "../GlobalMenu/AccountMenu.js";
-const k = ({ currentAccount: o, id: t = "toolbar-accounts", ...m }) => {
-  const { currentId: i, toggleId: l, closeAll: p } = d(), s = () => l(t), e = i === t;
+import "../Snackbar/useSnackbar.js";
+const v = ({ currentAccount: o, id: t = "toolbar-accounts", ...m }) => {
+  const { currentId: i, toggleId: p, closeAll: l } = d(), s = () => p(t), e = i === t;
   return /* @__PURE__ */ n(f, { expanded: e, children: [
     /* @__PURE__ */ r(a, { type: "switch", onToggle: s, active: !!o, children: o == null ? void 0 : o.name }),
-    /* @__PURE__ */ r(x, { open: e, drawerTitle: "Endre konto", onClose: p, children: /* @__PURE__ */ r(T, { ...m, currentAccount: o }) })
+    /* @__PURE__ */ r(x, { open: e, drawerTitle: "Endre konto", onClose: l, children: /* @__PURE__ */ r(T, { ...m, currentAccount: o }) })
   ] });
 };
 export {
-  k as ToolbarAccountMenu
+  v as ToolbarAccountMenu
 };

package/dist/components/Toolbar/ToolbarAdd.js

@@ -8,13 +8,14 @@ import { ToolbarButton as s } from "./ToolbarButton.js";
 import { useRootContext as c } from "../RootProvider/RootProvider.js";
 import { ToolbarFilterBase as g } from "./ToolbarFilterBase.js";
 import { DrawerOrDropdown as a } from "../Dropdown/DrawerOrDropdown.js";
-const D = ({ label: r = "Legg til", items: n, id: t }) => {
-  const { closeAll: m, currentId: l, toggleId: i } = c(), e = l === t;
+import "../Snackbar/useSnackbar.js";
+const I = ({ label: r = "Legg til", items: m, id: t }) => {
+  const { closeAll: n, currentId: i, toggleId: l } = c(), e = i === t;
   return /* @__PURE__ */ p(g, { expanded: e, children: [
-    /* @__PURE__ */ o(s, { type: "add", onToggle: () => i(t), children: r }),
-    /* @__PURE__ */ o(a, { drawerTitle: r, onClose: m, open: e, children: /* @__PURE__ */ o(d, { theme: "global", items: n }) })
+    /* @__PURE__ */ o(s, { type: "add", onToggle: () => l(t), children: r }),
+    /* @__PURE__ */ o(a, { drawerTitle: r, onClose: n, open: e, children: /* @__PURE__ */ o(d, { theme: "global", items: m }) })
   ] });
 };
 export {
-  D as ToolbarAdd
+  I as ToolbarAdd
 };

package/dist/components/Toolbar/ToolbarDaterange.js

@@ -9,12 +9,13 @@ import { ToolbarButton as x } from "./ToolbarButton.js";
 import { useRootContext as S } from "../RootProvider/RootProvider.js";
 import { ToolbarFilterBase as w } from "./ToolbarFilterBase.js";
 import { DrawerOrDropdown as y } from "../Dropdown/DrawerOrDropdown.js";
+import "../Snackbar/useSnackbar.js";
 import { Datepicker as q } from "../Datepicker/Datepicker.js";
-import '../../assets/ToolbarDaterange.css';const B = "_datepicker_mqb1p_1", I = "_fields_mqb1p_6", N = "_description_mqb1p_10", i = {
+import '../../assets/ToolbarDaterange.css';const B = "_datepicker_mqb1p_1", I = "_fields_mqb1p_6", N = "_description_mqb1p_10", s = {
   datepicker: B,
   fields: I,
   description: N
-}, P = ({
+}, Q = ({
   id: c = "toolbar-filter-datetange",
   title: f = "Select daterange",
   description: g = "Choose dates or click to set daterange.",
@@ -23,17 +24,17 @@ import '../../assets/ToolbarDaterange.css';const B = "_datepicker_mqb1p_1", I =
   label: u = "Select daterange",
   value: b
 }) => {
-  const { currentId: T, toggleId: _ } = S(), l = () => _(c), m = T === c, [t, r] = p(""), [s, a] = p(""), k = (e) => {
+  const { currentId: T, toggleId: _ } = S(), l = () => _(c), m = T === c, [t, r] = p(""), [i, a] = p(""), k = (e) => {
     r(e.target.value);
   }, C = (e) => {
     a(e.target.value);
   }, v = (e) => {
-    s ? (r(e), a("")) : t && e < t ? (a(t), r(e)) : t ? a(e) : r(e);
+    i ? (r(e), a("")) : t && e < t ? (a(t), r(e)) : t ? a(e) : r(e);
   };
   return /* @__PURE__ */ n(w, { expanded: m, children: [
     /* @__PURE__ */ o(x, { type: "switch", onToggle: l, active: !!b, children: u }),
     /* @__PURE__ */ o(y, { open: m, drawerTitle: f, onClose: l, children: /* @__PURE__ */ n(F, { children: [
-      /* @__PURE__ */ n("div", { className: i.fields, children: [
+      /* @__PURE__ */ n("div", { className: s.fields, children: [
         /* @__PURE__ */ o(
           d,
           {
@@ -44,15 +45,15 @@ import '../../assets/ToolbarDaterange.css';const B = "_datepicker_mqb1p_1", I =
             onChange: k
           }
         ),
-        /* @__PURE__ */ o(d, { name: "toDate", value: s, type: "date", label: D, onChange: C })
+        /* @__PURE__ */ o(d, { name: "toDate", value: i, type: "date", label: D, onChange: C })
       ] }),
-      /* @__PURE__ */ n("section", { className: i.datepicker, children: [
-        /* @__PURE__ */ o(q, { onSelect: v, selectFrom: t, selectTo: s }),
-        /* @__PURE__ */ o("p", { className: i.description, children: g })
+      /* @__PURE__ */ n("section", { className: s.datepicker, children: [
+        /* @__PURE__ */ o(q, { onSelect: v, selectFrom: t, selectTo: i }),
+        /* @__PURE__ */ o("p", { className: s.description, children: g })
       ] })
     ] }) })
   ] });
 };
 export {
-  P as ToolbarDaterange
+  Q as ToolbarDaterange
 };