@altinn/altinn-components 0.40.0 → 0.41.0

package/dist/assets/Alert.css

@@ -0,0 +1 @@
+._heading_jd4co_1{margin-bottom:.5rem}._message_jd4co_5{margin-bottom:1rem}

package/dist/assets/Avatar.css

@@ -1 +1 @@
-._avatar_1j6yz_1{position:relative;overflow:hidden;box-sizing:border-box}._avatar_1j6yz_1[data-shape=circle]{border-radius:50%}._avatar_1j6yz_1[data-shape=square]{border-radius:5%}._avatar_1j6yz_1[data-outline=true]{outline:1px solid #ffffff;box-sizing:border-box}._shape_1j6yz_21{display:block;font-size:1em;width:1em;height:1em}._shape_1j6yz_21[data-variant=outline]{border:1px solid}._label_1j6yz_32{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;overflow:hidden;font-size:.575em}._image_1j6yz_42{display:block;width:100%;height:100%}
+._avatar_1qmnt_1{position:relative;overflow:hidden;box-sizing:border-box}._avatar_1qmnt_1[data-shape=circle]{border-radius:50%}._avatar_1qmnt_1[data-shape=square]{border-radius:5%}._avatar_1qmnt_1[data-outline=true]{outline:1px solid #ffffff;box-sizing:border-box}._shape_1qmnt_20{display:block;font-size:1em;width:1em;height:1em}._shape_1qmnt_20[data-variant=outline]{border:1px solid}._label_1qmnt_31{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;overflow:hidden;font-size:.575em}._image_1qmnt_41{display:block;width:100%;height:100%}

package/dist/assets/Byline.css

@@ -1 +1 @@
-._byline_1o0os_1{display:inline-flex;align-items:center;column-gap:.5em}._avatar_1o0os_7,._avatarGroup_1o0os_12{font-size:1.25rem;flex-shrink:0}._avatar_1o0os_7[data-size=lg]{font-size:2.25rem}._label_1o0os_21{display:inline-flex;flex-wrap:wrap;column-gap:.25em;color:var(--ds-color-text-subtle)}._label_1o0os_21[data-size=xs],._label_1o0os_21[data-size=sm]{font-size:14px;line-height:1.125rem;padding:.1875rem 0}._label_1o0os_21[data-size=md],._label_1o0os_21[data-size=lg]{font-size:16px;line-height:1.25rem}._label_1o0os_21>strong{font-weight:500;color:var(--ds-color-text-default)}
+._byline_fzp7k_1{display:inline-flex;align-items:center;column-gap:.5em}._avatar_fzp7k_7,._avatarGroup_fzp7k_12{font-size:1.25rem;flex-shrink:0}._avatar_fzp7k_7[data-size=md]{font-size:1.5rem;flex-shrink:0}._avatar_fzp7k_7[data-size=lg]{font-size:2.25rem}._label_fzp7k_26{display:inline-flex;flex-wrap:wrap;column-gap:.25em;color:var(--ds-color-text-subtle)}._label_fzp7k_26[data-size=xs],._label_fzp7k_26[data-size=sm]{font-size:14px;line-height:1.125rem;padding:.1875rem 0}._label_fzp7k_26[data-size=md],._label_fzp7k_26[data-size=lg]{font-size:16px;line-height:1.25rem}._label_fzp7k_26>strong{font-weight:500;color:var(--ds-color-text-default)}

package/dist/assets/LayoutSidebar.css

@@ -1 +1 @@
-._sidebar_zsh57_1,._sidebar_zsh57_1[aria-hidden=true]{display:none}@media (min-width: 1024px){._sidebar_zsh57_1{flex-shrink:0;display:flex;flex-direction:column;width:224px}._sidebar_zsh57_1[aria-hidden=true]{display:none}}
+._sidebar_lkphj_1,._sidebar_lkphj_1[aria-hidden=true]{display:none}@media (min-width: 1024px){._sidebar_lkphj_1{align-self:flex-start;flex-shrink:0;display:flex;flex-direction:column;width:224px}._sidebar_lkphj_1[data-sticky=true]{position:sticky;top:0}._sidebar_lkphj_1[aria-hidden=true]{display:none}}

package/dist/assets/MenuSearch.css

@@ -1 +1 @@
-._field_99cd6_1{position:relative;margin:.5rem 0}
+._field_1w1s0_1{position:relative;margin:.5rem 0}@media (max-width: 1023px){._field_1w1s0_1{font-size:1rem}}

package/dist/components/Account/AccountList.js

@@ -2,9 +2,9 @@ import { jsxs as l, jsx as n } from "react/jsx-runtime";
 import { Fragment as u, createElement as p } from "react";
 import "../../index-L8X2o7IH.js";
 import { AccountListItem as f } from "./AccountListItem.js";
-import "../RootProvider/RootProvider.js";
 import { Typography as y } from "../Typography/Typography.js";
 import { Heading as d } from "../Typography/Heading.js";
+import "../RootProvider/RootProvider.js";
 import { List as m } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as h } from "../Page/Section.js";

package/dist/components/Account/AccountListItem.js

@@ -2,56 +2,56 @@ import { jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { ListItem as v } from "../List/ListItem.js";
+import { ListItem as k } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
 import { AccountListItemControls as C } from "./AccountListItemControls.js";
-const B = ({
+const y = ({
   id: r,
   type: i,
   size: m,
   expanded: t,
-  icon: s,
-  title: c,
+  icon: c,
+  title: s,
   description: n,
-  isCurrentEndUser: p,
-  isDeleted: e,
+  isCurrentEndUser: e,
+  isDeleted: p,
   badge: l,
-  favourite: f = !1,
-  favouriteLabel: u,
+  favourite: u = !1,
+  favouriteLabel: f,
   onToggleFavourite: I,
   contextMenu: L,
-  children: A,
-  interactive: j,
-  ...k
+  children: v,
+  interactive: A,
+  ...j
 }) => /* @__PURE__ */ o(
-  v,
+  k,
   {
-    ...k,
+    ...j,
     size: m,
-    icon: s,
-    title: c,
+    icon: c,
+    title: s,
     description: t ? void 0 : n,
     expanded: t,
     selected: t,
-    controls: !t && /* @__PURE__ */ o(
+    controls: /* @__PURE__ */ o(
       C,
       {
         id: r,
         type: i,
-        favourite: f,
-        favouriteLabel: u,
+        favourite: u,
+        favouriteLabel: f,
         badge: l,
-        isCurrentEndUser: p,
-        isDeleted: e,
+        isCurrentEndUser: e,
+        isDeleted: p,
         onToggleFavourite: I,
-        contextMenu: L
+        contextMenu: t ? void 0 : L
       }
     ),
     linkIcon: !0,
-    interactive: j,
-    children: A
+    interactive: A,
+    children: v
   }
 );
 export {
-  B as AccountListItem
+  y as AccountListItem
 };

package/dist/components/ActivityLog/ActivityLogItem.js

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import "../RootProvider/RootProvider.js";
 import { Typography as e } from "../Typography/Typography.js";
+import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { TimelineActivity as p } from "../Timeline/TimelineActivity.js";
 const x = ({ byline: t, datetime: i, children: o, summary: c, ...m }) => o ? /* @__PURE__ */ r(p, { byline: t, datetime: i, ...m, children: o }) : /* @__PURE__ */ r(p, { byline: t, datetime: i, ...m, children: /* @__PURE__ */ r(e, { children: c }) });

package/dist/components/ActivityLog/ActivityLogSegment.js

@@ -1,13 +1,13 @@
 import { jsxs as n, jsx as c } from "react/jsx-runtime";
 import { createElement as g } from "react";
 import "../../index-L8X2o7IH.js";
+import { Typography as f } from "../Typography/Typography.js";
 import "../RootProvider/RootProvider.js";
-import { TimelineSegment as f } from "../Timeline/TimelineSegment.js";
-import { Typography as l } from "../Typography/Typography.js";
+import { TimelineSegment as l } from "../Timeline/TimelineSegment.js";
 import "../Snackbar/useSnackbar.js";
 import { ActivityLogItem as y } from "./ActivityLogItem.js";
-const S = ({ id: i, items: o, datetime: m, byline: p, children: e, summary: r }) => /* @__PURE__ */ n(f, { datetime: m, byline: p, spacing: 2, id: i, children: [
-  r && /* @__PURE__ */ c(l, { children: r }),
+const S = ({ id: i, items: o, datetime: m, byline: p, children: e, summary: r }) => /* @__PURE__ */ n(l, { datetime: m, byline: p, spacing: 2, id: i, children: [
+  r && /* @__PURE__ */ c(f, { children: r }),
   e,
   o == null ? void 0 : o.map((t) => /* @__PURE__ */ g(y, { ...t, key: "activity-log-item" + t.id }))
 ] });

package/dist/components/Alert/Alert.js

@@ -1,12 +1,15 @@
-import { jsxs as p, jsx as o } from "react/jsx-runtime";
-import { Typography as e } from "../Typography/Typography.js";
-import { Heading as l } from "../Typography/Heading.js";
-import { A as n } from "../../Alert-BzifOfXl.js";
-const h = ({ variant: t, heading: i, message: r, children: m }) => /* @__PURE__ */ p(n, { "data-color": t, children: [
-  /* @__PURE__ */ o(l, { children: i }),
-  r && /* @__PURE__ */ o(e, { children: r }),
-  m
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
+import { Typography as n } from "../Typography/Typography.js";
+import { Heading as c } from "../Typography/Heading.js";
+import { A as i } from "../../Alert-BzifOfXl.js";
+import '../../assets/Alert.css';const d = "_heading_jd4co_1", g = "_message_jd4co_5", o = {
+  heading: d,
+  message: g
+}, f = ({ variant: r, heading: a, message: e, children: t }) => /* @__PURE__ */ m(i, { "data-color": r, children: [
+  /* @__PURE__ */ s(c, { className: o.heading, children: a }),
+  e && /* @__PURE__ */ s(n, { className: o.message, children: e }),
+  t
 ] });
 export {
-  h as Alert
+  f as Alert
 };

package/dist/components/Article/ArticleContact.js

@@ -1,9 +1,9 @@
 import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import "../RootProvider/RootProvider.js";
 import { Typography as c } from "../Typography/Typography.js";
 import { Heading as e } from "../Typography/Heading.js";
+import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as d } from "../Page/Section.js";
 import { ContactButtons as a } from "../Page/ContactButtons.js";

package/dist/components/Article/ArticleHeader.js

@@ -1,8 +1,8 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import "../RootProvider/RootProvider.js";
 import { Heading as t } from "../Typography/Heading.js";
+import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as m } from "../Page/Section.js";
 const x = ({ title: r, children: i }) => /* @__PURE__ */ o(m, { as: "header", spacing: 2, children: [

package/dist/components/Avatar/Avatar.js

@@ -1,44 +1,44 @@
 "use client";
-import { jsx as e, jsxs as N } from "react/jsx-runtime";
-import { c as S } from "../../index-L8X2o7IH.js";
-import { useState as k } from "react";
-import { Skeleton as x } from "../Skeleton/Skeleton.js";
-import { fromStringToColor as A } from "./color.js";
-import '../../assets/Avatar.css';const E = "_avatar_1j6yz_1", I = "_shape_1j6yz_21", q = "_label_1j6yz_32", H = "_image_1j6yz_42", r = {
-  avatar: E,
-  shape: I,
-  label: q,
+import { jsx as e, jsxs as k } from "react/jsx-runtime";
+import { c as x } from "../../index-L8X2o7IH.js";
+import { useState as j } from "react";
+import { Skeleton as A } from "../Skeleton/Skeleton.js";
+import { fromStringToColor as E } from "./color.js";
+import '../../assets/Avatar.css';const I = "_avatar_1qmnt_1", y = "_shape_1qmnt_20", z = "_label_1qmnt_31", H = "_image_1qmnt_41", r = {
+  avatar: I,
+  shape: y,
+  label: z,
   image: H
 }, F = (a) => typeof a == "object" && a !== null && "name" in a, G = ({
   type: a = "person",
-  size: d,
+  size: p,
   name: l = "Avatar",
-  shape: u,
-  color: h,
+  shape: d,
+  color: u,
   variant: o = "solid",
-  outline: n = !0,
+  outline: h = !0,
   imageUrl: s,
   imageUrlAlt: _,
   customLabel: g,
-  loading: c,
+  loading: n,
   className: b,
-  style: i = {}
+  style: c = {}
 }) => {
-  const [f, v] = k(!1), j = u || a === "person" ? "circle" : "square", y = h || a === "person" ? "light" : "dark", { backgroundColor: p, foregroundColor: m } = A(l, y), C = (l[0] ?? "").toUpperCase(), t = s && !f, z = !c && !t ? {
-    ...i,
-    backgroundColor: o === "outline" ? m : p,
-    color: o === "outline" ? p : m
-  } : i;
+  const [f, v] = j(!1), C = d || a === "person" ? "circle" : "square", q = u || a === "person" ? "light" : "dark", { backgroundColor: i, foregroundColor: m } = E(l, q), N = (l[0] ?? "").toUpperCase(), t = s && !f, S = !n && !t ? {
+    ...c,
+    backgroundColor: o === "outline" ? m : i,
+    color: o === "outline" ? i : m
+  } : c;
   return /* @__PURE__ */ e(
     "div",
     {
-      className: S(r.avatar, { [r.outline]: n }, b),
-      style: z,
-      "data-shape": j,
-      "data-size": d,
-      "data-outline": n,
+      className: x(r.avatar, b),
+      style: S,
+      "data-shape": C,
+      "data-size": p,
+      "data-outline": h,
       "aria-hidden": !0,
-      children: /* @__PURE__ */ N(x, { loading: c, className: r.shape, variant: "circle", children: [
+      children: /* @__PURE__ */ k(A, { loading: n, className: r.shape, variant: "circle", children: [
         /* @__PURE__ */ e("div", { className: r.shape, "data-variant": o, children: t && /* @__PURE__ */ e(
           "img",
           {
@@ -50,7 +50,7 @@ import '../../assets/Avatar.css';const E = "_avatar_1j6yz_1", I = "_shape_1j6yz_
             }
           }
         ) }),
-        !t && /* @__PURE__ */ e("span", { className: r.label, children: g || C })
+        !t && /* @__PURE__ */ e("span", { className: r.label, children: g || N })
       ] })
     }
   );

package/dist/components/Avatar/AvatarGroup.js

@@ -1,23 +1,23 @@
 "use client";
-import { jsx as l } from "react/jsx-runtime";
-import { c as s } from "../../index-L8X2o7IH.js";
+import { jsx as r } from "react/jsx-runtime";
+import { c as n } 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: _
 }, L = (o) => typeof o == "object" && o !== null && "items" in o, N = ({
   items: o = [],
-  maxItemsCount: r = 4,
+  maxItemsCount: l = 4,
   defaultType: i,
   size: c,
   className: m,
   style: u
 }) => {
-  const t = f(() => o.slice(0, r), [o, r]);
-  return o.length === 0 ? /* @__PURE__ */ l("div", { className: n.avatarGroup }) : /* @__PURE__ */ l("ul", { className: s(n.group, m), "data-size": c, "data-count": t == null ? void 0 : t.length, style: u, children: t.map((e, p) => {
-    const g = p === r - 1, d = e.customLabel || g ? o.length.toString() : void 0;
-    return /* @__PURE__ */ l("li", { className: s(n.item), children: /* @__PURE__ */ l(
+  const t = f(() => o.slice(0, l).reverse(), [o, l]);
+  return o.length === 0 ? /* @__PURE__ */ r("div", { className: s.avatarGroup }) : /* @__PURE__ */ r("ul", { className: n(s.group, m), "data-size": c, "data-count": t == null ? void 0 : t.length, style: u, children: t.map((e, p) => {
+    const g = p === l - 1, d = e.customLabel || g ? o.length.toString() : void 0;
+    return /* @__PURE__ */ r("li", { className: n(s.item), children: /* @__PURE__ */ r(
       h,
       {
         name: e.name,

package/dist/components/Bookmarks/BookmarksSection.js

@@ -1,11 +1,11 @@
 import { jsxs as c, jsx as i } from "react/jsx-runtime";
 import { createElement as f } from "react";
 import "../../index-L8X2o7IH.js";
-import { BookmarksListItem as h } from "./BookmarksListItem.js";
-import { EditableBookmark as k } from "./EditableBookmark.js";
+import { Typography as h } from "../Typography/Typography.js";
+import { Heading as k } from "../Typography/Heading.js";
+import { BookmarksListItem as l } from "./BookmarksListItem.js";
+import { EditableBookmark as x } from "./EditableBookmark.js";
 import "../RootProvider/RootProvider.js";
-import { Typography as l } from "../Typography/Typography.js";
-import { Heading as x } from "../Typography/Heading.js";
 import { List as p } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as z } from "../Page/Section.js";
@@ -19,9 +19,9 @@ const U = ({
   expandedId: n,
   onToggle: m
 }) => /* @__PURE__ */ c(z, { padding: 6, theme: "surface-hover", spacing: 4, bleed: !0, children: [
-  /* @__PURE__ */ i(x, { size: "md", children: e }),
-  o ? /* @__PURE__ */ i(p, { children: /* @__PURE__ */ i(h, { title: e, loading: o, size: "sm" }) }) : t.length > 0 && /* @__PURE__ */ i(p, { spacing: "xs", children: t.map((r) => /* @__PURE__ */ f(
-    k,
+  /* @__PURE__ */ i(k, { size: "md", children: e }),
+  o ? /* @__PURE__ */ i(p, { children: /* @__PURE__ */ i(l, { title: e, loading: o, size: "sm" }) }) : t.length > 0 && /* @__PURE__ */ i(p, { spacing: "xs", children: t.map((r) => /* @__PURE__ */ f(
+    x,
     {
       ...r,
       key: r.id,
@@ -33,7 +33,7 @@ const U = ({
       size: "sm"
     }
   )) }),
-  /* @__PURE__ */ i(l, { size: "xs", children: s })
+  /* @__PURE__ */ i(h, { size: "xs", children: s })
 ] });
 export {
   U as BookmarksSection

package/dist/components/Bookmarks/BookmarksSettingsSection.js

@@ -1,11 +1,11 @@
 import { jsxs as g, Fragment as f, jsx as t } from "react/jsx-runtime";
 import { createElement as S } from "react";
 import "../../index-L8X2o7IH.js";
+import { Typography as l } from "../Typography/Typography.js";
+import { Heading as v } from "../Typography/Heading.js";
 import { BookmarksSettingsItem as p } from "./BookmarksSettingsItem.js";
-import { BookmarksSettingsModal as l } from "./BookmarksSettingsModal.js";
+import { BookmarksSettingsModal as x } from "./BookmarksSettingsModal.js";
 import "../RootProvider/RootProvider.js";
-import { Typography as v } from "../Typography/Typography.js";
-import { Heading as x } from "../Typography/Heading.js";
 import { Divider as y } from "../Divider/Divider.js";
 import { List as u } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
@@ -25,8 +25,8 @@ const J = ({
   const r = c && (e == null ? void 0 : e.find((i) => i.id === c));
   return /* @__PURE__ */ g(f, { children: [
     /* @__PURE__ */ g(z, { direction: "col", spacing: 2, children: [
-      /* @__PURE__ */ t(x, { size: "lg", children: h }),
-      /* @__PURE__ */ t(v, { size: "sm", children: a })
+      /* @__PURE__ */ t(v, { size: "lg", children: h }),
+      /* @__PURE__ */ t(l, { size: "sm", children: a })
     ] }),
     /* @__PURE__ */ t(C, { children: o ? /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(p, { title: h, loading: o }) }) : e.length > 0 && /* @__PURE__ */ t(u, { size: "xs", children: e.map((i, B) => /* @__PURE__ */ g(f, { children: [
       B > 0 && /* @__PURE__ */ t(y, {}),
@@ -43,7 +43,7 @@ const J = ({
       )
     ] })) }) }),
     r && /* @__PURE__ */ t(
-      l,
+      x,
       {
         open: !0,
         onClose: () => n == null ? void 0 : n(""),

package/dist/components/Byline/Byline.js

@@ -1,30 +1,33 @@
-import { jsxs as _, jsx as a } from "react/jsx-runtime";
+import { jsxs as v, jsx as a } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Avatar as v } from "../Avatar/Avatar.js";
-import { AvatarGroup as b } from "../Avatar/AvatarGroup.js";
+import { Avatar as f } from "../Avatar/Avatar.js";
+import { AvatarGroup as d } from "../Avatar/AvatarGroup.js";
+import { Skeleton as n } from "../Skeleton/Skeleton.js";
 import "../RootProvider/RootProvider.js";
-import { Skeleton as l } from "../Skeleton/Skeleton.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/Byline.css';const d = "_byline_1o0os_1", y = "_avatar_1o0os_7", u = "_avatarGroup_1o0os_12", N = "_label_1o0os_21", o = {
-  byline: d,
-  avatar: y,
+import '../../assets/Byline.css';const y = "_byline_fzp7k_1", k = "_avatar_fzp7k_7", u = "_avatarGroup_fzp7k_12", N = "_label_fzp7k_26", t = {
+  byline: y,
+  avatar: k,
   avatarGroup: u,
   label: N
-}, S = ({
-  loading: s,
-  color: n = "neutral",
-  size: t = "xs",
-  avatar: r,
+}, L = ({
+  loading: l,
+  color: c = "neutral",
+  size: r = "xs",
+  avatar: o,
   avatarGroup: e,
-  datetime: m,
-  children: i,
-  as: c,
+  datetime: s,
+  children: m,
+  as: i,
   ...p
-}) => /* @__PURE__ */ _(c || "div", { ...p, className: o.byline, "data-color": n, "data-size": t, children: [
-  (e || r) && /* @__PURE__ */ a(l, { variant: "circle", className: o.avatar, loading: s, children: e ? /* @__PURE__ */ a(b, { ...e, size: t, className: o.avatarGroup }) : r && /* @__PURE__ */ a(v, { ...r, size: t, className: o.avatar }) }),
-  /* @__PURE__ */ a("time", { "data-size": t, dateTime: m, className: o.label, children: /* @__PURE__ */ a(l, { loading: s, children: i }) })
-] });
+}) => {
+  const _ = i || "div", b = s ? "time" : "span";
+  return /* @__PURE__ */ v(_, { ...p, className: t.byline, "data-color": c, "data-size": r, children: [
+    (e || o) && /* @__PURE__ */ a(n, { variant: "circle", className: t.avatar, loading: l, children: e ? /* @__PURE__ */ a(d, { ...e, size: r, className: t.avatarGroup }) : o && /* @__PURE__ */ a(f, { ...o, size: r, className: t.avatar }) }),
+    /* @__PURE__ */ a(b, { "data-size": r, dateTime: s, className: t.label, children: /* @__PURE__ */ a(n, { loading: l, children: m }) })
+  ] });
+};
 export {
-  S as Byline
+  L as Byline
 };

package/dist/components/Dashboard/DashboardCard.js

@@ -2,9 +2,9 @@
 import { jsx as s, jsxs as d } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import { forwardRef as p, useRef as g, useEffect as B } from "react";
-import "../RootProvider/RootProvider.js";
 import { Typography as R } from "../Typography/Typography.js";
 import { Heading as b } from "../Typography/Heading.js";
+import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { DashboardIcon as w } from "./DashboardIcon.js";
 import { S as u } from "../../index-D8Pn8SCu.js";

package/dist/components/Dashboard/DashboardHeader.js

@@ -2,9 +2,9 @@ import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import { Skeleton as a } from "../Skeleton/Skeleton.js";
-import "../RootProvider/RootProvider.js";
 import { Typography as n } from "../Typography/Typography.js";
 import { Heading as c } from "../Typography/Heading.js";
+import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as t } from "../Page/Flex.js";
 import { Section as d } from "../Page/Section.js";

package/dist/components/Dialog/DialogAttachments.js

@@ -2,8 +2,8 @@ import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import { AttachmentList as i } from "../Attachment/AttachmentList.js";
-import "../RootProvider/RootProvider.js";
 import { Heading as m } from "../Typography/Heading.js";
+import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as a } from "../Page/Section.js";
 const u = ({ title: o = "Attachments", items: t }) => t != null && t.length ? /* @__PURE__ */ n(a, { spacing: 1, children: [

package/dist/components/Dialog/DialogBody.js

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

package/dist/components/Dialog/DialogByline.js

@@ -12,7 +12,7 @@ const p = ({
   loading: m,
   size: r = "xs"
 }) => !o && !a ? null : /* @__PURE__ */ u(v, { loading: m, size: r, avatar: o, avatarGroup: !m && l && o && a ? {
-  items: [o, a]
+  items: [a, o]
 } : void 0, children: [
   /* @__PURE__ */ f("strong", { children: o == null ? void 0 : o.name }),
   " ",

package/dist/components/Dialog/DialogContact.js

@@ -1,9 +1,9 @@
 import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import "../RootProvider/RootProvider.js";
 import { Typography as n } from "../Typography/Typography.js";
 import { Heading as c } from "../Typography/Heading.js";
+import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as a } from "../Page/Section.js";
 import { ContactButtons as s } from "../Page/ContactButtons.js";

package/dist/components/Dialog/DialogHeader.js

@@ -2,9 +2,9 @@ import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import { Skeleton as g } from "../Skeleton/Skeleton.js";
-import { Badge as x } from "../Badge/Badge.js";
+import { Heading as x } from "../Typography/Heading.js";
+import { Badge as j } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import { Heading as j } from "../Typography/Heading.js";
 import { DialogMetadata as D } from "./DialogMetadata.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as H } from "../Page/Flex.js";
@@ -24,9 +24,9 @@ const C = ({
   dueAtLabel: f,
   activityLog: h
 }) => /* @__PURE__ */ t(S, { as: "header", spacing: 3, align: "start", children: [
-  /* @__PURE__ */ r(j, { size: "xl", children: /* @__PURE__ */ t(H, { align: "center", children: [
+  /* @__PURE__ */ r(x, { size: "xl", children: /* @__PURE__ */ t(H, { align: "center", children: [
     /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(g, { loading: i, children: e }) }),
-    o && /* @__PURE__ */ r(x, { ...o })
+    o && /* @__PURE__ */ r(j, { ...o })
   ] }) }),
   /* @__PURE__ */ r(
     D,

package/dist/components/Dialog/DialogHistoryItem.js

@@ -1,9 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
+import { Typography as f } from "../Typography/Typography.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { Typography as f } from "../Typography/Typography.js";
 import { TimelineActivity as p } from "../Timeline/TimelineActivity.js";
 const u = ({ 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 }) });
 export {

package/dist/components/Dialog/DialogHistorySegment.js

@@ -1,11 +1,11 @@
 import { jsxs as g, jsx as l } from "react/jsx-runtime";
 import { createElement as a } from "react";
 import "../../index-L8X2o7IH.js";
+import { Typography as c } from "../Typography/Typography.js";
 import "../RootProvider/RootProvider.js";
-import { DialogHistoryItem as c } from "./DialogHistoryItem.js";
+import { DialogHistoryItem as f } from "./DialogHistoryItem.js";
 import "../Snackbar/useSnackbar.js";
-import { TimelineSegment as f } from "../Timeline/TimelineSegment.js";
-import { Typography as y } from "../Typography/Typography.js";
+import { TimelineSegment as y } from "../Timeline/TimelineSegment.js";
 const T = ({
   id: p,
   items: r,
@@ -14,10 +14,10 @@ const T = ({
   children: e,
   summary: o,
   unread: n
-}) => /* @__PURE__ */ g(f, { unread: n, datetime: t, byline: m, spacing: 2, id: p, children: [
-  o && /* @__PURE__ */ l(y, { children: o }),
+}) => /* @__PURE__ */ g(y, { unread: n, datetime: t, byline: m, spacing: 2, id: p, children: [
+  o && /* @__PURE__ */ l(c, { children: o }),
   e,
-  r == null ? void 0 : r.map((i) => /* @__PURE__ */ a(c, { ...i, key: i.id }))
+  r == null ? void 0 : r.map((i) => /* @__PURE__ */ a(f, { ...i, key: i.id }))
 ] });
 export {
   T as DialogHistorySegment

package/dist/components/Dialog/DialogListGroup.js

@@ -1,9 +1,9 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import "../RootProvider/RootProvider.js";
 import { Typography as p } from "../Typography/Typography.js";
 import { Heading as e } from "../Typography/Heading.js";
+import "../RootProvider/RootProvider.js";
 import { List as n } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as s } from "../Page/Flex.js";

package/dist/components/Dialog/DialogListItem.js

@@ -1,9 +1,9 @@
 import { jsx as a, jsxs as c } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
+import { Heading as j } from "../Typography/Heading.js";
 import { Badge as J } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import { Heading as j } from "../Typography/Heading.js";
 import { DialogMetadata as K } from "./DialogMetadata.js";
 import { DialogByline as O } from "./DialogByline.js";
 import { MetaItem as P } from "../Metadata/MetaItem.js";