@altinn/altinn-components 0.30.3 → 0.31.0

package/dist/assets/Badge.css

@@ -1 +1 @@
-._badge_80cwt_1{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex:0 0 auto;max-height:min-content;--dsc-badge-background: var(--ds-color-base-default);--dsc-badge-color: var(--ds-color-base-contrast-default);background-color:var(--dsc-badge-background);color:var(--dsc-badge-color)}._badge_80cwt_1[data-size=xs]{width:.75rem;height:.75rem;padding:0;border-radius:1em}._badge_80cwt_1[data-size=xs] ._label_80cwt_22{color:transparent;width:100%;height:100%}._badge_80cwt_1[data-size=sm]{font-weight:500;font-size:.75rem;line-height:1;padding:.5em;min-width:2em;border-radius:2em}._badge_80cwt_1[data-variant=tinted]{--dsc-badge-background: var(--ds-color-surface-tinted);--dsc-badge-color: var(--ds-color-text-default)}._badge_80cwt_1[data-variant=base]{--dsc-badge-background: var(--ds-color-base-default);--dsc-badge-color: var(--ds-color-base-contrast-default)}._badge_80cwt_1[data-variant=text],._badge_80cwt_1[data-variant=text][data-size=xs],._badge_80cwt_1[data-variant=text][data-size=sm]{--dsc-badge-background: "transparent";--dsc-badge-color: var(--ds-color-text-subtle);font-size:.875rem;font-weight:400;padding:.5em 0}
+._badge_b4vo7_1{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex:0 0 auto;max-height:min-content;--dsc-badge-background: var(--ds-color-base-default);--dsc-badge-color: var(--ds-color-base-contrast-default);background-color:var(--dsc-badge-background);color:var(--dsc-badge-color)}._badge_b4vo7_1[data-size=xs]{width:.75rem;height:.75rem;padding:0;border-radius:1em}._badge_b4vo7_1[data-size=xs] ._label_b4vo7_22{color:transparent;width:100%;height:100%}._badge_b4vo7_1[data-size=sm]{font-weight:500;font-size:.75rem;line-height:1;padding:.5em;min-width:2em;border-radius:2em}._badge_b4vo7_1[data-variant=subtle]{--dsc-badge-background: var(--ds-color-surface-tinted);--dsc-badge-color: var(--ds-color-text-default)}._badge_b4vo7_1[data-variant=tinted]{--dsc-badge-background: var(--ds-color-surface-active);--dsc-badge-color: var(--ds-color-text-default)}._badge_b4vo7_1[data-variant=base]{--dsc-badge-background: var(--ds-color-base-default);--dsc-badge-color: var(--ds-color-base-contrast-default)}._badge_b4vo7_1[data-variant=text],._badge_b4vo7_1[data-variant=text][data-size=xs],._badge_b4vo7_1[data-variant=text][data-size=sm]{--dsc-badge-background: "transparent";--dsc-badge-color: var(--ds-color-text-subtle);font-size:.875rem;font-weight:400;padding:.5em 0}

package/dist/assets/DialogListItem.css

