@altinn/altinn-components 0.10.4 → 0.12.0

package/dist/components/ContextMenu/ContextMenu.js

@@ -9,29 +9,30 @@ import { IconButton as w } from "../Button/IconButton.js";
 import { MenuItems as b } from "../Menu/MenuItems.js";
 import { useRootContext as k } from "../RootProvider/RootProvider.js";
 import { DropdownBase as I } from "../Dropdown/DropdownBase.js";
+import "../Snackbar/useSnackbar.js";
 import '../../assets/ContextMenu.css';const M = "_toggle_ya7jy_1", N = "_button_ya7jy_5", v = "_icon_ya7jy_14", z = "_dropdown_ya7jy_18", e = {
   toggle: M,
   button: N,
   icon: v,
   dropdown: z
-}, F = ({
+}, G = ({
   id: r = "context-menu",
-  placement: i = "right",
+  placement: l = "right",
   size: m,
   groups: a = {},
-  className: u,
+  className: p,
   items: s
 }) => {
-  const { currentId: p, toggleId: d, closeAll: t } = k(), c = h(null);
+  const { currentId: u, toggleId: d, closeAll: t } = k(), c = h(null);
   C(c, () => t());
-  const g = () => d(r), _ = p === r, f = j(() => s.map((o) => ({
+  const g = () => d(r), _ = u === r, f = j(() => s.map((o) => ({
     ...o,
     onClick: () => {
-      var l;
-      (l = o.onClick) == null || l.call(o), t();
+      var i;
+      (i = o.onClick) == null || i.call(o), t();
     }
   })), [s, t]);
-  return /* @__PURE__ */ y("div", { className: x(e.toggle, u), "data-theme": "neutral", ref: c, children: [
+  return /* @__PURE__ */ y("div", { className: x(e.toggle, p), "data-theme": "neutral", ref: c, children: [
     /* @__PURE__ */ n(
       w,
       {
@@ -44,9 +45,9 @@ import '../../assets/ContextMenu.css';const M = "_toggle_ya7jy_1", N = "_button_
         onClick: g
       }
     ),
-    /* @__PURE__ */ n(I, { className: e.dropdown, placement: i, open: _, children: /* @__PURE__ */ n(b, { groups: a, items: f }) })
+    /* @__PURE__ */ n(I, { className: e.dropdown, placement: l, open: _, children: /* @__PURE__ */ n(b, { groups: a, items: f }) })
   ] });
 };
 export {
-  F as ContextMenu
+  G as ContextMenu
 };

package/dist/components/Dialog/Dialog.js

@@ -1,4 +1,4 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import { Typography as s } from "../Typography/Typography.js";
@@ -9,17 +9,18 @@ import { DialogMetadata as C } from "./DialogMetadata.js";
 import { DialogByline as M } from "./DialogByline.js";
 import { DialogActions as N } from "./DialogActions.js";
 import { DialogContent as k } from "./DialogContent.js";
-import { DialogSection as D } from "./DialogSection.js";
+import { DialogSection as o } from "./DialogSection.js";
 import { DialogAttachments as q } from "./DialogAttachments.js";
 import "../RootProvider/RootProvider.js";
 import { DialogTimeline as E } from "./DialogTimeline.js";
 import { DialogHistory as F } from "./DialogHistory.js";
+import "../Snackbar/useSnackbar.js";
 import { PageBase as G } from "../Page/PageBase.js";
 import { PageNav as J } from "../Page/PageNav.js";
 import { Article as K } from "../Page/Article.js";
-const er = ({
-  backButton: o,
-  menu: t,
+const ir = ({
+  backButton: t,
+  menu: D,
   updatedAt: x,
   updatedAtLabel: u,
   dueAt: y,
@@ -33,17 +34,17 @@ const er = ({
   summary: S = "Summary.",
   body: T,
   actions: i = [],
-  attachments: p,
+  attachments: l,
   seenBy: d,
   activityLog: v,
   history: g,
   timeline: h,
   additionalInfo: m,
   contactInfo: e
-}) => /* @__PURE__ */ l(G, { color: "subtle", shadow: "xs", children: [
-  /* @__PURE__ */ r(J, { padding: "sm", backButton: o, menu: t, children: /* @__PURE__ */ r(C, { status: A, dueAt: y, dueAtLabel: z }) }),
-  /* @__PURE__ */ l(K, { theme: "article", padding: "xl", spacing: "xl", children: [
-    /* @__PURE__ */ r(w, { size: "lg", children: b }),
+}) => /* @__PURE__ */ p(G, { color: "subtle", shadow: "xs", children: [
+  /* @__PURE__ */ r(J, { padding: "sm", backButton: t, menu: D, children: /* @__PURE__ */ r(C, { status: A, dueAt: y, dueAtLabel: z }) }),
+  /* @__PURE__ */ p(K, { theme: "inherit", padding: "xl", spacing: "xl", children: [
+    /* @__PURE__ */ r(w, { size: "xl", children: b }),
     g && /* @__PURE__ */ r(F, { ...g, collapsible: !0 }),
     /* @__PURE__ */ r(
       M,
@@ -55,17 +56,17 @@ const er = ({
         recipientGroup: P
       }
     ),
-    /* @__PURE__ */ l(k, { updatedAt: x, updatedAtLabel: u, seenBy: d, activityLog: v, children: [
+    /* @__PURE__ */ p(k, { updatedAt: x, updatedAtLabel: u, seenBy: d, activityLog: v, children: [
       /* @__PURE__ */ r("p", { children: S }),
       T,
-      p && /* @__PURE__ */ r(q, { ...p }),
+      l && /* @__PURE__ */ r(q, { ...l }),
       (i == null ? void 0 : i.length) > 0 && /* @__PURE__ */ r(N, { items: i })
     ] }),
     h && /* @__PURE__ */ r(E, { ...h }),
-    m && /* @__PURE__ */ r(D, { title: m == null ? void 0 : m.title, children: /* @__PURE__ */ r(s, { size: "md", children: m == null ? void 0 : m.children }) }),
-    e && /* @__PURE__ */ r(D, { title: e == null ? void 0 : e.title, children: /* @__PURE__ */ r(s, { size: "md", children: e == null ? void 0 : e.children }) })
+    m && /* @__PURE__ */ r(o, { title: m == null ? void 0 : m.title, children: /* @__PURE__ */ r(s, { size: "md", children: m == null ? void 0 : m.children }) }),
+    e && /* @__PURE__ */ r(o, { title: e == null ? void 0 : e.title, children: /* @__PURE__ */ r(s, { size: "md", children: e == null ? void 0 : e.children }) })
   ] })
 ] });
 export {
-  er as Dialog
+  ir as Dialog
 };

package/dist/components/Dialog/DialogActions.js

@@ -7,12 +7,13 @@ import { Button as u } from "../Button/Button.js";
 import { ComboButton as f } from "../Button/ComboButton.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import { Menu as y } from "../Menu/Menu.js";
 import '../../assets/DialogActions.css';const g = "_action_1lkfe_1", h = "_comboButton_1lkfe_7", _ = "_dropdown_1lkfe_11", i = {
   action: g,
   comboButton: h,
   dropdown: _
-}, j = ({ items: e, maxItems: l = 2 }) => {
+}, z = ({ items: e, maxItems: l = 2 }) => {
   const [c, a] = p(!1), n = m(() => (e || []).sort((r, o) => {
     const s = ["primary", "secondary", "tertiary"];
     return s.indexOf(r == null ? void 0 : r.priority) - s.indexOf(o == null ? void 0 : o.priority);
@@ -55,5 +56,5 @@ import '../../assets/DialogActions.css';const g = "_action_1lkfe_1", h = "_combo
   )) });
 };
 export {
-  j as DialogActions
+  z as DialogActions
 };

package/dist/components/Dialog/DialogByline.js

@@ -4,15 +4,16 @@ import "../Icon/SvgIcon.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
-import { Byline as v } from "../Byline/Byline.js";
-const i = ({
+import { Byline as p } from "../Byline/Byline.js";
+import "../Snackbar/useSnackbar.js";
+const s = ({
   sender: o,
   recipient: a,
   recipientLabel: m = "to",
   recipientGroup: t = !1,
   loading: l,
   size: r = "xs"
-}) => !o && !a ? null : /* @__PURE__ */ u(v, { loading: l, size: r, avatar: o, avatarGroup: t && o && a ? {
+}) => !o && !a ? null : /* @__PURE__ */ u(p, { loading: l, size: r, avatar: o, avatarGroup: t && o && a ? {
   items: [o, a]
 } : void 0, children: [
   /* @__PURE__ */ f("strong", { children: o == null ? void 0 : o.name }),
@@ -20,5 +21,5 @@ const i = ({
   m + " " + (a == null ? void 0 : a.name)
 ] });
 export {
-  i as DialogByline
+  s as DialogByline
 };

package/dist/components/Dialog/DialogContent.js

@@ -8,13 +8,14 @@ import { DialogActivityLog as l } from "./DialogActivityLog.js";
 import { DialogSeenBy as a } from "./DialogSeenBy.js";
 import { MetaBase as c } from "../Meta/MetaBase.js";
 import "../RootProvider/RootProvider.js";
-import { Byline as f } from "../Byline/Byline.js";
-import { TimelineSection as d } from "../Timeline/TimelineSection.js";
-import { Section as g } from "../Page/Section.js";
-const C = ({ updatedAt: t, updatedAtLabel: e, seenBy: o, activityLog: m, children: p }) => /* @__PURE__ */ i(d, { seen: !1, children: /* @__PURE__ */ r(g, { spacing: "lg", margin: "md", children: [
+import { Byline as d } from "../Byline/Byline.js";
+import "../Snackbar/useSnackbar.js";
+import { TimelineSection as f } from "../Timeline/TimelineSection.js";
+import { Section as s } from "../Page/Section.js";
+const M = ({ updatedAt: t, updatedAtLabel: e, seenBy: o, activityLog: m, children: p }) => /* @__PURE__ */ i(f, { seen: !1, children: /* @__PURE__ */ r(s, { spacing: "lg", margin: "md", children: [
   /* @__PURE__ */ r("div", { children: [
-    /* @__PURE__ */ i(f, { datetime: t, children: e }),
-    /* @__PURE__ */ i(n, { size: "lg", children: p })
+    /* @__PURE__ */ i(d, { datetime: t, children: e }),
+    /* @__PURE__ */ i(n, { size: "md", children: p })
   ] }),
   /* @__PURE__ */ r(c, { children: [
     o && /* @__PURE__ */ i(a, { ...o }),
@@ -22,5 +23,5 @@ const C = ({ updatedAt: t, updatedAtLabel: e, seenBy: o, activityLog: m, childre
   ] })
 ] }) });
 export {
-  C as DialogContent
+  M as DialogContent
 };

package/dist/components/Dialog/DialogHeading.js

@@ -3,16 +3,17 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
-import { Skeleton as l } from "../Skeleton/Skeleton.js";
-import { DialogLabel as p } from "./DialogLabel.js";
+import { Skeleton as p } from "../Skeleton/Skeleton.js";
+import { DialogLabel as l } from "./DialogLabel.js";
 import "../RootProvider/RootProvider.js";
-import '../../assets/DialogHeading.css';const d = "_heading_xpy9u_1", c = "_title_xpy9u_7", o = {
+import "../Snackbar/useSnackbar.js";
+import '../../assets/DialogHeading.css';const d = "_heading_xpy9u_1", c = "_title_xpy9u_7", s = {
   heading: d,
   title: c
-}, z = ({ loading: e, size: a = "sm", seen: r = !1, state: i, label: s, children: m }) => /* @__PURE__ */ n("div", { className: o.heading, children: [
-  /* @__PURE__ */ t("h2", { className: o.title, "data-seen": r, "data-size": a, "data-state": i, children: /* @__PURE__ */ t(l, { loading: e, children: m }) }),
-  !e && s && /* @__PURE__ */ t(p, { type: i, size: "xs", children: s })
+}, D = ({ loading: e, size: r = "sm", seen: a = !1, state: i, label: o, children: m }) => /* @__PURE__ */ n("div", { className: s.heading, children: [
+  /* @__PURE__ */ t("h2", { className: s.title, "data-seen": a, "data-size": r, "data-state": i, children: /* @__PURE__ */ t(p, { loading: e, children: m }) }),
+  !e && o && /* @__PURE__ */ t(l, { type: i, size: "xs", children: o })
 ] });
 export {
-  z as DialogHeading
+  D as DialogHeading
 };

package/dist/components/Dialog/DialogHistory.js

@@ -7,24 +7,25 @@ import "../Autocomplete/AutocompleteBase.js";
 import { MetaItem as h } from "../Meta/MetaItem.js";
 import "../RootProvider/RootProvider.js";
 import { DialogHistoryItem as n } from "./DialogHistoryItem.js";
+import "../Snackbar/useSnackbar.js";
 import { TimelineBase as g } from "../Timeline/TimelineBase.js";
-const T = ({
+const b = ({
   items: o,
   summary: s = "History summary",
   updatedAt: m,
   updatedAtLabel: a,
   collapsible: i = !1,
-  expandLabel: l = "Expand history",
-  collapseLabel: p = "Collapse history"
+  expandLabel: p = "Expand history",
+  collapseLabel: l = "Collapse history"
 }) => {
   const [e, c] = x(!1), d = () => {
     c((t) => !t);
   };
   return o ? /* @__PURE__ */ f(g, { children: [
     (e || !i) && o.map((t, u) => /* @__PURE__ */ y(n, { ...t, key: u })) || /* @__PURE__ */ r(n, { createdAt: m, createdAtLabel: a, summary: s }),
-    i && /* @__PURE__ */ r("footer", { children: /* @__PURE__ */ r(h, { size: "xs", as: "button", reverse: !0, icon: e ? "arrow-up" : "arrow-down", onClick: d, children: /* @__PURE__ */ r("strong", { children: e ? p : l }) }) })
+    i && /* @__PURE__ */ r("footer", { children: /* @__PURE__ */ r(h, { size: "xs", as: "button", reverse: !0, icon: e ? "arrow-up" : "arrow-down", onClick: d, children: /* @__PURE__ */ r("strong", { children: e ? l : p }) }) })
   ] }) : null;
 };
 export {
-  T as DialogHistory
+  b as DialogHistory
 };

package/dist/components/Dialog/DialogHistoryDetails.js

@@ -1,22 +1,23 @@
 "use client";
-import { jsxs as d, Fragment as u, jsx as e } from "react/jsx-runtime";
-import { useState as x } from "react";
+import { jsxs as d, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { useState as u } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
-import { DialogMetadata as g } from "./DialogMetadata.js";
-import { DialogAttachments as m } from "./DialogAttachments.js";
+import { DialogMetadata as x } from "./DialogMetadata.js";
+import { DialogAttachments as g } from "./DialogAttachments.js";
 import { DialogTransmissions as D } from "./DialogTransmissions.js";
 import "../RootProvider/RootProvider.js";
-const A = ({ attachments: o, transmissions: r }) => {
-  const l = o == null ? void 0 : o.title, p = r == null ? void 0 : r.title, [i, t] = x(!1), f = () => {
+import "../Snackbar/useSnackbar.js";
+const C = ({ attachments: o, transmissions: r }) => {
+  const l = o == null ? void 0 : o.title, p = r == null ? void 0 : r.title, [i, t] = u(!1), f = () => {
     t(!0);
   };
-  return !o && !r ? !1 : i ? /* @__PURE__ */ d(u, { children: [
-    o && /* @__PURE__ */ e(m, { ...o }),
+  return !o && !r ? !1 : i ? /* @__PURE__ */ d(m, { children: [
+    o && /* @__PURE__ */ e(g, { ...o }),
     r && /* @__PURE__ */ e(D, { ...r })
-  ] }) : /* @__PURE__ */ e(g, { attachmentsLabel: l, transmissionsLabel: p, onClick: f });
+  ] }) : /* @__PURE__ */ e(x, { attachmentsLabel: l, transmissionsLabel: p, onClick: f });
 };
 export {
-  A as DialogHistoryDetails
+  C as DialogHistoryDetails
 };

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

@@ -1,21 +1,22 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { Heading as t } from "../Typography/Heading.js";
+import { Heading as m } from "../Typography/Heading.js";
 import "react";
 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 { SectionHeader as c } from "../Page/SectionHeader.js";
-const B = ({ title: i, children: m }) => /* @__PURE__ */ o(p, { spacing: "md", children: [
-  i && /* @__PURE__ */ o(c, { margin: "sm", children: [
-    /* @__PURE__ */ r(t, { children: i }),
+import { Flex as s } from "../Page/Flex.js";
+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" })
   ] }),
-  /* @__PURE__ */ r(n, { spacing: "md", children: m })
+  /* @__PURE__ */ r(n, { spacing: "md", children: t })
 ] });
 export {
-  B 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: [
-  r && /* @__PURE__ */ m(t, { size: "sm", children: r }),
+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
 };