@altinn/altinn-components 0.30.3 → 0.31.0

package/dist/components/Dialog/DialogListItem.js

@@ -1,138 +1,152 @@
-import { jsx as r, jsxs as y } from "react/jsx-runtime";
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import { Skeleton as K } from "../Skeleton/Skeleton.js";
+import { Badge as O } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.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 { Heading as P } from "../Typography/Heading.js";
+import { DialogMetadata as y } from "./DialogMetadata.js";
+import { DialogByline as Q } from "./DialogByline.js";
+import { SeenByLogButton as T } from "./SeenByLogButton.js";
 import "../Searchbar/AutocompleteBase.js";
+import { ListItemLabel as U } from "../List/ListItemLabel.js";
+import { ListItem as B } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
-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",
+import '../../assets/DialogListItem.css';const W = "_border_1ij7d_1", X = "_title_1ij7d_23", Y = "_controls_1ij7d_54", Z = "_header_1ij7d_61", $ = "_summary_1ij7d_74", u = "_footer_1ij7d_88", A = "_seenBy_1ij7d_92", z = "_heading_1ij7d_99", e = {
+  border: W,
+  title: X,
+  controls: Y,
+  header: Z,
+  summary: $,
+  footer: u,
+  seenBy: A,
+  heading: z
+}, ba = ({
+  size: r = "xl",
+  state: aa = "normal",
   loading: o,
-  controls: L,
-  select: $,
-  selected: c,
-  status: e,
-  sender: s,
-  recipient: I,
-  recipientLabel: S = "to",
-  grouped: j = !1,
-  updatedAt: d,
-  updatedAtLabel: f,
-  archivedAt: h,
-  archivedAtLabel: k,
-  trashedAt: _,
+  controls: g,
+  select: ra,
+  selected: m,
+  status: t,
+  sender: c,
+  recipient: L,
+  recipientLabel: D = "to",
+  grouped: I = !1,
+  updatedAt: _,
+  updatedAtLabel: h,
+  archived: p,
+  archivedAt: w,
+  archivedAtLabel: S,
+  trashed: f,
+  trashedAt: k,
   trashedAtLabel: H,
-  badge: M,
-  dueAt: V,
-  dueAtLabel: g,
-  seen: l = !1,
-  seenBy: q,
-  seenByLog: n,
-  draftsLabel: w,
+  badge: b,
+  dueAt: M,
+  dueAtLabel: R,
+  unread: d,
+  seenBy: V,
+  seenByLog: l,
+  draftsLabel: q,
   sentCount: C,
   receivedCount: E,
   attachmentsCount: F,
-  title: t,
-  description: p,
-  summary: i,
-  variant: G = "default",
-  id: b,
-  ...v
+  attachmentsLabel: G,
+  title: i,
+  description: j,
+  summary: n,
+  variant: J = "default",
+  id: v,
+  ...x
 }) => {
-  const J = _ ? "trashed" : h ? "archived" : D, x = c ? "tinted" : G;
-  return a === "xs" || a === "sm" ? /* @__PURE__ */ r(
-    N,
+  const N = m ? "tinted" : J;
+  return r === "xs" || r === "sm" ? /* @__PURE__ */ a(
+    B,
     {
-      ...v,
-      id: b,
-      size: a,
-      selected: c,
-      variant: x,
-      ariaLabel: t,
-      label: /* @__PURE__ */ r(
+      ...x,
+      id: v,
+      size: r,
+      selected: m,
+      variant: N,
+      ariaLabel: i,
+      label: /* @__PURE__ */ a(
         "div",
         {
-          className: m.border,
-          "data-status": e == null ? void 0 : e.value,
-          "data-size": a,
-          "data-seen": l,
+          className: e.border,
+          "data-status": t == null ? void 0 : t.value,
+          "data-size": r,
+          "data-unread": d,
+          "data-archived": p,
+          "data-trashed": f,
           "data-loading": o,
-          children: /* @__PURE__ */ r(O, { loading: o, size: a, title: t, description: i || p })
+          children: /* @__PURE__ */ a(U, { loading: o, size: r, title: i, description: n || j })
         }
       ),
-      badge: /* @__PURE__ */ r(B, { loading: o, sender: s, updatedAt: d, updatedAtLabel: f }),
-      title: t
+      badge: /* @__PURE__ */ a(y, { loading: o, sender: c, updatedAt: _, updatedAtLabel: h }),
+      title: i
     }
-  ) : /* @__PURE__ */ r(
-    N,
+  ) : /* @__PURE__ */ a(
+    B,
     {
-      ...v,
-      id: b,
-      size: a,
-      selected: c,
-      variant: x,
-      controls: /* @__PURE__ */ r("div", { className: m.controls, children: L }),
-      title: t,
-      label: /* @__PURE__ */ y(
+      ...x,
+      id: v,
+      size: r,
+      selected: m,
+      variant: N,
+      controls: /* @__PURE__ */ a("div", { className: e.controls, children: g }),
+      title: i,
+      label: /* @__PURE__ */ s(
         "div",
         {
-          className: m.border,
-          "data-status": e == null ? void 0 : e.value,
-          "data-size": a,
-          "data-seen": l,
+          className: e.border,
+          "data-status": t == null ? void 0 : t.value,
+          "data-size": r,
+          "data-unread": d,
+          "data-archived": p,
+          "data-trashed": f,
           "data-loading": o,
           children: [
-            /* @__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(
-                P,
+            /* @__PURE__ */ s("header", { className: e.header, "data-size": r, children: [
+              /* @__PURE__ */ s("span", { className: e.heading, children: [
+                /* @__PURE__ */ a(P, { weight: d ? "bold" : "normal", loading: o, maxRows: 2, className: e.title, children: i }),
+                b && /* @__PURE__ */ a(O, { variant: "tinted", size: "xs", ...b })
+              ] }),
+              /* @__PURE__ */ a(
+                Q,
                 {
                   size: "xs",
                   loading: o,
-                  sender: s,
-                  recipient: I,
-                  recipientLabel: S,
-                  grouped: j
+                  sender: c,
+                  recipient: L,
+                  recipientLabel: D,
+                  grouped: I
                 }
               ),
-              a === "xl" && i && /* @__PURE__ */ r(K, { loading: o, children: /* @__PURE__ */ r("p", { "data-size": a, className: m.summary, children: i || p }) })
+              r === "xl" && n && /* @__PURE__ */ a(K, { loading: o, children: /* @__PURE__ */ a("p", { "data-size": r, className: e.summary, children: n || j }) })
             ] }),
-            /* @__PURE__ */ r(
-              B,
+            /* @__PURE__ */ a(
+              y,
               {
-                className: m.footer,
+                className: e.footer,
                 loading: o,
-                status: e,
-                draftsLabel: w,
+                status: t,
+                draftsLabel: q,
                 sentCount: C,
                 receivedCount: E,
-                updatedAt: d,
-                updatedAtLabel: f,
-                archivedAt: h,
-                archivedAtLabel: k,
-                trashedAt: _,
+                updatedAt: _,
+                updatedAtLabel: h,
+                archivedAt: w,
+                archivedAtLabel: S,
+                trashedAt: k,
                 trashedAtLabel: H,
-                dueAt: V,
-                dueAtLabel: g,
+                dueAt: M,
+                dueAtLabel: R,
                 attachmentsCount: F,
-                seenBy: q
+                attachmentsLabel: G,
+                seenBy: V
               }
             ),
-            n && /* @__PURE__ */ r(R, { className: m.seenBy, ariaLabel: n.title, items: n.items })
+            l && /* @__PURE__ */ a(T, { className: e.seenBy, ariaLabel: l.title, items: l.items })
           ]
         }
       )
@@ -140,5 +154,5 @@ import '../../assets/DialogListItem.css';const T = "_border_1fmch_1", U = "_cont
   );
 };
 export {
-  sr as DialogListItem
+  ba as DialogListItem
 };

package/dist/components/Dialog/DialogMetadata.js

@@ -1,127 +1,144 @@
 "use client";
-import { jsxs as S, jsx as o } from "react/jsx-runtime";
+import { jsxs as z, jsx as a } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import * as a from "react";
-import { forwardRef as m } from "react";
+import * as o from "react";
+import { forwardRef as f } from "react";
 import "../RootProvider/RootProvider.js";
 import { S as E, D as _ } from "../../DialogActivityLog-BoPREh7Y.js";
 import { DialogSeenBy as P } from "./DialogSeenBy.js";
-import { DialogStatus as R } from "./DialogStatus.js";
+import { DialogStatus as M } from "./DialogStatus.js";
 import "../Searchbar/AutocompleteBase.js";
-import { MetaBase as M } from "../Metadata/MetaBase.js";
+import { MetaBase as R } from "../Metadata/MetaBase.js";
 import { MetaItem as c } from "../Metadata/MetaItem.js";
-import { MetaTimestamp as f } from "../Metadata/MetaTimestamp.js";
+import { MetaTimestamp as m } from "../Metadata/MetaTimestamp.js";
 import "../Snackbar/useSnackbar.js";
 import { S as D } from "../../Checkmark-D17Nyv_u.js";
-import { S as V } from "../../ArrowDown-DtiYfZHZ.js";
 import { u as d } from "../../useId-BVFxCjkq.js";
-var B = function(t, i) {
-  var l = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (l[e] = t[e]);
+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]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    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;
+    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 H = m((t, i) => {
-  var { title: l, titleId: e } = t, r = B(t, ["title", "titleId"]);
-  let n = d();
-  return n = l ? e || "title-" + n : void 0, a.createElement(
+const V = 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(
     "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": n }, r),
-    l ? a.createElement("title", { id: n }, l) : null,
-    a.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: 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" })
   );
 });
-var k = function(t, i) {
-  var l = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (l[e] = t[e]);
+var H = 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 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;
+    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 C = m((t, i) => {
-  var { title: l, titleId: e } = t, r = k(t, ["title", "titleId"]);
-  let n = d();
-  return n = l ? e || "title-" + n : void 0, a.createElement(
+const C = f((t, n) => {
+  var { title: r, titleId: e } = t, l = H(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: 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" })
+    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" })
   );
 });
-var $ = function(t, i) {
-  var l = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (l[e] = t[e]);
+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 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;
+    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 = m((t, i) => {
-  var { title: l, titleId: e } = t, r = $(t, ["title", "titleId"]);
-  let n = d();
-  return n = l ? e || "title-" + n : void 0, a.createElement(
+const k = 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: i, "aria-labelledby": n }, r),
-    l ? a.createElement("title", { id: n }, l) : null,
-    a.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" })
+    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 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]);
+var A = 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 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;
+    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 F = m((t, i) => {
-  var { title: l, titleId: e } = t, r = T(t, ["title", "titleId"]);
-  let n = d();
-  return n = l ? e || "title-" + n : void 0, a.createElement(
+const T = f((t, n) => {
+  var { title: r, titleId: e } = t, l = A(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: i, "aria-labelledby": n }, r),
-    l ? a.createElement("title", { id: n }, l) : null,
-    a.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" })
+    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" })
   );
-}), le = ({
+});
+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 q = 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" })
+  );
+}), re = ({
   className: t,
-  loading: i,
-  status: l,
+  loading: n,
+  status: r,
   sender: e,
-  updatedAt: r,
-  updatedAtLabel: n,
+  updatedAt: l,
+  updatedAtLabel: i,
   dueAt: p,
   dueAtLabel: s,
-  trashedAt: v,
-  trashedAtLabel: h,
-  archivedAt: u,
-  archivedAtLabel: g,
+  archivedAt: v,
+  archivedAtLabel: u,
+  trashedAt: h,
+  trashedAtLabel: b,
   seenBy: y,
   draftsLabel: O,
-  sentCount: w = 0,
-  receivedCount: b = 0,
+  sentCount: g = 0,
+  receivedCount: w = 0,
   attachmentsCount: x = 0,
-  attachmentsLabel: z,
+  attachmentsLabel: S,
   transmissionsLabel: j,
   activityLog: I
-}) => /* @__PURE__ */ S(M, { className: t, size: "xs", children: [
-  l && /* @__PURE__ */ o(R, { loading: i, size: "xs", ...l }),
-  O && /* @__PURE__ */ o(c, { size: "xs", variant: "dotted", children: O }),
-  w > 0 && /* @__PURE__ */ o(c, { size: "xs", variant: "outline", icon: D, children: w }),
-  b > 0 && /* @__PURE__ */ o(c, { size: "xs", variant: "outline", icon: V, children: b }),
-  r && /* @__PURE__ */ S(f, { loading: i, datetime: r, size: "xs", children: [
-    /* @__PURE__ */ o("strong", { children: e && e.name + ", " }),
-    n
+}) => /* @__PURE__ */ z(R, { className: t, size: "xs", children: [
+  r && /* @__PURE__ */ a(M, { loading: n, size: "xs", ...r }),
+  O && /* @__PURE__ */ a(c, { size: "xs", variant: "dotted", children: O }),
+  g > 0 && /* @__PURE__ */ a(c, { size: "xs", variant: "outline", icon: D, children: g }),
+  w > 0 && /* @__PURE__ */ a(c, { size: "xs", variant: "outline", icon: C, children: w }),
+  l && /* @__PURE__ */ z(m, { loading: n, datetime: l, size: "xs", children: [
+    /* @__PURE__ */ a("strong", { children: e && e.name + ", " }),
+    i
   ] }),
-  p && s && /* @__PURE__ */ o(f, { loading: i, datetime: p, size: "xs", icon: E, children: s }),
-  (z || x > 0) && /* @__PURE__ */ o(c, { loading: i, size: "xs", icon: A, children: z || x }),
-  j && /* @__PURE__ */ o(c, { loading: i, size: "xs", icon: C, children: j }),
-  v && h && /* @__PURE__ */ o(f, { loading: i, datetime: v, size: "xs", icon: F, children: h }) || u && g && /* @__PURE__ */ o(f, { loading: i, datetime: u, size: "xs", icon: H, children: g }) || y && /* @__PURE__ */ o(P, { size: "xs", ...y, loading: i }),
-  I && /* @__PURE__ */ o(_, { ...I, loading: i, size: "xs" })
+  p && s && /* @__PURE__ */ a(m, { loading: n, datetime: p, size: "xs", icon: E, children: s }),
+  x > 0 && /* @__PURE__ */ a(c, { loading: n, size: "xs", icon: T, children: S || x }),
+  j && /* @__PURE__ */ a(c, { loading: n, size: "xs", icon: k, children: j }),
+  h && b && /* @__PURE__ */ a(m, { loading: n, datetime: h, size: "xs", icon: q, children: b }) || v && u && /* @__PURE__ */ a(m, { loading: n, datetime: v, size: "xs", icon: V, children: u }) || y && /* @__PURE__ */ a(P, { size: "xs", ...y, loading: n }),
+  I && /* @__PURE__ */ a(_, { ...I, loading: n, size: "xs" })
 ] });
 export {
-  le as DialogMetadata
+  re as DialogMetadata
 };

package/dist/components/Dialog/SeenByLog.js

@@ -5,9 +5,9 @@ import "../../index-L8X2o7IH.js";
 import { Badge as _ } from "../Badge/Badge.js";
 import { Byline as y } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
-import { List as B } from "../List/List.js";
-import { SeenByLogButton as L } from "./SeenByLogButton.js";
+import { SeenByLogButton as B } from "./SeenByLogButton.js";
 import "../Searchbar/AutocompleteBase.js";
+import { List as L } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as S } from "../Page/Section.js";
 import '../../assets/SeenByLog.css';const x = "_list_1cnrr_19", j = "_item_1cnrr_25", s = {
@@ -16,10 +16,10 @@ import '../../assets/SeenByLog.css';const x = "_list_1cnrr_19", j = "_item_1cnrr
 }, q = ({ collapsible: c, expanded: m, title: n, items: r, endUserLabel: l = "You" }) => {
   const [p, a] = u(m || !c);
   return /* @__PURE__ */ t(S, { spacing: 2, children: [
-    n && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(L, { items: r, onClick: () => {
+    n && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(B, { items: r, onClick: () => {
       a((o) => !o);
     }, children: n }) }),
-    p && /* @__PURE__ */ e(B, { className: s.list, children: r == null ? void 0 : r.map((o) => {
+    p && /* @__PURE__ */ e(L, { className: s.list, children: r == null ? void 0 : r.map((o) => {
       const { id: d, name: i, seenAt: g, seenAtLabel: h, isEndUser: f } = o;
       return /* @__PURE__ */ t("li", { className: s.item, children: [
         /* @__PURE__ */ t(y, { size: "sm", datetime: g, avatar: { name: i, type: "person" }, children: [

package/dist/components/Dialog/index.js

@@ -4,7 +4,7 @@ import { DialogHeader as m } from "./DialogHeader.js";
 import { DialogBody as l } from "./DialogBody.js";
 import { DialogTabs as f } from "./DialogTabs.js";
 import { DialogSection as D } from "./DialogSection.js";
-import { DialogContact as s } from "./DialogContact.js";
+import { DialogContact as n } from "./DialogContact.js";
 import { DialogHistory as S } from "./DialogHistory.js";
 import { DialogHistorySegment as c } from "./DialogHistorySegment.js";
 import { DialogHistoryItem as B } from "./DialogHistoryItem.js";
@@ -18,20 +18,18 @@ import { D as k } from "../../DialogActivityLog-BoPREh7Y.js";
 import { DialogSeenBy as w } from "./DialogSeenBy.js";
 import { DialogSelect as F } from "./DialogSelect.js";
 import { DialogStatus as K, DialogStatusEnum as N } from "./DialogStatus.js";
-import { DialogHeading as P } from "./DialogHeading.js";
-import { DialogAttachments as R } from "./DialogAttachments.js";
-import { SeenByLog as V } from "./SeenByLog.js";
-import { SeenByLogButton as X } from "./SeenByLogButton.js";
+import { DialogAttachments as P } from "./DialogAttachments.js";
+import { SeenByLog as R } from "./SeenByLog.js";
+import { SeenByLogButton as V } from "./SeenByLogButton.js";
 export {
   t as Dialog,
   T as DialogActions,
   k as DialogActivityLog,
-  R as DialogAttachments,
+  P as DialogAttachments,
   l as DialogBody,
   G as DialogByline,
-  s as DialogContact,
+  n as DialogContact,
   m as DialogHeader,
-  P as DialogHeading,
   S as DialogHistory,
   B as DialogHistoryItem,
   c as DialogHistorySegment,
@@ -46,6 +44,6 @@ export {
   K as DialogStatus,
   N as DialogStatusEnum,
   f as DialogTabs,
-  V as SeenByLog,
-  X as SeenByLogButton
+  R as SeenByLog,
+  V as SeenByLogButton
 };

package/dist/components/Dropdown/DrawerBase.js

@@ -1,24 +1,22 @@
-import { jsx as d } from "react/jsx-runtime";
-import { c as s } from "../../index-L8X2o7IH.js";
-import '../../assets/DrawerBase.css';const c = "_drawer_18fhf_1", m = {
-  drawer: c
+import { jsx as n } from "react/jsx-runtime";
+import { c as d } from "../../index-L8X2o7IH.js";
+import '../../assets/DrawerBase.css';const s = "_drawer_tvpob_1", c = {
+  drawer: s
 }, i = ({
-  layout: a,
-  placement: e = "inline",
-  open: t = !1,
+  placement: a = "inline",
+  open: e = !1,
   className: r,
-  children: o,
-  as: n = "div"
-}) => /* @__PURE__ */ d(
-  n,
+  children: t,
+  as: o = "div"
+}) => /* @__PURE__ */ n(
+  o,
   {
-    className: s(m.drawer, r),
-    "data-placement": e,
-    "data-layout": a,
-    "data-theme": "default",
+    className: d(c.drawer, r),
+    "data-placement": a,
+    "data-variant": "default",
     "data-color": "company",
-    "data-expanded": t,
-    children: o
+    "data-expanded": e,
+    children: t
   }
 );
 export {