@altinn/altinn-components 0.28.0 → 0.28.1

package/dist/{Checkmark-RgzvRNxP.js → Checkmark-D17Nyv_u.js}

@@ -1,7 +1,7 @@
 "use client";
 import * as i from "react";
 import { forwardRef as a } from "react";
-import { u as f } from "./useId-CsCRkvK3.js";
+import { u as f } from "./useId-BVFxCjkq.js";
 var d = function(t, n) {
   var r = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);

package/dist/{ChevronRight-DUaHaWi-.js → ChevronRight-BbelnTke.js}

@@ -1,7 +1,7 @@
 "use client";
 import * as i from "react";
 import { forwardRef as a } from "react";
-import { u as f } from "./useId-CsCRkvK3.js";
+import { u as f } from "./useId-BVFxCjkq.js";
 var d = 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/{ChevronUp-C09jxB5F.js → ChevronUp-DR4Lz2Jb.js}

@@ -1,7 +1,7 @@
 "use client";
 import * as i from "react";
 import { forwardRef as a } from "react";
-import { u as f } from "./useId-CsCRkvK3.js";
+import { u as f } from "./useId-BVFxCjkq.js";
 var d = function(t, n) {
   var r = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);

package/dist/{CircleFill-IZdiBc_K.js → CircleFill-BkDF4Wm0.js}

@@ -1,7 +1,7 @@
 "use client";
 import * as i from "react";
 import { forwardRef as f } from "react";
-import { u as a } from "./useId-CsCRkvK3.js";
+import { u as a } from "./useId-BVFxCjkq.js";
 var d = function(t, n) {
   var r = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);

package/dist/{DialogActivityLog-wsSwha93.js → DialogActivityLog-BoPREh7Y.js}

@@ -7,7 +7,7 @@ import "./components/RootProvider/RootProvider.js";
 import "./components/Searchbar/AutocompleteBase.js";
 import "./components/Snackbar/useSnackbar.js";
 import { MetaItem as c } from "./components/Metadata/MetaItem.js";
-import { u as f } from "./useId-CsCRkvK3.js";
+import { u as f } from "./useId-BVFxCjkq.js";
 var d = function(t, o) {
   var r = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (r[e] = t[e]);

package/dist/{Eye-CMPIjkcy.js → Eye-BuhFHkaK.js}

@@ -1,7 +1,7 @@
 "use client";
 import * as a from "react";
 import { forwardRef as i } from "react";
-import { u as c } from "./useId-CsCRkvK3.js";
+import { u as c } from "./useId-BVFxCjkq.js";
 var f = function(t, n) {
   var r = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);

package/dist/{FieldsetLegend-Dwb3U0vQ.js → FieldsetLegend-CiZWWPgY.js}

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as o } from "react";
-import { L as i } from "./Label-DjSEhgyW.js";
+import { L as i } from "./Label-9elsbqMH.js";
 const l = o(function(r, t) {
   return e(i, { asChild: !0, children: e("legend", { ref: t, ...r }) });
 });