@@ -1 +1 @@
-._border_1fmch_1{pointer-events:none;border-left:.25rem solid;border-color:var(--ds-color-surface-active);display:flex;flex-direction:column;margin-top:.25em;margin-bottom:.25em;--dsc-item-my: 0}._border_1fmch_1[data-seen=true],._border_1fmch_1[data-status=draft],._border_1fmch_1[data-status=sent]{border-color:var(--ds-color-neutral-surface-tinted)}._border_1fmch_1[data-loading=true]{border-color:var(--ds-color-surface-tinted)}._border_1fmch_1[data-size=xs],._border_1fmch_1[data-size=sm]{width:100%;flex-direction:row;align-items:center;padding-left:.75rem}._border_1fmch_1[data-size=md]{padding-left:.75rem;row-gap:.5rem}._border_1fmch_1[data-size=lg]{padding-left:.875rem;row-gap:.875rem}._border_1fmch_1[data-size=xl]{padding-left:1rem;row-gap:1rem}._controls_1fmch_51{position:absolute;top:-4rem;right:0}._header_1fmch_57{display:flex;flex-direction:column;row-gap:.25rem}._header_1fmch_57[data-size=xs],._header_1fmch_57[data-size=sm]{display:flex;flex-direction:row}._summary_1fmch_69{font-size:1rem;font-weight:400;line-height:1.375;color:var(--ds-color-neutral-text-subtle);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}._summary_1fmch_69[data-size=xs],._summary_1fmch_69[data-size=sm],._summary_1fmch_69[data-size=md]{font-size:.875rem}._summary_1fmch_69[data-size=lg],._summary_1fmch_69[data-size=xl]{font-size:1rem}._footer_1fmch_97{width:100%}._seenBy_1fmch_101{position:absolute;right:0;bottom:0;margin-right:-.5rem}._heading_1fmch_110{padding-right:1.25rem;display:inline-flex;column-gap:.5em}._title_1fmch_116{line-height:1.25;font-weight:600;margin:0}._title_1fmch_116[data-size=xs],._title_1fmch_116[data-size=sm]{font-size:1rem}._title_1fmch_116[data-size=md],._title_1fmch_116[data-size=lg],._title_1fmch_116[data-size=xl]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._title_1fmch_116[data-size=md]{font-size:1rem}._title_1fmch_116[data-size=lg],._title_1fmch_116[data-size=xl]{font-size:1.25rem;line-height:1.25}._title_1fmch_116[data-seen=true],._title_1fmch_116[data-state=archived]{font-weight:400}._title_1fmch_116[data-state=trashed]{font-weight:400;text-decoration:line-through}
+._border_1ij7d_1{pointer-events:none;border-left:.25rem solid;border-color:var(--dsc-border-color);display:flex;flex-direction:column;margin-top:.25em;margin-bottom:.25em;--dsc-item-my: 0;--dsc-border-color: var(--ds-color-neutral-surface-tinted);--dsc-title-weight: 400;--dsc-title-font-size: 1rem;--dsc-title-line-height: 1.25;--dsc-summary-font-size: .875rem}._border_1ij7d_1[data-unread=true]{--dsc-border-color: var(--ds-color-surface-active);--dsc-title-weight: 600}._border_1ij7d_1[data-trashed=true] ._title_1ij7d_23{text-decoration:line-through}._border_1ij7d_1[data-size=xs],._border_1ij7d_1[data-size=sm]{width:100%;flex-direction:row;align-items:center;padding-left:.75rem}._border_1ij7d_1[data-size=md]{padding-left:.75rem;row-gap:.5rem}._border_1ij7d_1[data-size=lg]{--dsc-title-font-size: 1.25rem;--dsc-summary-font-size: 1rem;padding-left:.875rem;row-gap:.875rem}._border_1ij7d_1[data-size=xl]{--dsc-title-font-size: 1.25rem;--dsc-summary-font-size: 1rem;padding-left:1rem;row-gap:1rem}._controls_1ij7d_54{position:absolute;top:0;right:0;margin:.25em}._header_1ij7d_61{position:relative;display:flex;flex-direction:column;row-gap:.25rem}._header_1ij7d_61[data-size=xs],._header_1ij7d_61[data-size=sm]{display:flex;flex-direction:row}._summary_1ij7d_74{font-size:var(--dsc-summary-font-size);font-weight:400;line-height:1.375;color:var(--ds-color-neutral-text-subtle);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}._footer_1ij7d_88{width:100%}._seenBy_1ij7d_92{position:absolute;right:0;bottom:0;margin-right:-.5rem}._heading_1ij7d_99{padding-right:1.25rem;display:inline-flex;align-items:center;column-gap:.5em}._title_1ij7d_23{font-size:var(--dsc-title-font-size);font-weight:var(--dsc-title-font-weight);line-height:var(--dsc-title-line-height);margin:0}._title_1ij7d_23[data-size=md],._title_1ij7d_23[data-size=lg],._title_1ij7d_23[data-size=xl]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}

package/dist/assets/DrawerBase.css

@@ -1 +1 @@
-._drawer_18fhf_1{display:none}._drawer_18fhf_1[data-expanded=true]{display:block;width:100%;z-index:2}._drawer_18fhf_1[data-placement=bottom]{position:fixed;top:5.5rem;bottom:0;left:0;right:0}@media (max-width: 1023px){._drawer_18fhf_1[data-expanded=true][data-layout=desktop]{display:none}}@media (min-width: 1024px){._drawer_18fhf_1[data-expanded=true][data-layout=mobile]{display:none}}
+._drawer_tvpob_1{display:none}._drawer_tvpob_1[data-variant=default]{background-color:var(--ds-color-background-default)}._drawer_tvpob_1[data-expanded=true]{display:block;width:100%;z-index:2}._drawer_tvpob_1[data-placement=bottom]{position:fixed;top:5.5rem;bottom:0;left:0;right:0}@media (max-width: 1023px){._drawer_tvpob_1[data-expanded=true][data-layout=desktop]{display:none}}@media (min-width: 1024px){._drawer_tvpob_1[data-expanded=true][data-layout=mobile]{display:none}}

