@altinn/altinn-components 0.18.8 → 0.19.0

package/dist/CircleFill-IZdiBc_K.js

@@ -0,0 +1,25 @@
+"use client";
+import * as i from "react";
+import { forwardRef as f } from "react";
+import { u as a } from "./useId-CsCRkvK3.js";
+var d = function(t, n) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
+      n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  return r;
+};
+const u = f((t, n) => {
+  var { title: r, titleId: e } = t, l = d(t, ["title", "titleId"]);
+  let o = a();
+  return o = r ? e || "title-" + o : void 0, i.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 }, l),
+    r ? i.createElement("title", { id: o }, r) : null,
+    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M1.5 12C1.5 6.201 6.201 1.5 12 1.5S22.5 6.201 22.5 12 17.799 22.5 12 22.5 1.5 17.799 1.5 12", clipRule: "evenodd" })
+  );
+});
+export {
+  u as S
+};

package/dist/{ListItemBase-BVx5MDhO.js → ListItemBase-DuTOUOfv.js}

@@ -1,23 +1,23 @@
-import { jsx as f } from "react/jsx-runtime";
-import { c as H } from "./index-L8X2o7IH.js";
-import './assets/ListItemBase.css';const I = "_item_12vtu_1", N = "_interactive_12vtu_54", q = "_interactiveSelected_12vtu_96", A = "_interactiveHidden_12vtu_100", t = {
-  item: I,
-  interactive: N,
-  interactiveSelected: q,
-  interactiveHidden: A
-}, G = ({
-  title: b,
-  interactive: w = !0,
-  as: x,
-  href: h,
+import { jsx as S } from "react/jsx-runtime";
+import { c as f } from "./index-L8X2o7IH.js";
+import './assets/ListItemBase.css';const B = "_item_1xuag_1", I = "_interactive_1xuag_54", N = "_interactiveSelected_1xuag_96", q = "_interactiveHidden_1xuag_100", t = {
+  item: B,
+  interactive: I,
+  interactiveSelected: N,
+  interactiveHidden: q
+}, F = ({
+  title: H,
+  interactive: b = !0,
+  as: g,
+  href: w,
   onClick: a,
   onKeyPress: e,
-  tabIndex: L,
+  tabIndex: h,
   size: d,
   variant: n,
   color: c,
   theme: i,
-  shadow: j,
+  shadow: L,
   loading: r,
   disabled: s,
   hidden: v = !1,
@@ -27,32 +27,32 @@ import './assets/ListItemBase.css';const I = "_item_12vtu_1", N = "_interactive_
   onMouseEnter: l,
   children: p
 }) => {
-  const u = i === "transparent" ? "none" : j;
-  if (w) {
-    const B = H(
+  const u = i === "transparent" ? "none" : L;
+  if (b) {
+    const z = f(
       t.item,
       t.interactive,
       _,
       m && t.interactiveSelected,
       v && t.interactiveHidden
     );
-    return /* @__PURE__ */ f(
-      x || "button",
+    return /* @__PURE__ */ S(
+      g || "button",
       {
-        "aria-label": b,
-        className: B,
+        "aria-label": H,
+        className: z,
         "data-variant": n,
         "data-color": c,
         "data-theme": i,
         "data-size": d,
         "data-shadow": u,
         "data-active": o,
-        href: h,
-        onKeyPress: (S) => {
-          S.key === "Enter" && (a == null || a()), e == null || e(S);
+        href: w,
+        onKeyPress: (x) => {
+          x.key === "Enter" && (a == null || a()), e == null || e(x);
         },
         onClick: a,
-        tabIndex: L,
+        tabIndex: h,
         "aria-disabled": s || r,
         disabled: s || r,
         onMouseEnter: l,
@@ -60,11 +60,11 @@ import './assets/ListItemBase.css';const I = "_item_12vtu_1", N = "_interactive_
       }
     );
   }
-  const z = H(t.item, _, m && t.interactiveSelected);
-  return /* @__PURE__ */ f(
+  const j = f(t.item, _, m && t.interactiveSelected);
+  return /* @__PURE__ */ S(
     "div",
     {
-      className: z,
+      className: j,
       "data-variant": n,
       "data-color": c,
       "data-theme": i,
@@ -78,6 +78,6 @@ import './assets/ListItemBase.css';const I = "_item_12vtu_1", N = "_interactive_
   );
 };
 export {
-  G as L,
+  F as L,
   t as s
 };

package/dist/assets/Flex.css

@@ -1 +1 @@
-._flex_vvg9d_1{display:flex;list-style:none;padding:0}._flex_vvg9d_1[data-direction=col]{flex-direction:column}._flex_vvg9d_1[data-direction=row]{flex-direction:row}._flex_vvg9d_1[data-align=center]{align-items:center}._flex_vvg9d_1[data-align=start]{align-items:flex-start}._flex_vvg9d_1[data-align=end]{align-items:flex-end}._flex_vvg9d_1[data-justify=start]{justify-content:flex-start}._flex_vvg9d_1[data-justify=end]{justify-content:flex-end}._flex_vvg9d_1[data-justify=center]{justify-content:center}._flex_vvg9d_1[data-justify=between]{justify-content:space-between}@media (max-width: 1023px){._flex_vvg9d_1[data-bleed=true]{margin-left:-1rem;margin-right:-1rem}}._flex_vvg9d_1[data-padding=page]{padding:var(--ds-spacing-6)}@media (max-width: 1023px){._flex_vvg9d_1[data-padding=page]{padding-left:var(--ds-spacing-4);padding-right:var(--ds-spacing-4)}}._flex_vvg9d_1[data-spacing=xs]{gap:.125rem}._flex_vvg9d_1[data-spacing=page]{gap:1.5rem}._flex_vvg9d_1[data-margin=section]{margin:.625rem 0}._flex_vvg9d_1[data-margin=page]{margin:1.125rem 0}
+._flex_1e7ut_1{display:flex;list-style:none;padding:0}._flex_1e7ut_1[data-direction=col]{flex-direction:column}._flex_1e7ut_1[data-direction=row]{flex-direction:row}._flex_1e7ut_1[data-align=center]{align-items:center}._flex_1e7ut_1[data-align=start]{align-items:flex-start}._flex_1e7ut_1[data-align=end]{align-items:flex-end}._flex_1e7ut_1[data-justify=start]{justify-content:flex-start}._flex_1e7ut_1[data-justify=end]{justify-content:flex-end}._flex_1e7ut_1[data-justify=center]{justify-content:center}._flex_1e7ut_1[data-justify=between]{justify-content:space-between}@media (max-width: 1023px){._flex_1e7ut_1[data-bleed=true]{margin-left:-1rem;margin-right:-1rem}}._flex_1e7ut_1[data-padding=page]{padding:var(--ds-spacing-6)}@media (max-width: 1023px){._flex_1e7ut_1[data-padding=page]{padding-left:var(--ds-spacing-4);padding-right:var(--ds-spacing-4)}}._flex_1e7ut_1[data-spacing=xs]{gap:.125rem}._flex_1e7ut_1[data-spacing=page]{gap:1.5rem}._flex_1e7ut_1{margin:0}._flex_1e7ut_1[data-margin=section]{margin:.625rem 0}._flex_1e7ut_1[data-margin=page]{margin:1.125rem 0}

package/dist/assets/ListItemBase.css

@@ -1 +1 @@
-._item_12vtu_1{padding:0;border:0;background-color:transparent;color:inherit;font:inherit;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;list-style:none;position:relative;width:100%;display:flex;flex-direction:column}._item_12vtu_1[data-shadow=xs]{box-shadow:var(--ds-shadow-xs)}._item_12vtu_1[data-variant=outline],._item_12vtu_1[data-variant=dotted]{outline-color:var(--ds-color-base-default)}._item_12vtu_1[data-variant=outline]{outline-style:solid}._item_12vtu_1[data-variant=dotted]{outline-color:var(--ds-color-border-subtle);outline-style:dashed}._item_12vtu_1[data-theme=default]{background-color:var(--ds-color-background-default)}._item_12vtu_1[data-theme=subtle]{background-color:var(--ds-color-background-subtle)}._interactive_12vtu_54[data-theme=subtle]:hover,._item_12vtu_1[data-theme=surface]{background-color:var(--ds-color-surface-hover)}._interactive_12vtu_54[data-theme=surface]:hover{background-color:var(--ds-color-surface-active)}._item_12vtu_1[data-theme=base]{background-color:var(--ds-color-base-default);color:var(--ds-color-contrast-default)}._interactive_12vtu_54[data-theme=base]:hover{background-color:var(--ds-color-base-hover);color:var(--ds-color-contrast-default)}._item_12vtu_1[data-active=true]{background-color:var(--ds-color-surface-default)}._item_12vtu_1[aria-expanded=true],._item_12vtu_1[aria-selected=true]{outline:2px solid}._item_12vtu_1[aria-disabled=true]{pointer-events:none}._interactiveSelected_12vtu_96{outline:2px solid var(--ds-color-border-strong)}._interactiveHidden_12vtu_100{display:none}._interactive_12vtu_54:not([data-theme=transparent]):hover{outline:2px solid var(--ds-color-border-strong)}
+._item_1xuag_1{padding:0;border:0;background-color:transparent;color:inherit;font:inherit;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;list-style:none;position:relative;width:100%;display:flex;flex-direction:column}._item_1xuag_1[data-shadow=xs]{box-shadow:var(--ds-shadow-xs)}._item_1xuag_1[data-variant=outline],._item_1xuag_1[data-variant=dotted]{outline-color:var(--ds-color-base-default)}._item_1xuag_1[data-variant=outline]{outline-style:solid}._item_1xuag_1[data-variant=dotted]{outline-color:var(--ds-color-border-subtle);outline-style:dashed}._item_1xuag_1[data-theme=default]{background-color:var(--ds-color-background-default)}._item_1xuag_1[data-theme=subtle]{background-color:var(--ds-color-background-subtle)}._interactive_1xuag_54[data-theme=subtle]:hover,._item_1xuag_1[data-theme=surface]{background-color:var(--ds-color-surface-hover)}._interactive_1xuag_54[data-theme=surface]:hover{background-color:var(--ds-color-surface-active)}._item_1xuag_1[data-theme=base]{background-color:var(--ds-color-base-default);color:var(--ds-color-contrast-default)}._interactive_1xuag_54[data-theme=base]:hover{background-color:var(--ds-color-base-hover);color:var(--ds-color-contrast-default)}._item_1xuag_1[data-active=true]{background-color:var(--ds-color-surface-default)}._item_1xuag_1[aria-expanded=true],._item_1xuag_1[data-selected=true]{outline:2px solid}._item_1xuag_1[aria-disabled=true]{pointer-events:none}._interactiveSelected_1xuag_96{outline:2px solid var(--ds-color-border-strong)}._interactiveHidden_1xuag_100{display:none}._interactive_1xuag_54:not([data-theme=transparent]):hover{outline:2px solid var(--ds-color-border-strong)}

package/dist/assets/MenuItemBase.css

@@ -1 +1 @@
-._item_18cbi_1{padding:0;border:0;color:inherit;font:inherit;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_18cbi_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_18cbi_1[data-size=md]{min-height:56px}._item_18cbi_1[data-size=md]{min-height:44px}._item_18cbi_1[data-size=sm]{min-height:40px}._content_18cbi_45{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._action_18cbi_53{display:flex;justify-content:center;align-items:center;padding:10px}._linkText_18cbi_60{font-size:.875rem;white-space:nowrap}._linkIcon_18cbi_65{font-size:1.5rem}._item_18cbi_1,._item_18cbi_1[data-theme]{background-color:transparent}[data-theme=subtle] ._item_18cbi_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=subtle] ._item_18cbi_1:active{background-color:var(--ds-color-surface-active)}[data-theme=subtle] ._item_18cbi_1[aria-selected=true]{background-color:var(--ds-color-background-default)}[data-theme=default] ._item_18cbi_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=default] ._item_18cbi_1:active{background-color:var(--ds-color-surface-active)}[data-theme=default] ._item_18cbi_1[aria-selected=true]{background-color:var(--ds-color-background-subtle)}
+._item_kevew_1{padding:0;border:0;color:inherit;font:inherit;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_kevew_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_kevew_1[data-size=md]{min-height:56px}._item_kevew_1[data-size=md]{min-height:44px}._item_kevew_1[data-size=sm]{min-height:40px}._content_kevew_45{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._action_kevew_53{display:flex;justify-content:center;align-items:center;padding:10px}._linkText_kevew_60{font-size:.875rem;white-space:nowrap}._linkIcon_kevew_65{font-size:1.5rem}._item_kevew_1,._item_kevew_1[data-theme]{background-color:transparent}[data-theme=subtle] ._item_kevew_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=subtle] ._item_kevew_1:active{background-color:var(--ds-color-surface-active)}[data-theme=subtle] ._item_kevew_1[data-selected=true]{background-color:var(--ds-color-background-default)}[data-theme=default] ._item_kevew_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=default] ._item_kevew_1:active{background-color:var(--ds-color-surface-active)}[data-theme=default] ._item_kevew_1[data-selected=true]{background-color:var(--ds-color-background-subtle)}

package/dist/assets/Skeleton.css

@@ -1 +1 @@
-._skelaton_10sb8_1{background-color:#ccc;animation:_fade_10sb8_1 1.5s infinite reverse;background-size:200%;color:transparent}._skelaton_10sb8_1[data-loading=true]>*{opacity:0}._skelaton_10sb8_1[data-variant=circle]{border-radius:50%}._skelaton_10sb8_1[data-variant=text]{border-radius:.125rem}@keyframes _fade_10sb8_1{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}
+._skeleton_kmhzx_1{background-color:#ccc;animation:_fade_kmhzx_1 1.5s infinite reverse;background-size:200%;color:transparent}._skeleton_kmhzx_1[data-loading=true]>*{opacity:0}._skeleton_kmhzx_1[data-variant=circle]{border-radius:50%}._skeleton_kmhzx_1[data-variant=text]{border-radius:.125rem}@keyframes _fade_kmhzx_1{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}

package/dist/assets/TimelineBase.css

@@ -1 +1 @@
-._timeline_17zz6_1{display:flex;flex-direction:column;align-items:start;row-gap:1rem;padding:0;margin:0}
+._section_si67h_1{width:100%;display:flex;column-gap:.5rem;min-height:1.5rem}._sidebar_si67h_8{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:.375rem;width:2.25rem}._content_si67h_18{flex-grow:1;display:flex;flex-direction:column}._border_si67h_24{border-left:.25rem solid;border-color:var(--ds-color-surface-default);flex-grow:1}._icon_si67h_30{color:var(--ds-color-surface-active)}._border_si67h_24{border-color:var(--ds-color-surface-active);border-width:.125rem;flex-grow:1}._border_si67h_24[data-variant=hidden]{display:none}._border_si67h_24[data-variant=strong]{border-width:2px;border-style:solid}._border_si67h_24[data-variant=solid]{border-width:1px;border-style:solid}._border_si67h_24[data-variant=dashed]{border-width:1px;border-style:dashed}._border_si67h_24[data-loading=true]{border-width:1px;border-style:dashed;border-color:var(--ds-color-border-subtle)}

package/dist/assets/TimelineHeader.css

@@ -0,0 +1 @@
+._header_177gq_1{width:100%;display:flex;align-items:center;column-gap:.5rem;min-height:1.5rem}._sidebar_177gq_9{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:.375rem;width:2.25rem}._content_177gq_19{flex-grow:1;display:flex;flex-direction:column}

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 i } from "../List/ListItem.js";
 import "../Search/AutocompleteBase.js";
+import { ListItem as i } from "../List/ListItem.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 { 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 { ListBase as p } from "../List/ListBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as z } from "../Page/Section.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";
 const g = ({
   loading: o,
   title: e,
@@ -19,8 +19,8 @@ const g = ({
   titleField: a,
   expandedId: n,
   onToggle: m
-}) => /* @__PURE__ */ c(z, { padding: 6, theme: "surface-hover", spacing: 4, bleed: !0, children: [
-  /* @__PURE__ */ i(x, { size: "md", children: e }),
+}) => /* @__PURE__ */ c(l, { padding: 6, theme: "surface-hover", spacing: 4, bleed: !0, children: [
+  /* @__PURE__ */ i(z, { 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(l, { size: "xs", children: s })
+  /* @__PURE__ */ i(x, { size: "xs", children: s })
 ] });
 export {
   g as BookmarksSection

package/dist/components/Byline/Byline.js

@@ -1,27 +1,28 @@
-import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Avatar as p } from "../Avatar/Avatar.js";
-import { AvatarGroup as b } from "../Avatar/AvatarGroup.js";
+import { Avatar as b } from "../Avatar/Avatar.js";
+import { AvatarGroup as d } from "../Avatar/AvatarGroup.js";
 import "../RootProvider/RootProvider.js";
-import { Skeleton as m } from "../Skeleton/Skeleton.js";
+import { Skeleton as i } from "../Skeleton/Skeleton.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/Byline.css';const d = "_byline_160ic_1", y = "_label_160ic_7", t = {
-  byline: d,
-  label: y
-}, k = ({
+import '../../assets/Byline.css';const y = "_byline_160ic_1", _ = "_label_160ic_7", t = {
+  byline: y,
+  label: _
+}, B = ({
   loading: r,
-  color: o = "neutral",
-  size: e = "xs",
-  avatar: l,
-  avatarGroup: i,
-  datetime: s,
-  children: c
-}) => /* @__PURE__ */ n("div", { className: t.byline, "data-color": o, "data-size": e, children: [
-  /* @__PURE__ */ a(m, { variant: "circle", className: t.avatar, loading: r, children: i ? /* @__PURE__ */ a(b, { ...i, size: e, className: t.avatar }) : l && /* @__PURE__ */ a(p, { ...l, size: e, className: t.avatar }) }),
-  /* @__PURE__ */ a(m, { loading: r, children: /* @__PURE__ */ a("time", { "data-size": e, dateTime: s, className: t.label, children: c }) })
+  color: m = "neutral",
+  size: l = "xs",
+  avatar: a,
+  avatarGroup: o,
+  datetime: n,
+  children: s,
+  as: c
+}) => /* @__PURE__ */ p(c || "div", { className: t.byline, "data-color": m, "data-size": l, children: [
+  (o || a) && /* @__PURE__ */ e(i, { variant: "circle", className: t.avatar, loading: r, children: o ? /* @__PURE__ */ e(d, { ...o, size: l, className: t.avatar }) : a && /* @__PURE__ */ e(b, { ...a, size: l, className: t.avatar }) }),
+  /* @__PURE__ */ e("time", { "data-size": l, dateTime: n, className: t.label, children: /* @__PURE__ */ e(i, { loading: r, children: s }) })
 ] });
 export {
-  k as Byline
+  B as Byline
 };

package/dist/components/ContextMenu/ContextMenu.js

@@ -5,9 +5,9 @@ import * as a from "react";
 import { forwardRef as O, useRef as h, useMemo as w } from "react";
 import { IconButton as y } from "../Button/IconButton.js";
 import { useClickOutside as I } from "../../hooks/useClickOutside.js";
-import { useRootContext as j } from "../RootProvider/RootProvider.js";
+import { DropdownBase as j } from "../Dropdown/DropdownBase.js";
 import { MenuItems as C } from "../Menu/MenuItems.js";
-import { DropdownBase as R } from "../Dropdown/DropdownBase.js";
+import { useRootContext as R } from "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { u as E } from "../../useId-CsCRkvK3.js";
@@ -40,7 +40,7 @@ const k = O((e, l) => {
   className: o,
   items: r
 }) => {
-  const { currentId: p, toggleId: d, closeAll: c } = j(), u = h(null);
+  const { currentId: p, toggleId: d, closeAll: c } = R(), u = h(null);
   I(u, () => c());
   const g = () => d(e), b = p === e, x = w(() => r.map((i) => ({
     ...i,
@@ -63,7 +63,7 @@ const k = O((e, l) => {
         iconAltText: `Open ${e}`
       }
     ),
-    /* @__PURE__ */ s(R, { placement: l, open: b, children: /* @__PURE__ */ s(C, { groups: t, items: x }) })
+    /* @__PURE__ */ s(j, { placement: l, open: b, children: /* @__PURE__ */ s(C, { groups: t, items: x }) })
   ] });
 };
 export {

package/dist/components/Dialog/Dialog.js

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

package/dist/components/Dialog/DialogActions.js

@@ -5,8 +5,8 @@ import "../../index-L8X2o7IH.js";
 import { Button as u } from "../Button/Button.js";
 import { ComboButton as f } from "../Button/ComboButton.js";
 import "../RootProvider/RootProvider.js";
-import { Menu as g } from "../Menu/Menu.js";
-import { DropdownBase as h } from "../Dropdown/DropdownBase.js";
+import { DropdownBase as g } from "../Dropdown/DropdownBase.js";
+import { Menu as h } from "../Menu/Menu.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as y } from "../../ChevronUp-H8Nuww4h.js";
@@ -40,7 +40,7 @@ import '../../assets/DialogActions.css';const C = "_action_m3crc_1", B = "_combo
           children: n[0].label
         }
       ),
-      /* @__PURE__ */ t(h, { open: i, children: /* @__PURE__ */ t(g, { items: r }) })
+      /* @__PURE__ */ t(g, { open: i, children: /* @__PURE__ */ t(h, { items: r }) })
     ] });
   }
   return /* @__PURE__ */ t("section", { className: l.action, children: n.map((r, o) => /* @__PURE__ */ t(

package/dist/components/Dialog/DialogActivity.js

@@ -0,0 +1,32 @@
+import { jsx as m, jsxs as n } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import { Byline as f } from "../Byline/Byline.js";
+import "../RootProvider/RootProvider.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 { S as v } from "../../CircleFill-IZdiBc_K.js";
+const y = ({
+  icon: p = v,
+  color: l = "neutral",
+  size: s = "sm",
+  createdBy: i,
+  createdAt: e,
+  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: [
+  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 })
+] }) });
+export {
+  y as DialogActivity
+};

package/dist/components/Dialog/DialogAttachments.js

@@ -3,12 +3,12 @@ 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 p } from "../Page/Section.js";
-const d = ({ title: o = "Attachments", items: r }) => r != null && r.length ? /* @__PURE__ */ i(p, { spacing: 1, children: [
-  /* @__PURE__ */ t(m, { as: "h2", size: "xs", children: o }),
+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 })
 ] }) : null;
 export {

package/dist/components/Dialog/DialogBody.js

@@ -1,47 +1,42 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { jsxs as i, jsx as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { DialogMetadata as t } from "./DialogMetadata.js";
-import { DialogByline as g } from "./DialogByline.js";
-import { Skeleton as S } from "../Skeleton/Skeleton.js";
-import { Typography as x } from "../Typography/Typography.js";
+import { DialogMetadata as s } from "./DialogMetadata.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { TimelineSection as D } from "../Timeline/TimelineSection.js";
-import { Section as p } from "../Page/Section.js";
-const q = ({
-  loading: i,
+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 ...",
-  grouped: c,
-  sender: n,
-  recipient: d,
-  recipientLabel: l,
-  updatedAt: h,
-  updatedAtLabel: s,
-  children: f,
-  seenBy: o,
-  activityLog: a
-}) => /* @__PURE__ */ m(p, { spacing: 6, children: [
-  /* @__PURE__ */ r(
-    g,
+  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: [
+    /* @__PURE__ */ m("strong", { children: t.name }),
+    a + " " + (r == null ? void 0 : r.name)
+  ] }),
+  /* @__PURE__ */ m(
+    h,
     {
-      size: "lg",
-      sender: n,
-      recipient: d,
-      recipientLabel: l,
-      grouped: c,
-      loading: i
+      loading: o,
+      footer: /* @__PURE__ */ m(s, { loading: o, seenBy: d, activityLog: f }),
+      datetime: n,
+      byline: l,
+      spacing: 4,
+      color: o ? "neutral" : void 0,
+      children: p || e
     }
-  ),
-  /* @__PURE__ */ r(D, { isSeenByEndUser: o == null ? void 0 : o.seenByEndUser, children: /* @__PURE__ */ m(p, { spacing: 4, margin: "section", children: [
-    /* @__PURE__ */ m("div", { children: [
-      /* @__PURE__ */ r(t, { loading: i, updatedAt: h, updatedAtLabel: s }),
-      /* @__PURE__ */ r(x, { loading: i, size: "md", children: i && /* @__PURE__ */ r("p", { children: /* @__PURE__ */ r(S, { loading: i, children: e }) }) || f })
-    ] }),
-    /* @__PURE__ */ r(t, { loading: i, seenBy: o, activityLog: a })
-  ] }) })
+  )
 ] });
 export {
-  q as DialogBody
+  L as DialogBody
 };

package/dist/components/Dialog/DialogHeader.js

@@ -3,12 +3,12 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { DialogMetadata as a } from "./DialogMetadata.js";
-import { Heading as n } from "../Typography/Heading.js";
 import "../Search/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(n, { loading: r, size: "xl", children: t }),
+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 })
 ] });
 export {