@altinn/altinn-components 0.30.2 → 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/Button.css

@@ -1 +1 @@
-._button_1qqtu_1{display:inline-flex;align-items:center;column-gap:.25em;padding:.625em}._button_1qqtu_1[data-reverse=true]{flex-direction:row-reverse}
+._button_o1gnh_1{display:inline-flex;align-items:center;column-gap:.25em;padding:.625em}._button_o1gnh_1[data-reverse=true]{flex-direction:row-reverse}._button_o1gnh_1[data-variant=link]{padding:0;border:0}._button_o1gnh_1[data-variant=link]:hover ._label_o1gnh_19{text-decoration:underline}

package/dist/assets/DialogListItem.css

@@ -1 +1 @@
-._border_1meh5_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_1meh5_1[data-seen=true]{border-color:var(--ds-color-neutral-surface-tinted)}._border_1meh5_1[data-status=draft]{border-color:var(--ds-color-neutral-surface-active);border-left-width:.125rem;margin-left:.125rem;border-left-style:dashed}._border_1meh5_1[data-status=sent]{border-color:var(--ds-color-neutral-surface-tinted)}._border_1meh5_1[data-loading=true]{border-color:var(--ds-color-surface-tinted)}._border_1meh5_1[data-size=xs],._border_1meh5_1[data-size=sm]{width:100%;flex-direction:row;align-items:center;padding-left:.75rem}._border_1meh5_1[data-size=md]{padding-left:.75rem;row-gap:.5rem}._border_1meh5_1[data-size=lg]{padding-left:.875rem;row-gap:.875rem}._border_1meh5_1[data-size=xl]{padding-left:1rem;row-gap:1rem}._controls_1meh5_54{position:absolute;top:-4rem;right:0}._header_1meh5_60{display:flex;flex-direction:column;row-gap:.25rem}._header_1meh5_60[data-size=xs],._header_1meh5_60[data-size=sm]{display:flex;flex-direction:row}._summary_1meh5_72{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_1meh5_72[data-size=xs],._summary_1meh5_72[data-size=sm],._summary_1meh5_72[data-size=md]{font-size:.875rem}._summary_1meh5_72[data-size=lg],._summary_1meh5_72[data-size=xl]{font-size:1rem}._footer_1meh5_100{width:100%}._touchedBy_1meh5_104{position:absolute;right:0;bottom:0;margin:8px}._heading_1meh5_113{padding-right:1.25rem;display:inline-flex;column-gap:.5em}._title_1meh5_119{line-height:1.25;font-weight:600;margin:0}._title_1meh5_119[data-size=xs],._title_1meh5_119[data-size=sm]{font-size:1rem}._title_1meh5_119[data-size=md],._title_1meh5_119[data-size=lg],._title_1meh5_119[data-size=xl]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._title_1meh5_119[data-size=md]{font-size:1rem}._title_1meh5_119[data-size=lg],._title_1meh5_119[data-size=xl]{font-size:1.25rem;line-height:1.25}._title_1meh5_119[data-seen=true],._title_1meh5_119[data-state=archived]{font-weight:400}._title_1meh5_119[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/SeenByLog.css

@@ -1 +1 @@
-._list_ofoda_1{display:flex;flex-direction:column;column-gap:.5rem}._item_ofoda_7{padding-top:.5rem;border-top:1px dotted;border-color:var(--ds-color-border-subtle);display:flex;column-gap:.5rem}
+._button_1cnrr_1{display:flex;column-gap:.25em;border:0}._icon_1cnrr_7{font-size:1.25rem}._button_1cnrr_1:hover ._label_1cnrr_11{text-decoration:underline}._label_1cnrr_11{font-weight:400}._list_1cnrr_19{display:flex;flex-direction:column;column-gap:.5rem}._item_1cnrr_25{padding-top:.5rem;border-top:1px dotted;border-color:var(--ds-color-border-subtle);display:flex;column-gap:.5rem}

package/dist/assets/SeenByLogButton.css

@@ -0,0 +1 @@
+._button_d8sl3_1{display:inline-flex;align-items:center;justify-content:start;column-gap:.25em;border:0;min-width:0}._icon_d8sl3_10{font-size:1.25rem}._button_d8sl3_1:hover ._label_d8sl3_14{text-decoration:underline}._label_d8sl3_14{font-weight:400}

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/Button/Button.js

@@ -1,60 +1,61 @@
-import { jsx as t, jsxs as j } from "react/jsx-runtime";
-import { c as b } from "../../index-L8X2o7IH.js";
+import { jsx as t, jsxs as x } from "react/jsx-runtime";
+import { c } from "../../index-L8X2o7IH.js";
 import "react";
-import { ButtonBase as d } from "./ButtonBase.js";
-import { ButtonLabel as B } from "./ButtonLabel.js";
-import { ButtonIcon as q } from "./ButtonIcon.js";
+import { ButtonBase as f } from "./ButtonBase.js";
+import { ButtonLabel as _ } from "./ButtonLabel.js";
+import { ButtonIcon as g } from "./ButtonIcon.js";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/Button.css';const y = "_button_1qqtu_1", a = {
-  button: y
-}, C = ({
-  variant: r = "solid",
-  color: n,
-  size: s,
-  selected: m = !1,
+import '../../assets/Button.css';const j = "_button_o1gnh_1", y = "_label_o1gnh_19", r = {
+  button: j,
+  label: y
+}, D = ({
+  variant: n = "solid",
+  color: s,
+  size: m,
+  selected: i = !1,
   icon: u,
-  iconSize: x,
-  href: i,
-  label: p,
+  iconSize: d,
+  href: e,
+  label: a,
   labelSize: o,
-  children: c,
-  className: e,
-  loading: _,
+  children: l,
+  className: p,
+  loading: B,
   ariaLabel: h,
-  ...f
-}) => _ ? /* @__PURE__ */ t(
-  d,
+  ...b
+}) => B ? /* @__PURE__ */ t(
+  f,
   {
-    variant: r,
+    variant: n,
     "aria-busy": !0,
-    color: n,
-    size: s,
-    selected: m,
-    href: i,
-    className: b(a.button, e),
-    ...f,
+    color: s,
+    size: m,
+    selected: i,
+    href: e,
+    className: c(r.button, p),
+    ...b,
     disabled: !0,
-    children: /* @__PURE__ */ t(B, { size: o, children: c || p })
+    children: /* @__PURE__ */ t(_, { size: o, children: l || a })
   }
-) : /* @__PURE__ */ j(
-  d,
+) : /* @__PURE__ */ x(
+  f,
   {
-    variant: r,
-    color: n,
-    size: s,
+    variant: n,
+    color: s,
+    size: m,
     ariaLabel: h,
-    selected: m,
-    href: i,
-    className: b(a.button, e),
-    ...f,
+    selected: i,
+    href: e,
+    className: c(r.button, p),
+    ...b,
     children: [
-      u && /* @__PURE__ */ t(q, { icon: u, size: x || o }),
-      /* @__PURE__ */ t(B, { size: o, children: c || p })
+      u && /* @__PURE__ */ t(g, { icon: u, size: d || o }),
+      /* @__PURE__ */ t(_, { className: r.label, size: o, children: l || a })
     ]
   }
 );
 export {
-  C as Button
+  D as Button
 };

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/DialogBody.js

@@ -1,4 +1,4 @@
-import { jsxs as i, jsx as m, Fragment as a } from "react/jsx-runtime";
+import { jsxs as i, jsx as r, Fragment as h } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
@@ -6,34 +6,34 @@ import { Timeline as c } from "../Timeline/Timeline.js";
 import { TimelineSection as d } from "../Timeline/TimelineSection.js";
 import { TimelineHeader as f } from "../Timeline/TimelineHeader.js";
 import { Typography as s } from "../Typography/Typography.js";
-import { SeenByLog as x } from "./SeenByLog.js";
+import { SeenByLog as y } from "./SeenByLog.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 const H = ({
-  loading: r,
+  loading: m,
   sender: t,
   recipient: o,
   recipientLabel: n,
   updatedAt: p,
   updatedAtLabel: l,
-  children: h,
+  children: a,
   seenByLog: e
 }) => /* @__PURE__ */ i(c, { children: [
-  /* @__PURE__ */ i(f, { loading: r, icon: t, children: [
-    /* @__PURE__ */ m("strong", { children: t.name }),
+  /* @__PURE__ */ i(f, { loading: m, icon: t, children: [
+    /* @__PURE__ */ r("strong", { children: t.name }),
     n + " " + (o == null ? void 0 : o.name)
   ] }),
-  /* @__PURE__ */ m(
+  /* @__PURE__ */ r(
     d,
     {
-      loading: r,
+      loading: m,
       datetime: p,
       byline: l,
       spacing: 4,
-      color: r ? "neutral" : void 0,
-      children: !r && /* @__PURE__ */ i(a, { children: [
-        /* @__PURE__ */ m(s, { maxWidth: "60ch", children: h }),
-        e && /* @__PURE__ */ m(x, { ...e })
+      color: m ? "neutral" : void 0,
+      children: !m && /* @__PURE__ */ i(h, { children: [
+        /* @__PURE__ */ r(s, { maxWidth: "60ch", style: { marginTop: "0.5em" }, children: a }),
+        e && /* @__PURE__ */ r(y, { ...e })
       ] })
     }
   )

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/DialogContact.js

@@ -1,11 +1,18 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
+import { Typography as n } from "../Typography/Typography.js";
+import { Heading as c } from "../Typography/Heading.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { ContactSection as m } from "../Page/ContactSection.js";
-const l = ({ id: o = "dialog-contact", children: t, items: r = [] }) => /* @__PURE__ */ i(m, { id: o, items: r, children: t });
+import { Section as a } from "../Page/Section.js";
+import { ContactButtons as s } from "../Page/ContactButtons.js";
+const C = ({ id: t = "dialog-contact", title: r, children: i, items: m = [] }) => /* @__PURE__ */ p(a, { spacing: 4, id: t, children: [
+  r && /* @__PURE__ */ o(c, { size: "lg", children: r }),
+  /* @__PURE__ */ o(n, { children: i }),
+  /* @__PURE__ */ o(s, { items: m })
+] });
 export {
-  l as DialogContact
+  C as DialogContact
 };

package/dist/components/Dialog/DialogHeader.js

@@ -1,16 +1,40 @@
-import { jsxs as p, jsx as m } 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 a } from "../Typography/Heading.js";
-import { DialogMetadata as n } 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 c } from "../Page/Section.js";
-const H = ({ loading: r, title: t, status: o, dueAt: i, dueAtLabel: e }) => /* @__PURE__ */ p(c, { as: "header", spacing: 3, children: [
-  /* @__PURE__ */ m(a, { loading: r, size: "xl", children: t }),
-  (o || i) && /* @__PURE__ */ m(n, { loading: r, status: o, dueAt: i, dueAtLabel: e })
+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: c,
+  dueAt: m,
+  dueAtLabel: s
+}) => /* @__PURE__ */ f(g, { as: "header", spacing: 3, children: [
+  /* @__PURE__ */ e(l, { loading: r, size: "xl", children: p }),
+  (o || i || m) && /* @__PURE__ */ e(
+    x,
+    {
+      loading: r,
+      status: o,
+      draftsLabel: t,
+      sentCount: a,
+      receivedCount: n,
+      updatedAt: i,
+      updatedAtLabel: c,
+      dueAt: m,
+      dueAtLabel: s
+    }
+  )
 ] });
 export {
-  H 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
 };