package/dist/assets/DrawerOrDropdown.css

@@ -0,0 +1 @@
+._drawerOrDropdown_ijmwc_1{background-color:var(--ds-color-background-default);display:none}._drawerOrDropdown_ijmwc_1[data-expanded=true]{position:fixed;top:5.5rem;right:0;bottom:0;left:0;display:block;z-index:2}@media (min-width: 1024px){._header_ijmwc_18,._footer_ijmwc_19{display:none}._drawerOrDropdown_ijmwc_1[data-expanded=true]{position:absolute;top:auto;right:auto;bottom:auto;left:0;min-width:16rem;max-width:24rem;margin-top:.5rem;border-radius:.375rem;overflow:hidden}}

package/dist/assets/DropdownBase.css

@@ -1 +1 @@
-._dropdown_16kos_1{display:none;background-color:var(--ds-color-background-default)}._dropdown_16kos_1[data-expanded=true]{display:block;position:absolute;z-index:9999}._dropdown_16kos_1[data-placement=left]{left:0}._dropdown_16kos_1[data-placement=right]{right:0}._dropdown_16kos_1[data-padding=true]{padding:0 .5rem}._dropdown_16kos_1{min-width:16rem;max-width:24rem;margin-top:.5rem;border-radius:.375rem;overflow:hidden}@media (max-width: 1023px){._dropdown_16kos_1[data-expanded=true][data-layout=desktop]{display:none}}@media (min-width: 1024px){._dropdown_16kos_1[data-expanded=true][data-layout=mobile]{display:none}}
+._dropdown_1ixqr_1{display:none;background-color:var(--ds-color-background-default)}._dropdown_1ixqr_1[data-expanded=true]{display:block;position:absolute;z-index:9999}._dropdown_1ixqr_1[data-placement=left]{left:0}._dropdown_1ixqr_1[data-placement=right]{right:0}._dropdown_1ixqr_1[data-padding=true]{padding:0 .5rem}._dropdown_1ixqr_1{min-width:16rem;max-width:24rem;margin-top:.5rem;border-radius:.375rem;overflow:hidden}@media (max-width: 1023px){._dropdown_1ixqr_1[data-expanded=true][data-layout=desktop]{display:none}}@media (min-width: 1024px){._dropdown_1ixqr_1[data-expanded=true][data-layout=mobile]{display:none}}

package/dist/assets/ListItemHeader.css

@@ -1 +1 @@
-._header_s4ghf_1{--dsc-item-spacing: .5em;position:relative;width:100%;min-height:var(--dsc-item-height);display:flex;align-items:center;justify-content:space-between;background:var(--dsc-item-background);column-gap:var(--dsc-item-spacing);padding-right:var(--dsc-item-px);padding-left:var(--dsc-item-px)}._header_s4ghf_1[data-interactive=true]{cursor:pointer}._header_s4ghf_1[data-interactive=true]:hover{background:var(--dsc-item-background--hover)}._header_s4ghf_1[data-interactive=true]:hover ._label_s4ghf_27 h2{text-decoration:underline}._header_s4ghf_1[data-has-active-child=true]{background-color:var(--ds-color-background-tinted)}._linkIcon_s4ghf_35{flex-shrink:0;min-width:1.5em;min-width:2em;min-height:2em;display:flex;align-items:center;justify-content:center;pointer-events:none}
+._header_b93u8_1{--dsc-item-spacing: .5em;position:relative;width:100%;min-height:var(--dsc-item-height);display:flex;align-items:center;justify-content:space-between;background:var(--dsc-item-background);column-gap:var(--dsc-item-spacing);padding-right:var(--dsc-item-px);padding-left:var(--dsc-item-px)}._header_b93u8_1[data-interactive=true]{cursor:pointer}._header_b93u8_1[data-interactive=true]:hover{background:var(--dsc-item-background--hover)}._header_b93u8_1[data-interactive=true]:hover ._label_b93u8_27 h2{text-decoration:underline}._header_b93u8_1[data-has-active-child=true]{background-color:var(--ds-color-background-tinted)}._linkIcon_b93u8_35{flex-shrink:0;min-width:2em;min-height:2em;display:flex;align-items:center;justify-content:center;pointer-events:none}

package/dist/assets/MenuItemBase.css

