@altinn/altinn-components 0.27.1 → 0.28.1

package/dist/components/Dialog/DialogActions.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as h, jsx as t } from "react/jsx-runtime";
+import { jsxs as f, jsx as t } from "react/jsx-runtime";
 import { useMemo as g } from "react";
 import "../../index-L8X2o7IH.js";
 import { Button as y } from "../Button/Button.js";
@@ -7,29 +7,28 @@ import { ComboButton as C } from "../Button/ComboButton.js";
 import { useRootContext as v } from "../RootProvider/RootProvider.js";
 import { DropdownBase as b } from "../Dropdown/DropdownBase.js";
 import { Menu as x } from "../Menu/Menu.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as B } from "../../ChevronUp-H8Nuww4h.js";
-import { S as _ } from "../../ChevronDown-CRAwzuD3.js";
+import { S as B, a as _ } from "../../ChevronUp-DR4Lz2Jb.js";
 import '../../assets/DialogActions.css';const k = "_action_m3crc_1", I = "_comboButton_m3crc_7", m = {
   action: k,
   comboButton: I
-}, q = ({ items: c, maxItems: s = 2, id: l = "dialog-actions", expandAltLabel: p }) => {
-  const { currentId: d, closeAll: a, toggleId: u } = v(), e = d === l, n = g(() => (c || []).filter((r) => !r.hidden).sort((r, o) => {
+}, U = ({ items: c, maxItems: s = 2, id: l = "dialog-actions", expandAltLabel: a }) => {
+  const { currentId: d, closeAll: p, toggleId: u } = v(), e = d === l, r = g(() => (c || []).filter((n) => !n.hidden).sort((n, o) => {
     const i = ["primary", "secondary", "tertiary"];
-    return i.indexOf(r == null ? void 0 : r.priority) - i.indexOf(o == null ? void 0 : o.priority);
+    return i.indexOf(n == null ? void 0 : n.priority) - i.indexOf(o == null ? void 0 : o.priority);
   }), [c]);
-  if (!n.length || s <= 0)
+  if (!r.length || s <= 0)
     return null;
-  if (n.length > s) {
-    const r = n.slice(1).map((o) => ({
+  if (r.length > s) {
+    const n = r.slice(1).map((o) => ({
       id: o.id,
       title: o.label,
       onClick: o.onClick,
       group: o.priority,
       hidden: o.hidden
     }));
-    return /* @__PURE__ */ h("section", { className: m.comboButton, children: [
+    return /* @__PURE__ */ f("section", { className: m.comboButton, children: [
       /* @__PURE__ */ t(
         C,
         {
@@ -37,20 +36,20 @@ import '../../assets/DialogActions.css';const k = "_action_m3crc_1", I = "_combo
           icon: e ? B : _,
           size: "md",
           onIconClick: () => u(l),
-          onLabelClick: n[0].onClick,
+          onLabelClick: r[0].onClick,
           ariaLabel: e ? "chevron up icon" : "chevron down icon",
-          iconAltText: p,
-          children: n[0].label
+          iconAltText: a,
+          children: r[0].label
         }
       ),
-      /* @__PURE__ */ t(b, { open: e, onClose: a, children: /* @__PURE__ */ t(x, { items: r }) })
+      /* @__PURE__ */ t(b, { open: e, onClose: p, children: /* @__PURE__ */ t(x, { items: n }) })
     ] });
   }
-  return /* @__PURE__ */ t("section", { className: m.action, children: n.map((r, o) => {
-    const { priority: i, id: S, ...f } = r;
-    return /* @__PURE__ */ t(y, { variant: i === "primary" ? "solid" : "outline", size: "md", ...f, children: r.label }, "button-" + o);
+  return /* @__PURE__ */ t("section", { className: m.action, children: r.map((n, o) => {
+    const { priority: i, id: w, ...h } = n;
+    return /* @__PURE__ */ t(y, { variant: i === "primary" ? "solid" : "outline", size: "md", ...h, children: n.label }, "button-" + o);
   }) });
 };
 export {
-  q as DialogActions
+  U as DialogActions
 };

package/dist/components/Dialog/DialogActivity.js

@@ -1,30 +1,30 @@
 import { jsx as m, jsxs as n } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Byline as f } from "../Byline/Byline.js";
+import { Byline as e } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
 import { TimelineBase as h } from "../Timeline/TimelineBase.js";
 import { TransmissionList as g } from "../Transmission/TransmissionList.js";
-import { Typography as a } from "../Typography/Typography.js";
-import "../Search/AutocompleteBase.js";
+import { Typography as c } from "../Typography/Typography.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as u } from "../Page/Section.js";
-import { S as v } from "../../CircleFill-IZdiBc_K.js";
+import { Section as x } from "../Page/Section.js";
+import { S } from "../../CircleFill-BkDF4Wm0.js";
 const y = ({
-  icon: p = v,
+  icon: p = S,
   color: l = "neutral",
   size: s = "sm",
   createdBy: i,
-  createdAt: e,
+  createdAt: f,
   createdAtLabel: o,
   description: r,
   transmissions: t
-}) => /* @__PURE__ */ m(h, { color: l, icon: p, avatar: s === "md" ? i : void 0, children: /* @__PURE__ */ n(u, { style: { marginBottom: ".5em" }, children: [
-  o && /* @__PURE__ */ n(f, { datetime: e, children: [
+}) => /* @__PURE__ */ m(h, { color: l, icon: s === "md" ? i : p, children: /* @__PURE__ */ n(x, { style: { marginBottom: ".5em" }, children: [
+  o && /* @__PURE__ */ n(e, { datetime: f, children: [
     /* @__PURE__ */ m("strong", { children: i == null ? void 0 : i.name }),
     o
   ] }),
-  r && /* @__PURE__ */ m(a, { children: r }),
+  r && /* @__PURE__ */ m(c, { children: r }),
   t && /* @__PURE__ */ m(g, { items: t })
 ] }) });
 export {

package/dist/components/Dialog/DialogActivityLog.js

@@ -1,17 +1,11 @@
-import { jsx as r } from "react/jsx-runtime";
+import "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import { D as c } from "../../DialogActivityLog-BoPREh7Y.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { MetaItem as m } from "../Meta/MetaItem.js";
-import { S as p } from "../../ClockDashed-PQgzLSPC.js";
-const x = ({
-  size: o = "xs",
-  label: t = "Activity log",
-  onClick: c,
-  ...i
-}) => /* @__PURE__ */ r(m, { ...i, size: o, icon: p, children: t });
+import "../Metadata/MetaItem.js";
 export {
-  x as DialogActivityLog
+  c as DialogActivityLog
 };

package/dist/components/Dialog/DialogAttachments.js

@@ -4,11 +4,11 @@ import "react";
 import { AttachmentList as n } from "../Attachment/AttachmentList.js";
 import "../RootProvider/RootProvider.js";
 import { Heading as m } from "../Typography/Heading.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as e } from "../Page/Section.js";
-const x = ({ title: o = "Attachments", items: t }) => t != null && t.length ? /* @__PURE__ */ i(e, { spacing: 1, children: [
-  /* @__PURE__ */ r(m, { as: "h2", size: "xs", weight: "normal", theme: "subtle", children: o }),
+import { Section as p } from "../Page/Section.js";
+const x = ({ title: o = "Attachments", items: t }) => t != null && t.length ? /* @__PURE__ */ i(p, { spacing: 1, children: [
+  /* @__PURE__ */ r(m, { as: "h2", size: "xs", weight: "normal", variant: "subtle", children: o }),
   /* @__PURE__ */ r(n, { items: t })
 ] }) : null;
 export {

package/dist/components/Dialog/DialogBody.js

@@ -1,13 +1,13 @@
-import { jsxs as i, jsx as m, Fragment as h } from "react/jsx-runtime";
+import { jsxs as i, jsx as m, Fragment as a } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { Timeline as d } from "../Timeline/Timeline.js";
-import { TimelineSection as f } from "../Timeline/TimelineSection.js";
-import { TimelineHeader as c } from "../Timeline/TimelineHeader.js";
+import { Timeline as c } from "../Timeline/Timeline.js";
+import { TimelineSection as d } from "../Timeline/TimelineSection.js";
+import { TimelineHeader as f } from "../Timeline/TimelineHeader.js";
 import { Typography as s } from "../Typography/Typography.js";
 import { SeenByLog as x } from "./SeenByLog.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 const H = ({
   loading: r,
@@ -15,24 +15,24 @@ const H = ({
   recipient: o,
   recipientLabel: n,
   updatedAt: p,
-  updatedAtLabel: a,
-  children: l,
+  updatedAtLabel: l,
+  children: h,
   seenByLog: e
-}) => /* @__PURE__ */ i(d, { children: [
-  /* @__PURE__ */ i(c, { loading: r, avatar: t, children: [
+}) => /* @__PURE__ */ i(c, { children: [
+  /* @__PURE__ */ i(f, { loading: r, icon: t, children: [
     /* @__PURE__ */ m("strong", { children: t.name }),
     n + " " + (o == null ? void 0 : o.name)
   ] }),
   /* @__PURE__ */ m(
-    f,
+    d,
     {
       loading: r,
       datetime: p,
-      byline: a,
+      byline: l,
       spacing: 4,
       color: r ? "neutral" : void 0,
-      children: !r && /* @__PURE__ */ i(h, { children: [
-        /* @__PURE__ */ m(s, { maxWidth: "60ch", children: l }),
+      children: !r && /* @__PURE__ */ i(a, { children: [
+        /* @__PURE__ */ m(s, { maxWidth: "60ch", children: h }),
         e && /* @__PURE__ */ m(x, { ...e })
       ] })
     }

package/dist/components/Dialog/DialogByline.js

@@ -1,9 +1,9 @@
 import { jsxs as u, jsx as f } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Byline as x } from "../Byline/Byline.js";
+import { Byline as v } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 const s = ({
   sender: o,
@@ -12,7 +12,7 @@ const s = ({
   grouped: l = !1,
   loading: m,
   size: r = "xs"
-}) => !o && !a ? null : /* @__PURE__ */ u(x, { loading: m, size: r, avatar: o, avatarGroup: !m && l && o && a ? {
+}) => !o && !a ? null : /* @__PURE__ */ u(v, { loading: m, size: r, avatar: o, avatarGroup: !m && l && o && a ? {
   items: [o, a]
 } : void 0, children: [
   /* @__PURE__ */ f("strong", { children: o == null ? void 0 : o.name }),

package/dist/components/Dialog/DialogContact.js

@@ -2,7 +2,7 @@ import { jsx as i } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ContactSection as m } from "../Page/ContactSection.js";
 const l = ({ id: o = "dialog-contact", children: t, items: r = [] }) => /* @__PURE__ */ i(m, { id: o, items: r, children: t });

package/dist/components/Dialog/DialogHeader.js

@@ -4,7 +4,7 @@ import "react";
 import "../RootProvider/RootProvider.js";
 import { Heading as a } from "../Typography/Heading.js";
 import { DialogMetadata as n } from "./DialogMetadata.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as c } from "../Page/Section.js";
 const H = ({ loading: r, title: t, status: o, dueAt: i, dueAtLabel: e }) => /* @__PURE__ */ p(c, { as: "header", spacing: 3, children: [

package/dist/components/Dialog/DialogHeading.js

@@ -4,7 +4,7 @@ import "react";
 import { Skeleton as l } from "../Skeleton/Skeleton.js";
 import { Badge as d } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/DialogHeading.css';const p = "_heading_rx9gi_1", c = "_title_rx9gi_7", r = {
   heading: p,

package/dist/components/Dialog/DialogHistory.js

@@ -5,7 +5,7 @@ import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
 import { DialogHistorySegment as c } from "./DialogHistorySegment.js";
 import { Timeline as d } from "../Timeline/Timeline.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 const h = ({
   items: o,

package/dist/components/Dialog/DialogHistoryItem.js

@@ -1,17 +1,17 @@
 "use client";
 import { jsx as n, jsxs as f } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import * as a from "react";
+import * as m from "react";
 import { forwardRef as p } from "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { TimelineActivity as m } from "../Timeline/TimelineActivity.js";
+import { TimelineActivity as a } from "../Timeline/TimelineActivity.js";
 import { TimelineLink as c } from "../Timeline/TimelineLink.js";
 import { Transmission as s } from "../Transmission/Transmission.js";
 import { Typography as d } from "../Typography/Typography.js";
-import { ListBase as u } from "../List/ListBase.js";
-import { u as g } from "../../useId-CsCRkvK3.js";
+import { List as u } from "../List/List.js";
+import { u as g } from "../../useId-BVFxCjkq.js";
 var v = function(r, i) {
   var o = {};
   for (var e in r) Object.prototype.hasOwnProperty.call(r, e) && i.indexOf(e) < 0 && (o[e] = r[e]);
@@ -23,21 +23,21 @@ var v = function(r, i) {
 const w = p((r, i) => {
   var { title: o, titleId: e } = r, t = v(r, ["title", "titleId"]);
   let l = g();
-  return l = o ? e || "title-" + l : void 0, a.createElement(
+  return l = o ? e || "title-" + l : void 0, m.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": l }, t),
-    o ? a.createElement("title", { id: l }, o) : null,
-    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M13.672 3.825a.75.75 0 0 1 .791.085l7 5.5a.75.75 0 0 1 0 1.18l-7 5.5a.75.75 0 0 1-1.213-.59v-2.724a9.1 9.1 0 0 0-2.63.565c-2.284.87-3.759 2.562-4.671 4.077a12.4 12.4 0 0 0-.957 1.965 10 10 0 0 0-.263.792l-.001.007A.75.75 0 0 1 3.25 20c0-1.654.322-3.941 1.224-6.123.903-2.184 2.413-4.32 4.823-5.558 1.133-.581 2.445-.954 3.953-1.046V4.5a.75.75 0 0 1 .422-.675", clipRule: "evenodd" })
+    o ? m.createElement("title", { id: l }, o) : null,
+    m.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M13.672 3.825a.75.75 0 0 1 .791.085l7 5.5a.75.75 0 0 1 0 1.18l-7 5.5a.75.75 0 0 1-1.213-.59v-2.724a9.1 9.1 0 0 0-2.63.565c-2.284.87-3.759 2.562-4.671 4.077a12.4 12.4 0 0 0-.957 1.965 10 10 0 0 0-.263.792l-.001.007A.75.75 0 0 1 3.25 20c0-1.654.322-3.941 1.224-6.123.903-2.184 2.413-4.32 4.823-5.558 1.133-.581 2.445-.954 3.953-1.046V4.5a.75.75 0 0 1 .422-.675", clipRule: "evenodd" })
   );
 }), P = ({ variant: r, byline: i, datetime: o, children: e, link: t, ...l }) => {
   switch (r) {
     case "transmission":
-      return /* @__PURE__ */ f(m, { byline: i, datetime: o, spacing: 2, children: [
+      return /* @__PURE__ */ f(a, { byline: i, datetime: o, spacing: 2, children: [
         /* @__PURE__ */ n(u, { children: /* @__PURE__ */ n(s, { ...l, children: e }) }),
         t && /* @__PURE__ */ n(c, { ...t, icon: (t == null ? void 0 : t.icon) || w })
       ] });
     default:
-      return /* @__PURE__ */ n(m, { byline: i, datetime: o, children: /* @__PURE__ */ n(d, { children: e }) });
+      return /* @__PURE__ */ n(a, { byline: i, datetime: o, children: /* @__PURE__ */ n(d, { children: e }) });
   }
 };
 export {

package/dist/components/Dialog/DialogHistorySegment.js

@@ -5,13 +5,13 @@ import { forwardRef as y, useState as O, Fragment as j, createElement as s } fro
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
 import { DialogHistoryItem as u } from "./DialogHistoryItem.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Timeline as x } from "../Timeline/Timeline.js";
 import { TimelineSegment as I } from "../Timeline/TimelineSegment.js";
 import { TimelineSection as E } from "../Timeline/TimelineSection.js";
 import { TimelineLink as g } from "../Timeline/TimelineLink.js";
-import { u as h } from "../../useId-CsCRkvK3.js";
+import { u as h } from "../../useId-BVFxCjkq.js";
 var S = function(t, n) {
   var l = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (l[e] = t[e]);

package/dist/components/Dialog/DialogLayout.js

@@ -3,7 +3,7 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import { ContextMenu as a } from "../ContextMenu/ContextMenu.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { PageBase as p } from "../Page/PageBase.js";
 import { PageNav as l } from "../Page/PageNav.js";

package/dist/components/Dialog/DialogList.js

@@ -5,7 +5,7 @@ import { useMenu as y } from "../../hooks/useMenu.js";
 import "../RootProvider/RootProvider.js";
 import { DialogListGroup as u } from "./DialogListGroup.js";
 import { DialogListItem as d } from "./DialogListItem.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as g } from "../Page/Section.js";
 const v = ({ items: i, groups: m = {}, sortGroupBy: e, isLoading: p }) => {

package/dist/components/Dialog/DialogListGroup.js

@@ -1,22 +1,22 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Button as e } from "../Button/Button.js";
+import { Button as n } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { ListBase as n } from "../List/ListBase.js";
+import { List as e } from "../List/List.js";
 import { Heading as p } from "../Typography/Heading.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as s } from "../Page/Flex.js";
 import { Section as c } from "../Page/Section.js";
-import { S as a } from "../../Checkmark-RgzvRNxP.js";
-const B = ({ title: i, children: m, checkAllLabel: o }) => /* @__PURE__ */ t(c, { spacing: 3, children: [
+import { S as a } from "../../Checkmark-D17Nyv_u.js";
+const k = ({ title: i, children: m, checkAllLabel: o }) => /* @__PURE__ */ t(c, { spacing: 3, children: [
   i && /* @__PURE__ */ t(s, { direction: "row", align: "center", justify: "between", children: [
     /* @__PURE__ */ r(p, { size: "lg", children: i }),
-    o && /* @__PURE__ */ r(e, { variant: "text", icon: a, size: "sm", children: o })
+    o && /* @__PURE__ */ r(n, { variant: "text", icon: a, size: "sm", children: o })
   ] }),
-  /* @__PURE__ */ r(n, { spacing: 3, children: m })
+  /* @__PURE__ */ r(e, { spacing: 3, children: m })
 ] });
 export {
-  B as DialogListGroup
+  k as DialogListGroup
 };

package/dist/components/Dialog/DialogListItem.js

@@ -1,133 +1,131 @@
-import { jsx as o, jsxs as g } from "react/jsx-runtime";
+import { jsx as r, jsxs as v } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import { Skeleton as E } from "../Skeleton/Skeleton.js";
 import "../RootProvider/RootProvider.js";
 import { ListItemLabel as F } from "../List/ListItemLabel.js";
-import { ListItemSelect as G } from "../List/ListItemSelect.js";
-import { ListItem as v } from "../List/ListItem.js";
-import { DialogMetadata as x } from "./DialogMetadata.js";
-import { DialogByline as J } from "./DialogByline.js";
-import { DialogHeading as K } from "./DialogHeading.js";
-import "../Search/AutocompleteBase.js";
+import { ListItem as x } from "../List/ListItem.js";
+import { DialogMetadata as N } from "./DialogMetadata.js";
+import { DialogByline as G } from "./DialogByline.js";
+import { DialogHeading as J } from "./DialogHeading.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/DialogListItem.css';const O = "_border_1wzcc_1", P = "_controls_1wzcc_51", Q = "_header_1wzcc_57", R = "_summary_1wzcc_69", U = "_footer_1wzcc_97", W = "_touchedBy_1wzcc_101", X = "_heading_1wzcc_110", Y = "_title_1wzcc_116", e = {
-  border: O,
-  controls: P,
-  header: Q,
-  summary: R,
-  footer: U,
-  touchedBy: W,
-  heading: X,
-  title: Y
-}, so = ({
-  size: a = "lg",
+import '../../assets/DialogListItem.css';const K = "_border_1meh5_1", O = "_controls_1meh5_54", P = "_header_1meh5_60", Q = "_summary_1meh5_72", R = "_footer_1meh5_100", T = "_touchedBy_1meh5_104", m = {
+  border: K,
+  controls: O,
+  header: P,
+  summary: Q,
+  footer: R,
+  touchedBy: T
+}, to = ({
+  size: o = "xl",
   state: B = "normal",
-  loading: r,
-  controls: u,
-  select: n,
-  selected: m,
-  status: t,
-  sender: s,
-  recipient: z,
-  recipientLabel: D = "to",
-  grouped: I = !1,
-  updatedAt: d,
-  updatedAtLabel: _,
-  archivedAt: h,
-  archivedAtLabel: L,
-  trashedAt: p,
+  loading: a,
+  controls: D,
+  select: U,
+  selected: c,
+  status: e,
+  sender: n,
+  recipient: L,
+  recipientLabel: I = "to",
+  grouped: j = !1,
+  updatedAt: i,
+  updatedAtLabel: h,
+  archivedAt: s,
+  archivedAtLabel: u,
+  trashedAt: _,
   trashedAtLabel: S,
-  badge: j,
+  badge: g,
   dueAt: k,
   dueAtLabel: H,
   seen: l = !1,
   seenBy: M,
-  touchedBy: T,
-  attachmentsCount: V,
-  title: c,
-  description: f,
-  summary: i,
-  theme: q = "default",
-  id: b,
-  ...y
+  touchedBy: V,
+  attachmentsCount: q,
+  title: t,
+  description: p,
+  summary: d,
+  variant: w = "default",
+  id: f,
+  ...b
 }) => {
-  const C = p ? "trashed" : h ? "archived" : B, w = m ? "subtle" : q, N = t == null ? void 0 : t.value;
-  return a === "xs" || a === "sm" ? /* @__PURE__ */ o(
-    v,
+  const C = _ ? "trashed" : s ? "archived" : B, y = c ? "tinted" : w;
+  return o === "xs" || o === "sm" ? /* @__PURE__ */ r(
+    x,
     {
-      ...y,
-      id: b,
-      size: a,
-      selected: m,
-      theme: w,
-      label: /* @__PURE__ */ o(
+      ...b,
+      id: f,
+      size: o,
+      selected: c,
+      variant: y,
+      ariaLabel: t,
+      label: /* @__PURE__ */ r(
         "div",
         {
-          className: e.border,
-          "data-variant": N,
-          "data-size": a,
+          className: m.border,
+          "data-status": e == null ? void 0 : e.value,
+          "data-size": o,
           "data-seen": l,
-          "data-loading": r,
-          children: /* @__PURE__ */ o(F, { loading: r, size: a, title: c, description: i || f })
+          "data-loading": a,
+          children: /* @__PURE__ */ r(F, { loading: a, size: o, title: t, description: d || p })
         }
       ),
-      badge: /* @__PURE__ */ o(x, { loading: r, sender: s, updatedAt: d, updatedAtLabel: _ }),
-      title: c
+      badge: /* @__PURE__ */ r(N, { loading: a, sender: n, updatedAt: i, updatedAtLabel: h }),
+      title: t
     }
-  ) : /* @__PURE__ */ o(
-    v,
+  ) : /* @__PURE__ */ r(
+    x,
     {
-      ...y,
-      id: b,
-      size: a,
-      selected: m,
-      theme: w,
-      controls: /* @__PURE__ */ o("div", { className: e.controls, children: u || n && /* @__PURE__ */ o(G, { ...n, size: "xl" }) }),
-      title: c,
-      label: /* @__PURE__ */ g(
+      ...b,
+      id: f,
+      size: o,
+      selected: c,
+      variant: y,
+      controls: /* @__PURE__ */ r("div", { className: m.controls, children: D }),
+      title: t,
+      label: /* @__PURE__ */ v(
         "div",
         {
-          className: e.border,
-          "data-variant": N,
-          "data-size": a,
+          className: m.border,
+          "data-status": e == null ? void 0 : e.value,
+          "data-size": o,
           "data-seen": l,
-          "data-loading": r,
+          "data-loading": a,
           children: [
-            /* @__PURE__ */ g("header", { className: e.header, "data-size": a, children: [
-              /* @__PURE__ */ o(K, { loading: r, size: a, state: C, badge: j, seen: l, children: c }),
-              /* @__PURE__ */ o(
-                J,
+            /* @__PURE__ */ v("header", { className: m.header, "data-size": o, children: [
+              /* @__PURE__ */ r(J, { loading: a, size: o, state: C, badge: g, seen: l, children: t }),
+              /* @__PURE__ */ r(
+                G,
                 {
                   size: "xs",
-                  loading: r,
-                  sender: s,
-                  recipient: z,
-                  recipientLabel: D,
-                  grouped: I
+                  loading: a,
+                  sender: n,
+                  recipient: L,
+                  recipientLabel: I,
+                  grouped: j
                 }
               ),
-              a === "lg" && i && /* @__PURE__ */ o(E, { loading: r, children: /* @__PURE__ */ o("p", { "data-size": a, className: e.summary, children: i || f }) })
+              o === "xl" && d && /* @__PURE__ */ r(E, { loading: a, children: /* @__PURE__ */ r("p", { "data-size": o, className: m.summary, children: d || p }) })
             ] }),
-            /* @__PURE__ */ o(
-              x,
+            /* @__PURE__ */ r(
+              N,
               {
-                className: e.footer,
-                loading: r,
-                status: t,
-                updatedAt: d,
-                updatedAtLabel: _,
-                archivedAt: h,
-                archivedAtLabel: L,
-                trashedAt: p,
+                className: m.footer,
+                loading: a,
+                status: e,
+                updatedAt: i,
+                updatedAtLabel: h,
+                archivedAt: s,
+                archivedAtLabel: u,
+                trashedAt: _,
                 trashedAtLabel: S,
                 dueAt: k,
                 dueAtLabel: H,
-                attachmentsCount: V,
+                attachmentsCount: q,
                 seenBy: M,
                 touchedBy: {
-                  touchedBy: T,
-                  className: e.touchedBy
+                  touchedBy: V,
+                  className: m.touchedBy
                 }
               }
             )
@@ -138,5 +136,5 @@ import '../../assets/DialogListItem.css';const O = "_border_1wzcc_1", P = "_cont
   );
 };
 export {
-  so as DialogListItem
+  to as DialogListItem
 };