@altinn/altinn-components 0.30.3 → 0.32.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/ModalBase.css

@@ -0,0 +1 @@
+._modal_1jt70_1{padding:0;min-width:450px;border-radius:.5rem;box-shadow:var(--ds-shadow-xs);border:none}._modal_1jt70_1[data-backdrop-color=inherit]::backdrop{background-color:#111d4640}._modal_1jt70_1[data-backdrop-color=transparent]::backdrop{background-color:transparent}._modal_1jt70_1[data-variant=full]{width:100%;height:100%;min-width:unset;min-height:unset}._modal_1jt70_1[data-variant=content]{width:1056px;margin:auto}

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

@@ -1,14 +1,30 @@
-import { jsx as t } from "react/jsx-runtime";
-import { createElement as i } from "react";
+"use client";
+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 { Timeline as m } from "../Timeline/Timeline.js";
+import { Timeline as y } from "../Timeline/Timeline.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { ActivityLogItem as p } from "./ActivityLogItem.js";
-function d({ items: r }) {
-  return /* @__PURE__ */ t(m, { children: r == null ? void 0 : r.map((o) => /* @__PURE__ */ i(p, { ...o, key: o.id })) });
-}
+import { Section as v } from "../Page/Section.js";
+import { ActivityLogSegment as x } from "./ActivityLogSegment.js";
+const q = ({
+  items: o,
+  maxItems: t,
+  expandLabel: i = "Expand history",
+  collapseLabel: l = "Collapse history"
+}) => {
+  if (!(o != null && o.length))
+    return null;
+  const [n, p] = m(!1), c = () => {
+    p((r) => !r);
+  }, d = t ? o.slice(0, t) : o, s = n ? o : d, a = t && o.length > t;
+  return /* @__PURE__ */ f(v, { spacing: 4, children: [
+    /* @__PURE__ */ e(y, { children: s.map((r, g) => /* @__PURE__ */ u(x, { ...r, key: g })) }),
+    a && /* @__PURE__ */ e(h, { variant: "outline", onClick: c, children: n ? l : i })
+  ] });
+};
 export {
-  d as ActivityLog
+  q as ActivityLog
 };

package/dist/components/ActivityLog/ActivityLogItem.js

@@ -1,13 +1,12 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { TimelineSegment as o } from "../Timeline/TimelineSegment.js";
-import { TimelineActivity as p } from "../Timeline/TimelineActivity.js";
 import { Typography as e } from "../Typography/Typography.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-const s = ({ byline: r, datetime: t, children: m }) => /* @__PURE__ */ i(o, { children: /* @__PURE__ */ i(p, { byline: r, datetime: t, children: /* @__PURE__ */ i(e, { children: m }) }) });
+import { TimelineActivity as p } from "../Timeline/TimelineActivity.js";
+const A = ({ byline: t, datetime: i, children: o, summary: c, ...m }) => o ? /* @__PURE__ */ r(p, { byline: t, datetime: i, ...m, children: o }) : /* @__PURE__ */ r(p, { byline: t, datetime: i, ...m, children: /* @__PURE__ */ r(e, { children: c }) });
 export {
-  s as ActivityLogItem
+  A as ActivityLogItem
 };

package/dist/components/ActivityLog/ActivityLogSegment.js

@@ -0,0 +1,17 @@
+import { jsxs as n, jsx as c } from "react/jsx-runtime";
+import { createElement as g } from "react";
+import "../../index-L8X2o7IH.js";
+import "../RootProvider/RootProvider.js";
+import { TimelineSegment as f } from "../Timeline/TimelineSegment.js";
+import { Typography as l } from "../Typography/Typography.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { ActivityLogItem as y } from "./ActivityLogItem.js";
+const T = ({ id: i, items: r, datetime: p, byline: m, children: e, summary: o }) => /* @__PURE__ */ n(f, { datetime: p, byline: m, spacing: 2, id: i, children: [
+  o && /* @__PURE__ */ c(l, { children: o }),
+  e,
+  r == null ? void 0 : r.map((t) => /* @__PURE__ */ g(y, { ...t, key: t.id }))
+] });
+export {
+  T as ActivityLogSegment
+};

package/dist/components/ActivityLog/index.js

@@ -1,6 +1,8 @@
-import { ActivityLog as i } from "./ActivityLog.js";
-import { ActivityLogItem as e } from "./ActivityLogItem.js";
+import { ActivityLog as e } from "./ActivityLog.js";
+import { ActivityLogSegment as r } from "./ActivityLogSegment.js";
+import { ActivityLogItem as g } from "./ActivityLogItem.js";
 export {
-  i as ActivityLog,
-  e as ActivityLogItem
+  e as ActivityLog,
+  g as ActivityLogItem,
+  r as ActivityLogSegment
 };

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

@@ -1,19 +1,41 @@
-import { jsxs as D, jsx as o } from "react/jsx-runtime";
+import { jsxs as r, jsx as o, Fragment as f } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { DialogLayout as g } from "./DialogLayout.js";
-import { DialogHeader as s } from "./DialogHeader.js";
-import { DialogBody as e } from "./DialogBody.js";
-import { DialogTabs as x } from "./DialogTabs.js";
+import { DialogLayout as x } from "./DialogLayout.js";
+import { DialogHeader as d } from "./DialogHeader.js";
+import { DialogBody as j } from "./DialogBody.js";
+import { DialogSection as u } from "./DialogSection.js";
+import { DialogContact as y } from "./DialogContact.js";
+import { DialogHistory as H } from "./DialogHistory.js";
+import { Divider as g } from "../Divider/Divider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-const h = ({ loading: r, backButton: p, contextMenu: a, pageMenu: f, header: i, body: m, tabs: t, children: l }) => /* @__PURE__ */ D(g, { backButton: p, contextMenu: a, pageMenu: f, children: [
-  i && /* @__PURE__ */ o(s, { loading: r, ...i }),
-  m && /* @__PURE__ */ o(e, { loading: r, ...m }),
-  t && /* @__PURE__ */ o(x, { ...t }),
-  l
+const E = ({
+  loading: m,
+  backButton: l,
+  contextMenu: c,
+  pageMenu: n,
+  sender: s,
+  title: i,
+  history: t,
+  additionalInfo: p,
+  contact: e,
+  children: D,
+  ...a
+}) => /* @__PURE__ */ r(x, { backButton: l, contextMenu: c, pageMenu: n, children: [
+  i && /* @__PURE__ */ o(d, { loading: m, ...a, title: i }),
+  D && /* @__PURE__ */ o(j, { loading: m, sender: s, ...a, children: D }),
+  t && /* @__PURE__ */ o(H, { ...t }),
+  p && /* @__PURE__ */ r(f, { children: [
+    /* @__PURE__ */ o(g, {}),
+    /* @__PURE__ */ o(u, { ...p })
+  ] }),
+  e && /* @__PURE__ */ r(f, { children: [
+    /* @__PURE__ */ o(g, {}),
+    /* @__PURE__ */ o(y, { ...e })
+  ] })
 ] });
 export {
-  h as Dialog
+  E as Dialog
 };

package/dist/components/Dialog/DialogActivityLog.js

@@ -1,11 +1,17 @@
-import "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 { D as c } from "../../DialogActivityLog-BoPREh7Y.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import "../Metadata/MetaItem.js";
+import { ActivityLog as a } from "../ActivityLog/ActivityLog.js";
+import { ModalBase as d } from "../Modal/ModalBase.js";
+import { ModalHeader as e } from "../Modal/ModalHeader.js";
+import { ModalBody as c } from "../Modal/ModalBody.js";
+const j = ({ title: t, items: i, open: m, onClose: r }) => /* @__PURE__ */ p(d, { open: m, onClose: r, variant: "content", children: [
+  /* @__PURE__ */ o(e, { title: t, onClose: r }),
+  /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(a, { items: i }) })
+] });
 export {
-  c as DialogActivityLog
+  j as DialogActivityLog
 };