@@ -1 +1 @@
-._item_1k1tk_1{font:inherit;color:inherit;padding:0;border:0;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_1k1tk_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_1k1tk_1[data-size=md]{min-height:56px}._item_1k1tk_1[data-size=md]{min-height:44px}._item_1k1tk_1[data-size=sm]{min-height:40px}._content_1k1tk_45{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._item_1k1tk_1,._item_1k1tk_1[data-theme]{background-color:transparent}._item_1k1tk_1{pointer-events:none}._item_1k1tk_1[data-interactive=true]{pointer-events:all}[data-theme=subtle] ._item_1k1tk_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=subtle] ._item_1k1tk_1:active{background-color:var(--ds-color-surface-active)}[data-theme=subtle] ._item_1k1tk_1[data-selected=true]{background-color:var(--ds-color-background-default)}[data-theme=default] ._item_1k1tk_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=default] ._item_1k1tk_1:active{background-color:var(--ds-color-surface-active)}[data-theme=default] ._item_1k1tk_1[data-selected=true]{background-color:var(--ds-color-background-tinted)}._content_1k1tk_45{display:flex;width:100%;align-items:center;column-gap:.5em;padding:.5}
+._item_3iu2g_1{font:inherit;color:inherit;padding:0;border:0;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_3iu2g_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_3iu2g_1[data-size=md]{min-height:56px}._item_3iu2g_1[data-size=md]{min-height:44px}._item_3iu2g_1[data-size=sm]{min-height:40px}._content_3iu2g_45{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._item_3iu2g_1,._item_3iu2g_1[data-theme]{background-color:transparent}._item_3iu2g_1{pointer-events:none}._item_3iu2g_1[data-interactive=true]{pointer-events:all}[data-theme=subtle] ._item_3iu2g_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=subtle] ._item_3iu2g_1:active{background-color:var(--ds-color-surface-active)}[data-theme=subtle] ._item_3iu2g_1[data-selected=true]{background-color:var(--ds-color-background-default)}[data-theme=default] ._item_3iu2g_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=default] ._item_3iu2g_1:active{background-color:var(--ds-color-surface-active)}[data-theme=default] ._item_3iu2g_1[data-selected=true]{background-color:var(--ds-color-background-tinted)}._content_3iu2g_45{display:flex;width:100%;align-items:center;column-gap:.5em}

package/dist/assets/Transmission.css

@@ -0,0 +1 @@
+._title_cy7ua_1{display:flex;align-items:center;column-gap:.5em}._title_cy7ua_1 h2{display:inline;font-weight:inherit;font-size:inherit;line-height:inherit;margin:0}

package/dist/components/Account/AccountList.js

@@ -3,22 +3,22 @@ import { Fragment as g, createElement as l } from "react";
 import "../../index-L8X2o7IH.js";
 import { AccountListItem as d } from "./AccountListItem.js";
 import "../RootProvider/RootProvider.js";
-import { List as f } from "../List/List.js";
 import { Typography as a } from "../Typography/Typography.js";
-import { Heading as m } from "../Typography/Heading.js";
+import { Heading as f } from "../Typography/Heading.js";
 import "../Searchbar/AutocompleteBase.js";
+import { List as m } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as h } from "../Page/Section.js";
 const F = ({ items: e, groups: i }) => !e || e.length === 0 ? /* @__PURE__ */ p(h, { children: [
-  /* @__PURE__ */ t(m, { size: "lg", children: "Ingen treff" }),
+  /* @__PURE__ */ t(f, { size: "lg", children: "Ingen treff" }),
   /* @__PURE__ */ t(a, { children: "Ingen treff på søket ditt." })
 ] }) : i ? /* @__PURE__ */ t(h, { spacing: 6, children: Object.entries(i).map(([r, s]) => {
   const { title: o } = s, c = e.filter((n) => n.groupId === r && !n.hidden);
   return c.length === 0 ? null : /* @__PURE__ */ p(g, { children: [
-    o && /* @__PURE__ */ t(m, { size: "lg", children: o }),
-    /* @__PURE__ */ t(f, { children: c.map((n) => /* @__PURE__ */ l(d, { ...n, key: n.id })) })
+    o && /* @__PURE__ */ t(f, { size: "lg", children: o }),
+    /* @__PURE__ */ t(m, { children: c.map((n) => /* @__PURE__ */ l(d, { ...n, key: n.id })) })
   ] }, r);
-}) }) : /* @__PURE__ */ t(f, { children: e.filter((r) => !(r != null && r.hidden)).map((r) => /* @__PURE__ */ l(d, { ...r, key: r.id })) });
+}) }) : /* @__PURE__ */ t(m, { children: e.filter((r) => !(r != null && r.hidden)).map((r) => /* @__PURE__ */ l(d, { ...r, key: r.id })) });
 export {
   F as AccountList
 };

