@altinn/altinn-components 0.21.6 → 0.22.0

package/dist/assets/Heading.css

@@ -1 +1 @@
-._heading_mt0g8_1{margin:0}._heading_mt0g8_1[data-weight=normal]{font-weight:400}._heading_mt0g8_1[data-weight=medium]{font-weight:500}._heading_mt0g8_1[data-weight=bold]{font-weight:600}._heading_mt0g8_1[data-size=xs]{font-size:.875rem;line-height:1.5rem}._heading_mt0g8_1[data-size=sm]{font-size:1rem;line-height:1.5rem}._heading_mt0g8_1[data-size=md]{font-size:1.125rem;line-height:1.5rem}._heading_mt0g8_1[data-size=lg]{font-size:1.25rem;line-height:1.25}._heading_mt0g8_1[data-size=xl]{font-size:1.5rem;line-height:1.25}
+._heading_1mp1p_1{margin:0}._heading_1mp1p_1[data-theme=default]{background-color:transparent;color:var(--ds-color-text-default)}._heading_1mp1p_1[data-theme=subtle]{background-color:transparent;color:var(--ds-color-text-subtle)}._heading_1mp1p_1[data-weight=normal]{font-weight:400}._heading_1mp1p_1[data-weight=medium]{font-weight:500}._heading_1mp1p_1[data-weight=bold]{font-weight:600}._heading_1mp1p_1[data-size=xs]{font-size:.875rem;line-height:1.5rem}._heading_1mp1p_1[data-size=sm]{font-size:1rem;line-height:1.5rem}._heading_1mp1p_1[data-size=md]{font-size:1.125rem;line-height:1.5rem}._heading_1mp1p_1[data-size=lg]{font-size:1.25rem;line-height:1.25}._heading_1mp1p_1[data-size=xl]{font-size:1.5rem;line-height:1.25}

package/dist/assets/SeenByLog.css

@@ -0,0 +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}

package/dist/assets/Typography.css

@@ -1 +1 @@
-._typography_15g2t_1{width:100%;max-width:45rem;line-height:1.5}p._typography_15g2t_1{margin:0}._typography_15g2t_1[data-variant=default]{color:var(--ds-color-text-default)}._typography_15g2t_1[data-variant=subtle]{color:var(--ds-color-text-subtle)}._typography_15g2t_1[data-size=xs]{font-size:.875rem}._typography_15g2t_1[data-size=sm]{font-size:1rem}._typography_15g2t_1[data-size=md]{font-size:1.125rem}._typography_15g2t_1[data-size=lg]{font-size:1.25rem}._typography_15g2t_1[data-size=xl]{font-size:1.5rem}._typography_15g2t_1>*:first-child{margin-top:0}._typography_15g2t_1>*:last-child{margin-bottom:0}._typography_15g2t_1 strong{font-weight:500}._typography_15g2t_1 a{color:var(--ds-color-base-default)}._typography_15g2t_1 a:hover{color:var(--ds-color-base-hover)}._typography_15g2t_1>p{font-size:1em;margin:1em 0}._typography_15g2t_1>h1{font-size:1.5rem;font-weight:500;margin-top:1.5em;margin-bottom:0}._typography_15g2t_1>h2{font-size:1.25rem;font-weight:600;margin-top:1.5em;margin-bottom:0}._typography_15g2t_1>h3{font-size:1em;font-weight:600;margin:1em 0}._typography_15g2t_1>h4{font-size:1em;font-weight:600;margin:1em 0 0}._typography_15g2t_1>h5,._typography_15g2t_1>h6{font-size:.875rem;margin:1em 0 0}._typography_15g2t_1>h6{font-weight:500;color:var(--ds-color-text-subtle)}._typography_15g2t_1>h6{font-weight:400;color:var(--ds-color-text-subtle)}._typography_15g2t_1>h5+*,._typography_15g2t_1>h6+*{margin-top:0}._typography_15g2t_1>section{margin:1em 0}._typography_15g2t_1 ul:not([class]),._typography_15g2t_1 ol:not([class]){list-style-position:inside;padding-left:1rem;margin:1em 0}
+._typography_g5s4h_1{width:100%;max-width:45rem;line-height:1.5}p._typography_g5s4h_1{margin:0}._typography_g5s4h_1[data-theme=default]{background-color:transparent;color:var(--ds-color-text-default)}._typography_g5s4h_1[data-theme=subtle]{background-color:transparent;color:var(--ds-color-text-subtle)}._typography_g5s4h_1[data-size=xs]{font-size:.875rem}._typography_g5s4h_1[data-size=sm]{font-size:1rem}._typography_g5s4h_1[data-size=md]{font-size:1.125rem}._typography_g5s4h_1[data-size=lg]{font-size:1.25rem}._typography_g5s4h_1[data-size=xl]{font-size:1.5rem}._typography_g5s4h_1>*:first-child{margin-top:0}._typography_g5s4h_1>*:last-child{margin-bottom:0}._typography_g5s4h_1 strong{font-weight:500}._typography_g5s4h_1 a{color:var(--ds-color-base-default)}._typography_g5s4h_1 a:hover{color:var(--ds-color-base-hover)}._typography_g5s4h_1>p{font-size:1em;margin:1em 0}._typography_g5s4h_1>h1{font-size:1.5rem;font-weight:500;margin-top:1.5em;margin-bottom:0}._typography_g5s4h_1>h2{font-size:1.25rem;font-weight:600;margin-top:1.5em;margin-bottom:0}._typography_g5s4h_1>h3{font-size:1em;font-weight:600;margin:1em 0}._typography_g5s4h_1>h4{font-size:1em;font-weight:600;margin:1em 0 0}._typography_g5s4h_1>h5,._typography_g5s4h_1>h6{font-size:.875rem;margin:1em 0 0}._typography_g5s4h_1>h6{font-weight:500;color:var(--ds-color-text-subtle)}._typography_g5s4h_1>h6{font-weight:400;color:var(--ds-color-text-subtle)}._typography_g5s4h_1>h5+*,._typography_g5s4h_1>h6+*{margin-top:0}._typography_g5s4h_1>section{margin:1em 0}._typography_g5s4h_1 ul:not([class]),._typography_g5s4h_1 ol:not([class]){list-style-position:inside;padding-left:1rem;margin:1em 0}

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 "../Search/AutocompleteBase.js";
 import { ListItem as i } from "../List/ListItem.js";
