@altinn/altinn-components 0.33.2 → 0.33.4

package/dist/assets/DialogListItem.css

@@ -1 +1 @@
-._border_1n3p9_1{pointer-events:none;border-left:.25rem solid;border-color:var(--dsc-border-color);display:flex;flex-direction:column;margin-top:.25em;margin-bottom:.25em;--dsc-item-my: 0;--dsc-border-color: var(--ds-color-neutral-surface-tinted);--dsc-title-weight: 400;--dsc-title-font-size: 1rem;--dsc-title-line-height: 1.25;--dsc-summary-font-size: .875rem}._border_1n3p9_1[data-selected=true]{--dsc-border-color: var(--ds-color-surface-tinted)}._border_1n3p9_1[data-unread=true]{--dsc-border-color: var(--ds-color-surface-active);--dsc-title-weight: 600}._border_1n3p9_1[data-trashed=true] ._title_1n3p9_27{text-decoration:line-through}._border_1n3p9_1[data-size=xs],._border_1n3p9_1[data-size=sm]{width:100%;flex-direction:row;align-items:center;padding-left:.75rem}._border_1n3p9_1[data-size=md]{padding-left:.75rem;row-gap:.5rem}._border_1n3p9_1[data-size=lg]{--dsc-title-font-size: 1.25rem;--dsc-summary-font-size: 1rem;padding-left:.875rem;row-gap:.875rem}._border_1n3p9_1[data-size=xl]{--dsc-title-font-size: 1.25rem;--dsc-summary-font-size: 1rem;padding-left:1rem;row-gap:1rem}._controls_1n3p9_58{position:absolute;top:0;right:0;margin:.25em}._header_1n3p9_65{position:relative;display:flex;flex-direction:column;row-gap:.25rem}._header_1n3p9_65[data-size=xs],._header_1n3p9_65[data-size=sm]{display:flex;flex-direction:row}._summary_1n3p9_78{font-size:var(--dsc-summary-font-size);font-weight:400;line-height:1.375;color:var(--ds-color-neutral-text-subtle);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}._footer_1n3p9_92{width:100%}._seenBy_1n3p9_96{position:absolute;right:0;bottom:0;margin-right:-.5rem}._heading_1n3p9_103{padding-right:1.25rem;display:inline-flex;align-items:center;column-gap:.5em}._title_1n3p9_27{font-size:var(--dsc-title-font-size);font-weight:var(--dsc-title-font-weight);line-height:var(--dsc-title-line-height);margin:0}._title_1n3p9_27[data-size=md],._title_1n3p9_27[data-size=lg],._title_1n3p9_27[data-size=xl]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
+._border_1cz0s_1{pointer-events:none;border-left:.25rem solid;border-color:var(--dsc-border-color);display:flex;flex-direction:column;margin-top:.25em;margin-bottom:.25em;--dsc-item-my: 0;--dsc-border-color: var(--ds-color-neutral-surface-tinted);--dsc-title-weight: 400;--dsc-title-font-size: 1rem;--dsc-title-line-height: 1.25;--dsc-summary-font-size: .875rem}._border_1cz0s_1[data-selected=true]{--dsc-border-color: var(--ds-color-surface-tinted)}._border_1cz0s_1[data-unread=true]{--dsc-border-color: var(--ds-color-surface-active);--dsc-title-weight: 600}._border_1cz0s_1[data-trashed=true] ._title_1cz0s_27{text-decoration:line-through}._border_1cz0s_1[data-size=xs],._border_1cz0s_1[data-size=sm]{width:100%;flex-direction:row;align-items:center;padding-left:.75rem}._border_1cz0s_1[data-size=md]{padding-left:.75rem;row-gap:.5rem}._border_1cz0s_1[data-size=lg]{--dsc-title-font-size: 1.25rem;--dsc-summary-font-size: 1rem;padding-left:.875rem;row-gap:.875rem}._border_1cz0s_1[data-size=xl]{--dsc-title-font-size: 1.25rem;--dsc-summary-font-size: 1rem;padding-left:1rem;row-gap:1rem}._controls_1cz0s_58{position:absolute;top:0;right:0;margin:.25em}._header_1cz0s_65{position:relative;display:flex;flex-direction:column;row-gap:.25rem}._header_1cz0s_65[data-size=xs],._header_1cz0s_65[data-size=sm]{display:flex;flex-direction:row}._summary_1cz0s_78{font-size:var(--dsc-summary-font-size);font-weight:400;line-height:1.375;color:var(--ds-color-neutral-text-subtle);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}._footer_1cz0s_92{width:100%;padding-right:2rem}._seenBy_1cz0s_97{position:absolute;right:0;bottom:0;margin:.25rem -1rem}._heading_1cz0s_104{padding-right:1.25rem;display:inline-flex;align-items:center;column-gap:.5em}._title_1cz0s_27{font-size:var(--dsc-title-font-size);font-weight:var(--dsc-title-font-weight);line-height:var(--dsc-title-line-height);margin:0}._title_1cz0s_27[data-size=md],._title_1cz0s_27[data-size=lg],._title_1cz0s_27[data-size=xl]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}

