@altinn/altinn-components 0.30.1 → 0.30.3

package/dist/ArrowDown-DtiYfZHZ.js

@@ -0,0 +1,25 @@
+"use client";
+import * as a from "react";
+import { forwardRef as i } from "react";
+import { u as f } from "./useId-BVFxCjkq.js";
+var d = function(t, o) {
+  var l = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.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++)
+      o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
+  return l;
+};
+const p = i((t, o) => {
+  var { title: l, titleId: e } = t, r = d(t, ["title", "titleId"]);
+  let n = f();
+  return n = l ? e || "title-" + n : 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: o, "aria-labelledby": n }, r),
+    l ? a.createElement("title", { id: n }, l) : null,
+    a.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" })
+  );
+});
+export {
+  p as S
+};

package/dist/assets/Button.css

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

package/dist/assets/DialogListItem.css

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

package/dist/assets/SeenByLog.css

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

package/dist/assets/SeenByLogButton.css

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

package/dist/components/Button/Button.js

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

package/dist/components/Dialog/DialogBody.js

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

package/dist/components/Dialog/DialogContact.js

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

package/dist/components/Dialog/DialogHeader.js

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

package/dist/components/Dialog/DialogHistorySegment.js

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

package/dist/components/Dialog/DialogListItem.js

@@ -1,134 +1,138 @@
-import { jsx as r, jsxs as v } from "react/jsx-runtime";
+import { jsx as r, jsxs as y } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Skeleton as E } from "../Skeleton/Skeleton.js";
+import { Skeleton as K } from "../Skeleton/Skeleton.js";
 import "../RootProvider/RootProvider.js";