package/dist/components/Account/AccountListItem.js

@@ -2,8 +2,8 @@ import { jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { ListItem as j } from "../List/ListItem.js";
 import "../Searchbar/AutocompleteBase.js";
+import { ListItem as j } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
 import { AccountListItemControls as k } from "./AccountListItemControls.js";
 const D = ({

package/dist/components/Account/AccountListItemControls.js

@@ -6,9 +6,9 @@ import { forwardRef as m, isValidElement as y } from "react";
 import { Badge as O } from "../Badge/Badge.js";
 import { IconButton as w } from "../Button/IconButton.js";
 import { ContextMenu as b } from "../ContextMenu/ContextMenu.js";
-import { ListItemControls as v } from "../List/ListItemControls.js";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
+import { ListItemControls as v } from "../List/ListItemControls.js";
 import "../Snackbar/useSnackbar.js";
 import { u as d } from "../../useId-BVFxCjkq.js";
 var h = function(t, n) {

package/dist/components/Badge/Badge.js

@@ -1,17 +1,18 @@
-import { jsx as a } from "react/jsx-runtime";
-import { c as r } from "../../index-L8X2o7IH.js";
-import '../../assets/Badge.css';const b = "_badge_80cwt_1", m = "_label_80cwt_22", e = {
-  badge: b,
+import { jsx as e } from "react/jsx-runtime";
+import { c } from "../../index-L8X2o7IH.js";
+import '../../assets/Badge.css';const n = "_badge_b4vo7_1", m = "_label_b4vo7_22", s = {
+  badge: n,
   label: m
-}, g = ({ label: t, color: s, variant: l = "tinted", theme: c, size: d = "sm", className: n, children: o }) => /* @__PURE__ */ a(
+}, g = ({ label: t, color: l, variant: d = "subtle", theme: o, size: a = "sm", className: r, children: b }) => /* @__PURE__ */ e(
   "span",
   {
-    className: r(e.badge, n),
-    "data-color": s,
-    "data-variant": l,
-    "data-theme": c,
-    "data-size": d,
-    children: /* @__PURE__ */ a("span", { className: e.label, children: t || o })
+    className: c(s.badge, r),
+    "data-color": l,
+    "data-variant": d,
+    "data-theme": o,
+    "data-size": a,
+    ...a === "xs" && { "aria-hidden": !0 },
+    children: /* @__PURE__ */ e("span", { className: s.label, children: t || b })
   }
 );
 export {

package/dist/components/Bookmarks/BookmarksListItem.js

@@ -2,8 +2,8 @@ import { jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { ListItem as e } from "../List/ListItem.js";
 import "../Searchbar/AutocompleteBase.js";
+import { ListItem as e } from "../List/ListItem.js";
 import { QueryLabel as s } from "../Searchbar/QueryLabel.js";
 import "../Snackbar/useSnackbar.js";
 const c = ({ loading: r, title: m, ariaLabel: t, params: p, ...i }) => /* @__PURE__ */ o(

package/dist/components/Bookmarks/BookmarksSection.js

@@ -4,10 +4,10 @@ import "../../index-L8X2o7IH.js";
 import { BookmarksListItem as h } from "./BookmarksListItem.js";
 import { EditableBookmark as k } from "./EditableBookmark.js";
 import "../RootProvider/RootProvider.js";
-import { List as p } from "../List/List.js";
 import { Typography as l } from "../Typography/Typography.js";
 import { Heading as x } from "../Typography/Heading.js";
 import "../Searchbar/AutocompleteBase.js";
+import { List as p } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as z } from "../Page/Section.js";
 const g = ({

package/dist/components/Dialog/DialogActivity.js

@@ -4,11 +4,11 @@ import "react";
 import { Byline as e } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
 import { TimelineBase as h } from "../Timeline/TimelineBase.js";
-import { TransmissionList as g } from "../Transmission/TransmissionList.js";
-import { Typography as c } from "../Typography/Typography.js";
+import { Typography as g } from "../Typography/Typography.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as x } from "../Page/Section.js";
+import { Section as c } from "../Page/Section.js";
+import { TransmissionList as x } from "../Transmission/TransmissionList.js";
 import { S } from "../../CircleFill-BkDF4Wm0.js";
 const y = ({
   icon: p = S,
@@ -19,13 +19,13 @@ const y = ({
   createdAtLabel: o,
   description: r,
   transmissions: t
-}) => /* @__PURE__ */ m(h, { color: l, icon: s === "md" ? i : p, children: /* @__PURE__ */ n(x, { style: { marginBottom: ".5em" }, children: [
+}) => /* @__PURE__ */ m(h, { color: l, icon: s === "md" ? i : p, children: /* @__PURE__ */ n(c, { style: { marginBottom: ".5em" }, children: [
   o && /* @__PURE__ */ n(e, { datetime: f, children: [
     /* @__PURE__ */ m("strong", { children: i == null ? void 0 : i.name }),
     o
   ] }),
-  r && /* @__PURE__ */ m(c, { children: r }),
-  t && /* @__PURE__ */ m(g, { items: t })
+  r && /* @__PURE__ */ m(g, { children: r }),
+  t && /* @__PURE__ */ m(x, { items: t })
 ] }) });
 export {
   y as DialogActivity

package/dist/components/Dialog/DialogByline.js

@@ -17,7 +17,7 @@ const s = ({
 } : void 0, children: [
   /* @__PURE__ */ f("strong", { children: o == null ? void 0 : o.name }),
   " ",
-  t + " " + (a == null ? void 0 : a.name)
+  a && t + " " + (a == null ? void 0 : a.name)
 ] });
 export {
   s as DialogByline

package/dist/components/Dialog/DialogHeader.js

@@ -1,34 +1,40 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { Heading as c } from "../Typography/Heading.js";
-import { DialogMetadata as s } from "./DialogMetadata.js";
+import { Heading as l } from "../Typography/Heading.js";
+import { DialogMetadata as x } from "./DialogMetadata.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as f } from "../Page/Section.js";
-const M = ({
+import { Section as g } from "../Page/Section.js";
+const k = ({
   loading: r,
   title: p,
   status: o,
+  draftsLabel: t,
+  sentCount: a,
+  receivedCount: n,
   updatedAt: i,
-  updatedAtLabel: t,
+  updatedAtLabel: c,
   dueAt: m,
-  dueAtLabel: a
-}) => /* @__PURE__ */ n(f, { as: "header", spacing: 3, children: [
-  /* @__PURE__ */ e(c, { loading: r, size: "xl", children: p }),
+  dueAtLabel: s
+}) => /* @__PURE__ */ f(g, { as: "header", spacing: 3, children: [
+  /* @__PURE__ */ e(l, { loading: r, size: "xl", children: p }),
   (o || i || m) && /* @__PURE__ */ e(
-    s,
+    x,
     {
       loading: r,
       status: o,
+      draftsLabel: t,
+      sentCount: a,
+      receivedCount: n,
       updatedAt: i,
-      updatedAtLabel: t,
+      updatedAtLabel: c,
       dueAt: m,
-      dueAtLabel: a
+      dueAtLabel: s
     }
   )
 ] });
 export {
-  M as DialogHeader
+  k as DialogHeader
 };

package/dist/components/Dialog/DialogHistory.js

@@ -1,29 +1,30 @@
 "use client";
-import { jsx as t } from "react/jsx-runtime";
-import { createElement as i } from "react";
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import { useState as m, createElement as u } from "react";
 import "../../index-L8X2o7IH.js";
+import { Button as h } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { DialogHistorySegment as c } from "./DialogHistorySegment.js";
-import { Timeline as d } from "../Timeline/Timeline.js";
+import { DialogHistorySegment as y } from "./DialogHistorySegment.js";
+import { Timeline as x } from "../Timeline/Timeline.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-const h = ({
+import { Section as E } from "../Page/Section.js";
+const q = ({
   items: o,
-  collapsible: r,
-  expanded: e,
-  expandLabel: p = "Expand history",
-  collapseLabel: a = "Collapse history"
-}) => o != null && o.length ? /* @__PURE__ */ t(d, { children: o.map((l, n) => /* @__PURE__ */ i(
-  c,
-  {
-    ...l,
-    collapsible: l.collapsible || r,
-    expanded: l.expanded || e,
-    expandLabel: l.expandLabel || p,
-    collapseLabel: l.collapseLabel || a,
-    key: n
-  }
-)) }) : null;
+  maxItems: r,
+  expandLabel: l = "Expand history",
+  collapseLabel: i = "Collapse history"
+}) => {
+  if (!(o != null && o.length))
+    return null;
+  const [n, p] = m(!1), c = () => {
+    p((t) => !t);
+  }, s = r ? o.slice(0, r) : o, a = n ? o : s, d = r && o.length > r;
+  return /* @__PURE__ */ f(E, { spacing: 4, children: [
+    /* @__PURE__ */ e(x, { children: a.map((t, g) => /* @__PURE__ */ u(y, { ...t, key: g })) }),
+    d && /* @__PURE__ */ e(h, { variant: "outline", onClick: c, children: n ? i : l })
+  ] });
+};
 export {
-  h as DialogHistory
+  q as DialogHistory
 };

package/dist/components/Dialog/DialogHistoryItem.js

@@ -1,45 +1,12 @@
-"use client";
-import { jsx as n, jsxs as f } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import * as m from "react";
-import { forwardRef as p } from "react";
+import "react";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { TimelineActivity as a } from "../Timeline/TimelineActivity.js";
-import { TimelineLink as c } from "../Timeline/TimelineLink.js";
-import { Transmission as s } from "../Transmission/Transmission.js";
-import { Typography as d } from "../Typography/Typography.js";
-import { List as u } from "../List/List.js";
-import { u as g } from "../../useId-BVFxCjkq.js";
-var v = function(r, i) {
-  var o = {};
-  for (var e in r) Object.prototype.hasOwnProperty.call(r, e) && i.indexOf(e) < 0 && (o[e] = r[e]);
-  if (r != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var t = 0, e = Object.getOwnPropertySymbols(r); t < e.length; t++)
-      i.indexOf(e[t]) < 0 && Object.prototype.propertyIsEnumerable.call(r, e[t]) && (o[e[t]] = r[e[t]]);
-  return o;
-};
-const w = p((r, i) => {
-  var { title: o, titleId: e } = r, t = v(r, ["title", "titleId"]);
-  let l = g();
-  return l = o ? e || "title-" + l : void 0, m.createElement(
-    "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": l }, t),
-    o ? m.createElement("title", { id: l }, o) : null,
-    m.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M13.672 3.825a.75.75 0 0 1 .791.085l7 5.5a.75.75 0 0 1 0 1.18l-7 5.5a.75.75 0 0 1-1.213-.59v-2.724a9.1 9.1 0 0 0-2.63.565c-2.284.87-3.759 2.562-4.671 4.077a12.4 12.4 0 0 0-.957 1.965 10 10 0 0 0-.263.792l-.001.007A.75.75 0 0 1 3.25 20c0-1.654.322-3.941 1.224-6.123.903-2.184 2.413-4.32 4.823-5.558 1.133-.581 2.445-.954 3.953-1.046V4.5a.75.75 0 0 1 .422-.675", clipRule: "evenodd" })
-  );
-}), P = ({ variant: r, byline: i, datetime: o, children: e, link: t, ...l }) => {
-  switch (r) {
-    case "transmission":
-      return /* @__PURE__ */ f(a, { byline: i, datetime: o, spacing: 2, children: [
-        /* @__PURE__ */ n(u, { children: /* @__PURE__ */ n(s, { ...l, children: e }) }),
-        t && /* @__PURE__ */ n(c, { ...t, icon: (t == null ? void 0 : t.icon) || w })
-      ] });
-    default:
-      return /* @__PURE__ */ n(a, { byline: i, datetime: o, children: /* @__PURE__ */ n(d, { children: e }) });
-  }
-};
+import { Typography as f } from "../Typography/Typography.js";
+import { TimelineActivity as p } from "../Timeline/TimelineActivity.js";
+const x = ({ byline: o, datetime: i, children: t, summary: e, ...m }) => t ? /* @__PURE__ */ r(p, { byline: o, datetime: i, ...m, children: t }) : /* @__PURE__ */ r(p, { byline: o, datetime: i, ...m, children: /* @__PURE__ */ r(f, { children: e }) });
 export {
-  P as DialogHistoryItem
+  x as DialogHistoryItem
 };

package/dist/components/Dialog/DialogHistorySegment.js

@@ -1,56 +1,17 @@
-"use client";
-import { jsx as m, jsxs as s } from "react/jsx-runtime";
-import * as a from "react";
-import { forwardRef as w, useState as O, Fragment as b, createElement as f } from "react";
+import { jsxs as n, jsx as g } from "react/jsx-runtime";
+import { createElement as l } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { DialogHistoryItem as g } from "./DialogHistoryItem.js";
+import { DialogHistoryItem as a } from "./DialogHistoryItem.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Timeline as S } from "../Timeline/Timeline.js";
-import { TimelineSegment as x } from "../Timeline/TimelineSegment.js";
-import { TimelineSection as j } from "../Timeline/TimelineSection.js";
-import { TimelineLink as h } from "../Timeline/TimelineLink.js";
-import { u as I } from "../../useId-BVFxCjkq.js";
-import { S as E } from "../../ArrowDown-DtiYfZHZ.js";
-var k = function(r, n) {
-  var o = {};
-  for (var e in r) Object.prototype.hasOwnProperty.call(r, e) && n.indexOf(e) < 0 && (o[e] = r[e]);
-  if (r != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var t = 0, e = Object.getOwnPropertySymbols(r); t < e.length; t++)
-      n.indexOf(e[t]) < 0 && Object.prototype.propertyIsEnumerable.call(r, e[t]) && (o[e[t]] = r[e[t]]);
-  return o;
-};
-const T = w((r, n) => {
-  var { title: o, titleId: e } = r, t = k(r, ["title", "titleId"]);
-  let l = I();
-  return l = o ? e || "title-" + l : void 0, a.createElement(
-    "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": l }, t),
-    o ? a.createElement("title", { id: l }, o) : null,
-    a.createElement("path", { fill: "currentColor", d: "M12.53 4.47a.75.75 0 0 0-1.06 0l-4.5 4.5a.75.75 0 0 0 1.06 1.06l3.22-3.22V19a.75.75 0 0 0 1.5 0V6.81l3.22 3.22a.75.75 0 1 0 1.06-1.06z" })
-  );
-}), U = ({
-  items: r = [],
-  datetime: n,
-  byline: o,
-  collapsible: e,
-  expanded: t,
-  expandLabel: l = "Expand history",
-  collapseLabel: u = "Collapse history",
-  id: y
-}) => {
-  const [c, v] = O(t || !e), d = () => {
-    v((i) => !i);
-  };
-  return /* @__PURE__ */ m(x, { datetime: n, byline: o, spacing: 2, id: y, children: r.map((i) => /* @__PURE__ */ s(b, { children: [
-    /* @__PURE__ */ f(g, { ...i, key: i.id }),
-    Array.isArray(i.items) && i.items.length > 0 && /* @__PURE__ */ s(S, { children: [
-      c && /* @__PURE__ */ m(j, { level: 2, border: "dashed", children: i.items.map((p) => /* @__PURE__ */ f(g, { ...p, key: p.id })) }),
-      e && c && /* @__PURE__ */ m("li", { children: /* @__PURE__ */ m(h, { reverse: !0, icon: T, onClick: d, children: u }) }) || e && /* @__PURE__ */ m("li", { children: /* @__PURE__ */ m(h, { reverse: !0, icon: E, onClick: d, children: l }) })
-    ] })
-  ] }, i.id)) });
-};
+import { TimelineSegment as c } from "../Timeline/TimelineSegment.js";
+import { Typography as f } from "../Typography/Typography.js";
+const T = ({ id: p, items: r, datetime: t, byline: m, children: e, summary: o }) => /* @__PURE__ */ n(c, { datetime: t, byline: m, spacing: 2, id: p, children: [
+  o && /* @__PURE__ */ g(f, { children: o }),
+  e,
+  r == null ? void 0 : r.map((i) => /* @__PURE__ */ l(a, { ...i, key: i.id }))
+] });
 export {
-  U as DialogHistorySegment
+  T as DialogHistorySegment
 };

package/dist/components/Dialog/DialogListGroup.js

@@ -3,19 +3,19 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import { Button as n } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { List as e } from "../List/List.js";
-import { Heading as p } from "../Typography/Heading.js";
+import { Heading as e } from "../Typography/Heading.js";
 import "../Searchbar/AutocompleteBase.js";
+import { List as p } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as s } from "../Page/Flex.js";
 import { Section as c } from "../Page/Section.js";
 import { S as a } from "../../Checkmark-D17Nyv_u.js";
 const k = ({ title: i, children: m, checkAllLabel: o }) => /* @__PURE__ */ t(c, { spacing: 3, children: [
   i && /* @__PURE__ */ t(s, { direction: "row", align: "center", justify: "between", children: [
-    /* @__PURE__ */ r(p, { size: "lg", children: i }),
+    /* @__PURE__ */ r(e, { size: "lg", children: i }),
     o && /* @__PURE__ */ r(n, { variant: "text", icon: a, size: "sm", children: o })
   ] }),
-  /* @__PURE__ */ r(e, { spacing: 3, children: m })
+  /* @__PURE__ */ r(p, { spacing: 3, children: m })
 ] });
 export {
   k as DialogListGroup