@altinn/altinn-components 0.11.0 → 0.13.0

package/dist/assets/Badge.css

@@ -1 +1 @@
-._badge_34f60_1{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-weight:500;line-height:1;padding:.5em;min-width:2em;border-radius:2em}._badge_34f60_1[data-size=sm]{font-size:.75rem}._badge_34f60_1[data-color=subtle]{background-color:var(--theme-surface-default);color:var(--theme-text-subtle)}._badge_34f60_1[data-color=alert]{background-color:#e02e49;color:#fff}
+._badge_1k5t5_1{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}._badge_1k5t5_1[data-size=xs]{width:.75rem;height:.75rem;padding:0;border-radius:1em}._badge_1k5t5_1[data-size=xs] ._label_1k5t5_15{color:transparent;width:100%;height:100%}._badge_1k5t5_1[data-size=sm]{font-weight:500;font-size:.75rem;line-height:1;padding:.5em;min-width:2em;border-radius:2em}._badge_1k5t5_1[data-color=neutral]{background-color:var(--ds-color-surface-default);color:var(--ds-color-text-subtle)}._badge_1k5t5_1[data-color=alert]{background-color:var(--ds-color-base-default);color:#fff}

package/dist/assets/DialogListItem.css

@@ -1 +1 @@
-._link_1j8q5_1[data-size=xl]{padding:1em}._link_1j8q5_1[data-size=lg]{padding:.875em}._link_1j8q5_1[data-size=md]{padding:.75em}._link_1j8q5_1[data-size=sm],._link_1j8q5_1[data-size=xs]{padding:.625em}._border_1j8q5_22{position:relative;border-left:.25rem solid;border-color:var(--theme-surface-active);display:flex;flex-direction:column}._border_1j8q5_22[data-seen=true],._border_1j8q5_22[data-loading=true]{border-color:var(--neutral-surface-default)}._border_1j8q5_22[data-size=xs],._border_1j8q5_22[data-size=sm]{width:100%;flex-direction:row;align-items:center;padding-left:.75rem}._border_1j8q5_22[data-size=md]{padding-left:.75rem;row-gap:.5rem}._border_1j8q5_22[data-size=lg]{padding-left:.875rem;row-gap:.875rem}._border_1j8q5_22[data-size=xl]{padding-left:1rem;row-gap:1rem}._select_1j8q5_61{position:absolute;top:0;right:0;margin:.375rem}._header_1j8q5_68{display:flex;flex-direction:column;row-gap:.25rem}._header_1j8q5_68[data-size=xs],._header_1j8q5_68[data-size=sm]{display:flex;flex-direction:row}._summary_1j8q5_80{font-size:1rem;font-weight:400;line-height:1.25;color:var(--theme-text-subtle);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}._summary_1j8q5_80[data-size=xs],._summary_1j8q5_80[data-size=sm],._summary_1j8q5_80[data-size=md]{font-size:.875rem}._summary_1j8q5_80[data-size=lg],._summary_1j8q5_80[data-size=xl]{font-size:1rem}._footer_1j8q5_108{width:100%}._touchedBy_1j8q5_112{position:absolute;right:0;bottom:0;margin:8px}
+._link_17fc6_1[data-size=xl]{padding:1em}._link_17fc6_1[data-size=lg]{padding:.875em}._link_17fc6_1[data-size=md]{padding:.75em}._link_17fc6_1[data-size=sm],._link_17fc6_1[data-size=xs]{padding:.625em}._border_17fc6_22{position:relative;border-left:.25rem solid;border-color:var(--theme-surface-active);display:flex;flex-direction:column}._border_17fc6_22[data-seen=true],._border_17fc6_22[data-loading=true]{border-color:var(--neutral-surface-default)}._border_17fc6_22[data-size=xs],._border_17fc6_22[data-size=sm]{width:100%;flex-direction:row;align-items:center;padding-left:.75rem}._border_17fc6_22[data-size=md]{padding-left:.75rem;row-gap:.5rem}._border_17fc6_22[data-size=lg]{padding-left:.875rem;row-gap:.875rem}._border_17fc6_22[data-size=xl]{padding-left:1rem;row-gap:1rem}._select_17fc6_61{position:absolute;top:0;right:0;margin:.375rem}._header_17fc6_68{display:flex;flex-direction:column;row-gap:.25rem}._header_17fc6_68[data-size=xs],._header_17fc6_68[data-size=sm]{display:flex;flex-direction:row}._summary_17fc6_80{font-size:1rem;font-weight:400;line-height:1.25;color:var(--theme-text-default);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}._summary_17fc6_80[data-size=xs],._summary_17fc6_80[data-size=sm],._summary_17fc6_80[data-size=md]{font-size:.875rem}._summary_17fc6_80[data-size=lg],._summary_17fc6_80[data-size=xl]{font-size:1rem}._footer_17fc6_108{width:100%}._touchedBy_17fc6_112{position:absolute;right:0;bottom:0;margin:8px}

package/dist/assets/Flex.css

@@ -1 +1 @@
-._flex_18d8p_1{display:flex}._flex_18d8p_1[data-direction=col]{flex-direction:column}._flex_18d8p_1[data-direction=row]{flex-direction:row}._flex_18d8p_1[data-align=center]{align-items:center}._flex_18d8p_1[data-align=start]{align-items:flex-start}._flex_18d8p_1[data-align=end]{align-items:flex-end}._flex_18d8p_1[data-justify=start]{justify-content:flex-start}._flex_18d8p_1[data-justify=end]{justify-content:flex-end}._flex_18d8p_1[data-justify=center]{justify-content:center}._flex_18d8p_1[data-justify=between]{justify-content:space-between}._flex_18d8p_1[data-spacing=xs]{gap:.25rem}._flex_18d8p_1[data-spacing=sm]{gap:.5rem}._flex_18d8p_1[data-spacing=md]{gap:.75rem}._flex_18d8p_1[data-spacing=lg]{gap:1rem}._flex_18d8p_1[data-spacing=xl]{gap:1.5rem}@media (max-width: 1024px){._flex_18d8p_1[data-inset=true]{margin-left:-1rem;margin-right:-1rem}}._flex_18d8p_1[data-padding=xs]{padding:.25rem}._flex_18d8p_1[data-padding=sm]{padding:.5rem}._flex_18d8p_1[data-padding=md]{padding:.75rem}._flex_18d8p_1[data-padding=lg]{padding:1rem}._flex_18d8p_1[data-padding=xl]{padding:1.5rem}@media (max-width: 1024px){._flex_18d8p_1[data-padding=xl]{padding:1.5rem 1rem}}._flex_18d8p_1[data-margin=xs]{margin:.25rem 0}._flex_18d8p_1[data-margin=sm]{margin:.5rem 0}._flex_18d8p_1[data-margin=md]{margin:.625rem 0}._flex_18d8p_1[data-margin=lg]{margin:1.125rem 0}._flex_18d8p_1[data-color=subtle]{background-color:var(--theme-background-default)}._flex_18d8p_1[data-color=surface]{background-color:var(--theme-surface-default)}._flex_18d8p_1[data-color=accent]{background-color:var(--theme-base-default)}._flex_18d8p_1[data-shadow=xs]{box-shadow:var(--ds-shadow-xs)}._flex_18d8p_1[data-shadow=sm]{box-shadow:var(--ds-shadow-sm)}._flex_18d8p_1[data-shadow=md]{box-shadow:var(--ds-shadow-md)}._flex_18d8p_1[data-shadow=lg]{box-shadow:var(--ds-shadow-lg)}._flex_18d8p_1[data-shadow=xl]{box-shadow:var(--ds-shadow-xl)}
+._flex_h50e9_1{display:flex}._flex_h50e9_1[data-direction=col]{flex-direction:column}._flex_h50e9_1[data-direction=row]{flex-direction:row}._flex_h50e9_1[data-align=center]{align-items:center}._flex_h50e9_1[data-align=start]{align-items:flex-start}._flex_h50e9_1[data-align=end]{align-items:flex-end}._flex_h50e9_1[data-justify=start]{justify-content:flex-start}._flex_h50e9_1[data-justify=end]{justify-content:flex-end}._flex_h50e9_1[data-justify=center]{justify-content:center}._flex_h50e9_1[data-justify=between]{justify-content:space-between}._flex_h50e9_1[data-spacing=xs]{gap:.25rem}._flex_h50e9_1[data-spacing=sm]{gap:.5rem}._flex_h50e9_1[data-spacing=md]{gap:.75rem}._flex_h50e9_1[data-spacing=lg]{gap:1rem}._flex_h50e9_1[data-spacing=xl]{gap:1.5rem}@media (max-width: 1024px){._flex_h50e9_1[data-inset=true]{margin-left:-1rem;margin-right:-1rem}}._flex_h50e9_1[data-padding=xs]{padding:.25rem}._flex_h50e9_1[data-padding=sm]{padding:.5rem}._flex_h50e9_1[data-padding=md]{padding:.75rem}._flex_h50e9_1[data-padding=lg]{padding:1rem}._flex_h50e9_1[data-padding=xl]{padding:1.5rem}@media (max-width: 1024px){._flex_h50e9_1[data-padding=xl]{padding:1.5rem 1rem}}._flex_h50e9_1[data-margin=xs]{margin:.25rem 0}._flex_h50e9_1[data-margin=sm]{margin:.5rem 0}._flex_h50e9_1[data-margin=md]{margin:.625rem 0}._flex_h50e9_1[data-margin=lg]{margin:1.125rem 0}._flex_h50e9_1[data-shadow=xs]{box-shadow:var(--ds-shadow-xs)}._flex_h50e9_1[data-shadow=sm]{box-shadow:var(--ds-shadow-sm)}._flex_h50e9_1[data-shadow=md]{box-shadow:var(--ds-shadow-md)}._flex_h50e9_1[data-shadow=lg]{box-shadow:var(--ds-shadow-lg)}._flex_h50e9_1[data-shadow=xl]{box-shadow:var(--ds-shadow-xl)}

package/dist/assets/LayoutBase.css

@@ -1 +1 @@
-._base_wqztk_1{position:relative;display:flex;flex-direction:column;min-height:100vh;overflow:hidden}._base_wqztk_1[data-theme]{background-color:var(--theme-background-subtle)}._base_wqztk_1[data-current-id=menu]{background-color:var(--theme-background-default)}
+._base_bdyfy_1{position:relative;display:flex;flex-direction:column;min-height:100vh;overflow:hidden}._base_bdyfy_1[data-theme]{background-color:var(--theme-background-subtle)}

package/dist/assets/MenuItemMedia.css

@@ -1 +1 @@
-._media_1kkjg_1{flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:5%;width:2rem;height:2rem}._media_1kkjg_1[data-size=lg]{width:44px;height:44px}._media_1kkjg_1[data-size=xs]{width:1.5rem;height:1.5rem}._media_1kkjg_1[data-size=xs] ._icon_1kkjg_21{font-size:1.25rem}._icon_1kkjg_21{font-size:1.5rem}._media_1kkjg_1[data-color=subtle]{background-color:var(--theme-background-default);color:var(--theme-text-default)}._media_1kkjg_1[data-color=surface]{background-color:var(--theme-surface-default);color:var(--theme-text-default)}._media_1kkjg_1[data-color=strong]{background-color:var(--theme-base-default);color:var(--theme-background-default)}._media_1kkjg_1[data-color=company]{background-color:var(--company-surface-default);color:var(--company-text-default)}._media_1kkjg_1[data-color=person]{background-color:var(--person-surface-default);color:var(--person-text-default)}
+._media_rtso6_1{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:5%;width:2rem;height:2rem}._media_rtso6_1[data-size=lg]{width:44px;height:44px}._media_rtso6_1[data-size=xs]{width:1.5rem;height:1.5rem}._media_rtso6_1[data-size=xs] ._icon_rtso6_22{font-size:1.25rem}._icon_rtso6_22{font-size:1.5rem}._media_rtso6_1[data-color=subtle]{background-color:var(--theme-background-default);color:var(--theme-text-default)}._media_rtso6_1[data-color=surface]{background-color:var(--theme-surface-default);color:var(--theme-text-default)}._media_rtso6_1[data-color=strong]{background-color:var(--theme-base-default);color:var(--theme-background-default)}._media_rtso6_1[data-color=company]{background-color:var(--company-surface-default);color:var(--company-text-default)}._media_rtso6_1[data-color=person]{background-color:var(--person-surface-default);color:var(--person-text-default)}._badge_rtso6_55{position:absolute;top:0;right:0;margin-top:-.25em;margin-right:-.25em;outline:1px solid white}

package/dist/assets/Section.css

@@ -1 +1 @@
-._section_167jj_1[data-bg=subtle]{background-color:var(--theme-background-default)}._section_167jj_1[data-bg=surface]{background-color:var(--theme-surface-default)}._section_167jj_1[data-bg=accent]{background-color:var(--theme-base-default)}._section_167jj_1[data-shadow=xs]{box-shadow:var(--ds-shadow-xs)}._section_167jj_1[data-shadow=sm]{box-shadow:var(--ds-shadow-sm)}._section_167jj_1[data-shadow=md]{box-shadow:var(--ds-shadow-md)}._section_167jj_1[data-shadow=lg]{box-shadow:var(--ds-shadow-lg)}._section_167jj_1[data-shadow=xl]{box-shadow:var(--ds-shadow-xl)}
+._section_1u2zl_1[data-bg=default]{background-color:var(--theme-background-default)}._section_1u2zl_1[data-bg=subtle]{background-color:var(--theme-background-subtle)}._section_1u2zl_1[data-bg=surface]{background-color:var(--theme-surface-default)}._section_1u2zl_1[data-bg=border]{background-color:var(--theme-border-default)}._section_1u2zl_1[data-bg=base]{background-color:var(--theme-base-default);color:var(--theme-contrast-default)}._section_1u2zl_1[data-shadow=xs]{box-shadow:var(--ds-shadow-xs)}._section_1u2zl_1[data-shadow=sm]{box-shadow:var(--ds-shadow-sm)}._section_1u2zl_1[data-shadow=md]{box-shadow:var(--ds-shadow-md)}._section_1u2zl_1[data-shadow=lg]{box-shadow:var(--ds-shadow-lg)}._section_1u2zl_1[data-shadow=xl]{box-shadow:var(--ds-shadow-xl)}

package/dist/assets/SnackbarBase.css

@@ -1 +1 @@
-._item_1dlhj_1{border:none;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-user-select:none;user-select:none;border-radius:.5rem}._item_1dlhj_1{position:relative;display:flex;align-items:center;text-decoration:none;color:inherit}._content_1dlhj_26{flex-grow:1;display:flex;align-items:center;gap:.625rem;margin:.625rem}._action_1dlhj_34{flex-shrink:0;display:flex;align-items:center;margin:.625rem}._item_1dlhj_1{background-color:var(--global-base-default);color:#fff;box-shadow:var(--ds-shadow-xs)}._item_1dlhj_1[data-color=accent]{background-color:var(--theme-surface-default)}._item_1dlhj_1[data-color=accent]:hover{background-color:var(--theme-surface-hover)}
+._stack_1lu9j_1{position:fixed;top:auto;right:0;bottom:0;left:0;display:flex;flex-direction:column;row-gap:.5rem;padding:1rem}@media (min-width: 1024px){._stack_1lu9j_1{align-items:center}}

package/dist/assets/SnackbarItem.css

@@ -0,0 +1 @@
+._item_137l4_1{border:none;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-user-select:none;user-select:none;border-radius:.5rem;box-shadow:var(--ds-shadow-xs)}._item_137l4_1{position:relative;display:flex;align-items:center;text-decoration:none;color:inherit;padding:.625rem}._media_137l4_23{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem}._icon_137l4_32{font-size:1.5rem}._content_137l4_36{flex-grow:1;display:flex;align-items:center;margin-left:.625rem;margin-right:1.25rem}._action_137l4_44{flex-shrink:0;display:flex;align-items:center;justify-content:center}._item_137l4_1{background-color:var(--ds-color-base-default);color:#fff}._item_137l4_1[data-color=neutral]{background-color:var(--ds-color-background-default);color:var(--ds-color-text-default)}

package/dist/components/AccessAreaList/AccessAreaList.js

@@ -1,12 +1,13 @@
 import { jsx as m } from "react/jsx-runtime";
-import { createElement as e } from "react";
+import { createElement as i } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
-import { AccessAreaListItem as i } from "./AccessAreaListItem.js";
-import { ListBase as s } from "../List/ListBase.js";
-const d = ({ items: t, theme: o }) => /* @__PURE__ */ m(s, { theme: o, spacing: "xs", children: t.map((r) => /* @__PURE__ */ e(i, { ...r, key: r.id, ...r })) });
+import "../Snackbar/useSnackbar.js";
+import { AccessAreaListItem as e } from "./AccessAreaListItem.js";
+import { ListBase as p } from "../List/ListBase.js";
+const l = ({ items: t, theme: o }) => /* @__PURE__ */ m(p, { theme: o, spacing: "xs", children: t.map((r) => /* @__PURE__ */ i(e, { ...r, key: r.id, ...r })) });
 export {
-  d as AccessAreaList
+  l as AccessAreaList
 };

package/dist/components/AccessAreaList/AccessAreaListItem.js

@@ -1,29 +1,30 @@
-import { jsxs as n, jsx as s } from "react/jsx-runtime";
-import { ListItemBase as a } from "../List/ListItemBase.js";
+import { jsxs as n, jsx as m } from "react/jsx-runtime";
+import { ListItemBase as p } from "../List/ListItemBase.js";
 import "../../index-L8X2o7IH.js";
-import { ListItemHeader as p } from "../List/ListItemHeader.js";
+import { ListItemHeader as a } from "../List/ListItemHeader.js";
 import "react";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import '../../assets/AccessAreaListItem.css';const l = "_content_7hk0i_1", f = {
   content: l
-}, v = ({
+}, A = ({
   name: o,
-  icon: e,
+  icon: s,
   size: r = "md",
-  children: m,
+  children: e,
   expanded: t = !1,
   onClick: i,
   ...c
-}) => /* @__PURE__ */ n(a, { size: r, expanded: t, children: [
-  /* @__PURE__ */ s(
-    p,
+}) => /* @__PURE__ */ n(p, { size: r, expanded: t, children: [
+  /* @__PURE__ */ m(
+    a,
     {
       as: "button",
       avatar: {
         name: o,
-        imageUrl: e,
+        imageUrl: s,
         type: "company"
       },
       title: o,
@@ -34,8 +35,8 @@ import '../../assets/AccessAreaListItem.css';const l = "_content_7hk0i_1", f = {
       ...c
     }
   ),
-  t && /* @__PURE__ */ s("div", { className: f.content, children: m })
+  t && /* @__PURE__ */ m("div", { className: f.content, children: e })
 ] });
 export {
-  v as AccessAreaListItem
+  A as AccessAreaListItem
 };

package/dist/components/AccessPackageList/AccessPackageList.js

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

package/dist/components/AccessPackageList/AccessPackageListItem.js

@@ -1,12 +1,13 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
-import { ListItem as i } from "../List/ListItem.js";
-const u = ({ as: o = "button", icon: t, title: m, ...r }) => /* @__PURE__ */ e(
-  i,
+import "../Snackbar/useSnackbar.js";
+import { ListItem as p } from "../List/ListItem.js";
+const v = ({ as: o = "button", icon: t, title: m, ...r }) => /* @__PURE__ */ i(
+  p,
   {
     avatar: t ? {
       imageUrl: t,
@@ -21,5 +22,5 @@ const u = ({ as: o = "button", icon: t, title: m, ...r }) => /* @__PURE__ */ e(
   }
 );
 export {
-  u as AccessPackageListItem
+  v as AccessPackageListItem
 };

package/dist/components/Autocomplete/AutocompleteItem.js

@@ -7,9 +7,10 @@ import "./AutocompleteBase.js";
 import { ScopeListItem as a } from "./ScopeListItem.js";
 import "../RootProvider/RootProvider.js";
 import { DialogListItem as i } from "../Dialog/DialogListItem.js";
-import { ListItem as e } from "../List/ListItem.js";
-const x = ({ type: o, ...t }) => {
-  switch (o) {
+import { ListItem as o } from "../List/ListItem.js";
+import "../Snackbar/useSnackbar.js";
+const k = ({ type: e, ...t }) => {
+  switch (e) {
     case "scope":
       return /* @__PURE__ */ r(a, { ...t, color: "transparent", tabIndex: -1 });
     case "bookmark":
@@ -17,11 +18,11 @@ const x = ({ type: o, ...t }) => {
     case "dialog":
       return /* @__PURE__ */ r(i, { ...t, color: "transparent", size: "sm", tabIndex: -1 });
     case "information":
-      return /* @__PURE__ */ r(e, { ...t, color: "transparent", tabIndex: -1, disabled: !0 });
+      return /* @__PURE__ */ r(o, { ...t, color: "transparent", tabIndex: -1, disabled: !0 });
     default:
-      return /* @__PURE__ */ r(e, { ...t, color: "transparent", size: "sm", tabIndex: -1 });
+      return /* @__PURE__ */ r(o, { ...t, color: "transparent", size: "sm", tabIndex: -1 });
   }
 };
 export {
-  x as AutocompleteItem
+  k as AutocompleteItem
 };

package/dist/components/Autocomplete/ScopeListItem.js

@@ -4,10 +4,11 @@ import "react";
 import "../Icon/SvgIcon.js";
 import "./AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import { ListItem as i } from "../List/ListItem.js";
 import '../../assets/ScopeListItem.css';const r = "_item_1a3bc_1", e = {
   item: r
-}, x = ({ as: s = "a", label: t, ...m }) => /* @__PURE__ */ o(i, { className: e.item, label: t, ...m });
+}, I = ({ as: s = "a", label: t, ...m }) => /* @__PURE__ */ o(i, { className: e.item, label: t, ...m });
 export {
-  x as ScopeListItem
+  I as ScopeListItem
 };

package/dist/components/Badge/Badge.js

@@ -1,8 +1,9 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as d } from "../../index-L8X2o7IH.js";
-import '../../assets/Badge.css';const l = "_badge_34f60_1", s = {
-  badge: l
-}, b = ({ label: e, color: t = "subtle", size: c = "sm", className: o, children: r }) => /* @__PURE__ */ a("span", { className: d(s.badge, o), "data-color": t, "data-size": c, children: /* @__PURE__ */ a("span", { className: s.label, children: e || r }) });
+import { c as r } from "../../index-L8X2o7IH.js";
+import '../../assets/Badge.css';const n = "_badge_1k5t5_1", d = "_label_1k5t5_15", e = {
+  badge: n,
+  label: d
+}, _ = ({ label: s, color: l = "neutral", size: t = "sm", className: c, children: o }) => /* @__PURE__ */ a("span", { className: r(e.badge, c), "data-color": l, "data-size": t, children: /* @__PURE__ */ a("span", { className: e.label, children: s || o }) });
 export {
-  b as Badge
+  _ as Badge
 };

package/dist/components/Bookmarks/BookmarksListItem.js

@@ -1,5 +1,5 @@
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import { useState as y } from "react";
+import { useState as z } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
@@ -9,10 +9,11 @@ import { IconButton as C } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
 import { ListItemBase as I } from "../List/ListItemBase.js";
 import { ListItemHeader as L } from "../List/ListItemHeader.js";
-import { Section as z } from "../Page/Section.js";
-import { Flex as H } from "../Page/Flex.js";
-import { TextField as Q } from "../TextField/TextField.js";
-const V = ({
+import "../Snackbar/useSnackbar.js";
+import { Section as H } from "../Page/Section.js";
+import { Flex as Q } from "../Page/Flex.js";
+import { TextField as U } from "../TextField/TextField.js";
+const X = ({
   size: l = "sm",
   icon: k = "bookmark",
   expanded: t,
@@ -24,13 +25,14 @@ const V = ({
   onToggle: n,
   saveButton: c,
   removeButton: e,
+  as: v,
   ...s
 }) => {
-  const [p, v] = y({ title: i, params: m }), j = (w) => {
-    const { name: x, value: F } = w.target;
-    v((S) => ({
-      ...S,
-      [x]: F
+  const [p, j] = z({ title: i, params: m }), w = (x) => {
+    const { name: F, value: S } = x.target;
+    j((y) => ({
+      ...y,
+      [F]: S
     }));
   };
   return t && !o ? /* @__PURE__ */ f(I, { loading: o, expanded: t, children: [
@@ -46,10 +48,10 @@ const V = ({
         ...s
       }
     ),
-    t && /* @__PURE__ */ f(z, { padding: "lg", spacing: "lg", children: [
+    t && /* @__PURE__ */ f(H, { padding: "lg", spacing: "lg", children: [
       /* @__PURE__ */ r(h, { params: m }),
-      a && /* @__PURE__ */ r(Q, { ...a, name: "title", value: (p == null ? void 0 : p.title) || "", onChange: j }),
-      (c || e) && /* @__PURE__ */ f(H, { as: "footer", direction: "row", spacing: "sm", children: [
+      a && /* @__PURE__ */ r(U, { ...a, name: "title", value: (p == null ? void 0 : p.title) || "", onChange: w }),
+      (c || e) && /* @__PURE__ */ f(Q, { as: "footer", direction: "row", spacing: "sm", children: [
         c && /* @__PURE__ */ r(u, { ...c }),
         e && /* @__PURE__ */ r(u, { ...e, variant: "outline" })
       ] })
@@ -57,6 +59,7 @@ const V = ({
   ] }) : /* @__PURE__ */ r(I, { ...s, loading: o, expanded: t, children: /* @__PURE__ */ r(
     L,
     {
+      as: v,
       size: l,
       title: i,
       loading: o,
@@ -68,5 +71,5 @@ const V = ({
   ) });
 };
 export {
-  V as BookmarksListItem
+  X as BookmarksListItem
 };

package/dist/components/Bookmarks/BookmarksSection.js

@@ -1,43 +1,40 @@
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { createElement as f } from "react";
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { createElement as c } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { Typography as k } from "../Typography/Typography.js";
-import { Heading as x } from "../Typography/Heading.js";
+import { Typography as f } from "../Typography/Typography.js";
+import { Heading as l } from "../Typography/Heading.js";
 import "../Autocomplete/AutocompleteBase.js";
-import { BookmarksListItem as h } from "./BookmarksListItem.js";
+import { BookmarksListItem as k } from "./BookmarksListItem.js";
 import "../RootProvider/RootProvider.js";
-import { ListBase as g } from "../List/ListBase.js";
-import { Section as u } from "../Page/Section.js";
-const q = ({
+import { ListBase as x } from "../List/ListBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Section as h } from "../Page/Section.js";
+const U = ({
   loading: m,
   title: p,
   description: e,
   items: t,
   untitled: d = "Untitled bookmark",
   titleField: n,
-  saveButton: s,
-  removeButton: a,
-  expandedId: c,
+  expandedId: s,
   onToggle: i
-}) => /* @__PURE__ */ l(u, { padding: "xl", color: "surface", spacing: "lg", inset: !0, children: [
-  /* @__PURE__ */ o(x, { size: "md", children: p }),
-  t.length > 0 && /* @__PURE__ */ o(g, { spacing: "xs", children: t.map((r) => /* @__PURE__ */ f(
-    h,
+}) => /* @__PURE__ */ a(h, { padding: "xl", bg: "surface", spacing: "lg", inset: !0, children: [
+  /* @__PURE__ */ o(l, { size: "md", children: p }),
+  t.length > 0 && /* @__PURE__ */ o(x, { spacing: "xs", children: t.map((r) => /* @__PURE__ */ c(
+    k,
     {
       ...r,
       key: r.id,
       loading: m || r.loading,
       onToggle: () => i == null ? void 0 : i(r.id),
-      expanded: c === r.id,
+      expanded: s === r.id,
       untitled: d,
-      titleField: n,
-      saveButton: s,
-      removeButton: a
+      titleField: n
     }
   )) }),
-  /* @__PURE__ */ o(k, { size: "xs", children: e })
+  /* @__PURE__ */ o(f, { size: "xs", children: e })
 ] });
 export {
-  q as BookmarksSection
+  U as BookmarksSection
 };

package/dist/components/Byline/Byline.js

@@ -3,17 +3,18 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
+import { Skeleton as m } from "../Skeleton/Skeleton.js";
 import { Avatar as c } from "../Avatar/Avatar.js";
 import { AvatarGroup as p } from "../Avatar/AvatarGroup.js";
-import { Skeleton as m } from "../Skeleton/Skeleton.js";
 import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import '../../assets/Byline.css';const b = "_byline_pzenw_1", d = "_label_pzenw_7", e = {
   byline: b,
   label: d
-}, A = ({ loading: r, size: t = "xs", avatar: l, avatarGroup: i, datetime: s, children: o }) => /* @__PURE__ */ n("div", { className: e.byline, "data-size": t, children: [
+}, k = ({ loading: r, size: t = "xs", avatar: l, avatarGroup: i, datetime: o, children: s }) => /* @__PURE__ */ n("div", { className: e.byline, "data-size": t, children: [
   /* @__PURE__ */ a(m, { variant: "circle", className: e.avatar, loading: r, children: i ? /* @__PURE__ */ a(p, { ...i, size: t, className: e.avatar }) : l && /* @__PURE__ */ a(c, { ...l, size: t, className: e.avatar }) }),
-  /* @__PURE__ */ a("time", { "data-size": t, dateTime: s, className: e.label, children: /* @__PURE__ */ a(m, { loading: r, children: o }) })
+  /* @__PURE__ */ a("time", { "data-size": t, dateTime: o, className: e.label, children: /* @__PURE__ */ a(m, { loading: r, children: s }) })
 ] });
 export {
-  A as Byline
+  k as Byline
 };

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";
@@ -14,10 +14,11 @@ 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 = ({
+const ir = ({
   backButton: o,
   menu: t,
   updatedAt: x,
@@ -26,39 +27,39 @@ const er = ({
   dueAtLabel: z,
   status: A,
   title: b,
-  sender: j,
-  recipient: B,
-  recipientLabel: H = "to",
-  recipientGroup: P,
-  summary: S = "Summary.",
-  body: T,
+  sender: d,
+  recipient: j,
+  recipientLabel: B = "to",
+  recipientGroup: H,
+  summary: P = "Summary.",
+  body: S,
   actions: i = [],
-  attachments: p,
-  seenBy: d,
+  attachments: l,
+  seenBy: T,
   activityLog: v,
   history: g,
   timeline: h,
   additionalInfo: m,
   contactInfo: e
-}) => /* @__PURE__ */ l(G, { color: "subtle", shadow: "xs", children: [
+}) => /* @__PURE__ */ p(G, { bg: "default", 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: "inherit", padding: "xl", spacing: "xl", children: [
+  /* @__PURE__ */ p(K, { padding: "xl", spacing: "xl", children: [
     /* @__PURE__ */ r(w, { size: "xl", children: b }),
     g && /* @__PURE__ */ r(F, { ...g, collapsible: !0 }),
     /* @__PURE__ */ r(
       M,
       {
         size: "lg",
-        sender: j,
-        recipient: B,
-        recipientLabel: H,
-        recipientGroup: P
+        sender: d,
+        recipient: j,
+        recipientLabel: B,
+        recipientGroup: H
       }
     ),
-    /* @__PURE__ */ l(k, { updatedAt: x, updatedAtLabel: u, seenBy: d, activityLog: v, children: [
-      /* @__PURE__ */ r("p", { children: S }),
-      T,
-      p && /* @__PURE__ */ r(q, { ...p }),
+    /* @__PURE__ */ p(k, { updatedAt: x, updatedAtLabel: u, seenBy: T, activityLog: v, children: [
+      /* @__PURE__ */ r("p", { children: P }),
+      S,
+      l && /* @__PURE__ */ r(q, { ...l }),
       (i == null ? void 0 : i.length) > 0 && /* @__PURE__ */ r(N, { items: i })
     ] }),
     h && /* @__PURE__ */ r(E, { ...h }),
@@ -67,5 +68,5 @@ const er = ({
   ] })
 ] });
 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

@@ -9,9 +9,10 @@ import { DialogSeenBy as a } from "./DialogSeenBy.js";
 import { MetaBase as c } from "../Meta/MetaBase.js";
 import "../RootProvider/RootProvider.js";
 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 C = ({ updatedAt: t, updatedAtLabel: e, seenBy: o, activityLog: m, children: p }) => /* @__PURE__ */ i(f, { seen: !1, children: /* @__PURE__ */ r(s, { spacing: "lg", margin: "md", children: [
+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(d, { datetime: t, children: e }),
     /* @__PURE__ */ i(n, { size: "md", children: p })
@@ -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
 };