@altinn/altinn-components 0.30.2 → 0.30.3

package/dist/components/Dialog/DialogMetadata.js

@@ -1,122 +1,127 @@
 "use client";
-import { jsxs as j, jsx as c } from "react/jsx-runtime";
+import { jsxs as S, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import * as o from "react";
-import { forwardRef as f } from "react";
+import * as a from "react";
+import { forwardRef as m } from "react";
 import "../RootProvider/RootProvider.js";
-import { S as z, D as E } from "../../DialogActivityLog-BoPREh7Y.js";
-import { DialogSeenBy as S } from "./DialogSeenBy.js";
-import { DialogStatus as _ } from "./DialogStatus.js";
-import { DialogTouchedBy as P } from "./DialogTouchedBy.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 "../Searchbar/AutocompleteBase.js";
-import { MetaBase as R } from "../Metadata/MetaBase.js";
-import { MetaItem as I } from "../Metadata/MetaItem.js";
-import { MetaTimestamp as a } from "../Metadata/MetaTimestamp.js";
+import { MetaBase as M } from "../Metadata/MetaBase.js";
+import { MetaItem as c } from "../Metadata/MetaItem.js";
+import { MetaTimestamp as f } from "../Metadata/MetaTimestamp.js";
 import "../Snackbar/useSnackbar.js";
-import { u as m } from "../../useId-BVFxCjkq.js";
-var M = function(t, i) {
-  var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (r[e] = t[e]);
+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]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
-      i.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 D = f((t, i) => {
-  var { title: r, titleId: e } = t, l = M(t, ["title", "titleId"]);
-  let n = m();
-  return n = r ? e || "title-" + n : void 0, o.createElement(
+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(
     "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 }, l),
-    r ? o.createElement("title", { id: n }, 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", 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 V = function(t, i) {
-  var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (r[e] = t[e]);
+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]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
-      i.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 B = f((t, i) => {
-  var { title: r, titleId: e } = t, l = V(t, ["title", "titleId"]);
-  let n = m();
-  return n = r ? e || "title-" + n : void 0, o.createElement(
+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(
     "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 }, l),
-    r ? o.createElement("title", { id: n }, 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" })
+    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 H = function(t, i) {
-  var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (r[e] = t[e]);
+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]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
-      i.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, i) => {
-  var { title: r, titleId: e } = t, l = H(t, ["title", "titleId"]);
-  let n = m();
-  return n = r ? e || "title-" + n : void 0, o.createElement(
+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(
     "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 }, l),
-    r ? o.createElement("title", { id: n }, 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" })
+    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" })
   );
 });
 var T = function(t, i) {
-  var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (r[e] = t[e]);
+  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++)
-      i.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 $ = f((t, i) => {
-  var { title: r, titleId: e } = t, l = T(t, ["title", "titleId"]);
-  let n = m();
-  return n = r ? e || "title-" + n : void 0, o.createElement(
+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(
     "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 }, l),
-    r ? o.createElement("title", { id: n }, 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" })
+    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" })
   );
-}), L = ({
+}), le = ({
   className: t,
   loading: i,
-  status: r,
+  status: l,
   sender: e,
-  updatedAt: l,
+  updatedAt: r,
   updatedAtLabel: n,
-  dueAt: d,
-  dueAtLabel: p,
-  trashedAt: s,
-  trashedAtLabel: v,
+  dueAt: p,
+  dueAtLabel: s,
+  trashedAt: v,
+  trashedAtLabel: h,
   archivedAt: u,
-  archivedAtLabel: h,
+  archivedAtLabel: g,
   seenBy: y,
-  touchedBy: O,
-  attachmentsCount: b = 0,
-  attachmentsLabel: g,
-  transmissionsLabel: w,
-  activityLog: x
-}) => /* @__PURE__ */ j(R, { className: t, size: "xs", children: [
-  r && /* @__PURE__ */ c(_, { loading: i, size: "xs", ...r }),
-  l && /* @__PURE__ */ j(a, { loading: i, datetime: l, size: "xs", children: [
-    /* @__PURE__ */ c("strong", { children: e && e.name + ", " }),
+  draftsLabel: O,
+  sentCount: w = 0,
+  receivedCount: b = 0,
+  attachmentsCount: x = 0,
+  attachmentsLabel: z,
+  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
   ] }),
-  d && p && /* @__PURE__ */ c(a, { loading: i, datetime: d, size: "xs", icon: z, children: p }),
-  (g || b > 0) && /* @__PURE__ */ c(I, { loading: i, size: "xs", icon: C, children: g || b }),
-  w && /* @__PURE__ */ c(I, { loading: i, size: "xs", icon: B, children: w }),
-  s && v && /* @__PURE__ */ c(a, { loading: i, datetime: s, size: "xs", icon: $, children: v }) || u && h && /* @__PURE__ */ c(a, { loading: i, datetime: u, size: "xs", icon: D, children: h }) || y && /* @__PURE__ */ c(S, { size: "xs", ...y, loading: i }),
-  x && /* @__PURE__ */ c(E, { ...x, loading: i, size: "xs" }),
-  O && /* @__PURE__ */ c(P, { ...O, loading: i, size: "xs" })
+  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" })
 ] });
 export {
-  L as DialogMetadata
+  le as DialogMetadata
 };

package/dist/components/Dialog/DialogSeenBy.js

@@ -1,42 +1,59 @@
 "use client";
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as d } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import * as a from "react";
-import { forwardRef as f } from "react";
+import { forwardRef as i } from "react";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { MetaItem as m } from "../Metadata/MetaItem.js";
-import { S as s } from "../../Eye-BuhFHkaK.js";
-import { u as p } from "../../useId-BVFxCjkq.js";
-var d = function(t, o) {
+import { u as c } from "../../useId-BVFxCjkq.js";
+var p = function(t, n) {
   var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (r[e] = t[e]);
+  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++)
-      o.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+      n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const u = f((t, o) => {
-  var { title: r, titleId: e } = t, l = d(t, ["title", "titleId"]);
-  let n = p();
-  return n = r ? e || "title-" + n : void 0, a.createElement(
+const s = i((t, n) => {
+  var { title: r, titleId: e } = t, l = p(t, ["title", "titleId"]);
+  let o = c();
+  return o = r ? e || "title-" + o : 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 }, l),
-    r ? a.createElement("title", { id: n }, r) : null,
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": o }, l),
+    r ? a.createElement("title", { id: o }, r) : null,
+    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.148 12.317A10 10 0 0 1 3.905 12q.103-.14.243-.317c.35-.438.878-1.025 1.582-1.61C7.136 8.902 9.222 7.75 12 7.75a4.25 4.25 0 0 0 0 8.5c-2.778 0-4.864-1.152-6.27-2.323a11.3 11.3 0 0 1-1.582-1.61M12 16.25a4.25 4.25 0 0 0 0-8.5c2.778 0 4.864 1.152 6.27 2.323A11.3 11.3 0 0 1 20.095 12q-.103.14-.243.317a11.3 11.3 0 0 1-1.582 1.61c-1.406 1.171-3.492 2.323-6.27 2.323m0-10c-3.222 0-5.636 1.343-7.23 2.67a12.8 12.8 0 0 0-1.793 1.826 10 10 0 0 0-.576.796l-.05.08-.011.022a1 1 0 0 0-.037.078c-.012.032-.045.17-.053.278.008.108.041.246.053.278l.037.078.012.022.05.08q.04.069.12.182c.103.152.254.363.455.614.4.5.997 1.163 1.793 1.826 1.594 1.327 4.008 2.67 7.23 2.67s5.636-1.343 7.23-2.67a12.8 12.8 0 0 0 1.793-1.826 10 10 0 0 0 .576-.796l.035-.056.005-.009.01-.015.011-.022.016-.03c.004-.01.015-.033.02-.048.013-.032.046-.17.054-.278a1.4 1.4 0 0 0-.053-.278l-.021-.047q-.012-.024-.016-.031l-.02-.034-.006-.012a4 4 0 0 0-.155-.238 10 10 0 0 0-.456-.614c-.4-.5-.997-1.163-1.793-1.826-1.594-1.327-4.008-2.67-7.23-2.67M9.25 12a2.75 2.75 0 1 1 5.5 0 2.75 2.75 0 0 1-5.5 0", clipRule: "evenodd" })
+  );
+});
+var u = 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 b = i((t, n) => {
+  var { title: r, titleId: e } = t, l = u(t, ["title", "titleId"]);
+  let o = c();
+  return o = r ? e || "title-" + o : 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 }, l),
+    r ? a.createElement("title", { id: o }, r) : null,
     a.createElement("path", { fill: "currentColor", d: "M2.614 9.357a.75.75 0 0 1 1.029.257l.003.005.02.033.093.139c.085.123.214.303.39.522.35.438.877 1.024 1.581 1.61C7.137 13.097 9.223 14.25 12 14.25s4.863-1.154 6.27-2.326a11.4 11.4 0 0 0 1.582-1.611 9 9 0 0 0 .481-.661q.015-.023.02-.033l.004-.005a.75.75 0 0 1 1.286.772L21 10c.643.386.642.387.642.387v.002l-.004.005-.01.015-.032.051-.118.179c-.103.15-.255.36-.455.61-.304.38-.722.856-1.256 1.353l.841 1.002a.75.75 0 1 1-1.149.965l-.847-1.01c-.577.423-1.24.83-1.987 1.176l.497 1.17a.75.75 0 1 1-1.38.587l-.518-1.22c-.758.233-1.582.394-2.474.453V17a.75.75 0 0 1-1.5 0v-1.275a11 11 0 0 1-2.475-.453l-.516 1.215a.75.75 0 1 1-1.38-.586l.494-1.166a11.7 11.7 0 0 1-1.987-1.178l-.845 1.007a.75.75 0 1 1-1.15-.964l.84-1c-.533-.496-.95-.97-1.254-1.35a11 11 0 0 1-.574-.79l-.032-.05-.01-.016-.002-.005-.001-.002-.001-.001a.75.75 0 0 1 .257-1.03" })
   );
-}), j = ({
+}), E = ({
   size: t = "xs",
-  label: o = "Seen by label",
+  label: n = "Seen by label",
   seenByEndUser: r = !1,
   seenByOthersCount: e = 0,
   onClick: l,
-  ...n
+  ...o
 }) => {
-  const i = r || e > 0 ? s : u;
-  return /* @__PURE__ */ c(m, { size: t, icon: i, ...n, children: o });
+  const f = r || e > 0 ? s : b;
+  return /* @__PURE__ */ d(m, { size: t, icon: f, ...o, children: n });
 };
 export {
-  j as DialogSeenBy
+  E as DialogSeenBy
 };

package/dist/components/Dialog/SeenByLog.js

@@ -1,39 +1,37 @@
 "use client";
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { useState as u } from "react";
 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 S } from "../List/List.js";
-import { MetaBase as B } from "../Metadata/MetaBase.js";
-import { MetaItem as x } from "../Metadata/MetaItem.js";
+import { List as B } from "../List/List.js";
+import { SeenByLogButton as L } from "./SeenByLogButton.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as L } from "../Page/Section.js";
-import { S as b } from "../../Eye-BuhFHkaK.js";
-import '../../assets/SeenByLog.css';const j = "_list_ofoda_1", v = "_item_ofoda_7", s = {
-  list: j,
-  item: v
-}, D = ({ collapsible: m, expanded: c, title: i, items: o, endUserLabel: a = "You" }) => {
-  const [l, p] = u(c || !m);
-  return /* @__PURE__ */ r(L, { spacing: 2, children: [
-    i && /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(x, { icon: b, as: "button", onClick: () => {
-      p((t) => !t);
-    }, children: i }) }),
-    l && /* @__PURE__ */ e(S, { className: s.list, children: o == null ? void 0 : o.map((t) => {
-      const { id: d, name: n, seenAt: f, seenAtLabel: g, isEndUser: h } = t;
-      return /* @__PURE__ */ r("li", { className: s.item, children: [
-        /* @__PURE__ */ r(y, { size: "sm", datetime: f, avatar: { name: n, type: "person" }, children: [
-          /* @__PURE__ */ e("strong", { children: n + "," }),
+import { Section as S } from "../Page/Section.js";
+import '../../assets/SeenByLog.css';const x = "_list_1cnrr_19", j = "_item_1cnrr_25", s = {
+  list: x,
+  item: j
+}, 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: () => {
+      a((o) => !o);
+    }, children: n }) }),
+    p && /* @__PURE__ */ e(B, { 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: [
+          /* @__PURE__ */ e("strong", { children: i + "," }),
           " ",
-          g
+          h
         ] }),
-        h && /* @__PURE__ */ e(_, { theme: "surface", children: a })
+        f && /* @__PURE__ */ e(_, { theme: "surface", children: l })
       ] }, d);
     }) })
   ] });
 };
 export {
-  D as SeenByLog
+  q as SeenByLog
 };

package/dist/components/Dialog/SeenByLogButton.js

@@ -0,0 +1,30 @@
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
+import { c as i } from "../../index-L8X2o7IH.js";
+import "react";
+import { AvatarGroup as e } from "../Avatar/AvatarGroup.js";
+import { ButtonBase as c } from "../Button/ButtonBase.js";
+import { ButtonLabel as p } from "../Button/ButtonLabel.js";
+import "../RootProvider/RootProvider.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import '../../assets/SeenByLogButton.css';const b = "_button_d8sl3_1", u = "_icon_d8sl3_10", _ = "_label_d8sl3_14", o = {
+  button: b,
+  icon: u,
+  label: _
+}, g = ({ ariaLabel: n, items: r, children: t, className: a, onClick: l }) => /* @__PURE__ */ m(
+  c,
+  {
+    ariaLabel: n,
+    className: i(o.button, a),
+    variant: "link",
+    size: "xs",
+    onClick: l,
+    children: [
+      /* @__PURE__ */ s(e, { items: r, className: o.icon }),
+      t && /* @__PURE__ */ s(p, { className: o.label, children: t })
+    ]
+  }
+);
+export {
+  g as SeenByLogButton
+};

package/dist/components/Dialog/index.js

@@ -2,50 +2,50 @@ import { Dialog as t } from "./Dialog.js";
 import { DialogLayout as a } from "./DialogLayout.js";
 import { DialogHeader as m } from "./DialogHeader.js";
 import { DialogBody as l } from "./DialogBody.js";
-import { DialogTabs as D } from "./DialogTabs.js";
-import { DialogSection as x } from "./DialogSection.js";
-import { DialogContact as n } from "./DialogContact.js";
-import { DialogHistory as c } from "./DialogHistory.js";
-import { DialogHistorySegment as u } from "./DialogHistorySegment.js";
-import { DialogHistoryItem as d } from "./DialogHistoryItem.js";
-import { DialogList as H } from "./DialogList.js";
-import { DialogListGroup as h } from "./DialogListGroup.js";
-import { DialogListItem as T } from "./DialogListItem.js";
-import { DialogMetadata as v } from "./DialogMetadata.js";
-import { DialogByline as E } from "./DialogByline.js";
-import { DialogActions as M } from "./DialogActions.js";
+import { DialogTabs as f } from "./DialogTabs.js";
+import { DialogSection as D } from "./DialogSection.js";
+import { DialogContact as s } from "./DialogContact.js";
+import { DialogHistory as S } from "./DialogHistory.js";
+import { DialogHistorySegment as c } from "./DialogHistorySegment.js";
+import { DialogHistoryItem as B } from "./DialogHistoryItem.js";
+import { DialogList as d } from "./DialogList.js";
+import { DialogListGroup as I } from "./DialogListGroup.js";
+import { DialogListItem as h } from "./DialogListItem.js";
+import { DialogMetadata as C } from "./DialogMetadata.js";
+import { DialogByline as G } from "./DialogByline.js";
+import { DialogActions as T } from "./DialogActions.js";
 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 { DialogTouchedBy as R } from "./DialogTouchedBy.js";
-import { DialogAttachments as V } from "./DialogAttachments.js";
-import { SeenByLog as X } from "./SeenByLog.js";
+import { DialogAttachments as R } from "./DialogAttachments.js";
+import { SeenByLog as V } from "./SeenByLog.js";
+import { SeenByLogButton as X } from "./SeenByLogButton.js";
 export {
   t as Dialog,
-  M as DialogActions,
+  T as DialogActions,
   k as DialogActivityLog,
-  V as DialogAttachments,
+  R as DialogAttachments,
   l as DialogBody,
-  E as DialogByline,
-  n as DialogContact,
+  G as DialogByline,
+  s as DialogContact,
   m as DialogHeader,
   P as DialogHeading,
-  c as DialogHistory,
-  d as DialogHistoryItem,
-  u as DialogHistorySegment,
+  S as DialogHistory,
+  B as DialogHistoryItem,
+  c as DialogHistorySegment,
   a as DialogLayout,
-  H as DialogList,
-  h as DialogListGroup,
-  T as DialogListItem,
-  v as DialogMetadata,
-  x as DialogSection,
+  d as DialogList,
+  I as DialogListGroup,
+  h as DialogListItem,
+  C as DialogMetadata,
+  D as DialogSection,
   w as DialogSeenBy,
   F as DialogSelect,
   K as DialogStatus,
   N as DialogStatusEnum,
-  D as DialogTabs,
-  R as DialogTouchedBy,
-  X as SeenByLog
+  f as DialogTabs,
+  V as SeenByLog,
+  X as SeenByLogButton
 };

package/dist/components/Transmission/Transmission.js

@@ -11,7 +11,7 @@ import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as I } from "../Page/Section.js";
 const G = ({
-  size: e = "xs",
+  size: p = "xs",
   variant: s = "subtle",
   color: c = "neutral",
   title: n,
@@ -23,27 +23,28 @@ const G = ({
   attachments: r,
   type: x,
   children: m,
-  ...h
+  ...d
 }) => {
-  const [p, d] = a(!1);
+  const [e, h] = a(!1);
   return /* @__PURE__ */ t(
     k,
     {
-      ...h,
+      ...d,
       icon: o,
       badge: i && {
         ...i,
         theme: (i == null ? void 0 : i.theme) || "surface"
       },
-      size: e,
+      size: p,
       variant: s,
       color: c,
       title: {
         children: n,
         weight: x === "submission" ? "normal" : "bold"
       },
-      expanded: p,
-      onClick: () => d((y) => !y),
+      expanded: e,
+      selected: e,
+      onClick: () => h((y) => !y),
       collapsible: !0,
       linkIcon: !0,
       as: "button",
@@ -56,7 +57,7 @@ const G = ({
         ] }),
         /* @__PURE__ */ l(A, { size: "md", children: [
           /* @__PURE__ */ t("p", { children: f }),
-          p ? typeof m == "function" ? m() : m : null,
+          e ? typeof m == "function" ? m() : m : null,
           (r == null ? void 0 : r.items) && /* @__PURE__ */ t(L, { ...r })
         ] })
       ] })