@altinn/altinn-components 0.11.0 → 0.13.0

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,35 @@
+import { jsxs as l, jsx as n } 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 v = "_item_137l4_1", f = "_media_137l4_23", N = "_icon_137l4_32", x = "_content_137l4_36", g = "_action_137l4_44", i = {
+  item: v,
+  media: f,
+  icon: N,
+  content: x,
+  action: g
+};
+var h = /* @__PURE__ */ ((t) => (t.accent = "accent", t.neutral = "neutral", t.alert = "alert", t.success = "success", t.warning = "warning", t.danger = "danger", t.info = "info", t))(h || {});
+const F = ({
+  as: t,
+  message: e,
+  className: c,
+  color: o = "accent",
+  icon: s = "bell",
+  dismissable: a = !0,
+  onDismiss: m,
+  ...r
+}) => /* @__PURE__ */ l(t || "div", { className: d(i.item, c), "data-color": o, ...r, children: [
+  /* @__PURE__ */ n("div", { className: i.media, children: /* @__PURE__ */ n(_, { name: s, variant: "solid", className: i.icon }) }),
+  /* @__PURE__ */ n("div", { className: i.content, children: e }),
+  a && /* @__PURE__ */ n("div", { className: i.action, children: /* @__PURE__ */ n(p, { icon: "x-mark", variant: "outline", onClick: m, className: i.dismiss }) })
+] });
+export {
+  h as SnackbarColorEnum,
+  F as SnackbarItem
+};

package/dist/components/Snackbar/index.js

@@ -1,10 +1,7 @@
 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 { SnackbarColorEnum as n, SnackbarItem as b } from "./SnackbarItem.js";
 export {
   o as Snackbar,
-  b as SnackbarBase,
-  m as SnackbarLabel,
-  f as SnackbarMedia
+  n as SnackbarColorEnum,
+  b 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
 };

package/dist/components/Toolbar/ToolbarFilter.js

@@ -7,28 +7,29 @@ import { ToolbarButton as j } from "./ToolbarButton.js";
 import { useRootContext as B } from "../RootProvider/RootProvider.js";
 import { ToolbarFilterBase as C } from "./ToolbarFilterBase.js";
 import { DrawerOrDropdown as O } from "../Dropdown/DrawerOrDropdown.js";
+import "../Snackbar/useSnackbar.js";
 import { ToolbarOptions as k } from "./ToolbarOptions.js";
