@altinn/altinn-components 0.56.33 → 0.57.2

package/dist/components/Datepicker/DatepickerTable.js

@@ -2,8 +2,8 @@ import { jsxs as b, jsx as t } from "react/jsx-runtime";
 import { Button as h } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../../Section-jhq4n77E.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/DatepickerTable.css';const u = "_table_1k8nb_1", y = "_weekday_1k8nb_7", p = "_date_1k8nb_13", _ = "_button_1k8nb_23", a = {
   table: u,

package/dist/components/Dialog/Dialog.js

@@ -1,9 +1,9 @@
 import { jsxs as r, jsx as o, Fragment as f } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import { DialogLayout as d } from "./DialogLayout.js";
 import { DialogHeader as j } from "./DialogHeader.js";
 import { DialogBody as u } from "./DialogBody.js";

package/dist/components/Dialog/DialogActions.js

@@ -1,21 +1,19 @@
 "use client";
 import { jsxs as p, jsx as n } from "react/jsx-runtime";
-import { useMemo as m } from "react";
+import { useMemo as u } from "react";
 import "../../index-p1eeF8LQ.js";
+import { x as g, J as x, K as B, M as k } from "../../Section-jhq4n77E.js";
+import { DropdownBase as _ } from "../Dropdown/DropdownBase.js";
 import { Button as s } from "../Button/Button.js";
-import { ButtonGroup as g } from "../Button/ButtonGroup.js";
-import { ButtonGroupDivider as B } from "../Button/ButtonGroupDivider.js";
-import { DropdownBase as k } from "../Dropdown/DropdownBase.js";
+import { ButtonGroup as v } from "../Button/ButtonGroup.js";
+import { ButtonGroupDivider as D } from "../Button/ButtonGroupDivider.js";
 import "react-dom";
-import { useRootContext as x } from "../RootProvider/RootProvider.js";
-import { M as _ } from "../../SearchField-QTfebYdU.js";
 import "../Snackbar/useSnackbar.js";
-import { S as v, a as D } from "../../ChevronUp-_BBfEirx.js";
-import '../../assets/DialogActions.css';const I = "_action_1n930_1", M = "_comboButton_1n930_8", u = {
+import '../../assets/DialogActions.css';const I = "_action_1n930_1", M = "_comboButton_1n930_8", m = {
   action: I,
   comboButton: M
-}, H = ({ items: i, maxItems: a = 2, id: l = "dialog-actions", expandAltLabel: f }) => {
-  const { currentId: h, closeAll: b, toggleId: d } = x(), e = h === l, t = m(() => (i || []).filter((o) => !o.hidden).sort((o, r) => {
+}, U = ({ items: i, maxItems: a = 2, id: l = "dialog-actions", expandAltLabel: f }) => {
+  const { currentId: h, closeAll: b, toggleId: d } = g(), e = h === l, t = u(() => (i || []).filter((o) => !o.hidden).sort((o, r) => {
     const c = ["primary", "secondary", "tertiary"];
     return c.indexOf(o?.priority) - c.indexOf(r?.priority);
   }).map((o) => ({
@@ -23,7 +21,7 @@ import '../../assets/DialogActions.css';const I = "_action_1n930_1", M = "_combo
     onClick: () => {
       o.onClick?.(), d(l);
     }
-  })), [i]), y = m(() => i.find((o) => o.priority === "primary")?.disabled, [i]);
+  })), [i]), y = u(() => i.find((o) => o.priority === "primary")?.disabled, [i]);
   if (!t.length || a <= 0)
     return null;
   if (t.length > a) {
@@ -34,20 +32,20 @@ import '../../assets/DialogActions.css';const I = "_action_1n930_1", M = "_combo
       group: r.priority,
       hidden: r.hidden
     }));
