@altinn/altinn-components 0.33.2 → 0.33.4

package/dist/components/Dialog/DialogMetadata.js

@@ -1,19 +1,18 @@
 "use client";
-import { jsxs as z, jsx as a } from "react/jsx-runtime";
+import { jsxs as I, jsx as a } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import * as i from "react";
 import { forwardRef as f } from "react";
 import "../RootProvider/RootProvider.js";
-import { DialogSeenBy as _ } from "./DialogSeenBy.js";
-import { DialogStatus as S } from "./DialogStatus.js";
-import "../Searchbar/AutocompleteBase.js";
-import { MetaBase as P } from "../Metadata/MetaBase.js";
+import { MetaBase as E } from "../Metadata/MetaBase.js";
 import { MetaItem as m } from "../Metadata/MetaItem.js";
 import { MetaTimestamp as p } from "../Metadata/MetaTimestamp.js";
+import { DialogStatus as _ } from "./DialogStatus.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as M } from "../../Checkmark-D17Nyv_u.js";
+import { S } from "../../Checkmark-D17Nyv_u.js";
 import { u as d } from "../../useId-BVFxCjkq.js";
-var R = function(t, n) {
+var P = 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")
@@ -21,8 +20,8 @@ var R = function(t, n) {
       n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const V = f((t, n) => {
-  var { title: r, titleId: e } = t, l = R(t, ["title", "titleId"]);
+const M = f((t, n) => {
+  var { title: r, titleId: e } = t, l = P(t, ["title", "titleId"]);
   let o = d();
   return o = r ? e || "title-" + o : void 0, i.createElement(
     "svg",
@@ -31,7 +30,7 @@ const V = f((t, n) => {
     i.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 C = function(t, n) {
+var R = 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")
@@ -39,8 +38,8 @@ var C = function(t, n) {
       n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const B = f((t, n) => {
-  var { title: r, titleId: e } = t, l = C(t, ["title", "titleId"]);
+const V = f((t, n) => {
+  var { title: r, titleId: e } = t, l = R(t, ["title", "titleId"]);
   let o = d();
   return o = r ? e || "title-" + o : void 0, i.createElement(
     "svg",
@@ -49,7 +48,7 @@ const B = f((t, n) => {
     i.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 H = function(t, n) {
+var C = 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")
@@ -57,8 +56,8 @@ var H = function(t, n) {
       n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const k = f((t, n) => {
-  var { title: r, titleId: e } = t, l = H(t, ["title", "titleId"]);
+const B = f((t, n) => {
+  var { title: r, titleId: e } = t, l = C(t, ["title", "titleId"]);
   let o = d();
   return o = r ? e || "title-" + o : void 0, i.createElement(
     "svg",
@@ -67,7 +66,7 @@ const k = f((t, n) => {
     i.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" })
   );
 });
-var A = function(t, n) {
+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")
@@ -75,8 +74,8 @@ var A = function(t, n) {
       n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const $ = f((t, n) => {
-  var { title: r, titleId: e } = t, l = A(t, ["title", "titleId"]);
+const k = f((t, n) => {
+  var { title: r, titleId: e } = t, l = H(t, ["title", "titleId"]);
   let o = d();
   return o = r ? e || "title-" + o : void 0, i.createElement(
     "svg",
@@ -85,7 +84,7 @@ const $ = f((t, n) => {
     i.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 q = function(t, n) {
+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")
@@ -93,8 +92,8 @@ var q = function(t, n) {
       n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const D = f((t, n) => {
-  var { title: r, titleId: e } = t, l = q(t, ["title", "titleId"]);
+const $ = f((t, n) => {
+  var { title: r, titleId: e } = t, l = A(t, ["title", "titleId"]);
   let o = d();
   return o = r ? e || "title-" + o : void 0, i.createElement(
     "svg",
@@ -103,7 +102,7 @@ const D = f((t, n) => {
     i.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, n) {
+var q = 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")
@@ -111,8 +110,8 @@ var T = function(t, n) {
       n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const F = f((t, n) => {
-  var { title: r, titleId: e } = t, l = T(t, ["title", "titleId"]);
+const D = f((t, n) => {
+  var { title: r, titleId: e } = t, l = q(t, ["title", "titleId"]);
   let o = d();
   return o = r ? e || "title-" + o : void 0, i.createElement(
     "svg",
@@ -121,7 +120,7 @@ const F = f((t, n) => {
     i.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 G = function(t, n) {
+var T = 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")
@@ -129,8 +128,8 @@ var G = function(t, n) {
       n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const J = f((t, n) => {
-  var { title: r, titleId: e } = t, l = G(t, ["title", "titleId"]);
+const F = f((t, n) => {
+  var { title: r, titleId: e } = t, l = T(t, ["title", "titleId"]);
   let o = d();
   return o = r ? e || "title-" + o : void 0, i.createElement(
     "svg",
@@ -138,7 +137,7 @@ const J = f((t, n) => {
     r ? i.createElement("title", { id: o }, r) : null,
     i.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" })
   );
-}), ne = ({
+}), te = ({
   className: t,
   loading: n,
   status: r,
@@ -151,33 +150,32 @@ const J = f((t, n) => {
   archivedAtLabel: v,
   trashedAt: b,
   trashedAtLabel: O,
-  seenBy: w,
-  draftsLabel: y,
-  sentCount: g = 0,
-  receivedCount: x = 0,
-  attachmentsCount: j = 0,
-  attachmentsLabel: E,
-  transmissionsLabel: I,
+  draftsLabel: w,
+  sentCount: y = 0,
+  receivedCount: g = 0,
+  attachmentsCount: x = 0,
+  attachmentsLabel: z,
+  transmissionsLabel: j,
   activityLog: c
-}) => /* @__PURE__ */ z(P, { className: t, size: "xs", children: [
-  r && /* @__PURE__ */ a(S, { loading: n, size: "xs", ...r }),
-  y && /* @__PURE__ */ a(m, { size: "xs", variant: "dotted", children: y }),
-  g > 0 && /* @__PURE__ */ a(m, { size: "xs", variant: "outline", icon: M, children: g }),
-  x > 0 && /* @__PURE__ */ a(m, { size: "xs", variant: "outline", icon: B, children: x }),
-  l && /* @__PURE__ */ z(p, { loading: n, datetime: l, size: "xs", children: [
+}) => /* @__PURE__ */ I(E, { className: t, size: "xs", children: [
+  r && /* @__PURE__ */ a(_, { loading: n, size: "xs", ...r }),
+  w && /* @__PURE__ */ a(m, { size: "xs", variant: "dotted", children: w }),
+  y > 0 && /* @__PURE__ */ a(m, { size: "xs", variant: "outline", icon: S, children: y }),
+  g > 0 && /* @__PURE__ */ a(m, { size: "xs", variant: "outline", icon: V, children: g }),
+  l && /* @__PURE__ */ I(p, { loading: n, datetime: l, size: "xs", children: [
     /* @__PURE__ */ a("strong", { children: e && e.name + ", " }),
     o
   ] }),
-  h && u && /* @__PURE__ */ a(p, { loading: n, datetime: h, size: "xs", icon: k, children: u }),
-  j > 0 && /* @__PURE__ */ a(m, { loading: n, size: "xs", icon: F, children: E || j }),
-  I && /* @__PURE__ */ a(m, { loading: n, size: "xs", icon: D, children: I }),
-  b && O && /* @__PURE__ */ a(p, { loading: n, datetime: b, size: "xs", icon: J, children: O }) || s && v && /* @__PURE__ */ a(p, { loading: n, datetime: s, size: "xs", icon: V, children: v }) || w && /* @__PURE__ */ a(_, { size: "xs", ...w, loading: n }),
+  h && u && /* @__PURE__ */ a(p, { loading: n, datetime: h, size: "xs", icon: B, children: u }),
+  x > 0 && /* @__PURE__ */ a(m, { loading: n, size: "xs", icon: D, children: z || x }),
+  j && /* @__PURE__ */ a(m, { loading: n, size: "xs", icon: $, children: j }),
+  b && O && /* @__PURE__ */ a(p, { loading: n, datetime: b, size: "xs", icon: F, children: O }) || s && v && /* @__PURE__ */ a(p, { loading: n, datetime: s, size: "xs", icon: M, children: v }),
   c && /* @__PURE__ */ a(
     m,
     {
       loading: n,
       size: "xs",
-      icon: $,
+      icon: k,
       as: c != null && c.onClick ? "button" : "span",
       onClick: c == null ? void 0 : c.onClick,
       children: (c == null ? void 0 : c.label) || "Activity log"
@@ -185,5 +183,5 @@ const J = f((t, n) => {
   )
 ] });
 export {
-  ne as DialogMetadata
+  te as DialogMetadata
 };

package/dist/components/Dialog/SeenByLog.js

@@ -13,14 +13,14 @@ 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" }) => {
+}, q = ({ collapsible: c, expanded: m, title: n, items: o, endUserLabel: l = "You" }) => {
   const [p, a] = u(m || !c);
   return /* @__PURE__ */ t(S, { spacing: 2, children: [
-    n && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(B, { items: r, onClick: () => {
-      a((o) => !o);
+    n && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(B, { icon: { items: o }, onClick: () => {
+      a((r) => !r);
     }, children: n }) }),
-    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;
+    p && /* @__PURE__ */ e(L, { className: s.list, children: o == null ? void 0 : o.map((r) => {
+      const { id: d, name: i, seenAt: g, seenAtLabel: h, isEndUser: f } = r;
       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 + "," }),

package/dist/components/Dialog/SeenByLogButton.js

@@ -1,30 +1,12 @@
-import { jsxs as m, jsx as s } from "react/jsx-runtime";
-import { c as i } from "../../index-L8X2o7IH.js";
+import { jsx as o } from "react/jsx-runtime";
+import "../../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 { MetaItemLabel as i } from "../Metadata/MetaItemLabel.js";
+import { MetaItem as p } from "../Metadata/MetaItem.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 })
-    ]
-  }
-);
+const B = ({ icon: r, children: t, className: m, onClick: e }) => /* @__PURE__ */ o(p, { as: "button", size: "xs", className: m, icon: r, onClick: e, children: t && /* @__PURE__ */ o(i, { size: "xs", children: t }) });
 export {
-  g as SeenByLogButton
+  B as SeenByLogButton
 };

package/dist/components/Metadata/MetaItemBase.js

@@ -1,16 +1,16 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as f } from "../../index-L8X2o7IH.js";
-import { Skeleton as l } from "../Skeleton/Skeleton.js";
-import '../../assets/MetaItemBase.css';const v = "_item_ns9fn_1", x = "_reverse_ns9fn_27", t = {
-  item: v,
-  reverse: x
-}, k = ({
+import { c as l } from "../../index-L8X2o7IH.js";
+import { Skeleton as v } from "../Skeleton/Skeleton.js";
+import '../../assets/MetaItemBase.css';const x = "_item_ytjib_1", f = "_reverse_ytjib_27", t = {
+  item: x,
+  reverse: f
+}, g = ({
   as: r,
-  loading: s,
-  reverse: o,
-  variant: n = "text",
-  size: a,
-  color: m,
+  loading: o,
+  reverse: s,
+  variant: a = "text",
+  size: m,
+  color: n,
   progress: i,
   datetime: c,
   className: p,
@@ -19,16 +19,16 @@ import '../../assets/MetaItemBase.css';const v = "_item_ns9fn_1", x = "_reverse_
 }) => /* @__PURE__ */ e(
   r || "span",
   {
-    "data-size": a,
-    "data-color": m,
-    "data-variant": n,
+    "data-size": m,
+    "data-color": n,
+    "data-variant": a,
     "data-progress": i,
     dateTime: c,
-    className: f(t.item, { [t.reverse]: o }, p),
+    className: l(t.item, { [t.reverse]: s }, p),
     ..._,
-    children: /* @__PURE__ */ e(l, { loading: s, children: d })
+    children: /* @__PURE__ */ e(v, { loading: o, children: d })
   }
 );
 export {
-  k as MetaItemBase
+  g as MetaItemBase
 };

package/dist/components/Metadata/MetaItemIcon.js

@@ -1,18 +1,25 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { Icon as a } from "../Icon/Icon.js";
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { isValidElement as p } from "react";
+import { isIconProps as i, Icon as m } from "../Icon/Icon.js";
 import { ProgressIcon as n } from "../Icon/ProgressIcon.js";
-import "react";
+import { isAvatarProps as c, Avatar as l } from "../Avatar/Avatar.js";
+import { isAvatarGroupProps as f, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/MetaItemIcon.css';const r = "_media_ssm84_1", c = "_icon_ssm84_7", s = {
-  media: r,
-  icon: c
-}, N = ({ size: e = "xs", icon: m, progress: o }) => !m && typeof o != "number" ? !1 : /* @__PURE__ */ i("span", { className: s.media, "data-size": e, children: [
-  m && /* @__PURE__ */ t(a, { svgElement: m, className: s.icon }),
-  o && /* @__PURE__ */ t(n, { value: o, className: s.icon })
+import '../../assets/MetaItemIcon.css';const v = "_media_13vkl_1", _ = "_icon_13vkl_7", d = "_avatarGroup_13vkl_15", t = {
+  media: v,
+  icon: _,
+  avatarGroup: d
+};
+function N(r) {
+  return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || p(r);
+}
+const g = ({ size: r = "xs", icon: a, progress: s }) => !a && typeof s != "number" ? !1 : /* @__PURE__ */ e("span", { className: t.media, "data-size": r, children: [
+  c(a) && /* @__PURE__ */ o(l, { ...a, className: t.avatar }) || f(a) && /* @__PURE__ */ o(u, { ...a, className: t.avatarGroup }) || i(a) && /* @__PURE__ */ o(m, { ...a, className: t.icon }) || N(a) && a || /* @__PURE__ */ o(m, { svgElement: a, className: t.icon }),
+  s && /* @__PURE__ */ o(n, { value: s, className: t.icon })
 ] });
 export {
-  N as MetaItemIcon
+  g as MetaItemIcon
 };

package/dist/components/Transmission/Transmission.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as o, jsxs as n, Fragment as g } from "react/jsx-runtime";
+import { jsx as i, jsxs as n, Fragment as g } from "react/jsx-runtime";
 import { useState as h } from "react";
 import "../../index-L8X2o7IH.js";
 import { AttachmentList as v } from "../Attachment/AttachmentList.js";
@@ -15,39 +15,39 @@ import { TransmissionType as j } from "./TransmissionType.js";
 import '../../assets/Transmission.css';const k = "_title_cy7ua_1", w = {
   title: k
 }, O = ({
-  type: i,
+  type: o,
   unread: l,
-  size: d = "xs",
-  color: c = "neutral",
+  size: c = "xs",
+  color: p = "neutral",
   title: s,
   createdAt: z,
   createdAtLabel: I,
-  badge: p = { label: "Ulest" },
-  sender: f,
+  badge: f = { label: "Ulest" },
+  sender: b,
   summary: a,
   attachments: e,
   children: t,
-  seenByLog: m,
-  ...b
+  seenByLog: d,
+  ...m
 }) => {
-  const [r, u] = h(!1);
-  return /* @__PURE__ */ o(
+  const [r, u] = h(m.expanded || !1);
+  return /* @__PURE__ */ i(
     S,
     {
-      ...b,
-      icon: f,
-      badge: i && /* @__PURE__ */ o(j, { value: i == null ? void 0 : i.value, label: i == null ? void 0 : i.label }),
-      size: d,
+      ...m,
+      icon: b,
+      badge: o && /* @__PURE__ */ i(j, { value: o == null ? void 0 : o.value, label: o == null ? void 0 : o.label }),
+      size: c,
       variant: l ? "subtle" : "default",
       border: r ? "none" : "solid",
       shadow: "none",
-      color: c,
+      color: p,
       title: {
         as: "span",
         className: w.title,
         children: /* @__PURE__ */ n(g, { children: [
-          /* @__PURE__ */ o("h2", { children: s }),
-          l && /* @__PURE__ */ o(L, { variant: "tinted", size: "xs", ...p })
+          /* @__PURE__ */ i("h2", { children: s }),
+          l && /* @__PURE__ */ i(L, { variant: "tinted", size: "xs", ...f })
         ] }),
         weight: l ? "bold" : "normal"
       },
@@ -60,11 +60,11 @@ import '../../assets/Transmission.css';const k = "_title_cy7ua_1", w = {
       ariaLabel: s,
       children: /* @__PURE__ */ n(_, { padding: 4, children: [
         /* @__PURE__ */ n(T, { size: "md", children: [
-          a && /* @__PURE__ */ o("p", { children: a }),
+          a && /* @__PURE__ */ i("p", { children: a }),
           r ? typeof t == "function" ? t() : t : null,
-          (e == null ? void 0 : e.items) && /* @__PURE__ */ o(v, { ...e })
+          (e == null ? void 0 : e.items) && /* @__PURE__ */ i(v, { ...e })
         ] }),
-        m && /* @__PURE__ */ o(A, { ...m })
+        d && /* @__PURE__ */ i(A, { ...d })
       ] })
     }
   );

package/dist/components/Transmission/TransmissionType.js

@@ -5,24 +5,24 @@ import { Badge as o } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-var i = /* @__PURE__ */ ((r) => (r.information = "information", r.acceptance = "acceptance", r.rejection = "rejection", r.request = "request", r.alert = "alert", r.decision = "decision", r.submission = "submission", r.correction = "correction", r))(i || {});
-const s = ({ loading: r, value: c, label: t }) => {
+var i = /* @__PURE__ */ ((r) => (r.information = "information", r.acceptance = "acceptance", r.rejection = "rejection", r.request = "request", r.alert = "alert", r.decision = "decision", r.submission = "submission", r.correction = "correction", r.draft = "draft", r))(i || {});
+const j = ({ loading: r, value: t, label: c }) => {
   if (r)
     return null;
-  switch (c) {
+  switch (t) {
     case "submission":
       return null;
     case "correction":
       return null;
     case "acceptance":
-      return /* @__PURE__ */ e(o, { color: "success", children: t || c });
+      return /* @__PURE__ */ e(o, { color: "success", children: c || t });
     case "rejection":
-      return /* @__PURE__ */ e(o, { color: "danger", children: t || c });
+      return /* @__PURE__ */ e(o, { color: "danger", children: c || t });
     default:
-      return /* @__PURE__ */ e(o, { children: t || c });
+      return /* @__PURE__ */ e(o, { children: c || t });
   }
 };
 export {
-  s as TransmissionType,
+  j as TransmissionType,
   i as TransmissionTypeEnum
 };

package/dist/types/lib/components/ContextMenu/ContextMenu.d.ts

@@ -1,9 +1,10 @@
 import { DropdownPlacement, MenuItemProps, MenuItemGroups } from '../';
 export interface ContextMenuProps {
     id?: string;
+    ariaLabel?: string;
     items: MenuItemProps[];
     placement?: DropdownPlacement;
     groups?: MenuItemGroups;
     className?: string;
 }
-export declare const ContextMenu: ({ id, placement, groups, className, items, }: ContextMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContextMenu: ({ id, ariaLabel, placement, groups, className, items, }: ContextMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Dialog/Dialog.d.ts

@@ -17,4 +17,4 @@ export interface DialogProps extends DialogLayoutProps, DialogHeaderProps, Dialo
 /**
  * Full representation of a dialog, including attachments, actions, history, additional information, and contact information.
  */
-export declare const Dialog: ({ loading, backButton, contextMenu, pageMenu, sender, title, history, additionalInfo, contact, children, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Dialog: ({ loading, backButton, contextMenu, pageMenu, sender, title, history, additionalInfo, seenByLog, contact, children, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Dialog/DialogBody.d.ts

@@ -17,4 +17,4 @@ export interface DialogBodyProps {
     children?: ReactNode;
 }
 /** DialogBody represents the body, or main part of a dialog, including sender and recipient.  */
-export declare const DialogBody: ({ loading, sender, recipient, recipientLabel, children, seenByLog }: DialogBodyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogBody: ({ loading, sender, recipient, recipientLabel, children, seenByLog, }: DialogBodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Dialog/DialogBody.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ loading, sender, recipient, recipientLabel, children, seenByLog }: import('./DialogBody').DialogBodyProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ loading, sender, recipient, recipientLabel, children, seenByLog, }: import('./DialogBody').DialogBodyProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     args: {
         sender: {

package/dist/types/lib/components/Dialog/DialogHeader.d.ts

@@ -23,4 +23,4 @@ export interface DialogHeaderProps extends DialogMetadataProps {
     /** Due date label */
     dueAtLabel?: string;
 }
-export declare const DialogHeader: ({ loading, title, badge, status, draftsLabel, sentCount, receivedCount, updatedAt, updatedAtLabel, dueAt, dueAtLabel, activityLog, }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogHeader: ({ loading, title, badge, status, draftsLabel, sentCount, receivedCount, updatedAt, updatedAtLabel, attachmentsCount, dueAt, dueAtLabel, activityLog, }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Dialog/DialogHeader.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ loading, title, badge, status, draftsLabel, sentCount, receivedCount, updatedAt, updatedAtLabel, dueAt, dueAtLabel, activityLog, }: import('./DialogHeader').DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ loading, title, badge, status, draftsLabel, sentCount, receivedCount, updatedAt, updatedAtLabel, attachmentsCount, dueAt, dueAtLabel, activityLog, }: import('./DialogHeader').DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

package/dist/types/lib/components/Dialog/DialogListItem.d.ts

@@ -1,4 +1,4 @@
-import { AvatarProps, BadgeProps, Color, DialogMetadataProps, DialogSeenByProps, ListItemProps, SeenByLogProps } from '..';
+import { AvatarProps, BadgeProps, Color, DialogMetadataProps, ListItemProps, SeenByLogProps } from '..';
 export type DialogListItemSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type DialogListItemState = 'normal' | 'trashed' | 'archived';
 export type DialogListItemTheme = 'default' | 'subtle' | 'transparent';
@@ -33,8 +33,6 @@ export interface DialogListItemProps extends ListItemProps, DialogMetadataProps
     badge?: BadgeProps;
     /** Dialog has not been opened or is marked as unread */
     unread?: boolean;
-    /** Dialog is seen by the user */
-    seenBy?: DialogSeenByProps;
     /** Seen by log */
     seenByLog?: SeenByLogProps;
     /** Number of attachments */
@@ -53,4 +51,4 @@ export interface DialogListItemProps extends ListItemProps, DialogMetadataProps
  * summary, sender, and receiver.
  * to mark the item as checked/unchecked and can visually indicate if it is unread.
  */
-export declare const DialogListItem: ({ size, state, loading, controls, select, selected, status, sender, recipient, recipientLabel, grouped, updatedAt, updatedAtLabel, archived, archivedAt, archivedAtLabel, trashed, trashedAt, trashedAtLabel, badge, dueAt, dueAtLabel, unread, seenBy, seenByLog, draftsLabel, sentCount, receivedCount, attachmentsCount, attachmentsLabel, title, description, summary, variant, id, ...rest }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogListItem: ({ size, state, loading, controls, select, selected, status, sender, recipient, recipientLabel, grouped, updatedAt, updatedAtLabel, archived, archivedAt, archivedAtLabel, trashed, trashedAt, trashedAtLabel, badge, dueAt, dueAtLabel, unread, seenByLog, draftsLabel, sentCount, receivedCount, attachmentsCount, attachmentsLabel, title, description, summary, variant, id, ...rest }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Dialog/DialogMetadata.d.ts

@@ -1,4 +1,4 @@
-import { AvatarProps, DialogSeenByProps, DialogStatusProps } from '..';
+import { AvatarProps, DialogStatusProps } from '..';
 interface DialogMetadataButtonProps {
     label: string;
     onClick?: () => void;
@@ -31,8 +31,6 @@ export type DialogMetadataProps = {
     trashedAt?: string;
     /** Deleted label */
     trashedAtLabel?: string;
-    /** Who have seen the dialog after latest update */
-    seenBy?: DialogSeenByProps;
     /** Drafts label */
     draftsLabel?: string;
     /** Number of submissions sent */
@@ -51,5 +49,5 @@ export type DialogMetadataProps = {
 /**
  * Metadata for a dialog in list view.
  */
-export declare const DialogMetadata: ({ className, loading, status, sender, updatedAt, updatedAtLabel, dueAt, dueAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, seenBy, draftsLabel, sentCount, receivedCount, attachmentsCount, attachmentsLabel, transmissionsLabel, activityLog, }: DialogMetadataProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogMetadata: ({ className, loading, status, sender, updatedAt, updatedAtLabel, dueAt, dueAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, draftsLabel, sentCount, receivedCount, attachmentsCount, attachmentsLabel, transmissionsLabel, activityLog, }: DialogMetadataProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/lib/components/Dialog/DialogMetadata.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ className, loading, status, sender, updatedAt, updatedAtLabel, dueAt, dueAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, seenBy, draftsLabel, sentCount, receivedCount, attachmentsCount, attachmentsLabel, transmissionsLabel, activityLog, }: import('./DialogMetadata').DialogMetadataProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ className, loading, status, sender, updatedAt, updatedAtLabel, dueAt, dueAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, draftsLabel, sentCount, receivedCount, attachmentsCount, attachmentsLabel, transmissionsLabel, activityLog, }: import('./DialogMetadata').DialogMetadataProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

package/dist/types/lib/components/Dialog/SeenByLogButton.d.ts

@@ -1,13 +1,9 @@
-import { ReactNode } from 'react';
-import { AvatarProps } from '..';
-export interface SeenByLogButtonProps {
-    ariaLabel?: string;
-    children?: ReactNode;
-    items: AvatarProps[];
+import { MetaItemProps } from '..';
+export interface SeenByLogButtonProps extends MetaItemProps {
     className?: string;
     onClick?: () => void;
 }
 /**
  * SeenByLog Button
  */
-export declare const SeenByLogButton: ({ ariaLabel, items, children, className, onClick }: SeenByLogButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SeenByLogButton: ({ icon, children, className, onClick }: SeenByLogButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Metadata/MetaItem.d.ts

@@ -1,6 +1,5 @@
 import { ElementType, ReactNode } from 'react';
-import { MetaItemSize, MetaItemVariant } from '..';
-import { SvgElement } from '../Icon';
+import { MetaItemIconProps, MetaItemSize, MetaItemVariant } from '..';
 export interface MetaItemProps {
     loading?: boolean;
     reverse?: boolean;
@@ -11,7 +10,7 @@ export interface MetaItemProps {
     /** Variant */
     variant?: MetaItemVariant;
     /** Icon name */
-    icon?: SvgElement;
+    icon?: MetaItemIconProps['icon'];
     /** Label */
     children?: ReactNode;
     /** classname */