package/dist/components/Dialog/DialogBody.js

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

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,48 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
+import { Badge as g } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import { Heading as c } from "../Typography/Heading.js";
-import { DialogMetadata as s } from "./DialogMetadata.js";
+import { Heading as h } 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 = ({
-  loading: r,
-  title: p,
-  status: o,
-  updatedAt: i,
-  updatedAtLabel: t,
-  dueAt: m,
-  dueAtLabel: a
-}) => /* @__PURE__ */ n(f, { as: "header", spacing: 3, children: [
-  /* @__PURE__ */ e(c, { loading: r, size: "xl", children: p }),
-  (o || i || m) && /* @__PURE__ */ e(
-    s,
+import { Flex as j } from "../Page/Flex.js";
+import { Section as D } from "../Page/Section.js";
+const y = ({
+  loading: i,
+  title: e,
+  badge: o,
+  status: m,
+  draftsLabel: p,
+  sentCount: a,
+  receivedCount: n,
+  updatedAt: l,
+  updatedAtLabel: s,
+  dueAt: c,
+  dueAtLabel: d,
+  activityLog: f
+}) => /* @__PURE__ */ t(D, { as: "header", spacing: 3, align: "start", children: [
+  /* @__PURE__ */ r(h, { loading: i, size: "xl", children: /* @__PURE__ */ t(j, { align: "center", children: [
+    /* @__PURE__ */ r("span", { children: e }),
+    o && /* @__PURE__ */ r(g, { ...o })
+  ] }) }),
+  /* @__PURE__ */ r(
+    x,
     {
-      loading: r,
-      status: o,
-      updatedAt: i,
-      updatedAtLabel: t,
-      dueAt: m,
-      dueAtLabel: a
+      loading: i,
+      status: m,
+      draftsLabel: p,
+      sentCount: a,
+      receivedCount: n,
+      updatedAt: l,
+      updatedAtLabel: s,
+      dueAt: c,
+      dueAtLabel: d,
+      activityLog: f
     }
   )
 ] });
 export {
-  M as DialogHeader
+  y 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
 };