package/dist/assets/MetaItemBase.css

@@ -1 +1 @@
-._item_ns9fn_1{padding:0;border:0;background-color:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}._item_ns9fn_1{border:1px;border-radius:2px;color:var(--ds-color-text-subtle);display:inline-flex;align-items:center;column-gap:.25em;white-space:nowrap;text-decoration:none}._reverse_ns9fn_27{flex-direction:row-reverse}._item_ns9fn_1 strong{font-weight:500;color:var(--ds-color-text-default)}button._item_ns9fn_1:hover,a._item_ns9fn_1:hover,button._item_ns9fn_1:hover strong,a._item_ns9fn_1:hover strong{color:var(--ds-color-base-hover);cursor:pointer}._item_ns9fn_1[data-size=xs]{font-size:.875rem;height:1.5rem}._item_ns9fn_1[data-size=sm]{font-size:1rem}._item_ns9fn_1[data-size=md]{font-size:1.125rem}._item_ns9fn_1[data-variant=text]{border-color:transparent;padding-left:0;padding-right:0}._item_ns9fn_1[data-variant=outline]{border-color:var(--ds-color-border-subtle);border-style:solid}._item_ns9fn_1[data-variant=rounded]{border-color:var(--ds-color-border-subtle);border-style:solid;border-radius:.75rem}._item_ns9fn_1[data-variant=dotted]{border-color:var(--ds-color-base-hover);border-style:dashed}._item_ns9fn_1[data-variant=solid]{border-color:var(--ds-color-base-hover);background-color:var(--ds-color-base-hover);color:var(--ds-color-base-contrast-default)}._item_ns9fn_1[data-variant=rounded],._item_ns9fn_1[data-variant=outline],._item_ns9fn_1[data-variant=dotted],._item_ns9fn_1[data-variant=solid]{padding:0 .25em}
+._item_ytjib_1{padding:0;border:0;background-color:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}._item_ytjib_1{border:1px;border-radius:2px;color:var(--ds-color-text-subtle);display:inline-flex;align-items:center;column-gap:.25em;white-space:nowrap;text-decoration:none}._reverse_ytjib_27{flex-direction:row-reverse}._item_ytjib_1 strong{font-weight:500;color:var(--ds-color-text-default)}button._item_ytjib_1:hover,a._item_ytjib_1:hover,button._item_ytjib_1:hover strong,a._item_ytjib_1:hover strong{color:var(--ds-color-base-hover);cursor:pointer}button._item_ytjib_1:hover,a._item_ytjib_1:hover{text-decoration:underline}._item_ytjib_1[data-size=xs]{font-size:.875rem;height:1.5rem}._item_ytjib_1[data-size=sm]{font-size:1rem}._item_ytjib_1[data-size=md]{font-size:1.125rem}._item_ytjib_1[data-variant=text]{border-color:transparent;padding-left:0;padding-right:0}._item_ytjib_1[data-variant=outline]{border-color:var(--ds-color-border-subtle);border-style:solid}._item_ytjib_1[data-variant=rounded]{border-color:var(--ds-color-border-subtle);border-style:solid;border-radius:.75rem}._item_ytjib_1[data-variant=dotted]{border-color:var(--ds-color-base-hover);border-style:dashed}._item_ytjib_1[data-variant=solid]{border-color:var(--ds-color-base-hover);background-color:var(--ds-color-base-hover);color:var(--ds-color-base-contrast-default)}._item_ytjib_1[data-variant=rounded],._item_ytjib_1[data-variant=outline],._item_ytjib_1[data-variant=dotted],._item_ytjib_1[data-variant=solid]{padding:0 .25em}

package/dist/assets/MetaItemIcon.css

@@ -1 +1 @@
-._media_ssm84_1{display:inline-flex;align-items:center;justify-content:center}._icon_ssm84_7{font-size:1.25em}._icon_ssm84_7:hover{color:var(--color-primary)}
+._media_13vkl_1{display:inline-flex;align-items:center;justify-content:center}._icon_13vkl_7{font-size:1.25em}._icon_13vkl_7:hover{color:var(--color-primary)}._avatarGroup_13vkl_15{font-size:1.25rem}

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,66 +1,69 @@
 "use client";
