@altinn/altinn-components 0.52.3 → 0.52.5

package/dist/components/Dialog/DialogBody.js

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

package/dist/components/Dialog/DialogByline.js

@@ -1,23 +1,23 @@
-import { jsxs as u, jsx as f } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import { jsxs as i, jsx as p } from "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
 import "react";
-import { Byline as v } from "../Byline/Byline.js";
+import { Byline as s } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-const p = ({
+const y = ({
   sender: o,
-  recipient: a,
-  recipientLabel: t = "to",
-  grouped: l = !1,
-  loading: m,
-  size: r = "xs"
-}) => !o && !a ? null : /* @__PURE__ */ u(v, { loading: m, size: r, avatar: o, avatarGroup: !m && l && o && a ? {
-  items: [a, o]
+  recipient: r,
+  recipientLabel: a = "to",
+  grouped: m = !1,
+  loading: t,
+  size: l = "xs"
+}) => !o && !r ? null : /* @__PURE__ */ i(s, { loading: t, size: l, avatar: o, avatarGroup: !t && m && o && r ? {
+  items: [r, o]
 } : void 0, children: [
-  /* @__PURE__ */ f("strong", { children: o == null ? void 0 : o.name }),
+  /* @__PURE__ */ p("strong", { children: o?.name }),
   " ",
-  a && t + " " + (a == null ? void 0 : a.name)
+  r && a + " " + r?.name
 ] });
 export {
-  p as DialogByline
+  y as DialogByline
 };

package/dist/components/Dialog/DialogContact.js

@@ -1,5 +1,5 @@
 import { jsxs as p, jsx as o } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import { Typography as n } from "../Typography/Typography.js";
 import { Heading as c } from "../Typography/Heading.js";

package/dist/components/Dialog/DialogHeader.js

@@ -1,6 +1,6 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import { Badge as x } from "../Badge/Badge.js";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import { Skeleton as j } from "../Skeleton/Skeleton.js";
 import { Heading as D } from "../Typography/Heading.js";

package/dist/components/Dialog/DialogHistory.js

@@ -1,8 +1,8 @@
 "use client";
-import { jsxs as f, jsx as e } from "react/jsx-runtime";
-import { useState as u, createElement as h } from "react";
-import "../../index-L8X2o7IH.js";
-import { Button as m } from "../Button/Button.js";
+import { jsxs as g, jsx as n } from "react/jsx-runtime";
+import { useState as f, createElement as u } from "react";
+import "../../index-p1eeF8LQ.js";
+import { Button as h } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { DialogHistorySegment as y } from "./DialogHistorySegment.js";
 import { Timeline as x } from "../Timeline/Timeline.js";
@@ -10,18 +10,18 @@ import "../Snackbar/useSnackbar.js";
 import { Section as E } from "../Page/Section.js";
 const b = ({
   items: o,
-  maxItems: r,
-  expandLabel: l = "Expand history",
-  collapseLabel: i = "Collapse history"
+  maxItems: t,
+  expandLabel: i = "Expand history",
+  collapseLabel: l = "Collapse history"
 }) => {
-  if (!(o != null && o.length))
+  if (!o?.length)
     return null;
-  const [t, p] = u(!1), c = () => {
-    p((n) => !n);
-  }, s = r ? o.slice(0, r) : o, a = t ? o : s, d = r && o.length > r;
-  return /* @__PURE__ */ f(E, { spacing: 4, children: [
-    /* @__PURE__ */ e(x, { children: a.map((n, g) => /* @__PURE__ */ h(y, { ...n, key: g })) }),
-    d && /* @__PURE__ */ e(m, { variant: "outline", onClick: c, children: t ? i : l })
+  const [e, p] = f(!1), s = () => {
+    p((r) => !r);
+  }, c = t ? o.slice(0, t) : o, a = e ? o : c, d = t && o.length > t;
+  return /* @__PURE__ */ g(E, { spacing: 4, children: [
+    /* @__PURE__ */ n(x, { children: a.map((r, m) => /* @__PURE__ */ u(y, { ...r, key: m })) }),
+    d && /* @__PURE__ */ n(h, { variant: "outline", onClick: s, children: e ? l : i })
   ] });
 };
 export {

package/dist/components/Dialog/DialogHistoryItem.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import { Typography as f } from "../Typography/Typography.js";
 import "../RootProvider/RootProvider.js";

package/dist/components/Dialog/DialogHistorySegment.js

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

package/dist/components/Dialog/DialogLayout.js

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

package/dist/components/Dialog/DialogList.js

@@ -1,25 +1,25 @@
-import { jsx as y } from "react/jsx-runtime";
+import { jsx as g } from "react/jsx-runtime";
 import { createElement as r } from "react";
-import "../../index-L8X2o7IH.js";
-import { useMenu as d } from "../../hooks/useMenu.js";
+import "../../index-p1eeF8LQ.js";
+import { useMenu as f } from "../../hooks/useMenu.js";
 import "../RootProvider/RootProvider.js";
-import { DialogListGroup as g } from "./DialogListGroup.js";
-import { DialogListItem as u } from "./DialogListItem.js";
+import { DialogListGroup as y } from "./DialogListGroup.js";
+import { DialogListItem as d } from "./DialogListItem.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as k } from "../Page/Section.js";
-const v = ({ items: i, groups: e = {}, sortGroupBy: m, highlightWords: s, isLoading: p }) => {
-  const { menu: o } = d({
-    items: i,
-    groups: e,
+const v = ({ items: t, groups: i = {}, sortGroupBy: e, highlightWords: m, isLoading: p }) => {
+  const { menu: s } = f({
+    items: t,
+    groups: i,
     groupByKey: "groupId",
     keyboardEvents: !1,
-    sortGroupBy: m
+    sortGroupBy: e
   });
-  return /* @__PURE__ */ y(k, { spacing: 6, "aria-busy": p, children: o == null ? void 0 : o.map((t, a) => {
-    const n = t.props || {};
-    return /* @__PURE__ */ r(g, { ...n, key: "dialog-list-item" + a }, t == null ? void 0 : t.items.map((l, c) => {
-      const f = l.props || {};
-      return /* @__PURE__ */ r(u, { ...f, highlightWords: s, key: "dialog-list-item" + c });
+  return /* @__PURE__ */ g(k, { spacing: 6, "aria-busy": p, children: s?.map((o, n) => {
+    const a = o.props || {};
+    return /* @__PURE__ */ r(y, { ...a, key: "dialog-list-item" + n }, o?.items.map((l, u) => {
+      const c = l.props || {};
+      return /* @__PURE__ */ r(d, { ...c, highlightWords: m, key: "dialog-list-item" + u });
     }));
   }) });
 };

package/dist/components/Dialog/DialogListGroup.js

@@ -1,5 +1,5 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import { Typography as p } from "../Typography/Typography.js";
 import { Heading as e } from "../Typography/Heading.js";

package/dist/components/Dialog/DialogListItem.js

@@ -1,8 +1,8 @@
-import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
 import { Badge as K } from "../Badge/Badge.js";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
-import { Heading as u } from "../Typography/Heading.js";
+import { Heading as j } from "../Typography/Heading.js";
 import "../RootProvider/RootProvider.js";
 import { DialogMetadata as O } from "./DialogMetadata.js";
 import { DialogByline as P } from "./DialogByline.js";
@@ -25,7 +25,7 @@ import '../../assets/DialogListItem.css';const S = "_border_jg0tu_1", T = "_titl
   controls: x,
   select: aa,
   selected: o,
-  status: s,
+  status: c,
   extendedStatusLabel: g,
   sender: l,
   recipient: N,
@@ -49,15 +49,15 @@ import '../../assets/DialogListItem.css';const S = "_border_jg0tu_1", T = "_titl
   receivedCount: C,
   attachmentsCount: E,
   attachmentsLabel: F,
-  title: m,
+  title: s,
   description: G,
-  summary: i,
-  highlightWords: n,
+  summary: m,
+  highlightWords: i,
   variant: J = "default",
   id: h,
   ...f
 }) => {
-  const j = o ? "tinted" : J;
+  const u = o ? "tinted" : J;
   return r === "xs" || r === "sm" ? /* @__PURE__ */ a(
     b,
     {
@@ -65,13 +65,13 @@ import '../../assets/DialogListItem.css';const S = "_border_jg0tu_1", T = "_titl
       id: h,
       size: r,
       selected: o,
-      variant: j,
-      ariaLabel: m,
+      variant: u,
+      ariaLabel: s,
       disabled: e,
       icon: l,
-      title: m,
-      description: i || G,
-      highlightWords: n
+      title: s,
+      description: m || G,
+      highlightWords: i
     }
   ) : /* @__PURE__ */ a(
     b,
@@ -80,34 +80,34 @@ import '../../assets/DialogListItem.css';const S = "_border_jg0tu_1", T = "_titl
       id: h,
       size: r,
       selected: o,
-      variant: j,
+      variant: u,
       controls: /* @__PURE__ */ a("div", { className: t.controls, children: x }),
-      title: m,
+      title: s,
       disabled: e,
-      label: /* @__PURE__ */ c(
+      label: /* @__PURE__ */ n(
         "div",
         {
           className: t.border,
           "data-selected": o,
-          "data-status": s == null ? void 0 : s.value,
+          "data-status": c?.value,
           "data-size": r,
           "data-unread": _,
           "data-archived": D,
           "data-trashed": M,
           "data-loading": e,
           children: [
-            /* @__PURE__ */ c("header", { className: t.header, "data-size": r, children: [
-              /* @__PURE__ */ c("span", { className: t.heading, children: [
+            /* @__PURE__ */ n("header", { className: t.header, "data-size": r, children: [
+              /* @__PURE__ */ n("span", { className: t.heading, children: [
                 /* @__PURE__ */ a(
-                  u,
+                  j,
                   {
                     as: "h2",
-                    highlightWords: n,
+                    highlightWords: i,
                     weight: _ ? "bold" : "normal",
                     loading: e,
                     maxRows: 2,
                     className: t.title,
-                    children: m
+                    children: s
                   }
                 ),
                 d && /* @__PURE__ */ a(K, { variant: "tinted", size: "xs", ...d })
@@ -123,16 +123,16 @@ import '../../assets/DialogListItem.css';const S = "_border_jg0tu_1", T = "_titl
                   grouped: y
                 }
               ),
-              i && /* @__PURE__ */ a(
-                u,
+              m && /* @__PURE__ */ a(
+                j,
                 {
                   as: "h3",
-                  highlightWords: n,
+                  highlightWords: i,
                   weight: "normal",
                   className: t.summary,
                   loading: e,
                   maxRows: 2,
-                  children: i
+                  children: m
                 }
               )
             ] }),
@@ -141,7 +141,7 @@ import '../../assets/DialogListItem.css';const S = "_border_jg0tu_1", T = "_titl
               {
                 className: t.footer,
                 loading: e,
-                status: s,
+                status: c,
                 extendedStatusLabel: g,
                 draftsLabel: q,
                 sentCount: A,

package/dist/components/Dialog/DialogMetadata.js

@@ -1,15 +1,15 @@
 "use client";
 import { jsxs as _, jsx as a } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
-import o, { forwardRef as d } from "react";
+import "../../index-p1eeF8LQ.js";
+import o, { forwardRef as f } from "react";
 import "../RootProvider/RootProvider.js";
 import { MetaBase as E } from "../Metadata/MetaBase.js";
-import { MetaItem as f } from "../Metadata/MetaItem.js";
+import { MetaItem as c } from "../Metadata/MetaItem.js";
 import { MetaTimestamp as p } from "../Metadata/MetaTimestamp.js";
 import { DialogStatus as S } from "./DialogStatus.js";
 import "../Snackbar/useSnackbar.js";
 import { S as P } from "../../Checkmark-Byz_C9x4.js";
-import { u as m } from "../../useId-BVFxCjkq.js";
+import { u as d } from "../../useId-BVFxCjkq.js";
 var M = function(t, n) {
   var r = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
@@ -18,9 +18,9 @@ var M = function(t, n) {
       n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const R = d((t, n) => {
+const R = f((t, n) => {
   var { title: r, titleId: e } = t, l = M(t, ["title", "titleId"]);
-  let i = m();
+  let i = d();
   return i = r ? e || "title-" + i : void 0, o.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": i }, l),
@@ -36,9 +36,9 @@ var V = function(t, n) {
       n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const C = d((t, n) => {
+const C = f((t, n) => {
   var { title: r, titleId: e } = t, l = V(t, ["title", "titleId"]);
-  let i = m();
+  let i = d();
   return i = r ? e || "title-" + i : void 0, o.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": i }, l),
@@ -54,9 +54,9 @@ var B = function(t, n) {
       n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const H = d((t, n) => {
+const H = f((t, n) => {
   var { title: r, titleId: e } = t, l = B(t, ["title", "titleId"]);
-  let i = m();
+  let i = d();
   return i = r ? e || "title-" + i : void 0, o.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": i }, l),
@@ -72,9 +72,9 @@ var k = function(t, n) {
       n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const A = d((t, n) => {
+const A = f((t, n) => {
   var { title: r, titleId: e } = t, l = k(t, ["title", "titleId"]);
-  let i = m();
+  let i = d();
   return i = r ? e || "title-" + i : void 0, o.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": i }, l),
@@ -90,9 +90,9 @@ var $ = function(t, n) {
       n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const q = d((t, n) => {
+const q = f((t, n) => {
   var { title: r, titleId: e } = t, l = $(t, ["title", "titleId"]);
-  let i = m();
+  let i = d();
   return i = r ? e || "title-" + i : void 0, o.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": i }, l),
@@ -108,9 +108,9 @@ var D = function(t, n) {
       n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const T = d((t, n) => {
+const T = f((t, n) => {
   var { title: r, titleId: e } = t, l = D(t, ["title", "titleId"]);
-  let i = m();
+  let i = d();
   return i = r ? e || "title-" + i : void 0, o.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": i }, l),
@@ -126,9 +126,9 @@ var F = function(t, n) {
       n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const G = d((t, n) => {
+const G = f((t, n) => {
   var { title: r, titleId: e } = t, l = F(t, ["title", "titleId"]);
-  let i = m();
+  let i = d();
   return i = r ? e || "title-" + i : void 0, o.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": i }, l),
@@ -142,43 +142,43 @@ const G = d((t, n) => {
   sender: e,
   updatedAt: l,
   updatedAtLabel: i,
-  dueAt: h,
-  dueAtLabel: u,
-  archivedAt: s,
-  archivedAtLabel: v,
+  dueAt: v,
+  dueAtLabel: h,
+  archivedAt: u,
+  archivedAtLabel: s,
   trashedAt: b,
   trashedAtLabel: O,
-  draftsLabel: w,
-  sentCount: y = 0,
+  draftsLabel: y,
+  sentCount: w = 0,
   receivedCount: g = 0,
   attachmentsCount: x = 0,
   attachmentsLabel: z,
   transmissionsLabel: j,
-  activityLog: c,
+  activityLog: m,
   extendedStatusLabel: I
 }) => /* @__PURE__ */ _(E, { className: t, size: "xs", children: [
   r && /* @__PURE__ */ a(S, { loading: n, size: "xs", ...r }),
-  I && /* @__PURE__ */ a(f, { size: "xs", variant: "outline", children: I }),
-  w && /* @__PURE__ */ a(f, { size: "xs", variant: "dotted", children: w }),
-  y > 0 && /* @__PURE__ */ a(f, { size: "xs", variant: "outline", icon: P, children: y }),
-  g > 0 && /* @__PURE__ */ a(f, { size: "xs", variant: "outline", icon: C, children: g }),
+  I && /* @__PURE__ */ a(c, { size: "xs", variant: "outline", children: I }),
+  y && /* @__PURE__ */ a(c, { size: "xs", variant: "dotted", children: y }),
+  w > 0 && /* @__PURE__ */ a(c, { size: "xs", variant: "outline", icon: P, children: w }),
+  g > 0 && /* @__PURE__ */ a(c, { size: "xs", variant: "outline", icon: C, children: g }),
   l && /* @__PURE__ */ _(p, { loading: n, datetime: l, size: "xs", children: [
     /* @__PURE__ */ a("strong", { children: e && e.name + ", " }),
     i
   ] }),
-  h && u && /* @__PURE__ */ a(p, { loading: n, datetime: h, size: "xs", icon: H, children: u }),
-  x > 0 && /* @__PURE__ */ a(f, { loading: n, size: "xs", icon: T, children: z || x }),
-  j && /* @__PURE__ */ a(f, { loading: n, size: "xs", icon: q, children: j }),
-  b && O && /* @__PURE__ */ a(p, { loading: n, datetime: b, size: "xs", icon: G, children: O }) || s && v && /* @__PURE__ */ a(p, { loading: n, datetime: s, size: "xs", icon: R, children: v }),
-  c && /* @__PURE__ */ a(
-    f,
+  v && h && /* @__PURE__ */ a(p, { loading: n, datetime: v, size: "xs", icon: H, children: h }),
+  x > 0 && /* @__PURE__ */ a(c, { loading: n, size: "xs", icon: T, children: z || x }),
+  j && /* @__PURE__ */ a(c, { loading: n, size: "xs", icon: q, children: j }),
+  b && O && /* @__PURE__ */ a(p, { loading: n, datetime: b, size: "xs", icon: G, children: O }) || u && s && /* @__PURE__ */ a(p, { loading: n, datetime: u, size: "xs", icon: R, children: s }),
+  m && /* @__PURE__ */ a(
+    c,
     {
       loading: n,
       size: "xs",
       icon: A,
-      as: c != null && c.onClick ? "button" : "span",
-      onClick: c == null ? void 0 : c.onClick,
-      children: (c == null ? void 0 : c.label) || "Activity log"
+      as: m?.onClick ? "button" : "span",
+      onClick: m?.onClick,
+      children: m?.label || "Activity log"
     }
   )
 ] });

package/dist/components/Dialog/DialogSection.js

@@ -1,5 +1,5 @@
 import { jsxs as m, jsx as i } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import { Typography as p } from "../Typography/Typography.js";
 import { Heading as t } from "../Typography/Heading.js";

package/dist/components/Dialog/DialogSeenBy.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as d } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import a, { forwardRef as i } from "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Dialog/DialogSelect.js

@@ -1,5 +1,5 @@
 import { jsxs as s, jsx as c } from "react/jsx-runtime";
-import { c as i } from "../../index-L8X2o7IH.js";
+import { c as i } from "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Dialog/DialogStatus.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as o } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import a, { forwardRef as p } from "react";
 import "../RootProvider/RootProvider.js";
 import { MetaItem as c } from "../Metadata/MetaItem.js";

package/dist/components/Dialog/DialogTabs.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";