@altinn/altinn-components 0.54.2 → 0.55.0

package/dist/components/Dialog/DialogListItem.js

@@ -1,16 +1,16 @@
-import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
 import { Badge as K } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { Heading as j } from "../Typography/Heading.js";
+import { AvatarGroup as O } from "../Avatar/AvatarGroup.js";
+import { Heading as b } from "../Typography/Heading.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { DialogMetadata as O } from "./DialogMetadata.js";
-import { DialogByline as P } from "./DialogByline.js";
-import { MetaItem as Q } from "../Metadata/MetaItem.js";
-import { ListItem as b } from "../List/ListItem.js";
+import { DialogMetadata as P } from "./DialogMetadata.js";
+import { DialogByline as Q } from "./DialogByline.js";
+import { ListItem as x } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/DialogListItem.css';const S = "_border_jg0tu_1", T = "_title_jg0tu_27", U = "_controls_jg0tu_58", X = "_header_jg0tu_65", Y = "_summary_jg0tu_82", Z = "_footer_jg0tu_96", $ = "_seenBy_jg0tu_101", z = "_heading_jg0tu_108", t = {
+import '../../assets/DialogListItem.css';const S = "_border_lwts6_1", T = "_title_lwts6_27", U = "_controls_lwts6_58", X = "_header_lwts6_65", Y = "_summary_lwts6_82", Z = "_footer_lwts6_96", $ = "_seenBy_lwts6_101", z = "_dot_lwts6_108", W = "_heading_lwts6_112", a = {
   border: S,
   title: T,
   controls: U,
@@ -18,148 +18,149 @@ import '../../assets/DialogListItem.css';const S = "_border_jg0tu_1", T = "_titl
   summary: Y,
   footer: Z,
   seenBy: $,
-  heading: z
-}, pa = ({
-  size: r = "xl",
-  state: W = "normal",
-  loading: e,
-  controls: x,
-  select: aa,
+  dot: z,
+  heading: W
+}, ht = ({
+  size: e = "xl",
+  state: tt = "normal",
+  loading: s,
+  controls: N,
+  select: at,
   selected: o,
-  status: c,
-  extendedStatusLabel: g,
-  sender: l,
-  recipient: N,
-  recipientLabel: v = "to",
-  grouped: y = !1,
-  updatedAt: B,
-  updatedAtLabel: w,
-  archived: D,
-  archivedAt: I,
-  archivedAtLabel: L,
-  trashed: M,
-  trashedAt: R,
+  status: n,
+  extendedStatusLabel: v,
+  sender: c,
+  recipient: u,
+  recipientLabel: y = "to",
+  grouped: B = !1,
+  updatedAt: D,
+  updatedAtLabel: j,
+  archived: I,
+  archivedAt: L,
+  archivedAtLabel: R,
+  trashed: A,
+  trashedAt: G,
   trashedAtLabel: H,
   badge: d,
-  dueAt: V,
-  dueAtLabel: k,
+  dueAt: M,
+  dueAtLabel: V,
   unread: _,
   seenByLog: p,
-  draftsLabel: q,
-  sentCount: A,
-  receivedCount: C,
-  attachmentsCount: E,
-  attachmentsLabel: F,
-  title: s,
-  description: G,
-  summary: m,
-  highlightWords: i,
+  draftsLabel: g,
+  sentCount: k,
+  receivedCount: q,
+  attachmentsCount: C,
+  attachmentsLabel: E,
+  title: r,
+  description: F,
+  summary: l,
+  highlightWords: m,
   variant: J = "default",
   id: h,
   ...f
 }) => {
-  const u = o ? "tinted" : J;
-  return r === "xs" || r === "sm" ? /* @__PURE__ */ a(
-    b,
+  const w = o ? "tinted" : J;
+  return e === "xs" || e === "sm" ? /* @__PURE__ */ t(
+    x,
     {
       ...f,
       id: h,
-      size: r,
+      size: e,
       selected: o,
-      variant: u,
-      ariaLabel: s,
-      disabled: e,
-      icon: l,
-      title: s,
-      description: m || G,
-      highlightWords: i
+      variant: w,
+      ariaLabel: r,
+      disabled: s,
+      icon: c,
+      title: r,
+      description: l || F,
+      highlightWords: m
     }
-  ) : /* @__PURE__ */ a(
-    b,
+  ) : /* @__PURE__ */ t(
+    x,
     {
       ...f,
       id: h,
-      size: r,
+      size: e,
       selected: o,
-      variant: u,
-      controls: /* @__PURE__ */ a("div", { className: t.controls, children: x }),
-      title: s,
-      disabled: e,
-      label: /* @__PURE__ */ n(
+      variant: w,
+      controls: /* @__PURE__ */ t("div", { className: a.controls, children: N }),
+      title: r,
+      disabled: s,
+      label: /* @__PURE__ */ i(
         "div",
         {
-          className: t.border,
+          className: a.border,
           "data-selected": o,
-          "data-status": c?.value,
-          "data-size": r,
+          "data-status": n?.value,
+          "data-size": e,
           "data-unread": _,
-          "data-archived": D,
-          "data-trashed": M,
-          "data-loading": e,
+          "data-archived": I,
+          "data-trashed": A,
+          "data-loading": s,
           children: [
-            /* @__PURE__ */ n("header", { className: t.header, "data-size": r, children: [
-              /* @__PURE__ */ n("span", { className: t.heading, children: [
-                /* @__PURE__ */ a(
-                  j,
-                  {
-                    as: "h2",
-                    highlightWords: i,
-                    weight: _ ? "bold" : "normal",
-                    loading: e,
-                    maxRows: 2,
-                    className: t.title,
-                    children: s
-                  }
-                ),
-                d && /* @__PURE__ */ a(K, { variant: "tinted", size: "xs", ...d })
-              ] }),
-              /* @__PURE__ */ a(
-                P,
+            /* @__PURE__ */ i("header", { className: a.header, "data-size": e, children: [
+              /* @__PURE__ */ t("span", { className: a.heading, children: /* @__PURE__ */ i(
+                b,
+                {
+                  as: "h2",
+                  highlightWords: m,
+                  weight: _ ? "bold" : "normal",
+                  loading: s,
+                  maxRows: 2,
+                  className: a.title,
+                  children: [
+                    r,
+                    d && /* @__PURE__ */ t(K, { className: a.dot, variant: "tinted", size: "xs", ...d })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ t(
+                Q,
                 {
                   size: "xs",
-                  loading: e,
-                  sender: l,
-                  recipient: N,
-                  recipientLabel: v,
-                  grouped: y
+                  loading: s,
+                  sender: c,
+                  recipient: u,
+                  recipientLabel: y,
+                  grouped: B
                 }
               ),
-              m && /* @__PURE__ */ a(
-                j,
+              l && /* @__PURE__ */ t(
+                b,
                 {
                   as: "h3",
-                  highlightWords: i,
+                  highlightWords: m,
                   weight: "normal",
-                  className: t.summary,
-                  loading: e,
+                  className: a.summary,
+                  loading: s,
                   maxRows: 2,
-                  children: m
+                  children: l
                 }
               )
             ] }),
-            /* @__PURE__ */ a(
-              O,
+            /* @__PURE__ */ t(
+              P,
               {
-                className: t.footer,
-                loading: e,
-                status: c,
-                extendedStatusLabel: g,
-                draftsLabel: q,
-                sentCount: A,
-                receivedCount: C,
-                updatedAt: B,
-                updatedAtLabel: w,
-                archivedAt: I,
-                archivedAtLabel: L,
-                trashedAt: R,
+                className: a.footer,
+                loading: s,
+                status: n,
+                extendedStatusLabel: v,
+                draftsLabel: g,
+                sentCount: k,
+                receivedCount: q,
+                updatedAt: D,
+                updatedAtLabel: j,
+                archivedAt: L,
+                archivedAtLabel: R,
+                trashedAt: G,
                 trashedAtLabel: H,
-                dueAt: V,
-                dueAtLabel: k,
-                attachmentsCount: E,
-                attachmentsLabel: F
+                dueAt: M,
+                dueAtLabel: V,
+                attachmentsCount: C,
+                attachmentsLabel: E
               }
             ),
-            p && /* @__PURE__ */ a(Q, { className: t.seenBy, icon: { items: p.items } })
+            p && /* @__PURE__ */ t(O, { className: a.seenBy, items: p.items })
           ]
         }
       )
@@ -167,5 +168,5 @@ import '../../assets/DialogListItem.css';const S = "_border_jg0tu_1", T = "_titl
   );
 };
 export {
-  pa as DialogListItem
+  ht as DialogListItem
 };

package/dist/components/Dialog/DialogMetadata.js

@@ -1,188 +1,117 @@
 "use client";
-import { jsxs as _, jsx as a } from "react/jsx-runtime";
+import { jsxs as I, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
-import o, { forwardRef as f } from "react";
+import a, { forwardRef as d } from "react";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { MetaBase as E } from "../Metadata/MetaBase.js";
+import { MetaBase as _ } from "../Metadata/MetaBase.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 { MetaTimestamp as m } from "../Metadata/MetaTimestamp.js";
+import { DialogStatus as E } from "./DialogStatus.js";
 import "../Snackbar/useSnackbar.js";
-import { S as P } from "../../Checkmark-Byz_C9x4.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]);
+import { S as M } from "../../Checkmark-Byz_C9x4.js";
+import { u as s } from "../../useId-BVFxCjkq.js";
+import { S as P, a as k, c as C, b as R } from "../../Trash-DBcymOP9.js";
+var q = function(t, i) {
+  var l = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (l[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;
+    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
+      i.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
+  return l;
 };
-const R = f((t, n) => {
-  var { title: r, titleId: e } = t, l = M(t, ["title", "titleId"]);
-  let i = d();
-  return i = r ? e || "title-" + i : void 0, o.createElement(
+const B = d((t, i) => {
+  var { title: l, titleId: e } = t, r = q(t, ["title", "titleId"]);
+  let n = s();
+  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: n, "aria-labelledby": i }, l),
-    r ? o.createElement("title", { id: i }, r) : null,
-    o.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.25 4A.75.75 0 0 1 4 3.25h16a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-.75.75h-.25V19A1.75 1.75 0 0 1 18 20.75H6A1.75 1.75 0 0 1 4.25 19V8.75H4A.75.75 0 0 1 3.25 8zm2.5 4.75h12.5V19a.25.25 0 0 1-.25.25H6a.25.25 0 0 1-.25-.25zm-1-4v2.5h14.5v-2.5zm9.25 8.5a.75.75 0 0 0 0-1.5h-4a.75.75 0 0 0 0 1.5z", clipRule: "evenodd" })
+    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": 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" })
   );
 });
-var V = function(t, n) {
-  var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
+var D = function(t, i) {
+  var l = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (l[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;
+    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
+      i.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
+  return l;
 };
-const C = f((t, n) => {
-  var { title: r, titleId: e } = t, l = V(t, ["title", "titleId"]);
-  let i = d();
-  return i = r ? e || "title-" + i : void 0, o.createElement(
+const H = d((t, i) => {
+  var { title: l, titleId: e } = t, r = D(t, ["title", "titleId"]);
+  let n = s();
+  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: n, "aria-labelledby": i }, l),
-    r ? o.createElement("title", { id: i }, r) : null,
-    o.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" })
+    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": n }, r),
+    l ? a.createElement("title", { id: n }, l) : null,
+    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.5 1.75a.75.75 0 0 1 .75.75v2.464a9.75 9.75 0 1 1 12.342 15.023.75.75 0 1 1-.86-1.229A8.251 8.251 0 1 0 6.084 6.25H9a.75.75 0 0 1 0 1.5H4.5A.75.75 0 0 1 3.75 7V2.5a.75.75 0 0 1 .75-.75M12.75 6a.75.75 0 0 0-1.5 0v6c0 .199.079.39.22.53l2.5 2.5a.75.75 0 1 0 1.06-1.06l-2.28-2.28zM3 11.25a.75.75 0 0 1 .75.75q0 .66.105 1.31a.75.75 0 0 1-1.481.24A10 10 0 0 1 2.25 12a.75.75 0 0 1 .75-.75m1.855 4.875a.75.75 0 0 0-1.299.75q.39.675.882 1.28a.75.75 0 1 0 1.163-.947 8 8 0 0 1-.746-1.083m1.995 3.294a.75.75 0 0 1 1.025-.274q.57.33 1.188.564a.75.75 0 1 1-.535 1.402 10 10 0 0 1-1.403-.667.75.75 0 0 1-.275-1.025m6.7 2.207a.75.75 0 1 0-.24-1.48q-.65.104-1.31.104a.75.75 0 0 0 0 1.5q.78 0 1.55-.124", clipRule: "evenodd" })
   );
 });
-var B = function(t, n) {
-  var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
+var T = function(t, i) {
+  var l = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (l[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;
+    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
+      i.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
+  return l;
 };
-const H = f((t, n) => {
-  var { title: r, titleId: e } = t, l = B(t, ["title", "titleId"]);
-  let i = d();
-  return i = r ? e || "title-" + i : void 0, o.createElement(
+const V = d((t, i) => {
+  var { title: l, titleId: e } = t, r = T(t, ["title", "titleId"]);
+  let n = s();
+  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: n, "aria-labelledby": i }, l),
-    r ? o.createElement("title", { id: i }, r) : null,
-    o.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M9 2.25a.75.75 0 0 1 .75.75v1.25h4.5V3a.75.75 0 0 1 1.5 0v1.25h3.75c.69 0 1.25.56 1.25 1.25v13c0 .69-.56 1.25-1.25 1.25h-15c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h3.75V3A.75.75 0 0 1 9 2.25M15.75 7a.75.75 0 0 1-1.5 0V5.75h-4.5V7a.75.75 0 0 1-1.5 0V5.75h-3.5v3.5h14.5v-3.5h-3.5zm-11 11.25v-7.5h14.5v7.5zm2-5.25a.75.75 0 0 1 .75-.75h1a.75.75 0 0 1 0 1.5h-1a.75.75 0 0 1-.75-.75m4 0a.75.75 0 0 1 .75-.75h1a.75.75 0 0 1 0 1.5h-1a.75.75 0 0 1-.75-.75m4.75-.75a.75.75 0 0 0 0 1.5h1a.75.75 0 0 0 0-1.5zM10.75 16a.75.75 0 0 1 .75-.75h1a.75.75 0 0 1 0 1.5h-1a.75.75 0 0 1-.75-.75m4.75-.75a.75.75 0 0 0 0 1.5h1a.75.75 0 0 0 0-1.5zM6.75 16a.75.75 0 0 1 .75-.75h1a.75.75 0 0 1 0 1.5h-1a.75.75 0 0 1-.75-.75", clipRule: "evenodd" })
+    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": n }, r),
+    l ? a.createElement("title", { id: n }, l) : null,
+    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5", clipRule: "evenodd" })
   );
-});
-var k = 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 A = f((t, n) => {
-  var { title: r, titleId: e } = t, l = k(t, ["title", "titleId"]);
-  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),
-    r ? o.createElement("title", { id: i }, r) : null,
-    o.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.5 1.75a.75.75 0 0 1 .75.75v2.464a9.75 9.75 0 1 1 12.342 15.023.75.75 0 1 1-.86-1.229A8.251 8.251 0 1 0 6.084 6.25H9a.75.75 0 0 1 0 1.5H4.5A.75.75 0 0 1 3.75 7V2.5a.75.75 0 0 1 .75-.75M12.75 6a.75.75 0 0 0-1.5 0v6c0 .199.079.39.22.53l2.5 2.5a.75.75 0 1 0 1.06-1.06l-2.28-2.28zM3 11.25a.75.75 0 0 1 .75.75q0 .66.105 1.31a.75.75 0 0 1-1.481.24A10 10 0 0 1 2.25 12a.75.75 0 0 1 .75-.75m1.855 4.875a.75.75 0 0 0-1.299.75q.39.675.882 1.28a.75.75 0 1 0 1.163-.947 8 8 0 0 1-.746-1.083m1.995 3.294a.75.75 0 0 1 1.025-.274q.57.33 1.188.564a.75.75 0 1 1-.535 1.402 10 10 0 0 1-1.403-.667.75.75 0 0 1-.275-1.025m6.7 2.207a.75.75 0 1 0-.24-1.48q-.65.104-1.31.104a.75.75 0 0 0 0 1.5q.78 0 1.55-.124", clipRule: "evenodd" })
-  );
-});
-var $ = 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 q = f((t, n) => {
-  var { title: r, titleId: e } = t, l = $(t, ["title", "titleId"]);
-  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),
-    r ? o.createElement("title", { id: i }, r) : null,
-    o.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5", clipRule: "evenodd" })
-  );
-});
-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 T = f((t, n) => {
-  var { title: r, titleId: e } = t, l = D(t, ["title", "titleId"]);
-  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),
-    r ? o.createElement("title", { id: i }, r) : null,
-    o.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M15.912 4.382c-.546.032-1.086.292-1.503.71l-8.132 8.131c-1.2 1.201-1.754 3.549 0 5.304 1.755 1.754 4.103 1.2 5.304 0l7.424-7.425a.75.75 0 0 1 1.06 1.06l-7.424 7.425c-1.627 1.628-4.936 2.488-7.424 0s-1.628-5.797 0-7.424l8.131-8.132c.644-.643 1.518-1.09 2.475-1.146.976-.058 1.978.295 2.829 1.146.85.851 1.203 1.853 1.146 2.828-.056.957-.503 1.832-1.146 2.475l-7.425 7.425c-.316.316-.838.553-1.376.613-.568.063-1.255-.062-1.806-.613-.55-.55-.676-1.238-.613-1.806.06-.538.297-1.06.613-1.376l6.718-6.718a.75.75 0 0 1 1.06 1.061l-6.717 6.718a.95.95 0 0 0-.183.48c-.025.227.026.424.183.58.156.157.353.208.58.183a.95.95 0 0 0 .48-.183l7.425-7.424c.417-.418.678-.957.71-1.503.03-.527-.147-1.116-.71-1.68s-1.152-.74-1.68-.71", clipRule: "evenodd" })
-  );
-});
-var F = 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 G = f((t, n) => {
-  var { title: r, titleId: e } = t, l = F(t, ["title", "titleId"]);
-  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),
-    r ? o.createElement("title", { id: i }, r) : null,
-    o.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.5 6.25a.75.75 0 0 0 0 1.5h.805l.876 11.384a1.75 1.75 0 0 0 1.745 1.616h8.148a1.75 1.75 0 0 0 1.745-1.616l.876-11.384h.805a.75.75 0 0 0 0-1.5h-2.75V6A2.75 2.75 0 0 0 14 3.25h-4A2.75 2.75 0 0 0 7.25 6v.25zm5.5-1.5c-.69 0-1.25.56-1.25 1.25v.25h6.5V6c0-.69-.56-1.25-1.25-1.25zm-3.19 3 .867 11.27c.01.13.118.23.249.23h8.148c.13 0 .24-.1.25-.23l.866-11.27zm3.19 2a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75m4 0a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75", clipRule: "evenodd" })
-  );
-}), le = ({
+}), L = ({
   className: t,
-  loading: n,
-  status: r,
+  loading: i,
+  status: l,
   sender: e,
-  updatedAt: l,
-  updatedAtLabel: i,
-  dueAt: v,
-  dueAtLabel: h,
+  updatedAt: r,
+  updatedAtLabel: n,
+  dueAt: p,
+  dueAtLabel: v,
   archivedAt: u,
-  archivedAtLabel: s,
+  archivedAtLabel: h,
   trashedAt: b,
-  trashedAtLabel: O,
-  draftsLabel: y,
-  sentCount: w = 0,
-  receivedCount: g = 0,
+  trashedAtLabel: w,
+  draftsLabel: O,
+  sentCount: g = 0,
+  receivedCount: y = 0,
   attachmentsCount: x = 0,
-  attachmentsLabel: z,
-  transmissionsLabel: j,
-  activityLog: m,
-  extendedStatusLabel: I
-}) => /* @__PURE__ */ _(E, { className: t, size: "xs", children: [
-  r && /* @__PURE__ */ a(S, { loading: n, size: "xs", ...r }),
-  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
+  attachmentsLabel: S,
+  transmissionsLabel: z,
+  activityLog: f,
+  extendedStatusLabel: j
+}) => /* @__PURE__ */ I(_, { className: t, size: "xs", children: [
+  l && /* @__PURE__ */ o(E, { loading: i, size: "xs", ...l }),
+  j && /* @__PURE__ */ o(c, { size: "xs", variant: "outline", children: j }),
+  O && /* @__PURE__ */ o(c, { size: "xs", variant: "dotted", children: O }),
+  g > 0 && /* @__PURE__ */ o(c, { size: "xs", variant: "outline", icon: M, children: g }),
+  y > 0 && /* @__PURE__ */ o(c, { size: "xs", variant: "outline", icon: B, children: y }),
+  r && /* @__PURE__ */ I(m, { loading: i, datetime: r, size: "xs", children: [
+    /* @__PURE__ */ o("strong", { children: e && e.name + ", " }),
+    n
   ] }),
-  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(
+  p && v && /* @__PURE__ */ o(m, { loading: i, datetime: p, size: "xs", icon: P, children: v }),
+  x > 0 && /* @__PURE__ */ o(c, { loading: i, size: "xs", icon: k, children: S || x }),
+  z && /* @__PURE__ */ o(c, { loading: i, size: "xs", icon: V, children: z }),
+  b && w && /* @__PURE__ */ o(m, { loading: i, datetime: b, size: "xs", icon: C, children: w }) || u && h && /* @__PURE__ */ o(m, { loading: i, datetime: u, size: "xs", icon: R, children: h }),
+  f && /* @__PURE__ */ o(
     c,
     {
-      loading: n,
+      loading: i,
       size: "xs",
-      icon: A,
-      as: m?.onClick ? "button" : "span",
-      onClick: m?.onClick,
-      children: m?.label || "Activity log"
+      icon: H,
+      as: f?.onClick ? "button" : "span",
+      onClick: f?.onClick,
+      children: f?.label || "Activity log"
     }
   )
 ] });
 export {
-  le as DialogMetadata
+  L as DialogMetadata
 };