-const D = (p, o) => Array.isArray(o) ? o.join(", ") : o, H = ({
+const D = (p, o) => Array.isArray(o) ? o.join(", ") : o, J = ({
   removable: p,
   label: o,
   name: t,
   value: r,
-  options: f,
-  optionGroups: m,
+  options: m,
+  optionGroups: f,
   onChange: d,
   onRemove: a,
-  getSelectedLabel: n,
+  getSelectedLabel: i,
   showResultsLabel: y = "Show results",
   optionType: A,
   id: c = `toolbar-filter-${t}`
 }) => {
-  const { currentId: h, toggleId: T, closeAll: u } = B(), w = (f ?? []).map(
-    (i) => ({
-      ...i,
+  const { currentId: h, toggleId: T, closeAll: u } = B(), w = (m ?? []).map(
+    (n) => ({
+      ...n,
       name: t,
-      checked: Array.isArray(r) ? r.includes(i.value) : i.value === r
+      checked: Array.isArray(r) ? r.includes(n.value) : n.value === r
     })
-  ), x = (n == null ? void 0 : n(t, r)) ?? D(t, r), e = () => T(c), l = h === c;
+  ), x = (i == null ? void 0 : i(t, r)) ?? D(t, r), e = () => T(c), l = h === c;
   return /* @__PURE__ */ b(C, { expanded: l, children: [
     /* @__PURE__ */ s(
       j,
@@ -52,7 +53,7 @@ const D = (p, o) => Array.isArray(o) ? o.join(", ") : o, H = ({
           k,
           {
             options: w,
-            optionGroups: m,
+            optionGroups: f,
             onChange: d,
             optionType: A
           }
@@ -62,5 +63,5 @@ const D = (p, o) => Array.isArray(o) ? o.join(", ") : o, H = ({
   ] });
 };
 export {
-  H as ToolbarFilter
+  J as ToolbarFilter
 };

package/dist/components/Toolbar/ToolbarMenu.js

@@ -8,7 +8,8 @@ import { ToolbarButton as f } from "./ToolbarButton.js";
 import { useRootContext as b } from "../RootProvider/RootProvider.js";
 import { ToolbarFilterBase as g } from "./ToolbarFilterBase.js";
 import { DrawerOrDropdown as h } from "../Dropdown/DrawerOrDropdown.js";
-const v = ({ label: e, value: n, groups: l, search: m, items: i, id: r = "toolbar-menu" }) => {
+import "../Snackbar/useSnackbar.js";
+const y = ({ label: e, value: n, groups: l, search: m, items: i, id: r = "toolbar-menu" }) => {
   const { currentId: p, toggleId: s, closeAll: a } = b(), c = () => s(r), t = p === r;
   return /* @__PURE__ */ d(g, { expanded: t, children: [
     /* @__PURE__ */ o(f, { type: "switch", onToggle: c, active: !!n, children: e }),
@@ -16,5 +17,5 @@ const v = ({ label: e, value: n, groups: l, search: m, items: i, id: r = "toolba
   ] });
 };
 export {
-  v as ToolbarMenu
+  y as ToolbarMenu
 };

package/dist/components/Toolbar/ToolbarOptions.js

@@ -2,15 +2,16 @@ import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import { Fragment as M } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import { MenuOption as v } from "../Menu/MenuOption.js";
 import { MenuSearch as j } from "../Menu/MenuSearch.js";
 import { MenuHeader as x } from "../Menu/MenuHeader.js";
-import "../Autocomplete/AutocompleteBase.js";
-import "../RootProvider/RootProvider.js";
 import { MenuBase as O, MenuList as I, MenuListItem as m } from "../Menu/MenuBase.js";
-const w = ({ search: d, optionGroups: n = {}, options: h, onChange: b, optionType: g }) => {
-  var a;
-  const p = h.reduce(
+const z = ({ search: p, optionGroups: n = {}, options: h, onChange: b, optionType: g }) => {
+  var i;
+  const d = h.reduce(
     (e, l) => {
       const o = l.groupId || "";
       return e[o] = e[o] || [], e[o].push(l), e;
@@ -18,14 +19,14 @@ const w = ({ search: d, optionGroups: n = {}, options: h, onChange: b, optionTyp
     {}
   );
   return /* @__PURE__ */ c(O, { theme: "global", children: [
-    d && /* @__PURE__ */ r(j, { ...d }),
-    /* @__PURE__ */ r(I, { children: (a = Object.keys(p)) == null ? void 0 : a.map((e, l) => {
+    p && /* @__PURE__ */ r(j, { ...p }),
+    /* @__PURE__ */ r(I, { children: (i = Object.keys(d)) == null ? void 0 : i.map((e, l) => {
       var u;
-      const o = n[e] || {}, { title: i, divider: f = !0 } = o;
+      const o = n[e] || {}, { title: a, divider: f = !0 } = o;
       return /* @__PURE__ */ c(M, { children: [
         l && f ? /* @__PURE__ */ r(m, { role: "separator" }) : "",
-        i && /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(x, { title: i }) }),
-        (u = p[e]) == null ? void 0 : u.map((t) => {
+        a && /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(x, { title: a }) }),
+        (u = d[e]) == null ? void 0 : u.map((t) => {
           var s;
           return /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(
             v,
@@ -44,5 +45,5 @@ const w = ({ search: d, optionGroups: n = {}, options: h, onChange: b, optionTyp
   ] });
 };
 export {
-  w as ToolbarOptions
+  z as ToolbarOptions
 };

package/dist/components/Toolbar/ToolbarSearch.js

@@ -6,19 +6,20 @@ import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import { IconButton as m } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import '../../assets/ToolbarSearch.css';const l = "_field_tw5fx_1", p = "_icon_tw5fx_5", f = "_input_tw5fx_14", _ = "_clear_tw5fx_30", o = {
   field: l,
   icon: p,
   input: f,
   clear: _
-}, j = ({ value: c, name: n, placeholder: r = "Search", onChange: s, onClear: i }) => /* @__PURE__ */ a("div", { className: o.field, children: [
+}, k = ({ value: c, name: r, placeholder: n = "Search", onChange: s, onClear: i }) => /* @__PURE__ */ a("div", { className: o.field, children: [
   /* @__PURE__ */ t(
     "input",
     {
       type: "search",
       value: c,
-      name: n,
-      placeholder: r,
+      name: r,
+      placeholder: n,
       className: o.input,
       onChange: s
     }
@@ -37,5 +38,5 @@ import '../../assets/ToolbarSearch.css';const l = "_field_tw5fx_1", p = "_icon_t
   )
 ] });
 export {
-  j as ToolbarSearch
+  k as ToolbarSearch
 };

package/dist/components/Transmission/TransmissionItem.js

@@ -7,10 +7,11 @@ import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import { ListItem as b } from "../List/ListItem.js";
 import { MetaTimestamp as z } from "../Meta/MetaTimestamp.js";
+import "../Snackbar/useSnackbar.js";
 import { DialogAttachments as I } from "../Dialog/DialogAttachments.js";
 import '../../assets/TransmissionItem.css';const T = "_body_1m345_1", k = {
   body: T
-}, N = ({
+}, S = ({
   type: i,
   loading: g,
   sender: o,
@@ -67,5 +68,5 @@ import '../../assets/TransmissionItem.css';const T = "_body_1m345_1", k = {
   );
 };
 export {
-  N as TransmissionItem
+  S as TransmissionItem
 };

package/dist/components/Transmission/TransmissionList.js

@@ -5,8 +5,9 @@ import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import { TransmissionItem as e } from "./TransmissionItem.js";
+import "../Snackbar/useSnackbar.js";
 import { ListBase as n } from "../List/ListBase.js";
-const x = ({ items: r }) => r.length ? /* @__PURE__ */ o(n, { children: r.map((t, m) => /* @__PURE__ */ i(e, { ...t, key: m })) }) : null;
+const L = ({ items: r }) => r.length ? /* @__PURE__ */ o(n, { children: r.map((t, m) => /* @__PURE__ */ i(e, { ...t, key: m })) }) : null;
 export {
-  x as TransmissionList
+  L as TransmissionList
 };