package/dist/{Label-DjSEhgyW.js → Label-9elsbqMH.js}

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as a } from "react/jsx-runtime";
-import { S as s } from "./index-C8BS_2GY.js";
+import { S as s } from "./index-D8Pn8SCu.js";
 import { c as l } from "./lite-1fxw3LjI.js";
 import { forwardRef as n } from "react";
 const u = n(function({ className: o, weight: e = "medium", asChild: t, ...r }, m) {

package/dist/{MagnifyingGlass-DWIcpwS4.js → MagnifyingGlass-3Ln1MufI.js}

@@ -1,7 +1,7 @@
 "use client";
 import * as i from "react";
 import { forwardRef as a } from "react";
-import { u as f } from "./useId-CsCRkvK3.js";
+import { u as f } from "./useId-BVFxCjkq.js";
 var d = function(t, n) {
   var r = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);

package/dist/{Paragraph-CFjOkbXa.js → Paragraph-Bm-eoPYv.js}

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as m } from "react/jsx-runtime";
-import { S as n } from "./index-C8BS_2GY.js";
+import { S as n } from "./index-D8Pn8SCu.js";
 import { c as s } from "./lite-1fxw3LjI.js";
 import { forwardRef as e } from "react";
 const g = e(function({ className: r, asChild: a, variant: o = "default", ...t }, p) {

package/dist/{XMark-Bv1I87Ev.js → XMark-DIqxCTTQ.js}

@@ -1,7 +1,7 @@
 "use client";
 import * as a from "react";
 import { forwardRef as i } from "react";
-import { u as f } from "./useId-CsCRkvK3.js";
+import { u as f } from "./useId-BVFxCjkq.js";
 var d = 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/AccessAreaList/AccessAreaListItem.js

@@ -1,11 +1,11 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ListItem as b } from "../List/ListItem.js";
-import '../../assets/AccessAreaListItem.css';const d = "_content_7hk0i_1", f = {
+import '../../assets/AccessAreaListItem.css';const d = "_content_7hk0i_1", h = {
   content: d
 }, k = ({
   name: t,
@@ -13,13 +13,13 @@ import '../../assets/AccessAreaListItem.css';const d = "_content_7hk0i_1", f = {
   iconUrl: r,
   size: m = "md",
   children: l,
-  expanded: e = !1,
+  expanded: o = !1,
   onClick: a,
-  badgeText: o,
-  colorTheme: n,
-  loading: s,
+  badgeText: e,
+  colorTheme: s,
+  loading: c,
   ...p
-}) => /* @__PURE__ */ c(
+}) => /* @__PURE__ */ n(
   b,
   {
     as: "button",
@@ -27,19 +27,19 @@ import '../../assets/AccessAreaListItem.css';const d = "_content_7hk0i_1", f = {
       svgElement: i,
       iconUrl: r,
       theme: "subtle",
-      color: n,
+      color: s,
       altText: ""
     },
     title: t,
     ariaLabel: t,
     size: m,
-    collapsible: !s,
-    expanded: e,
+    collapsible: !c,
+    expanded: o,
     onClick: a,
-    badge: o ? { label: o, color: n } : void 0,
-    loading: s,
+    badge: e ? { label: e, color: s } : void 0,
+    loading: c,
     ...p,
-    children: e && /* @__PURE__ */ c("div", { className: f.content, children: l })
+    children: o && /* @__PURE__ */ n("div", { className: h.content, children: l })
   }
 );
 export {

package/dist/components/AccessPackageList/AccessPackageListItem.js

@@ -7,7 +7,7 @@ import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ListItem as f } from "../List/ListItem.js";
-import { u as c } from "../../useId-CsCRkvK3.js";
+import { u as c } from "../../useId-BVFxCjkq.js";
 var d = function(t, o) {
   var r = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (r[e] = t[e]);

package/dist/components/Attachment/AttachmentLink.js

@@ -7,7 +7,7 @@ import { forwardRef as f } from "react";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { u as d } from "../../useId-CsCRkvK3.js";
+import { u as d } from "../../useId-BVFxCjkq.js";
 import '../../assets/AttachmentLink.css';var p = 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/Avatar/AvatarGroup.js

@@ -1,30 +1,30 @@
 "use client";
 import { jsx as r } from "react/jsx-runtime";
-import { c as s } from "../../index-L8X2o7IH.js";
+import { c } from "../../index-L8X2o7IH.js";
 import { useMemo as f } from "react";
 import { Avatar as h } from "./Avatar.js";
-import '../../assets/AvatarGroup.css';const A = "_group_1ts6c_1", _ = "_item_1ts6c_10", n = {
+import '../../assets/AvatarGroup.css';const A = "_group_1ts6c_1", _ = "_item_1ts6c_10", s = {
   group: A,
   item: _
 }, G = (e) => typeof e == "object" && e !== null && "items" in e, L = ({
   items: e = [],
   maxItemsCount: l = 4,
-  defaultType: c,
+  defaultType: n,
   size: i,
-  className: u,
-  style: m
+  className: m,
+  style: u
 }) => {
   const o = f(() => e.slice(0, l), [e, l]);
-  return e.length === 0 ? /* @__PURE__ */ r("div", { className: n.avatarGroup }) : /* @__PURE__ */ r("ul", { className: s(n.group, u), "data-size": i, "data-count": o == null ? void 0 : o.length, style: m, children: o.map((t, p) => {
+  return e.length === 0 ? /* @__PURE__ */ r("div", { className: s.avatarGroup }) : /* @__PURE__ */ r("ul", { className: c(s.group, m), "data-size": i, "data-count": o == null ? void 0 : o.length, style: u, children: o.map((t, p) => {
     const g = p === l - 1, d = t.customLabel || g ? e.length.toString() : void 0;
-    return /* @__PURE__ */ r("li", { className: s(n.item), children: /* @__PURE__ */ r(
+    return /* @__PURE__ */ r("li", { className: c(s.item), children: /* @__PURE__ */ r(
       h,
       {
         name: t.name,
         customLabel: d,
         imageUrl: t.imageUrl,
         imageUrlAlt: t.imageUrlAlt,
-        type: (t == null ? void 0 : t.type) || c,
+        type: (t == null ? void 0 : t.type) || n,
         outline: !0
       }
     ) }, t.name);

package/dist/components/Bookmarks/EditableBookmark.js

@@ -13,8 +13,8 @@ import "../Snackbar/useSnackbar.js";
 import { Flex as S } from "../Page/Flex.js";
 import { Section as k } from "../Page/Section.js";
 import { TextField as z } from "../Forms/TextField.js";
-import { S as E } from "../../XMark-Bv1I87Ev.js";
-import { u as M } from "../../useId-CsCRkvK3.js";
+import { S as E } from "../../XMark-DIqxCTTQ.js";
+import { u as M } from "../../useId-BVFxCjkq.js";
 var P = function(t, i) {
   var o = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (o[e] = t[e]);

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsxs as v, jsx as s } from "react/jsx-runtime";
-import { c as _ } from "../../index-L8X2o7IH.js";
+import { c as O } from "../../index-L8X2o7IH.js";
 import * as a from "react";
-import { forwardRef as O, 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 { forwardRef as h, useRef as w, useMemo as y } from "react";
+import { IconButton as I } from "../Button/IconButton.js";
+import { useClickOutside as _ } from "../../hooks/useClickOutside.js";
 import { DropdownBase as j } from "../Dropdown/DropdownBase.js";
 import { MenuItems as C } from "../Menu/MenuItems.js";
 import { useRootContext as R } from "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { u as E } from "../../useId-CsCRkvK3.js";
+import { u as E } from "../../useId-BVFxCjkq.js";
 import '../../assets/ContextMenu.css';var M = function(e, l) {
   var n = {};
   for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (n[t] = e[t]);
@@ -19,7 +19,7 @@ import '../../assets/ContextMenu.css';var M = function(e, l) {
       l.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (n[t[o]] = e[t[o]]);
   return n;
 };
-const k = O((e, l) => {
+const k = h((e, l) => {
   var { title: n, titleId: t } = e, o = M(e, ["title", "titleId"]);
   let r = E();
   return r = n ? t || "title-" + r : void 0, a.createElement(
@@ -28,11 +28,10 @@ const k = O((e, l) => {
     n ? a.createElement("title", { id: r }, n) : 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" })
   );
-}), B = "_toggle_nol5i_1", P = "_button_nol5i_5", S = "_icon_nol5i_14", f = {
+}), B = "_toggle_nol5i_1", P = "_button_nol5i_5", f = {
   toggle: B,
-  button: P,
-  icon: S
-}, J = ({
+  button: P
+}, G = ({
   id: e = "context-menu",
   placement: l = "right",
   size: n = "sm",
@@ -40,18 +39,18 @@ const k = O((e, l) => {
   className: o,
   items: r
 }) => {
-  const { currentId: p, toggleId: d, closeAll: c } = R(), u = h(null);
-  I(u, () => c());
-  const g = () => d(e), b = p === e, x = w(() => r.map((i) => ({
+  const { currentId: p, toggleId: d, closeAll: c } = R(), u = w(null);
+  _(u, () => c());
+  const g = () => d(e), b = p === e, x = y(() => r.map((i) => ({
     ...i,
     onClick: () => {
       var m;
       (m = i.onClick) == null || m.call(i), c();
     }
   })), [r, c]);
-  return /* @__PURE__ */ v("div", { className: _(f.toggle, o), "data-color": "neutral", ref: u, children: [
+  return /* @__PURE__ */ v("div", { className: O(f.toggle, o), "data-color": "neutral", ref: u, children: [
     /* @__PURE__ */ s(
-      y,
+      I,
       {
         className: f.button,
         size: n,
@@ -66,5 +65,5 @@ const k = O((e, l) => {
   ] });
 };
 export {
-  J as ContextMenu
+  G as ContextMenu
 };

package/dist/components/Dashboard/DashboardCard.js

@@ -8,9 +8,9 @@ import { Heading as w } from "../Typography/Heading.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { DashboardIcon as y } from "./DashboardIcon.js";
-import { u as S } from "../../floating-ui.react-DpzNAs2N.js";
-import { S as u } from "../../index-C8BS_2GY.js";
+import { S as u } from "../../index-D8Pn8SCu.js";
 import { c as h } from "../../lite-1fxw3LjI.js";
+import { u as S } from "../../useMergeRefs-DOnoWyUH.js";
 const j = p(function({ asChild: n = !1, variant: r = "default", className: s, ...c }, o) {
   const l = n ? u : "div", m = B(null), k = S([m, o]);
   return R(() => {

package/dist/components/Dashboard/DashboardIcon.js

@@ -8,7 +8,7 @@ import { Badge as b } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as c } from "../../XMark-Bv1I87Ev.js";
+import { S as c } from "../../XMark-DIqxCTTQ.js";
 import '../../assets/MenuItemIcon.css';const _ = "_icon_c8ubg_1", v = "_avatarGroup_c8ubg_32", G = "_badge_c8ubg_36", o = {
   icon: _,
   avatarGroup: v,

package/dist/components/Datepicker/DatepickerHeader.js

@@ -7,8 +7,8 @@ import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { IconButton as d } from "../Button/IconButton.js";
-import { u as f } from "../../useId-CsCRkvK3.js";
-import { S as p } from "../../ChevronRight-DUaHaWi-.js";
+import { u as f } from "../../useId-BVFxCjkq.js";
+import { S as p } from "../../ChevronRight-BbelnTke.js";
 import '../../assets/DatepickerHeader.css';var v = function(t, o) {
   var r = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (r[e] = t[e]);

package/dist/components/Dialog/DialogActions.js

@@ -9,7 +9,7 @@ import { DropdownBase as b } from "../Dropdown/DropdownBase.js";
 import { Menu as x } from "../Menu/Menu.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as B, a as _ } from "../../ChevronUp-C09jxB5F.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

package/dist/components/Dialog/DialogActivity.js

@@ -9,7 +9,7 @@ import { Typography as c } from "../Typography/Typography.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as x } from "../Page/Section.js";
-import { S } from "../../CircleFill-IZdiBc_K.js";
+import { S } from "../../CircleFill-BkDF4Wm0.js";
 const y = ({
   icon: p = S,
   color: l = "neutral",

package/dist/components/Dialog/DialogActivityLog.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { D as c } from "../../DialogActivityLog-wsSwha93.js";
+import { D as c } from "../../DialogActivityLog-BoPREh7Y.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import "../Metadata/MetaItem.js";

package/dist/components/Dialog/DialogBody.js

@@ -9,7 +9,7 @@ import { Typography as s } from "../Typography/Typography.js";
 import { SeenByLog as x } from "./SeenByLog.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-const W = ({
+const H = ({
   loading: r,
   sender: t,
   recipient: o,
@@ -39,5 +39,5 @@ const W = ({
   )
 ] });
 export {
-  W as DialogBody
+  H as DialogBody
 };

package/dist/components/Dialog/DialogByline.js

@@ -1,7 +1,7 @@
 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 "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
@@ -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/DialogHistoryItem.js

@@ -11,7 +11,7 @@ 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 { List as u } from "../List/List.js";
-import { u as g } from "../../useId-CsCRkvK3.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]);

package/dist/components/Dialog/DialogHistorySegment.js

@@ -11,7 +11,7 @@ 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/DialogListGroup.js

@@ -9,7 +9,7 @@ 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";
+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 }),

package/dist/components/Dialog/DialogListItem.js

@@ -1,4 +1,4 @@
-import { jsx as a, jsxs as v } 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";
@@ -10,49 +10,47 @@ 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 K = "_border_1meh5_1", O = "_controls_1meh5_54", P = "_header_1meh5_60", Q = "_summary_1meh5_72", R = "_footer_1meh5_100", T = "_touchedBy_1meh5_104", U = "_heading_1meh5_113", W = "_title_1meh5_119", t = {
+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,
-  heading: U,
-  title: W
-}, lo = ({
+  touchedBy: T
+}, to = ({
   size: o = "xl",
   state: B = "normal",
-  loading: e,
-  controls: g,
-  select: X,
+  loading: a,
+  controls: D,
+  select: U,
   selected: c,
-  status: r,
-  sender: d,
-  recipient: D,
-  recipientLabel: L = "to",
-  grouped: I = !1,
+  status: e,
+  sender: n,
+  recipient: L,
+  recipientLabel: I = "to",
+  grouped: j = !1,
   updatedAt: i,
   updatedAtLabel: h,
-  archivedAt: _,
-  archivedAtLabel: j,
-  trashedAt: s,
-  trashedAtLabel: u,
-  badge: S,
+  archivedAt: s,
+  archivedAtLabel: u,
+  trashedAt: _,
+  trashedAtLabel: S,
+  badge: g,
   dueAt: k,
   dueAtLabel: H,
   seen: l = !1,
   seenBy: M,
   touchedBy: V,
   attachmentsCount: q,
-  title: m,
+  title: t,
   description: p,
-  summary: n,
+  summary: d,
   variant: w = "default",
   id: f,
   ...b
 }) => {
-  const C = s ? "trashed" : _ ? "archived" : B, y = c ? "tinted" : w;
-  return o === "xs" || o === "sm" ? /* @__PURE__ */ a(
+  const C = _ ? "trashed" : s ? "archived" : B, y = c ? "tinted" : w;
+  return o === "xs" || o === "sm" ? /* @__PURE__ */ r(
     x,
     {
       ...b,
@@ -60,22 +58,22 @@ import '../../assets/DialogListItem.css';const K = "_border_1meh5_1", O = "_cont
       size: o,
       selected: c,
       variant: y,
-      ariaLabel: m,
-      label: /* @__PURE__ */ a(
+      ariaLabel: t,
+      label: /* @__PURE__ */ r(
         "div",
         {
-          className: t.border,
-          "data-status": r == null ? void 0 : r.value,
+          className: m.border,
+          "data-status": e == null ? void 0 : e.value,
           "data-size": o,
           "data-seen": l,
-          "data-loading": e,
-          children: /* @__PURE__ */ a(F, { loading: e, size: o, title: m, description: n || p })
+          "data-loading": a,
+          children: /* @__PURE__ */ r(F, { loading: a, size: o, title: t, description: d || p })
         }
       ),
-      badge: /* @__PURE__ */ a(N, { loading: e, sender: d, updatedAt: i, updatedAtLabel: h }),
-      title: m
+      badge: /* @__PURE__ */ r(N, { loading: a, sender: n, updatedAt: i, updatedAtLabel: h }),
+      title: t
     }
-  ) : /* @__PURE__ */ a(
+  ) : /* @__PURE__ */ r(
     x,
     {
       ...b,
@@ -83,51 +81,51 @@ import '../../assets/DialogListItem.css';const K = "_border_1meh5_1", O = "_cont
       size: o,
       selected: c,
       variant: y,
-      controls: /* @__PURE__ */ a("div", { className: t.controls, children: g }),
-      title: m,
+      controls: /* @__PURE__ */ r("div", { className: m.controls, children: D }),
+      title: t,
       label: /* @__PURE__ */ v(
         "div",
         {
-          className: t.border,
-          "data-status": r == null ? void 0 : r.value,
+          className: m.border,
+          "data-status": e == null ? void 0 : e.value,
           "data-size": o,
           "data-seen": l,
-          "data-loading": e,
+          "data-loading": a,
           children: [
-            /* @__PURE__ */ v("header", { className: t.header, "data-size": o, children: [
-              /* @__PURE__ */ a(J, { loading: e, size: o, state: C, badge: S, seen: l, children: m }),
-              /* @__PURE__ */ a(
+            /* @__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: e,
-                  sender: d,
-                  recipient: D,
-                  recipientLabel: L,
-                  grouped: I
+                  loading: a,
+                  sender: n,
+                  recipient: L,
+                  recipientLabel: I,
+                  grouped: j
                 }
               ),
-              o === "xl" && n && /* @__PURE__ */ a(E, { loading: e, children: /* @__PURE__ */ a("p", { "data-size": o, className: t.summary, children: n || p }) })
+              o === "xl" && d && /* @__PURE__ */ r(E, { loading: a, children: /* @__PURE__ */ r("p", { "data-size": o, className: m.summary, children: d || p }) })
             ] }),
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ r(
               N,
               {
-                className: t.footer,
-                loading: e,
-                status: r,
+                className: m.footer,
+                loading: a,
+                status: e,
                 updatedAt: i,
                 updatedAtLabel: h,
-                archivedAt: _,
-                archivedAtLabel: j,
-                trashedAt: s,
-                trashedAtLabel: u,
+                archivedAt: s,
+                archivedAtLabel: u,
+                trashedAt: _,
+                trashedAtLabel: S,
                 dueAt: k,
                 dueAtLabel: H,
                 attachmentsCount: q,
                 seenBy: M,
                 touchedBy: {
                   touchedBy: V,
-                  className: t.touchedBy
+                  className: m.touchedBy
                 }
               }
             )
@@ -138,5 +136,5 @@ import '../../assets/DialogListItem.css';const K = "_border_1meh5_1", O = "_cont
   );
 };
 export {
-  lo as DialogListItem
+  to as DialogListItem
 };