-import { jsxs as x, jsx as s } from "react/jsx-runtime";
-import { c as v } from "../../index-L8X2o7IH.js";
+import { jsxs as v, jsx as s } from "react/jsx-runtime";
+import { c as O } from "../../index-L8X2o7IH.js";
 import * as a from "react";
-import { forwardRef as O, useRef as b, useMemo as h } from "react";
-import { IconButton as w } from "../Button/IconButton.js";
-import { useClickOutside as y } from "../../hooks/useClickOutside.js";
-import { DropdownBase as I } from "../Dropdown/DropdownBase.js";
-import { MenuItems as j } from "../Menu/MenuItems.js";
-import { useRootContext as C } from "../RootProvider/RootProvider.js";
+import { forwardRef as b, useRef as h, useMemo as w } from "react";
+import { IconButton as y } from "../Button/IconButton.js";
+import { useClickOutside as I } from "../../hooks/useClickOutside.js";
+import { DropdownBase as j } from "../Dropdown/DropdownBase.js";
+import { MenuItems as C } from "../Menu/MenuItems.js";
+import { useRootContext as _ } from "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { u as _ } from "../../useId-BVFxCjkq.js";
-import '../../assets/ContextMenu.css';var R = function(t, n) {
+import { u as R } from "../../useId-BVFxCjkq.js";
+import '../../assets/ContextMenu.css';var E = function(e, l) {
   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 o = 0, e = Object.getOwnPropertySymbols(t); o < e.length; o++)
-      n.indexOf(e[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[o]) && (r[e[o]] = t[e[o]]);
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var o = 0, t = Object.getOwnPropertySymbols(e); o < t.length; o++)
+      l.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (r[t[o]] = e[t[o]]);
   return r;
 };
