@altinn/altinn-components 0.15.4 → 0.16.0

package/dist/components/Button/IconButton.js

@@ -1,31 +1,33 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as e } from "../../index-L8X2o7IH.js";
-import { ButtonBase as a } from "./ButtonBase.js";
+import { c as u } from "../../index-L8X2o7IH.js";
+import { ButtonBase as l } from "./ButtonBase.js";
 import { ButtonIcon as _ } from "./ButtonIcon.js";
-import '../../assets/IconButton.css';const d = "_button_118jo_1", p = "_icon_118jo_8", b = {
-  button: d,
-  icon: p
-}, x = ({
+import '../../assets/IconButton.css';const b = "_button_118jo_1", d = "_icon_118jo_8", p = {
+  button: b,
+  icon: d
+}, I = ({
   variant: n = "solid",
   size: o = "md",
   icon: c,
-  color: s,
-  iconSize: r,
+  color: r,
+  iconSize: s,
   className: i,
   onClick: m,
-  dataTestId: u
+  dataTestId: a,
+  iconAltText: e
 }) => /* @__PURE__ */ t(
-  a,
+  l,
   {
     variant: n,
-    color: s,
+    color: r,
     size: o,
-    className: e(b.button, i),
+    className: u(p.button, i),
     onClick: m,
-    "data-testid": u,
-    children: /* @__PURE__ */ t(_, { icon: c, size: r || o })
+    "data-testid": a,
+    "aria-label": e,
+    children: /* @__PURE__ */ t(_, { icon: c, size: s || o })
   }
 );
 export {
-  x as IconButton
+  I as IconButton
 };

package/dist/components/Byline/Byline.js

@@ -1,6 +1,5 @@
 import { jsxs as n, jsx as a } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "react";
 import { Avatar as p } from "../Avatar/Avatar.js";
 import { AvatarGroup as b } from "../Avatar/AvatarGroup.js";
@@ -11,18 +10,18 @@ import "../Snackbar/useSnackbar.js";
 import '../../assets/Byline.css';const d = "_byline_160ic_1", y = "_label_160ic_7", t = {
   byline: d,
   label: y
-}, B = ({
-  loading: e,
+}, k = ({
+  loading: r,
   color: o = "neutral",
-  size: r = "xs",
+  size: e = "xs",
   avatar: l,
   avatarGroup: i,
   datetime: s,
   children: c
-}) => /* @__PURE__ */ n("div", { className: t.byline, "data-color": o, "data-size": r, children: [
-  /* @__PURE__ */ a(m, { variant: "circle", className: t.avatar, loading: e, children: i ? /* @__PURE__ */ a(b, { ...i, size: r, className: t.avatar }) : l && /* @__PURE__ */ a(p, { ...l, size: r, className: t.avatar }) }),
-  /* @__PURE__ */ a(m, { loading: e, children: /* @__PURE__ */ a("time", { "data-size": r, dateTime: s, className: t.label, children: c }) })
+}) => /* @__PURE__ */ n("div", { className: t.byline, "data-color": o, "data-size": e, children: [
+  /* @__PURE__ */ a(m, { variant: "circle", className: t.avatar, loading: r, children: i ? /* @__PURE__ */ a(b, { ...i, size: e, className: t.avatar }) : l && /* @__PURE__ */ a(p, { ...l, size: e, className: t.avatar }) }),
+  /* @__PURE__ */ a(m, { loading: r, children: /* @__PURE__ */ a("time", { "data-size": e, dateTime: s, className: t.label, children: c }) })
 ] });
 export {
-  B as Byline
+  k as Byline
 };

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,52 +1,71 @@
 "use client";
-import { jsxs as _, jsx as n } from "react/jsx-runtime";
-import { c as C } from "../../index-L8X2o7IH.js";
-import { useRef as h, useMemo as b } from "react";
-import "../Icon/SvgIcon.js";
-import { IconButton as k } from "../Button/IconButton.js";
+import { jsxs as v, jsx as s } from "react/jsx-runtime";
+import { c as _ } 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 { useRootContext as M } from "../RootProvider/RootProvider.js";
-import { MenuItems as j } from "../Menu/MenuItems.js";
-import { DropdownBase as v } from "../Dropdown/DropdownBase.js";
+import { useRootContext as j } from "../RootProvider/RootProvider.js";
+import { MenuItems as C } from "../Menu/MenuItems.js";
+import { DropdownBase as R } from "../Dropdown/DropdownBase.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/ContextMenu.css';const z = "_toggle_nol5i_1", B = "_button_nol5i_5", N = "_icon_nol5i_14", l = {
-  toggle: z,
+import { u as E } from "../../useId-CsCRkvK3.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]);
+  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]) && (n[t[o]] = e[t[o]]);
+  return n;
+};
+const k = O((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(
+    "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: l, "aria-labelledby": r }, o),
+    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" })
+  );
+}), S = "_toggle_nol5i_1", B = "_button_nol5i_5", P = "_icon_nol5i_14", f = {
+  toggle: S,
   button: B,
-  icon: N
-}, F = ({
+  icon: P
+}, J = ({
   id: e = "context-menu",
-  placement: i = "right",
-  size: m,
-  groups: u = {},
-  className: p,
+  placement: l = "right",
+  size: n,
+  groups: t = {},
+  className: o,
   items: r
 }) => {
-  const { currentId: a, toggleId: g, closeAll: t } = M(), c = h(null);
-  I(c, () => t());
-  const d = () => g(e), f = a === e, x = b(() => r.map((o) => ({
-    ...o,
+  const { currentId: p, toggleId: d, closeAll: c } = j(), u = h(null);
+  I(u, () => c());
+  const g = () => d(e), b = p === e, x = w(() => r.map((i) => ({
+    ...i,
     onClick: () => {
-      var s;
-      (s = o.onClick) == null || s.call(o), t();
+      var m;
+      (m = i.onClick) == null || m.call(i), c();
     }
-  })), [r, t]);
-  return /* @__PURE__ */ _("div", { className: C(l.toggle, p), "data-color": "neutral", ref: c, children: [
-    /* @__PURE__ */ n(
-      k,
+  })), [r, c]);
+  return /* @__PURE__ */ v("div", { className: _(f.toggle, o), "data-color": "neutral", ref: u, children: [
+    /* @__PURE__ */ s(
+      y,
       {
-        className: l.button,
-        size: m,
-        icon: "menu-elipsis-horizontal",
+        className: f.button,
+        size: n,
+        icon: k,
         iconSize: "md",
         variant: "text",
         color: "neutral",
-        onClick: d
+        onClick: g,
+        iconAltText: `Open ${e}`
       }
     ),
-    /* @__PURE__ */ n(v, { placement: i, open: f, children: /* @__PURE__ */ n(j, { groups: u, items: x }) })
+    /* @__PURE__ */ s(R, { placement: l, open: b, children: /* @__PURE__ */ s(C, { groups: t, items: x }) })
   ] });
 };
 export {
-  F as ContextMenu
+  J as ContextMenu
 };

package/dist/components/Datepicker/DatepickerHeader.js

@@ -1,22 +1,42 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
+"use client";
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import "react";
+import * as a from "react";
+import { forwardRef as m } from "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import "../Icon/SvgIcon.js";
-import { IconButton as i } from "../Button/IconButton.js";
-import '../../assets/DatepickerHeader.css';const s = "_header_xt893_1", c = "_title_xt893_8", m = "_nav_xt893_14", e = {
-  header: s,
-  title: c,
-  nav: m
-}, k = ({ title: n, onNext: o, onPrev: a }) => /* @__PURE__ */ r("header", { className: e.header, children: [
-  /* @__PURE__ */ t("h2", { className: e.title, children: n }),
-  /* @__PURE__ */ r("nav", { className: e.nav, children: [
-    /* @__PURE__ */ t(i, { icon: "chevron-left", size: "sm", variant: "text", onClick: a }),
-    /* @__PURE__ */ t(i, { icon: "chevron-right", size: "sm", variant: "text", onClick: o })
+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 '../../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]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var n = 0, e = Object.getOwnPropertySymbols(t); n < e.length; n++)
+      o.indexOf(e[n]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[n]) && (r[e[n]] = t[e[n]]);
+  return r;
+};
+const h = m((t, o) => {
+  var { title: r, titleId: e } = t, n = v(t, ["title", "titleId"]);
+  let l = f();
+  return l = r ? e || "title-" + l : 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: o, "aria-labelledby": l }, n),
+    r ? a.createElement("title", { id: l }, r) : null,
+    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M14.53 5.97a.75.75 0 0 1 0 1.06L9.56 12l4.97 4.97a.75.75 0 1 1-1.06 1.06l-5.5-5.5a.75.75 0 0 1 0-1.06l5.5-5.5a.75.75 0 0 1 1.06 0", clipRule: "evenodd" })
+  );
+}), u = "_header_xt893_1", x = "_title_xt893_8", _ = "_nav_xt893_14", c = {
+  header: u,
+  title: x,
+  nav: _
+}, S = ({ title: t, onNext: o, onPrev: r }) => /* @__PURE__ */ s("header", { className: c.header, children: [
+  /* @__PURE__ */ i("h2", { className: c.title, children: t }),
+  /* @__PURE__ */ s("nav", { className: c.nav, children: [
+    /* @__PURE__ */ i(d, { icon: h, size: "sm", variant: "text", onClick: r, iconAltText: "prev icon" }),
+    /* @__PURE__ */ i(d, { icon: p, size: "sm", variant: "text", onClick: o, iconAltText: "next icon" })
   ] })
 ] });
 export {
-  k as DatepickerHeader
+  S as DatepickerHeader
 };

package/dist/components/Datepicker/DatepickerTable.js

@@ -5,19 +5,18 @@ import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import "../Icon/SvgIcon.js";
-import '../../assets/DatepickerTable.css';const p = "_table_12itl_1", y = "_weekday_12itl_7", b = "_date_12itl_13", _ = "_button_12itl_23", a = {
-  table: p,
-  weekday: y,
-  date: b,
+import '../../assets/DatepickerTable.css';const y = "_table_12itl_1", b = "_weekday_12itl_7", p = "_date_12itl_13", _ = "_button_12itl_23", a = {
+  table: y,
+  weekday: b,
+  date: p,
   button: _
-}, C = ({
+}, B = ({
   weekdays: n = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
   rows: d = [],
-  onSelect: o
+  onSelect: s
 }) => /* @__PURE__ */ u("table", { className: a.table, children: [
   /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t("tr", { children: n.map((e) => /* @__PURE__ */ t("th", { className: a.weekday, children: e.substring(0, 2) }, e)) }) }),
-  /* @__PURE__ */ t("tbody", { children: d.map((e, s) => /* @__PURE__ */ t("tr", { children: e.map((i) => {
+  /* @__PURE__ */ t("tbody", { children: d.map((e, o) => /* @__PURE__ */ t("tr", { children: e.map((i) => {
     const { day: l, date: r, selected: c, isCurrentMonth: m } = i;
     return /* @__PURE__ */ t("td", { className: a.date, "data-current-month": m, children: /* @__PURE__ */ t(
       h,
@@ -25,12 +24,12 @@ import '../../assets/DatepickerTable.css';const p = "_table_12itl_1", y = "_week
         variant: "text",
         selected: c,
         className: a.button,
-        onClick: () => o(r),
+        onClick: () => s(r),
         children: l
       }
     ) }, r);
-  }) }, s)) })
+  }) }, o)) })
 ] });
 export {
-  C as DatepickerTable
+  B as DatepickerTable
 };

package/dist/components/Dialog/ActivityItem.js

@@ -1,6 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { Typography as l } from "../Typography/Typography.js";
@@ -12,12 +11,12 @@ const x = {
   created: "xs",
   closed: "xs",
   opened: "xs"
-}, T = ({
+}, S = ({
   type: t,
   size: e = "sm",
   createdBy: i,
-  createdAt: r,
-  createdAtLabel: n,
+  createdAt: n,
+  createdAtLabel: r,
   description: s,
   children: p
 }) => {
@@ -27,8 +26,8 @@ const x = {
     {
       color: "neutral",
       size: o,
-      datetime: r,
-      dateline: n,
+      datetime: n,
+      dateline: r,
       byline: i == null ? void 0 : i.name,
       avatar: o !== "xs" ? i : void 0,
       children: /* @__PURE__ */ m(l, { variant: o === "xs" ? "subtle" : "default", size: o === "xs" ? "sm" : "md", children: p || s })
@@ -36,5 +35,5 @@ const x = {
   );
 };
 export {
-  T as ActivityItem
+  S as ActivityItem
 };

package/dist/components/Dialog/ActivityItemDetails.js

@@ -1,23 +1,22 @@
 "use client";
-import { jsxs as d, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { jsxs as d, Fragment as m, jsx as r } from "react/jsx-runtime";
 import { useState as u } from "react";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
 import { DialogMetadata as x } from "./DialogMetadata.js";
 import { DialogAttachments as c } from "./DialogAttachments.js";
 import { DialogTransmissions as g } from "./DialogTransmissions.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-const C = ({ attachments: o, transmissions: r }) => {
-  const p = o == null ? void 0 : o.title, t = r == null ? void 0 : r.title, [i, l] = u(!1), f = () => {
-    l(!0);
+const y = ({ attachments: o, transmissions: e }) => {
+  const l = o == null ? void 0 : o.title, p = e == null ? void 0 : e.title, [t, i] = u(!1), f = () => {
+    i(!0);
   };
-  return !o && !r ? !1 : i ? /* @__PURE__ */ d(m, { children: [
-    o && /* @__PURE__ */ e(c, { ...o }),
-    r && /* @__PURE__ */ e(g, { ...r })
-  ] }) : /* @__PURE__ */ e(x, { attachmentsLabel: p, transmissionsLabel: t, onClick: f });
+  return !o && !e ? !1 : t ? /* @__PURE__ */ d(m, { children: [
+    o && /* @__PURE__ */ r(c, { ...o }),
+    e && /* @__PURE__ */ r(g, { ...e })
+  ] }) : /* @__PURE__ */ r(x, { attachmentsLabel: l, transmissionsLabel: p, onClick: f });
 };
 export {
-  C as ActivityItemDetails
+  y as ActivityItemDetails
 };

package/dist/components/Dialog/ActivityLog.js

@@ -1,7 +1,6 @@
 import { jsxs as p, jsx as t } from "react/jsx-runtime";
 import { createElement as e } from "react";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
 import { Toolbar as n } from "../Toolbar/Toolbar.js";
 import { ActivityItem as c } from "./ActivityItem.js";
@@ -9,10 +8,10 @@ import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { TimelineBase as f } from "../Timeline/TimelineBase.js";
 import { Section as a } from "../Page/Section.js";
-const T = ({ toolbar: o, items: r }) => /* @__PURE__ */ p(a, { spacing: "page", children: [
+const A = ({ toolbar: o, items: r }) => /* @__PURE__ */ p(a, { spacing: "page", children: [
   o && /* @__PURE__ */ t(n, { ...o }),
   /* @__PURE__ */ t(f, { children: r == null ? void 0 : r.map((i, m) => /* @__PURE__ */ e(c, { ...i, key: m })) })
 ] });
 export {
-  T as ActivityLog
+  A as ActivityLog
 };

package/dist/components/Dialog/Dialog.js

@@ -1,6 +1,5 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "react";
 import { ContextMenu as H } from "../ContextMenu/ContextMenu.js";
 import { DialogHeader as v } from "./DialogHeader.js";
@@ -19,7 +18,7 @@ import { PageMenu as F } from "../Page/PageMenu.js";
 import { Article as G } from "../Page/Article.js";
 import { Section as J } from "../Page/Section.js";
 import { ContactSection as K } from "../Page/ContactSection.js";
-const lr = ({
+const pr = ({
   loading: e,
   backButton: f,
   contextMenu: p,
@@ -86,5 +85,5 @@ const lr = ({
   /* @__PURE__ */ r(F, { theme: "subtle", items: t == null ? void 0 : t.items })
 ] });
 export {
-  lr as Dialog
+  pr as Dialog
 };

package/dist/components/Dialog/DialogActions.js

@@ -1,47 +1,49 @@
 "use client";
-import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import { useState as a, useMemo as d } from "react";
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { useState as p, useMemo as d } from "react";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import { Button as u } from "../Button/Button.js";
 import { ComboButton as f } from "../Button/ComboButton.js";
 import "../RootProvider/RootProvider.js";
-import { Menu as y } from "../Menu/Menu.js";
-import { DropdownBase as g } from "../Dropdown/DropdownBase.js";
+import { Menu as g } from "../Menu/Menu.js";
+import { DropdownBase as h } from "../Dropdown/DropdownBase.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/DialogActions.css';const h = "_action_m3crc_1", B = "_comboButton_m3crc_7", s = {
-  action: h,
+import { S as y } from "../../ChevronUp-H8Nuww4h.js";
+import { S as v } from "../../ChevronDown-CRAwzuD3.js";
+import '../../assets/DialogActions.css';const C = "_action_m3crc_1", B = "_comboButton_m3crc_7", l = {
+  action: C,
   comboButton: B
-}, I = ({ items: i, maxItems: e = 2 }) => {
-  const [c, p] = a(!1), t = d(() => (i || []).sort((r, o) => {
-    const l = ["primary", "secondary", "tertiary"];
-    return l.indexOf(r == null ? void 0 : r.priority) - l.indexOf(o == null ? void 0 : o.priority);
-  }), [i]);
-  if (!t.length || e <= 0)
+}, N = ({ items: e, maxItems: c = 2 }) => {
+  const [i, a] = p(!1), n = d(() => (e || []).sort((r, o) => {
+    const s = ["primary", "secondary", "tertiary"];
+    return s.indexOf(r == null ? void 0 : r.priority) - s.indexOf(o == null ? void 0 : o.priority);
+  }), [e]);
+  if (!n.length || c <= 0)
     return null;
-  if (t.length > e) {
-    const r = t.slice(1).map((o) => ({
+  if (n.length > c) {
+    const r = n.slice(1).map((o) => ({
       id: o.id,
       title: o.label,
       onClick: o.onClick,
       group: o.priority
     }));
-    return /* @__PURE__ */ m("section", { className: s.comboButton, children: [
-      /* @__PURE__ */ n(
+    return /* @__PURE__ */ m("section", { className: l.comboButton, children: [
+      /* @__PURE__ */ t(
         f,
         {
           variant: "solid",
-          icon: c ? "chevron-up" : "chevron-down",
+          icon: i ? y : v,
           size: "lg",
-          onIconClick: () => p((o) => !o),
-          children: t[0].label
+          onIconClick: () => a((o) => !o),
+          ariaLabel: i ? "chevron up icon" : "chevron down icon",
+          children: n[0].label
         }
       ),
-      /* @__PURE__ */ n(g, { open: c, children: /* @__PURE__ */ n(y, { items: r }) })
+      /* @__PURE__ */ t(h, { open: i, children: /* @__PURE__ */ t(g, { items: r }) })
     ] });
   }
-  return /* @__PURE__ */ n("section", { className: s.action, children: t.map((r, o) => /* @__PURE__ */ n(
+  return /* @__PURE__ */ t("section", { className: l.action, children: n.map((r, o) => /* @__PURE__ */ t(
     u,
     {
       onClick: r.onClick,
@@ -54,5 +56,5 @@ import '../../assets/DialogActions.css';const h = "_action_m3crc_1", B = "_combo
   )) });
 };
 export {
-  I as DialogActions
+  N as DialogActions
 };

package/dist/components/Dialog/DialogActivityLog.js

@@ -5,13 +5,13 @@ import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import "../Icon/SvgIcon.js";
+import { S as p } from "../../ClockDashed-PQgzLSPC.js";
 const x = ({
   size: o = "xs",
   label: t = "Activity log",
-  onClick: p,
+  onClick: c,
   ...i
-}) => /* @__PURE__ */ r(m, { ...i, size: o, icon: "clock-dashed", children: t });
+}) => /* @__PURE__ */ r(m, { ...i, size: o, icon: p, children: t });
 export {
   x as DialogActivityLog
 };

package/dist/components/Dialog/DialogAttachments.js

@@ -1,6 +1,5 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "react";
 import { AttachmentList as n } from "../Attachment/AttachmentList.js";
 import "../RootProvider/RootProvider.js";
@@ -8,10 +7,10 @@ import { Heading as m } from "../Typography/Heading.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as p } from "../Page/Section.js";
-const u = ({ title: o = "Attachments", items: r }) => r != null && r.length ? /* @__PURE__ */ i(p, { spacing: 1, children: [
+const d = ({ title: o = "Attachments", items: r }) => r != null && r.length ? /* @__PURE__ */ i(p, { spacing: 1, children: [
   /* @__PURE__ */ t(m, { as: "h2", size: "xs", children: o }),
   /* @__PURE__ */ t(n, { items: r })
 ] }) : null;
 export {
-  u as DialogAttachments
+  d as DialogAttachments
 };

package/dist/components/Dialog/DialogBody.js

@@ -1,6 +1,5 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { DialogMetadata as m } from "./DialogMetadata.js";
@@ -11,7 +10,7 @@ import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { TimelineSection as D } from "../Timeline/TimelineSection.js";
 import { Section as t } from "../Page/Section.js";
-const A = ({
+const w = ({
   loading: i,
   loadingText: e = "Loading ...",
   grouped: p,
@@ -44,5 +43,5 @@ const A = ({
   ] }) })
 ] });
 export {
-  A as DialogBody
+  w as DialogBody
 };

package/dist/components/Dialog/DialogByline.js

@@ -1,24 +1,23 @@
 import { jsxs as u, jsx as f } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "react";
-import { Byline as p } from "../Byline/Byline.js";
+import { Byline as x } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 const s = ({
   sender: o,
-  recipient: m,
+  recipient: a,
   recipientLabel: t = "to",
-  grouped: r = !1,
-  loading: a,
-  size: l = "xs"
-}) => !o && !m ? null : /* @__PURE__ */ u(p, { loading: a, size: l, avatar: o, avatarGroup: !a && r && o && m ? {
-  items: [o, m]
+  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 ? {
+  items: [o, a]
 } : void 0, children: [
   /* @__PURE__ */ f("strong", { children: o == null ? void 0 : o.name }),
   " ",
-  t + " " + (m == null ? void 0 : m.name)
+  t + " " + (a == null ? void 0 : a.name)
 ] });
 export {
   s as DialogByline

package/dist/components/Dialog/DialogContent.js

@@ -1,6 +1,5 @@
 import { jsx as i, jsxs as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "react";
 import { Byline as n } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
@@ -12,7 +11,7 @@ import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { TimelineSection as f } from "../Timeline/TimelineSection.js";
 import { Section as s } from "../Page/Section.js";
-const M = ({ updatedAt: t, updatedAtLabel: e, seenBy: r, activityLog: m, children: p }) => /* @__PURE__ */ i(f, { children: /* @__PURE__ */ o(s, { spacing: 4, margin: "section", children: [
+const C = ({ updatedAt: t, updatedAtLabel: e, seenBy: r, activityLog: m, children: p }) => /* @__PURE__ */ i(f, { children: /* @__PURE__ */ o(s, { spacing: 4, margin: "section", children: [
   /* @__PURE__ */ o("div", { children: [
     /* @__PURE__ */ i(n, { datetime: t, children: e }),
     /* @__PURE__ */ i(d, { size: "md", children: p })
@@ -23,5 +22,5 @@ const M = ({ updatedAt: t, updatedAtLabel: e, seenBy: r, activityLog: m, childre
   ] })
 ] }) });
 export {
-  M as DialogContent
+  C as DialogContent
 };

package/dist/components/Dialog/DialogHeader.js

@@ -1,6 +1,5 @@
-import { jsxs as e, jsx as m } from "react/jsx-runtime";
+import { jsxs as p, jsx as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { DialogMetadata as a } from "./DialogMetadata.js";
@@ -8,10 +7,10 @@ import { Heading as n } from "../Typography/Heading.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as c } from "../Page/Section.js";
-const z = ({ loading: r, title: t, status: o, dueAt: i, dueAtLabel: p }) => /* @__PURE__ */ e(c, { as: "header", spacing: 3, children: [
+const H = ({ loading: r, title: t, status: o, dueAt: i, dueAtLabel: e }) => /* @__PURE__ */ p(c, { as: "header", spacing: 3, children: [
   /* @__PURE__ */ m(n, { loading: r, size: "xl", children: t }),
-  (o || i) && /* @__PURE__ */ m(a, { loading: r, status: o, dueAt: i, dueAtLabel: p })
+  (o || i) && /* @__PURE__ */ m(a, { loading: r, status: o, dueAt: i, dueAtLabel: e })
 ] });
 export {
-  z as DialogHeader
+  H as DialogHeader
 };