-    return /* @__PURE__ */ p("section", { className: u.comboButton, children: [
-      /* @__PURE__ */ p(g, { connected: !0, size: "md", children: [
+    return /* @__PURE__ */ p("section", { className: m.comboButton, children: [
+      /* @__PURE__ */ p(v, { connected: !0, size: "md", children: [
         /* @__PURE__ */ n(s, { disabled: y, onClick: t[0].onClick, children: t[0].label }),
-        /* @__PURE__ */ n(B, {}),
-        /* @__PURE__ */ n(s, { "aria-label": f, onClick: () => d(l), "aria-expanded": e ? "true" : "false", children: e ? /* @__PURE__ */ n(v, {}) : /* @__PURE__ */ n(D, {}) })
+        /* @__PURE__ */ n(D, {}),
+        /* @__PURE__ */ n(s, { "aria-label": f, onClick: () => d(l), "aria-expanded": e ? "true" : "false", children: e ? /* @__PURE__ */ n(x, {}) : /* @__PURE__ */ n(B, {}) })
       ] }),
-      e && /* @__PURE__ */ n(k, { open: e, onClose: b, children: /* @__PURE__ */ n(_, { items: o }) })
+      e && /* @__PURE__ */ n(_, { open: e, onClose: b, children: /* @__PURE__ */ n(k, { items: o }) })
     ] });
   }
-  return /* @__PURE__ */ n("section", { className: u.action, children: t.map((o, r) => {
+  return /* @__PURE__ */ n("section", { className: m.action, children: t.map((o, r) => {
     const { priority: c, id: O, ...C } = o;
     return /* @__PURE__ */ n(s, { variant: c === "primary" ? "solid" : "outline", size: "md", ...C, children: o.label }, "button-" + r);
   }) });
 };
 export {
-  H as DialogActions
+  U as DialogActions
 };

package/dist/components/Dialog/DialogActivityLog.js

@@ -1,9 +1,9 @@
 import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { ActivityLog as a } from "../ActivityLog/ActivityLog.js";
 import { ModalBase as d } from "../Modal/ModalBase.js";

package/dist/components/Dialog/DialogAttachments.js

@@ -1,17 +1,15 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
-import { AttachmentList as m } from "../Attachment/AttachmentList.js";
+import { AttachmentList as n } from "../Attachment/AttachmentList.js";
 import "react";
-import { Heading as n } from "../Typography/Heading.js";
+import { S as m, H as e } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as e } from "../Page/Section.js";
-const d = ({ title: i = "Attachments", items: t }) => t?.length ? /* @__PURE__ */ o(e, { spacing: 1, children: [
-  /* @__PURE__ */ r(n, { as: "h2", size: "xs", weight: "normal", variant: "subtle", children: i }),
-  /* @__PURE__ */ r(m, { items: t })
+const u = ({ title: i = "Attachments", items: t }) => t?.length ? /* @__PURE__ */ o(m, { spacing: 1, children: [
+  /* @__PURE__ */ r(e, { as: "h2", size: "xs", weight: "normal", variant: "subtle", children: i }),
+  /* @__PURE__ */ r(n, { items: t })
 ] }) : null;
 export {
-  d as DialogAttachments
+  u as DialogAttachments
 };

package/dist/components/Dialog/DialogBody.js

@@ -1,10 +1,10 @@
 import { jsxs as i, jsx as o, Fragment as c } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../../Section-jhq4n77E.js";
 import { Typography as a } from "../Typography/Typography.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import { Timeline as h } from "../Timeline/Timeline.js";
 import { TimelineSection as f } from "../Timeline/TimelineSection.js";
 import { TimelineHeader as s } from "../Timeline/TimelineHeader.js";

package/dist/components/Dialog/DialogByline.js

@@ -1,25 +1,10 @@
-import { jsxs as l, jsx as p } from "react/jsx-runtime";
+import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import { d as l } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
-import { Byline as s } from "../Byline/Byline.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-const G = ({
-  sender: o,
-  recipient: r,
-  recipientLabel: m = "to",
-  grouped: a = !1,
-  loading: t,
-  size: i = "xs"
-}) => !o && !r ? null : /* @__PURE__ */ l(s, { loading: t, size: i, avatar: o, avatarGroup: !t && a && o && r ? {
-  items: [r, o]
-} : void 0, children: [
-  /* @__PURE__ */ p("strong", { children: o?.name }),
-  " ",
-  r && m + " " + r?.name
-] });
 export {
-  G as DialogByline
+  l as DialogByline
 };

package/dist/components/Dialog/DialogContact.js

@@ -1,19 +1,17 @@
 import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { Typography as n } from "../Typography/Typography.js";
-import { Heading as c } from "../Typography/Heading.js";
+import { S as n, H as a } from "../../Section-jhq4n77E.js";
+import { Typography as c } from "../Typography/Typography.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as a } from "../Page/Section.js";
 import { ContactButtons as s } from "../Page/ContactButtons.js";
-const z = ({ id: t = "dialog-contact", title: r, children: i, items: m = [] }) => /* @__PURE__ */ p(a, { spacing: 4, id: t, children: [
-  r && /* @__PURE__ */ o(c, { size: "lg", children: r }),
-  /* @__PURE__ */ o(n, { children: i }),
+const y = ({ id: t = "dialog-contact", title: r, children: i, items: m = [] }) => /* @__PURE__ */ p(n, { spacing: 4, id: t, children: [
+  r && /* @__PURE__ */ o(a, { size: "lg", children: r }),
+  /* @__PURE__ */ o(c, { children: i }),
   /* @__PURE__ */ o(s, { items: m })
 ] });
 export {
-  z as DialogContact
+  y as DialogContact
 };

package/dist/components/Dialog/DialogHeader.js

@@ -1,55 +1,52 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { Badge as j } from "../Badge/Badge.js";
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { Badge as H } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { Heading as D } from "../Typography/Heading.js";
+import { S as j, H as D, c as S } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
-import { DialogMetadata as H } from "./DialogMetadata.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as u } from "../Page/Section.js";
-const E = ({
-  loading: o,
-  title: m,
+const y = ({
+  loading: i,
+  title: a,
   badge: r,
-  status: p,
-  extendedStatusLabel: e,
-  draftsLabel: a,
-  sentCount: s,
+  status: e,
+  extendedStatusLabel: m,
+  draftsLabel: s,
+  sentCount: p,
   receivedCount: n,
   updatedAt: c,
-  updatedAtLabel: f,
-  attachmentsCount: l,
-  dueAt: d,
-  dueAtLabel: x,
+  updatedAtLabel: l,
+  attachmentsCount: d,
+  dueAt: x,
+  dueAtLabel: f,
   activityLog: g,
   tooltips: h = {}
-}) => /* @__PURE__ */ i(u, { as: "header", spacing: 3, align: "start", children: [
-  /* @__PURE__ */ i(D, { loading: o, size: "xl", children: [
-    m,
+}) => /* @__PURE__ */ t(j, { as: "header", spacing: 3, align: "start", children: [
+  /* @__PURE__ */ t(D, { loading: i, size: "xl", children: [
+    a,
     r && " ",
-    r && /* @__PURE__ */ t(j, { ...r })
+    r && /* @__PURE__ */ o(H, { ...r })
   ] }),
-  /* @__PURE__ */ t(
-    H,
+  /* @__PURE__ */ o(
+    S,
     {
-      loading: o,
-      status: p,
-      extendedStatusLabel: e,
-      draftsLabel: a,
-      sentCount: s,
+      loading: i,
+      status: e,
+      extendedStatusLabel: m,
+      draftsLabel: s,
+      sentCount: p,
       receivedCount: n,
       updatedAt: c,
-      updatedAtLabel: f,
-      dueAt: d,
-      dueAtLabel: x,
-      attachmentsCount: l,
+      updatedAtLabel: l,
+      dueAt: x,
+      dueAtLabel: f,
+      attachmentsCount: d,
       activityLog: g,
       tooltips: h
     }
   )
 ] });
 export {
-  E as DialogHeader
+  y as DialogHeader
 };

package/dist/components/Dialog/DialogHistory.js

@@ -2,14 +2,13 @@
 import { jsxs as g, jsx as n } from "react/jsx-runtime";
 import { useState as f, createElement as u } from "react";
 import "../../index-p1eeF8LQ.js";
-import { Button as h } from "../Button/Button.js";
+import { S as h } from "../../Section-jhq4n77E.js";
+import { Button as y } from "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
-import { DialogHistorySegment as y } from "./DialogHistorySegment.js";
+import { DialogHistorySegment as S } from "./DialogHistorySegment.js";
 import { Timeline as x } from "../Timeline/Timeline.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as E } from "../Page/Section.js";
-const q = ({
+const b = ({
   items: o,
   maxItems: t,
   expandLabel: i = "Expand history",
@@ -19,12 +18,12 @@ const q = ({
     return null;
   const [e, p] = f(!1), s = () => {
     p((r) => !r);
-  }, c = t ? o.slice(0, t) : o, a = e ? o : c, m = t && o.length > t;
-  return /* @__PURE__ */ g(E, { spacing: 4, children: [
-    /* @__PURE__ */ n(x, { children: a.map((r, d) => /* @__PURE__ */ u(y, { ...r, key: d })) }),
-    m && /* @__PURE__ */ n(h, { variant: "outline", onClick: s, children: e ? l : i })
+  }, c = t ? o.slice(0, t) : o, a = e ? o : c, d = t && o.length > t;
+  return /* @__PURE__ */ g(h, { spacing: 4, children: [
+    /* @__PURE__ */ n(x, { children: a.map((r, m) => /* @__PURE__ */ u(S, { ...r, key: m })) }),
+    d && /* @__PURE__ */ n(y, { variant: "outline", onClick: s, children: e ? l : i })
   ] });
 };
 export {
-  q as DialogHistory
+  b as DialogHistory
 };

package/dist/components/Dialog/DialogHistoryItem.js

@@ -1,10 +1,10 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../../Section-jhq4n77E.js";
 import { Typography as f } from "../Typography/Typography.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { TimelineActivity as p } from "../Timeline/TimelineActivity.js";
 const T = ({ byline: o, datetime: i, children: t, summary: e, ...m }) => t ? /* @__PURE__ */ r(p, { byline: o, datetime: i, ...m, children: t }) : /* @__PURE__ */ r(p, { byline: o, datetime: i, ...m, children: /* @__PURE__ */ r(f, { children: e }) });

package/dist/components/Dialog/DialogHistorySegment.js

@@ -1,10 +1,10 @@
 import { jsxs as g, jsx as l } from "react/jsx-runtime";
 import { createElement as s } from "react";
 import "../../index-p1eeF8LQ.js";
+import "../../Section-jhq4n77E.js";
 import { Typography as a } from "../Typography/Typography.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import { DialogHistoryItem as c } from "./DialogHistoryItem.js";
 import "../Snackbar/useSnackbar.js";
 import { TimelineSegment as f } from "../Timeline/TimelineSegment.js";

package/dist/components/Dialog/DialogLayout.js

@@ -1,16 +1,15 @@
 import { jsxs as t, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import { S as e } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import { ContextMenu as s } from "../ContextMenu/ContextMenu.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { PageBase as n } from "../Page/PageBase.js";
 import { PageNav as l } from "../Page/PageNav.js";
 import { PageMenu as d } from "../Page/PageMenu.js";
-import { Section as e } from "../Page/Section.js";
-const B = ({ backButton: i, contextMenu: r, pageMenu: m, children: p, color: a }) => /* @__PURE__ */ t(n, { theme: "subtle", spacing: 0, color: a, bleed: !0, children: [
+const w = ({ backButton: i, contextMenu: r, pageMenu: m, children: a, color: p }) => /* @__PURE__ */ t(n, { theme: "subtle", spacing: 0, color: p, bleed: !0, children: [
   /* @__PURE__ */ t(e, { theme: "default", shadow: "xs", children: [
     /* @__PURE__ */ o(
       l,
@@ -21,10 +20,10 @@ const B = ({ backButton: i, contextMenu: r, pageMenu: m, children: p, color: a }
         controls: r && /* @__PURE__ */ o(s, { ...r })
       }
     ),
-    /* @__PURE__ */ o(e, { as: "article", padding: "page", spacing: 6, children: p })
+    /* @__PURE__ */ o(e, { as: "article", padding: "page", spacing: 6, children: a })
   ] }),
   /* @__PURE__ */ o(d, { items: m?.items })
 ] });
 export {
-  B as DialogLayout
+  w as DialogLayout
 };

package/dist/components/Dialog/DialogList.js

@@ -1,30 +1,11 @@
-import { jsx as g } from "react/jsx-runtime";
-import { createElement as r } from "react";
+import "react/jsx-runtime";
+import "react";
 import "../../index-p1eeF8LQ.js";
-import { useMenu as f } from "../../hooks/useMenu.js";
+import "../../hooks/useMenu.js";
+import { D as e } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
-import { DialogListGroup as y } from "./DialogListGroup.js";
-import { DialogListItem as d } from "./DialogListItem.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as k } from "../Page/Section.js";
-const G = ({ items: t, groups: i = {}, sortGroupBy: m, highlightWords: e, isLoading: p }) => {
-  const { menu: s } = f({
-    items: t,
-    groups: i,
-    groupByKey: "groupId",
-    keyboardEvents: !1,
-    sortGroupBy: m
-  });
-  return /* @__PURE__ */ g(k, { spacing: 6, "aria-busy": p, children: s?.map((o, n) => {
-    const a = o.props || {};
-    return /* @__PURE__ */ r(y, { ...a, key: "dialog-list-item" + n }, o?.items.map((l, u) => {
-      const c = l.props || {};
-      return /* @__PURE__ */ r(d, { ...c, highlightWords: e, key: "dialog-list-item" + u });
-    }));
-  }) });
-};
 export {
-  G as DialogList
+  e as DialogList
 };

package/dist/components/Dialog/DialogListGroup.js

@@ -1,22 +1,12 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import "../../index-p1eeF8LQ.js";
+import "react/jsx-runtime";
 import "react";
-import { Typography as p } from "../Typography/Typography.js";
-import { Heading as e } from "../Typography/Heading.js";
+import "../../index-p1eeF8LQ.js";
+import { a as g } from "../../Section-jhq4n77E.js";
+import "../Typography/Typography.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
-import { List as n } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as s } from "../Page/Flex.js";
-import { Section as c } from "../Page/Section.js";
-const B = ({ title: o, description: i, children: t }) => /* @__PURE__ */ m(c, { spacing: 4, children: [
-  /* @__PURE__ */ m(s, { direction: "col", spacing: 2, children: [
-    o && /* @__PURE__ */ r(e, { size: "lg", children: o }),
-    i && /* @__PURE__ */ r(p, { size: "sm", style: { marginBottom: ".5em" }, children: i })
-  ] }),
-  /* @__PURE__ */ r(n, { spacing: 3, children: t })
-] });
+import "../Page/Flex.js";
 export {
-  B as DialogListGroup
+  g as DialogListGroup
 };

package/dist/components/Dialog/DialogListItem.js

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