-const E = O((t, n) => {
-  var { title: r, titleId: e } = t, o = R(t, ["title", "titleId"]);
-  let l = _();
-  return l = r ? e || "title-" + l : void 0, a.createElement(
+const M = b((e, l) => {
+  var { title: r, titleId: t } = e, o = E(e, ["title", "titleId"]);
+  let n = R();
+  return n = r ? t || "title-" + n : void 0, a.createElement(
     "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": l }, o),
-    r ? a.createElement("title", { id: l }, 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: l, "aria-labelledby": n }, o),
+    r ? a.createElement("title", { id: n }, r) : null,
     a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m4.5 1.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0m6 0a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0", clipRule: "evenodd" })
   );
-}), M = "_toggle_nol5i_1", k = {
-  toggle: M
-}, q = ({
-  id: t = "context-menu",
-  placement: n = "right",
-  groups: r = {},
-  className: e,
-  items: o
+}), k = "_toggle_nol5i_1", B = {
+  toggle: k
+}, F = ({
+  id: e = "context-menu",
+  ariaLabel: l,
+  placement: r = "right",
+  groups: t = {},
+  className: o,
+  items: n
 }) => {
-  const { currentId: l, toggleId: f, closeAll: c } = C(), m = b(null);
-  y(m, () => c());
-  const d = () => f(t), p = l === t, g = h(() => o.map((i) => ({
+  const { currentId: d, toggleId: m, closeAll: u } = _(), f = h(null), g = () => m(e), c = d === e;
+  I(f, () => {
+    c && m(e);
+  });
+  const x = w(() => n.map((i) => ({
     ...i,
     onClick: () => {
-      var u;
-      (u = i.onClick) == null || u.call(i), c();
+      var p;
+      (p = i.onClick) == null || p.call(i), u();
     }
-  })), [o, c]);
-  return /* @__PURE__ */ x("div", { className: v(k.toggle, e), "data-color": "neutral", ref: m, children: [
+  })), [n, u]);
+  return /* @__PURE__ */ v("div", { className: O(B.toggle, o), "data-color": "neutral", ref: f, children: [
     /* @__PURE__ */ s(
-      w,
+      y,
       {
         size: "xs",
         rounded: !0,
-        icon: E,
+        icon: M,
         variant: "text",
-        onClick: d,
-        iconAltText: `Open ${t}`
+        onClick: g,
+        iconAltText: l || `Open ${e}`
       }
     ),
-    /* @__PURE__ */ s(I, { placement: n, open: p, children: /* @__PURE__ */ s(j, { groups: r, items: g }) })
+    c && /* @__PURE__ */ s(j, { placement: r, open: c, children: /* @__PURE__ */ s(C, { groups: t, items: x }) })
   ] });
 };
 export {
-  q as ContextMenu
+  F as ContextMenu
 };

package/dist/components/Dialog/Dialog.js

@@ -2,16 +2,16 @@ import { jsxs as r, jsx as o, Fragment as f } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { DialogLayout as x } from "./DialogLayout.js";
-import { DialogHeader as d } from "./DialogHeader.js";
-import { DialogBody as j } from "./DialogBody.js";
-import { DialogSection as u } from "./DialogSection.js";
-import { DialogContact as y } from "./DialogContact.js";
-import { DialogHistory as H } from "./DialogHistory.js";
+import { DialogLayout as d } from "./DialogLayout.js";
+import { DialogHeader as j } from "./DialogHeader.js";
+import { DialogBody as u } from "./DialogBody.js";
+import { DialogSection as y } from "./DialogSection.js";
+import { DialogContact as H } from "./DialogContact.js";
+import { DialogHistory as h } from "./DialogHistory.js";
 import { Divider as g } from "../Divider/Divider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-const E = ({
+const G = ({
   loading: m,
   backButton: l,
   contextMenu: c,
@@ -20,22 +20,23 @@ const E = ({
   title: i,
   history: t,
   additionalInfo: p,
+  seenByLog: x,
   contact: e,
   children: D,
   ...a
-}) => /* @__PURE__ */ r(x, { backButton: l, contextMenu: c, pageMenu: n, children: [
-  i && /* @__PURE__ */ o(d, { loading: m, ...a, title: i }),
-  D && /* @__PURE__ */ o(j, { loading: m, sender: s, ...a, children: D }),
-  t && /* @__PURE__ */ o(H, { ...t }),
+}) => /* @__PURE__ */ r(d, { backButton: l, contextMenu: c, pageMenu: n, children: [
+  i && /* @__PURE__ */ o(j, { loading: m, ...a, title: i }),
+  D && /* @__PURE__ */ o(u, { loading: m, sender: s, seenByLog: x, ...a, children: D }),
+  t && /* @__PURE__ */ o(h, { ...t }),
   p && /* @__PURE__ */ r(f, { children: [
     /* @__PURE__ */ o(g, {}),
-    /* @__PURE__ */ o(u, { ...p })
+    /* @__PURE__ */ o(y, { ...p })
   ] }),
   e && /* @__PURE__ */ r(f, { children: [
     /* @__PURE__ */ o(g, {}),
-    /* @__PURE__ */ o(y, { ...e })
+    /* @__PURE__ */ o(H, { ...e })
   ] })
 ] });
 export {
-  E as Dialog
+  G as Dialog
 };

package/dist/components/Dialog/DialogBody.js

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

package/dist/components/Dialog/DialogHeader.js

@@ -1,15 +1,15 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Badge as g } from "../Badge/Badge.js";
+import { Badge as h } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import { Heading as h } from "../Typography/Heading.js";
-import { DialogMetadata as x } from "./DialogMetadata.js";
+import { Heading as x } from "../Typography/Heading.js";
+import { DialogMetadata as j } from "./DialogMetadata.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as j } from "../Page/Flex.js";
-import { Section as D } from "../Page/Section.js";
-const y = ({
+import { Flex as D } from "../Page/Flex.js";
+import { Section as H } from "../Page/Section.js";
+const A = ({
   loading: i,
   title: e,
   badge: o,
@@ -19,16 +19,17 @@ const y = ({
   receivedCount: n,
   updatedAt: l,
   updatedAtLabel: s,
-  dueAt: c,
-  dueAtLabel: d,
-  activityLog: f
-}) => /* @__PURE__ */ t(D, { as: "header", spacing: 3, align: "start", children: [
-  /* @__PURE__ */ r(h, { loading: i, size: "xl", children: /* @__PURE__ */ t(j, { align: "center", children: [
+  attachmentsCount: c,
+  dueAt: d,
+  dueAtLabel: f,
+  activityLog: g
+}) => /* @__PURE__ */ t(H, { as: "header", spacing: 3, align: "start", children: [
+  /* @__PURE__ */ r(x, { loading: i, size: "xl", children: /* @__PURE__ */ t(D, { align: "center", children: [
     /* @__PURE__ */ r("span", { children: e }),
-    o && /* @__PURE__ */ r(g, { ...o })
+    o && /* @__PURE__ */ r(h, { ...o })
   ] }) }),
   /* @__PURE__ */ r(
-    x,
+    j,
     {
       loading: i,
       status: m,
@@ -37,12 +38,13 @@ const y = ({
       receivedCount: n,
       updatedAt: l,
       updatedAtLabel: s,
-      dueAt: c,
-      dueAtLabel: d,
-      activityLog: f
+      dueAt: d,
+      dueAtLabel: f,
+      attachmentsCount: c,
+      activityLog: g
     }
   )
 ] });
 export {
-  y as DialogHeader
+  A as DialogHeader
 };

package/dist/components/Dialog/DialogListItem.js

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