+import "../Search/AutocompleteBase.js";
 import { QueryLabel as e } from "../Search/QueryLabel.js";
 import "../Snackbar/useSnackbar.js";
 const I = ({ loading: r, title: m, params: t, ...p }) => /* @__PURE__ */ o(i, { ...p, loading: r, title: m, label: !m && !r && /* @__PURE__ */ o(e, { params: t }) });

package/dist/components/Bookmarks/BookmarksSection.js

@@ -4,12 +4,12 @@ import "../../index-L8X2o7IH.js";
 import { BookmarksListItem as h } from "./BookmarksListItem.js";
 import { EditableBookmark as k } from "./EditableBookmark.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
 import { ListBase as p } from "../List/ListBase.js";
+import { Typography as l } from "../Typography/Typography.js";
+import { Heading as x } from "../Typography/Heading.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as l } from "../Page/Section.js";
-import { Typography as x } from "../Typography/Typography.js";
-import { Heading as z } from "../Typography/Heading.js";
+import { Section as z } from "../Page/Section.js";
 const g = ({
   loading: o,
   title: e,
@@ -19,8 +19,8 @@ const g = ({
   titleField: a,
   expandedId: n,
   onToggle: m
-}) => /* @__PURE__ */ c(l, { padding: 6, theme: "surface-hover", spacing: 4, bleed: !0, children: [
-  /* @__PURE__ */ i(z, { size: "md", children: e }),
+}) => /* @__PURE__ */ c(z, { padding: 6, theme: "surface-hover", spacing: 4, bleed: !0, children: [
+  /* @__PURE__ */ i(x, { size: "md", children: e }),
   o ? /* @__PURE__ */ i(p, { children: /* @__PURE__ */ i(h, { title: e, loading: o, size: "sm" }) }) : t.length > 0 && /* @__PURE__ */ i(p, { spacing: "xs", children: t.map((r) => /* @__PURE__ */ f(
     k,
     {
@@ -34,7 +34,7 @@ const g = ({
       size: "sm"
     }
   )) }),
-  /* @__PURE__ */ i(x, { size: "xs", children: s })
+  /* @__PURE__ */ i(l, { size: "xs", children: s })
 ] });
 export {
   g as BookmarksSection

package/dist/components/Dialog/Dialog.js

@@ -1,88 +1,19 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { jsxs as D, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { ContextMenu as v } from "../ContextMenu/ContextMenu.js";
-import { DialogHeader as w } from "./DialogHeader.js";
-import { DialogBody as N } from "./DialogBody.js";
-import { DialogActions as k } from "./DialogActions.js";
-import { DialogSection as q } from "./DialogSection.js";
-import { DialogAttachments as z } from "./DialogAttachments.js";
-import { DialogHistory as f } from "./DialogHistory.js";
 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 "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { PageBase as E } from "../Page/PageBase.js";
-import { PageNav as F } from "../Page/PageNav.js";
-import { PageMenu as G } from "../Page/PageMenu.js";
-import { Article as J } from "../Page/Article.js";
-import { Section as K } from "../Page/Section.js";
-import { ContactSection as L } from "../Page/ContactSection.js";
-const tr = ({
-  loading: i,
-  backButton: s,
-  contextMenu: p,
-  pageMenu: t,
-  updatedAt: D,
-  updatedAtLabel: d,
-  dueAt: u,
-  dueAtLabel: b,
-  status: x,
-  title: S,
-  sender: A,
-  recipient: P,
-  recipientLabel: j = "to",
-  recipientGroup: y,
-  summary: B = "Summary.",
-  body: C,
-  actions: m = [],
-  attachments: l,
-  seenBy: H,
-  activityLog: a,
-  history: c,
-  transmissions: g,
-  additionalInfo: o,
-  contactInfo: h
-}) => /* @__PURE__ */ e(E, { spacing: 0, bleed: !0, children: [
-  /* @__PURE__ */ e(K, { theme: "default", shadow: "xs", children: [
-    /* @__PURE__ */ r(
-      F,
-      {
-        color: "neutral",
-        padding: 2,
-        backButton: s,
-        controls: p && /* @__PURE__ */ r(v, { ...p })
-      }
-    ),
-    /* @__PURE__ */ e(J, { padding: 6, spacing: 6, children: [
-      /* @__PURE__ */ r(w, { loading: i, title: S, status: x, dueAt: u, dueAtLabel: b }),
-      c && /* @__PURE__ */ r(f, { ...c, collapsible: !0 }),
-      /* @__PURE__ */ e(
-        N,
-        {
-          loading: i,
-          sender: A,
-          recipient: P,
-          recipientLabel: j,
-          recipientGroup: y,
-          updatedAt: D,
-          updatedAtLabel: d,
-          seenBy: H,
-          activityLog: a,
-          children: [
-            /* @__PURE__ */ r("p", { children: B }),
-            C,
-            l && /* @__PURE__ */ r(z, { ...l }),
-            (m == null ? void 0 : m.length) > 0 && /* @__PURE__ */ r(k, { items: m })
-          ]
-        }
-      ),
-      g && /* @__PURE__ */ r(f, { ...g, collapsible: !0 }),
-      o && /* @__PURE__ */ r(q, { children: o == null ? void 0 : o.children }),
-      h && /* @__PURE__ */ r(L, { ...h })
-    ] })
-  ] }),
-  /* @__PURE__ */ r(G, { theme: "subtle", items: t == null ? void 0 : t.items })
+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
 ] });
 export {
-  tr as Dialog
+  h as Dialog
 };

package/dist/components/Dialog/DialogActivity.js

@@ -3,12 +3,12 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import { Byline as f } 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 a } from "../Typography/Typography.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { TimelineBase as h } from "../Timeline/TimelineBase.js";
-import { Section as g } from "../Page/Section.js";
-import { TransmissionList as a } from "../Transmission/TransmissionList.js";
-import { Typography as u } from "../Typography/Typography.js";
+import { Section as u } from "../Page/Section.js";
 import { S as v } from "../../CircleFill-IZdiBc_K.js";
 const y = ({
   icon: p = v,
@@ -19,13 +19,13 @@ const y = ({
   createdAtLabel: o,
   description: r,
   transmissions: t
-}) => /* @__PURE__ */ m(h, { color: l, icon: p, avatar: s === "md" ? i : void 0, children: /* @__PURE__ */ n(g, { style: { marginBottom: ".5em" }, children: [
+}) => /* @__PURE__ */ m(h, { color: l, icon: p, avatar: s === "md" ? i : void 0, children: /* @__PURE__ */ n(u, { style: { marginBottom: ".5em" }, children: [
   o && /* @__PURE__ */ n(f, { datetime: e, children: [
     /* @__PURE__ */ m("strong", { children: i == null ? void 0 : i.name }),
     o
   ] }),
-  r && /* @__PURE__ */ m(u, { children: r }),
-  t && /* @__PURE__ */ m(a, { items: t })
+  r && /* @__PURE__ */ m(a, { children: r }),
+  t && /* @__PURE__ */ m(g, { items: t })
 ] }) });
 export {
   y as DialogActivity

package/dist/components/Dialog/DialogAttachments.js

@@ -1,16 +1,16 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import { AttachmentList as n } from "../Attachment/AttachmentList.js";
 import "../RootProvider/RootProvider.js";
+import { Heading as m } from "../Typography/Heading.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as m } from "../Page/Section.js";
-import { Heading as p } from "../Typography/Heading.js";
-const d = ({ title: o = "Attachments", items: r }) => r != null && r.length ? /* @__PURE__ */ i(m, { spacing: 1, children: [
-  /* @__PURE__ */ t(p, { as: "h2", size: "xs", children: o }),
-  /* @__PURE__ */ t(n, { items: r })
+import { Section as e } from "../Page/Section.js";
+const x = ({ title: o = "Attachments", items: t }) => t != null && t.length ? /* @__PURE__ */ i(e, { spacing: 1, children: [
+  /* @__PURE__ */ r(m, { as: "h2", size: "xs", weight: "normal", theme: "subtle", children: o }),
+  /* @__PURE__ */ r(n, { items: t })
 ] }) : null;
 export {
-  d as DialogAttachments
+  x as DialogAttachments
 };

package/dist/components/Dialog/DialogBody.js

@@ -1,42 +1,43 @@
-import { jsxs as i, jsx as m } from "react/jsx-runtime";
+import { jsxs as i, jsx as m, Fragment as f } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { DialogMetadata as s } from "./DialogMetadata.js";
+import { Timeline as d } from "../Timeline/Timeline.js";
+import { TimelineSection as h } from "../Timeline/TimelineSection.js";
+import { TimelineHeader as c } from "../Timeline/TimelineHeader.js";
+import { Typography as s } from "../Typography/Typography.js";
+import { SeenByLog as y } from "./SeenByLog.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Timeline as c } from "../Timeline/Timeline.js";
-import { TimelineSection as h } from "../Timeline/TimelineSection.js";
-import { TimelineHeader as u } from "../Timeline/TimelineHeader.js";
-const L = ({
-  loading: o,
-  loadingText: e = "Loading ...",
+const H = ({
+  loading: r,
   sender: t,
-  recipient: r,
-  recipientLabel: a,
-  updatedAt: n,
-  updatedAtLabel: l,
-  children: p,
-  seenBy: d,
-  activityLog: f
-}) => /* @__PURE__ */ i(c, { children: [
-  /* @__PURE__ */ i(u, { loading: o, avatar: t, children: [
+  recipient: o,
+  recipientLabel: n,
+  updatedAt: p,
+  updatedAtLabel: a,
+  children: l,
+  seenByLog: e
+}) => /* @__PURE__ */ i(d, { children: [
+  /* @__PURE__ */ i(c, { loading: r, avatar: t, children: [
     /* @__PURE__ */ m("strong", { children: t.name }),
-    a + " " + (r == null ? void 0 : r.name)
+    n + " " + (o == null ? void 0 : o.name)
   ] }),
   /* @__PURE__ */ m(
     h,
     {
-      loading: o,
-      footer: /* @__PURE__ */ m(s, { loading: o, seenBy: d, activityLog: f }),
-      datetime: n,
-      byline: l,
+      loading: r,
+      datetime: p,
+      byline: a,
       spacing: 4,
-      color: o ? "neutral" : void 0,
-      children: p || e
+      color: r ? "neutral" : void 0,
+      children: !r && /* @__PURE__ */ i(f, { children: [
+        /* @__PURE__ */ m(s, { children: l }),
+        e && /* @__PURE__ */ m(y, { ...e })
+      ] })
     }
   )
 ] });
 export {
-  L as DialogBody
+  H as DialogBody
 };

package/dist/components/Dialog/DialogContact.js

@@ -0,0 +1,11 @@
+import { jsx as i } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Search/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 });
+export {
+  l as DialogContact
+};

package/dist/components/Dialog/DialogHeader.js

@@ -2,14 +2,14 @@ import { jsxs as p, jsx as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { DialogMetadata as a } from "./DialogMetadata.js";
+import { Heading as a } from "../Typography/Heading.js";
+import { DialogMetadata as n } from "./DialogMetadata.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as n } from "../Page/Section.js";
-import { Heading as c } from "../Typography/Heading.js";
-const H = ({ loading: r, title: t, status: o, dueAt: i, dueAtLabel: e }) => /* @__PURE__ */ p(n, { as: "header", spacing: 3, children: [
-  /* @__PURE__ */ m(c, { loading: r, size: "xl", children: t }),
-  (o || i) && /* @__PURE__ */ m(a, { loading: r, status: o, dueAt: i, dueAtLabel: e })
+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 })
 ] });
 export {
   H as DialogHeader

package/dist/components/Dialog/DialogHistory.js

@@ -1,63 +1,29 @@
 "use client";
-import { jsxs as f, jsx as i } from "react/jsx-runtime";
-import * as s from "react";
-import { forwardRef as p, useState as g, createElement as u } from "react";
-import { Icon as y } from "../Icon/Icon.js";
+import { jsx as t } from "react/jsx-runtime";
+import { createElement as i } from "react";
 import "../../index-L8X2o7IH.js";
-import { ButtonBase as h } from "../Button/ButtonBase.js";
 import "../RootProvider/RootProvider.js";
-import { DialogActivity as v } from "./DialogActivity.js";
+import { DialogHistorySegment as c } from "./DialogHistorySegment.js";
+import { Timeline as d } from "../Timeline/Timeline.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Timeline as w } from "../Timeline/Timeline.js";
-import { TimelineSection as x } from "../Timeline/TimelineSection.js";
-import { S as b } from "../../ArrowUp-Cn3ai5t6.js";
-import { u as O } from "../../useId-CsCRkvK3.js";
-import '../../assets/DialogHistory.css';var E = function(e, l) {
-  var r = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (r[t] = e[t]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var o = 0, t = Object.getOwnPropertySymbols(e); o < t.length; o++)
-      l.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (r[t[o]] = e[t[o]]);
-  return r;
-};
-const I = p((e, l) => {
-  var { title: r, titleId: t } = e, o = E(e, ["title", "titleId"]);
-  let n = O();
-  return n = r ? t || "title-" + n : void 0, s.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: l, "aria-labelledby": n }, o),
-    r ? s.createElement("title", { id: n }, r) : null,
-    s.createElement("path", { fill: "currentColor", d: "M12.75 5a.75.75 0 0 0-1.5 0v12.19l-3.22-3.22a.75.75 0 0 0-1.06 1.06l4.5 4.5a.75.75 0 0 0 1.06 0l4.5-4.5a.75.75 0 1 0-1.06-1.06l-3.22 3.22z" })
-  );
-}), j = "_toggle_1it16_1", S = {
-  toggle: j
-}, c = ({ expanded: e, children: l, onClick: r }) => /* @__PURE__ */ f(
-  h,
+const h = ({
+  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,
   {
-    className: S.toggle,
-    size: "sm",
-    onClick: r,
-    style: { display: "inline-flex", alignItems: "center" },
-    children: [
-      l,
-      /* @__PURE__ */ i(y, { svgElement: e ? b : I, size: "sm" })
-    ]
+    ...l,
+    collapsible: l.collapsible || r,
+    expanded: l.expanded || e,
+    expandLabel: l.expandLabel || p,
+    collapseLabel: l.collapseLabel || a,
+    key: n
   }
-), U = ({
-  items: e,
-  collapsible: l = !1,
-  expandLabel: r = "Expand history",
-  collapseLabel: t = "Collapse history"
-}) => {
-  const [o, n] = g(!1), m = () => {
-    n((a) => !a);
-  };
-  return e ? o || !l ? /* @__PURE__ */ f(w, { children: [
-    e.map((a, d) => /* @__PURE__ */ u(v, { ...a, key: d })),
-    l && /* @__PURE__ */ i(c, { expanded: !0, onClick: m, children: t })
-  ] }) : /* @__PURE__ */ i(x, { border: "dashed", children: /* @__PURE__ */ i(c, { onClick: m, children: r }) }) : null;
-};
+)) }) : null;
 export {
-  U as DialogHistory
+  h as DialogHistory
 };

package/dist/components/Dialog/DialogHistoryItem.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx as n, jsxs as f } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import * as a from "react";
+import { forwardRef as c } from "react";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { TimelineActivity as m } from "../Timeline/TimelineActivity.js";
+import { TimelineLink as p } from "../Timeline/TimelineLink.js";
+import { Transmission as s } from "../Transmission/Transmission.js";
+import { Typography as d } from "../Typography/Typography.js";
+import { ListBase as u } from "../List/ListBase.js";
+import { u as g } from "../../useId-CsCRkvK3.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 = c((r, i) => {
+  var { title: o, titleId: e } = r, t = v(r, ["title", "titleId"]);
+  let l = g();
+  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: i, "aria-labelledby": l }, t),
+    o ? a.createElement("title", { id: l }, o) : null,
+    a.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(m, { byline: i, datetime: o, spacing: 2, children: [
+        /* @__PURE__ */ n(u, { children: /* @__PURE__ */ n(s, { ...l }) }),
+        t && /* @__PURE__ */ n(p, { ...t, icon: (t == null ? void 0 : t.icon) || w })
+      ] });
+    default:
+      return /* @__PURE__ */ n(m, { byline: i, datetime: o, children: /* @__PURE__ */ n(d, { children: e }) });
+  }
+};
+export {
+  P as DialogHistoryItem
+};

package/dist/components/Dialog/DialogHistorySegment.js

@@ -0,0 +1,72 @@
+"use client";
+import { jsx as a, jsxs as p } from "react/jsx-runtime";
+import * as m from "react";
+import { forwardRef as y, useState as b, Fragment as O, createElement as s } from "react";
+import "../../index-L8X2o7IH.js";
+import "../RootProvider/RootProvider.js";
+import { DialogHistoryItem as u } from "./DialogHistoryItem.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Timeline as j } from "../Timeline/Timeline.js";
+import { TimelineSegment as x } from "../Timeline/TimelineSegment.js";
+import { TimelineSection as I } from "../Timeline/TimelineSection.js";
+import { TimelineLink as g } from "../Timeline/TimelineLink.js";
+import { u as h } from "../../useId-CsCRkvK3.js";
+var E = function(t, n) {
+  var l = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (l[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
+      n.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
+  return l;
+};
+const S = y((t, n) => {
+  var { title: l, titleId: e } = t, r = E(t, ["title", "titleId"]);
+  let o = h();
+  return o = l ? e || "title-" + o : 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: n, "aria-labelledby": o }, r),
+    l ? m.createElement("title", { id: o }, l) : null,
+    m.createElement("path", { fill: "currentColor", d: "M12.75 5a.75.75 0 0 0-1.5 0v12.19l-3.22-3.22a.75.75 0 0 0-1.06 1.06l4.5 4.5a.75.75 0 0 0 1.06 0l4.5-4.5a.75.75 0 1 0-1.06-1.06l-3.22 3.22z" })
+  );
+});
+var _ = function(t, n) {
+  var l = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (l[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
+      n.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
+  return l;
+};
+const P = y((t, n) => {
+  var { title: l, titleId: e } = t, r = _(t, ["title", "titleId"]);
+  let o = h();
+  return o = l ? e || "title-" + o : 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: n, "aria-labelledby": o }, r),
+    l ? m.createElement("title", { id: o }, l) : null,
+    m.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" })
+  );
+}), L = ({
+  items: t = [],
+  datetime: n,
+  byline: l,
+  collapsible: e,
+  expanded: r,
+  expandLabel: o = "Expand history",
+  collapseLabel: v = "Collapse history"
+}) => {
+  const [d, w] = b(r || !e), c = () => {
+    w((i) => !i);
+  };
+  return /* @__PURE__ */ a(x, { datetime: n, byline: l, spacing: 2, children: t.map((i) => /* @__PURE__ */ p(O, { children: [
+    /* @__PURE__ */ s(u, { ...i, key: i.id }),
+    Array.isArray(i.items) && i.items.length > 0 && /* @__PURE__ */ p(j, { children: [
+      d && /* @__PURE__ */ a(I, { level: 2, border: "dashed", children: i.items.map((f) => /* @__PURE__ */ s(u, { ...f, key: f.id })) }),
+      e && d && /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(g, { reverse: !0, icon: P, onClick: c, children: v }) }) || e && /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(g, { reverse: !0, icon: S, onClick: c, children: o }) })
+    ] })
+  ] }, i.id)) });
+};
+export {
+  L as DialogHistorySegment
+};

package/dist/components/Dialog/DialogLayout.js

@@ -0,0 +1,30 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import { ContextMenu as p } from "../ContextMenu/ContextMenu.js";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { PageBase as s } from "../Page/PageBase.js";
+import { PageNav as a } from "../Page/PageNav.js";
+import { PageMenu as l } from "../Page/PageMenu.js";
+import { Article as d } from "../Page/Article.js";
+import { Section as c } from "../Page/Section.js";
+const A = ({ backButton: m, contextMenu: t, pageMenu: r, children: e }) => /* @__PURE__ */ i(s, { spacing: 0, bleed: !0, children: [
+  /* @__PURE__ */ i(c, { theme: "default", shadow: "xs", children: [
+    /* @__PURE__ */ o(
+      a,
+      {
+        color: "neutral",
+        padding: 2,
+        backButton: m,
+        controls: t && /* @__PURE__ */ o(p, { ...t })
+      }
+    ),
+    /* @__PURE__ */ o(d, { padding: 6, spacing: 6, children: e })
+  ] }),
+  /* @__PURE__ */ o(l, { theme: "subtle", items: r == null ? void 0 : r.items })
+] });
+export {
+  A as DialogLayout
+};

package/dist/components/Dialog/DialogListGroup.js

@@ -5,12 +5,12 @@ import * as m from "react";
 import { forwardRef as f } from "react";
 import { Button as p } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
 import { ListBase as c } from "../List/ListBase.js";
+import { Heading as d } from "../Typography/Heading.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as d } from "../Page/Flex.js";
-import { Section as s } from "../Page/Section.js";
-import { Heading as u } from "../Typography/Heading.js";
+import { Flex as s } from "../Page/Flex.js";
+import { Section as u } from "../Page/Section.js";
 import { u as g } from "../../useId-CsCRkvK3.js";
 var v = function(e, i) {
   var r = {};
@@ -29,9 +29,9 @@ const w = f((e, i) => {
     r ? m.createElement("title", { id: n }, r) : null,
     m.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M18.998 6.94a.75.75 0 0 1 .063 1.058l-8 9a.75.75 0 0 1-1.091.032l-5-5a.75.75 0 1 1 1.06-1.06l4.438 4.437 7.471-8.405A.75.75 0 0 1 19 6.939", clipRule: "evenodd" })
   );
-}), P = ({ title: e, children: i, checkAllLabel: r }) => /* @__PURE__ */ a(s, { spacing: 3, children: [
-  e && /* @__PURE__ */ a(d, { direction: "row", align: "center", justify: "between", children: [
-    /* @__PURE__ */ l(u, { size: "lg", children: e }),
+}), P = ({ title: e, children: i, checkAllLabel: r }) => /* @__PURE__ */ a(u, { spacing: 3, children: [
+  e && /* @__PURE__ */ a(s, { direction: "row", align: "center", justify: "between", children: [
+    /* @__PURE__ */ l(d, { size: "lg", children: e }),
     r && /* @__PURE__ */ l(p, { variant: "text", icon: w, size: "sm", children: r })
   ] }),
   /* @__PURE__ */ l(c, { spacing: 3, children: i })