-import { ListItemLabel as F } from "../List/ListItemLabel.js";
-import { ListItem as x } from "../List/ListItem.js";
-import { DialogMetadata as N } from "./DialogMetadata.js";
-import { DialogByline as G } from "./DialogByline.js";
-import { DialogHeading as J } from "./DialogHeading.js";
+import { ListItemLabel as O } from "../List/ListItemLabel.js";
+import { ListItem as N } from "../List/ListItem.js";
+import { DialogMetadata as B } from "./DialogMetadata.js";
+import { DialogByline as P } from "./DialogByline.js";
+import { DialogHeading as Q } from "./DialogHeading.js";
+import { SeenByLogButton as R } from "./SeenByLogButton.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/DialogListItem.css';const K = "_border_1meh5_1", O = "_controls_1meh5_54", P = "_header_1meh5_60", Q = "_summary_1meh5_72", R = "_footer_1meh5_100", T = "_touchedBy_1meh5_104", m = {
-  border: K,
-  controls: O,
-  header: P,
-  summary: Q,
-  footer: R,
-  touchedBy: T
-}, to = ({
-  size: o = "xl",
-  state: B = "normal",
-  loading: a,
-  controls: D,
-  select: U,
+import '../../assets/DialogListItem.css';const T = "_border_1fmch_1", U = "_controls_1fmch_51", W = "_header_1fmch_57", X = "_summary_1fmch_69", Y = "_footer_1fmch_97", Z = "_seenBy_1fmch_101", m = {
+  border: T,
+  controls: U,
+  header: W,
+  summary: X,
+  footer: Y,
+  seenBy: Z
+}, sr = ({
+  size: a = "xl",
+  state: D = "normal",
+  loading: o,
+  controls: L,
+  select: $,
   selected: c,
   status: e,
-  sender: n,
-  recipient: L,
-  recipientLabel: I = "to",
+  sender: s,
+  recipient: I,
+  recipientLabel: S = "to",
   grouped: j = !1,
-  updatedAt: i,
-  updatedAtLabel: h,
-  archivedAt: s,
-  archivedAtLabel: u,
+  updatedAt: d,
+  updatedAtLabel: f,
+  archivedAt: h,
+  archivedAtLabel: k,
   trashedAt: _,
-  trashedAtLabel: S,
-  badge: g,
-  dueAt: k,
-  dueAtLabel: H,
+  trashedAtLabel: H,
+  badge: M,
+  dueAt: V,
+  dueAtLabel: g,
   seen: l = !1,
-  seenBy: M,
-  touchedBy: V,
-  attachmentsCount: q,
+  seenBy: q,
+  seenByLog: n,
+  draftsLabel: w,
+  sentCount: C,
+  receivedCount: E,
+  attachmentsCount: F,
   title: t,
   description: p,
-  summary: d,
-  variant: w = "default",
-  id: f,
-  ...b
+  summary: i,
+  variant: G = "default",
+  id: b,
+  ...v
 }) => {
-  const C = _ ? "trashed" : s ? "archived" : B, y = c ? "tinted" : w;
-  return o === "xs" || o === "sm" ? /* @__PURE__ */ r(
-    x,
+  const J = _ ? "trashed" : h ? "archived" : D, x = c ? "tinted" : G;
+  return a === "xs" || a === "sm" ? /* @__PURE__ */ r(
+    N,
     {
-      ...b,
-      id: f,
-      size: o,
+      ...v,
+      id: b,
+      size: a,
       selected: c,
-      variant: y,
+      variant: x,
       ariaLabel: t,
       label: /* @__PURE__ */ r(
         "div",
         {
           className: m.border,
           "data-status": e == null ? void 0 : e.value,
-          "data-size": o,
+          "data-size": a,
           "data-seen": l,
-          "data-loading": a,
-          children: /* @__PURE__ */ r(F, { loading: a, size: o, title: t, description: d || p })
+          "data-loading": o,
+          children: /* @__PURE__ */ r(O, { loading: o, size: a, title: t, description: i || p })
         }
       ),
-      badge: /* @__PURE__ */ r(N, { loading: a, sender: n, updatedAt: i, updatedAtLabel: h }),
+      badge: /* @__PURE__ */ r(B, { loading: o, sender: s, updatedAt: d, updatedAtLabel: f }),
       title: t
     }
   ) : /* @__PURE__ */ r(
-    x,
+    N,
     {
-      ...b,
-      id: f,
-      size: o,
+      ...v,
+      id: b,
+      size: a,
       selected: c,
-      variant: y,
-      controls: /* @__PURE__ */ r("div", { className: m.controls, children: D }),
+      variant: x,
+      controls: /* @__PURE__ */ r("div", { className: m.controls, children: L }),
       title: t,
-      label: /* @__PURE__ */ v(
+      label: /* @__PURE__ */ y(
         "div",
         {
           className: m.border,
           "data-status": e == null ? void 0 : e.value,
-          "data-size": o,
+          "data-size": a,
           "data-seen": l,
-          "data-loading": a,
+          "data-loading": o,
           children: [
-            /* @__PURE__ */ v("header", { className: m.header, "data-size": o, children: [
-              /* @__PURE__ */ r(J, { loading: a, size: o, state: C, badge: g, seen: l, children: t }),
+            /* @__PURE__ */ y("header", { className: m.header, "data-size": a, children: [
+              /* @__PURE__ */ r(Q, { loading: o, size: a, state: J, badge: M, seen: l, children: t }),
               /* @__PURE__ */ r(
-                G,
+                P,
                 {
                   size: "xs",
-                  loading: a,
-                  sender: n,
-                  recipient: L,
-                  recipientLabel: I,
+                  loading: o,
+                  sender: s,
+                  recipient: I,
+                  recipientLabel: S,
                   grouped: j
                 }
               ),
-              o === "xl" && d && /* @__PURE__ */ r(E, { loading: a, children: /* @__PURE__ */ r("p", { "data-size": o, className: m.summary, children: d || p }) })
+              a === "xl" && i && /* @__PURE__ */ r(K, { loading: o, children: /* @__PURE__ */ r("p", { "data-size": a, className: m.summary, children: i || p }) })
             ] }),
             /* @__PURE__ */ r(
-              N,
+              B,
               {
                 className: m.footer,
-                loading: a,
+                loading: o,
                 status: e,
-                updatedAt: i,
-                updatedAtLabel: h,
-                archivedAt: s,
-                archivedAtLabel: u,
+                draftsLabel: w,
+                sentCount: C,
+                receivedCount: E,
+                updatedAt: d,
+                updatedAtLabel: f,
+                archivedAt: h,
+                archivedAtLabel: k,
                 trashedAt: _,
-                trashedAtLabel: S,
-                dueAt: k,
-                dueAtLabel: H,
-                attachmentsCount: q,
-                seenBy: M,
-                touchedBy: {
-                  touchedBy: V,
-                  className: m.touchedBy
-                }
+                trashedAtLabel: H,
+                dueAt: V,
+                dueAtLabel: g,
+                attachmentsCount: F,
+                seenBy: q
               }
-            )
+            ),
+            n && /* @__PURE__ */ r(R, { className: m.seenBy, ariaLabel: n.title, items: n.items })
           ]
         }
       )
@@ -136,5 +140,5 @@ import '../../assets/DialogListItem.css';const K = "_border_1meh5_1", O = "_cont
   );
 };
 export {
-  to as DialogListItem
+  sr as DialogListItem
 };