@altinn/altinn-components 0.21.5 → 0.22.0

package/dist/components/Dialog/DialogListItem.js

@@ -2,14 +2,14 @@ import { jsx as e, jsxs as g } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { DialogMetadata as u } from "./DialogMetadata.js";
-import { DialogByline as C } from "./DialogByline.js";
-import { Skeleton as E } from "../Skeleton/Skeleton.js";
-import { DialogHeading as F } from "./DialogHeading.js";
-import "../Search/AutocompleteBase.js";
-import { ListItemLabel as G } from "../List/ListItemLabel.js";
-import { ListItemSelect as J } from "../List/ListItemSelect.js";
+import { ListItemLabel as C } from "../List/ListItemLabel.js";
+import { ListItemSelect as E } from "../List/ListItemSelect.js";
 import { ListItem as x } from "../List/ListItem.js";
+import { Skeleton as F } from "../Skeleton/Skeleton.js";
+import { DialogMetadata as B } from "./DialogMetadata.js";
+import { DialogByline as G } from "./DialogByline.js";
+import { DialogHeading as J } from "./DialogHeading.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/DialogListItem.css';const K = "_link_2hfa5_1", O = "_border_2hfa5_22", P = "_select_2hfa5_72", Q = "_header_2hfa5_79", R = "_summary_2hfa5_91", U = "_footer_2hfa5_119", W = "_touchedBy_2hfa5_123", X = "_heading_2hfa5_132", Y = "_title_2hfa5_138", o = {
   link: K,
@@ -23,20 +23,20 @@ import '../../assets/DialogListItem.css';const K = "_link_2hfa5_1", O = "_border
   title: Y
 }, sa = ({
   size: a = "lg",
-  state: B = "normal",
+  state: u = "normal",
   loading: t,
-  select: i,
+  select: s,
   selected: l,
   status: r,
-  sender: s,
+  sender: h,
   recipient: v,
   recipientLabel: k = "to",
   grouped: D = !1,
-  updatedAt: h,
-  updatedAtLabel: n,
-  archivedAt: d,
+  updatedAt: n,
+  updatedAtLabel: d,
+  archivedAt: _,
   archivedAtLabel: I,
-  trashedAt: _,
+  trashedAt: f,
   trashedAtLabel: L,
   badge: S,
   dueAt: j,
@@ -46,12 +46,12 @@ import '../../assets/DialogListItem.css';const K = "_link_2hfa5_1", O = "_border
   touchedBy: T,
   attachmentsCount: V,
   title: m,
-  description: f,
-  summary: p,
+  description: p,
+  summary: i,
   theme: q = "default",
   ...b
 }) => {
-  const w = _ ? "trashed" : d ? "archived" : B, y = l ? "subtle" : q, N = r == null ? void 0 : r.value;
+  const w = f ? "trashed" : _ ? "archived" : u, y = l ? "subtle" : q, N = r == null ? void 0 : r.value;
   return a === "xs" || a === "sm" ? /* @__PURE__ */ e(
     x,
     {
@@ -67,10 +67,10 @@ import '../../assets/DialogListItem.css';const K = "_link_2hfa5_1", O = "_border
           "data-size": a,
           "data-seen": c,
           "data-loading": t,
-          children: /* @__PURE__ */ e(G, { loading: t, size: a, title: m, description: p || f })
+          children: /* @__PURE__ */ e(C, { loading: t, size: a, title: m, description: i || p })
         }
       ),
-      badge: /* @__PURE__ */ e(u, { loading: t, sender: s, updatedAt: h, updatedAtLabel: n }),
+      badge: /* @__PURE__ */ e(B, { loading: t, sender: h, updatedAt: n, updatedAtLabel: d }),
       title: m
     }
   ) : /* @__PURE__ */ e(
@@ -80,7 +80,7 @@ import '../../assets/DialogListItem.css';const K = "_link_2hfa5_1", O = "_border
       size: a,
       selected: l,
       theme: y,
-      controls: i && /* @__PURE__ */ e(J, { className: o.select, ...i, size: "xl" }),
+      controls: s && /* @__PURE__ */ e(E, { className: o.select, ...s, size: "xl" }),
       title: m,
       label: /* @__PURE__ */ g(
         "div",
@@ -92,31 +92,31 @@ import '../../assets/DialogListItem.css';const K = "_link_2hfa5_1", O = "_border
           "data-loading": t,
           children: [
             /* @__PURE__ */ g("header", { className: o.header, "data-size": a, children: [
-              /* @__PURE__ */ e(F, { loading: t, size: a, state: w, badge: S, seen: c, children: m }),
+              /* @__PURE__ */ e(J, { loading: t, size: a, state: w, badge: S, seen: c, children: m }),
               /* @__PURE__ */ e(
-                C,
+                G,
                 {
                   size: "xs",
                   loading: t,
-                  sender: s,
+                  sender: h,
                   recipient: v,
                   recipientLabel: k,
                   grouped: D
                 }
               ),
-              a === "lg" && /* @__PURE__ */ e(E, { loading: t, children: /* @__PURE__ */ e("p", { "data-size": a, className: o.summary, children: p || f }) })
+              a === "lg" && i && /* @__PURE__ */ e(F, { loading: t, children: /* @__PURE__ */ e("p", { "data-size": a, className: o.summary, children: i || p }) })
             ] }),
             /* @__PURE__ */ e(
-              u,
+              B,
               {
                 className: o.footer,
                 loading: t,
                 status: r,
-                updatedAt: h,
-                updatedAtLabel: n,
-                archivedAt: d,
+                updatedAt: n,
+                updatedAtLabel: d,
+                archivedAt: _,
                 archivedAtLabel: I,
-                trashedAt: _,
+                trashedAt: f,
                 trashedAtLabel: L,
                 dueAt: j,
                 dueAtLabel: H,

package/dist/components/Dialog/DialogMetadata.js

@@ -79,7 +79,7 @@ const H = z((t, r) => {
   f && s && /* @__PURE__ */ n(m, { loading: r, datetime: f, size: "xs", icon: P, children: s }),
   (g || x > 0) && /* @__PURE__ */ n(b, { loading: r, size: "xs", icon: H, children: g || x }),
   y && /* @__PURE__ */ n(b, { loading: r, size: "xs", icon: T, children: y }),
-  a && p && /* @__PURE__ */ n(m, { loading: r, datetime: a, size: "xs", icon: D, children: p }) || d && v && /* @__PURE__ */ n(m, { loading: r, datetime: d, size: "xs", icon: R, children: v }) || !r && u && /* @__PURE__ */ n(I, { size: "xs", ...u }),
+  a && p && /* @__PURE__ */ n(m, { loading: r, datetime: a, size: "xs", icon: D, children: p }) || d && v && /* @__PURE__ */ n(m, { loading: r, datetime: d, size: "xs", icon: R, children: v }) || u && /* @__PURE__ */ n(I, { size: "xs", ...u, loading: r }),
   O && /* @__PURE__ */ n(j, { ...O, loading: r, size: "xs" }),
   h && /* @__PURE__ */ n(_, { ...h, loading: r, size: "xs" })
 ] });

package/dist/components/Dialog/DialogSection.js

@@ -2,13 +2,13 @@ import { jsxs as m, jsx as i } 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 t } from "../Typography/Heading.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as t } from "../Page/Section.js";
-import { Typography as p } from "../Typography/Typography.js";
-import { Heading as n } from "../Typography/Heading.js";
-const d = ({ title: r, children: o }) => o ? /* @__PURE__ */ m(t, { spacing: 3, margin: "section", children: [
-  r && /* @__PURE__ */ i(n, { size: "lg", children: r }),
+import { Section as n } from "../Page/Section.js";
+const d = ({ title: r, children: o }) => o ? /* @__PURE__ */ m(n, { spacing: 4, children: [
+  r && /* @__PURE__ */ i(t, { size: "lg", children: r }),
   /* @__PURE__ */ i(p, { children: o })
 ] }) : null;
 export {

package/dist/components/Dialog/DialogTabs.js

@@ -0,0 +1,11 @@
+import { jsx as t } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { PageTabs as i } from "../Page/PageTabs.js";
+const f = ({ id: o = "dialog-tabs", items: r = [] }) => /* @__PURE__ */ t(i, { id: o, items: r });
+export {
+  f as DialogTabs
+};

package/dist/components/Dialog/SeenByLog.js

@@ -1,27 +1,39 @@
-import { jsx as i } from "react/jsx-runtime";
+"use client";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { useState as u } from "react";
 import "../../index-L8X2o7IH.js";
-import "react";
+import { Badge as _ } from "../Badge/Badge.js";
+import { Byline as y } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
-import { MetaTimestamp as n } from "../Meta/MetaTimestamp.js";
+import { ListBase as B } from "../List/ListBase.js";
+import { MetaBase as S } from "../Meta/MetaBase.js";
+import { MetaItem as x } from "../Meta/MetaItem.js";
 import "../Search/AutocompleteBase.js";
-import { ListItem as s } from "../List/ListItem.js";
-import { ListBase as c } from "../List/ListBase.js";
 import "../Snackbar/useSnackbar.js";
-const v = ({ items: r, endUserLabel: o = "you" }) => /* @__PURE__ */ i(c, { spacing: "xs", children: r == null ? void 0 : r.map((e) => {
-  const { id: m, seenAt: a, seenAtLabel: p, seenBy: t } = e;
-  return /* @__PURE__ */ i(
-    s,
-    {
-      interactive: !1,
-      size: "xs",
-      avatar: { type: "person", name: t == null ? void 0 : t.name },
-      title: t == null ? void 0 : t.name,
-      description: t != null && t.isEndUser ? o : "",
-      badge: /* @__PURE__ */ i(n, { datetime: a, children: p })
-    },
-    m
-  );
-}) });
+import { Section as L } from "../Page/Section.js";
+import { S as b } from "../../Eye-CMPIjkcy.js";
+import '../../assets/SeenByLog.css';const j = "_list_ofoda_1", v = "_item_ofoda_7", s = {
+  list: j,
+  item: v
+}, D = ({ collapsible: m, expanded: a, title: i, items: o, endUserLabel: c = "You" }) => {
+  const [l, p] = u(a || !m);
+  return /* @__PURE__ */ r(L, { spacing: 2, children: [
+    i && /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(x, { icon: b, as: "button", onClick: () => {
+      p((t) => !t);
+    }, children: i }) }),
+    l && /* @__PURE__ */ e(B, { className: s.list, children: o == null ? void 0 : o.map((t) => {
+      const { id: d, name: n, seenAt: f, seenAtLabel: g, isEndUser: h } = t;
+      return /* @__PURE__ */ r("li", { className: s.item, children: [
+        /* @__PURE__ */ r(y, { size: "sm", datetime: f, avatar: { name: n, type: "person" }, children: [
+          /* @__PURE__ */ e("strong", { children: n + "," }),
+          " ",
+          g
+        ] }),
+        h && /* @__PURE__ */ e(_, { theme: "surface", children: c })
+      ] }, d);
+    }) })
+  ] });
+};
 export {
-  v as SeenByLog
+  D as SeenByLog
 };

package/dist/components/Dialog/index.js

@@ -1,43 +1,51 @@
 import { Dialog as t } from "./Dialog.js";
-import { DialogHeader as i } from "./DialogHeader.js";
-import { DialogBody as g } from "./DialogBody.js";
-import { DialogList as l } from "./DialogList.js";
-import { DialogListGroup as f } from "./DialogListGroup.js";
-import { DialogListItem as D } from "./DialogListItem.js";
-import { DialogMetadata as s } from "./DialogMetadata.js";
-import { DialogByline as c } from "./DialogByline.js";
-import { DialogActions as d } from "./DialogActions.js";
-import { DialogActivityLog as B } from "./DialogActivityLog.js";
-import { DialogSection as A } from "./DialogSection.js";
-import { DialogSeenBy as h } from "./DialogSeenBy.js";
-import { DialogSelect as E } from "./DialogSelect.js";
-import { DialogStatus as I, DialogStatusEnum as M } from "./DialogStatus.js";
-import { DialogHeading as b } from "./DialogHeading.js";
-import { DialogTouchedBy as k } from "./DialogTouchedBy.js";
-import { DialogAttachments as w } from "./DialogAttachments.js";
-import { DialogHistory as C } from "./DialogHistory.js";
-import { DialogActivity as J } from "./DialogActivity.js";
-import { SeenByLog as N } from "./SeenByLog.js";
+import { DialogLayout as i } from "./DialogLayout.js";
+import { DialogHeader as m } from "./DialogHeader.js";
+import { DialogBody as l } from "./DialogBody.js";
+import { DialogTabs as f } from "./DialogTabs.js";
+import { DialogSection as D } from "./DialogSection.js";
+import { DialogContact as n } from "./DialogContact.js";
+import { DialogHistory as c } from "./DialogHistory.js";
+import { DialogHistorySegment as u } from "./DialogHistorySegment.js";
+import { DialogHistoryItem as d } from "./DialogHistoryItem.js";
+import { DialogList as H } from "./DialogList.js";
+import { DialogListGroup as h } from "./DialogListGroup.js";
+import { DialogListItem as T } from "./DialogListItem.js";
+import { DialogMetadata as v } from "./DialogMetadata.js";
+import { DialogByline as E } from "./DialogByline.js";
+import { DialogActions as M } from "./DialogActions.js";
+import { DialogActivityLog as k } from "./DialogActivityLog.js";
+import { DialogSeenBy as w } from "./DialogSeenBy.js";
+import { DialogSelect as F } from "./DialogSelect.js";
+import { DialogStatus as K, DialogStatusEnum as N } from "./DialogStatus.js";
+import { DialogHeading as P } from "./DialogHeading.js";
+import { DialogTouchedBy as R } from "./DialogTouchedBy.js";
+import { DialogAttachments as V } from "./DialogAttachments.js";
+import { SeenByLog as X } from "./SeenByLog.js";
 export {
   t as Dialog,
-  d as DialogActions,
-  J as DialogActivity,
-  B as DialogActivityLog,
-  w as DialogAttachments,
-  g as DialogBody,
-  c as DialogByline,
-  i as DialogHeader,
-  b as DialogHeading,
-  C as DialogHistory,
-  l as DialogList,
-  f as DialogListGroup,
-  D as DialogListItem,
-  s as DialogMetadata,
-  A as DialogSection,
-  h as DialogSeenBy,
-  E as DialogSelect,
-  I as DialogStatus,
-  M as DialogStatusEnum,
-  k as DialogTouchedBy,
-  N as SeenByLog
+  M as DialogActions,
+  k as DialogActivityLog,
+  V as DialogAttachments,
+  l as DialogBody,
+  E as DialogByline,
+  n as DialogContact,
+  m as DialogHeader,
+  P as DialogHeading,
+  c as DialogHistory,
+  d as DialogHistoryItem,
+  u as DialogHistorySegment,
+  i as DialogLayout,
+  H as DialogList,
+  h as DialogListGroup,
+  T as DialogListItem,
+  v as DialogMetadata,
+  D as DialogSection,
+  w as DialogSeenBy,
+  F as DialogSelect,
+  K as DialogStatus,
+  N as DialogStatusEnum,
+  f as DialogTabs,
+  R as DialogTouchedBy,
+  X as SeenByLog
 };

package/dist/components/LayoutAction/ActionHeader.js

@@ -3,9 +3,9 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import { IconButton as c } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
+import { Heading as l } from "../Typography/Heading.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Heading as l } from "../Typography/Heading.js";
 import { S as p } from "../../XMark-Bv1I87Ev.js";
 import '../../assets/ActionHeader.css';const h = "_header_1tian_1", _ = "_title_1tian_34", f = "_dismiss_1tian_40", t = {
   header: h,

package/dist/components/List/List.js

@@ -2,9 +2,9 @@ import { jsx as f } from "react/jsx-runtime";
 import { createElement as l } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
 import { ListItem as a } from "./ListItem.js";
 import { ListBase as h } from "./ListBase.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 const k = ({ defaultItemSize: o, defaultItemTheme: p, defaultItemColor: s, items: c = [], ...n }) => /* @__PURE__ */ f(h, { ...n, children: c.map((r, t) => /* @__PURE__ */ l(
   a,

package/dist/components/List/ListItemHeader.js

@@ -4,12 +4,12 @@ import { isValidElement as B } from "react";
 import { Icon as d } from "../Icon/Icon.js";
 import { Badge as M } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
 import { ListItemLink as v } from "./ListItemLink.js";
 import { ListItemLabel as C } from "./ListItemLabel.js";
 import { ListItemIcon as F } from "./ListItemIcon.js";
 import { ListItemControls as H } from "./ListItemControls.js";
 import { ListItemSelect as V } from "./ListItemSelect.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/ListItemHeader.css';const b = "_header_13dzg_1", g = "_link_13dzg_39", m = {
   header: b,

package/dist/components/Page/ContactSection.js

@@ -1,39 +1,38 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { createElement as l } from "react";
 import "../../index-L8X2o7IH.js";
-import "react";
-import { Button as m } from "../Button/Button.js";
+import { Button as s } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
+import { Typography as f } from "../Typography/Typography.js";
+import { Heading as g } from "../Typography/Heading.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as t } from "./Flex.js";
-import { Section as h } from "./Section.js";
-import { Typography as g } from "../Typography/Typography.js";
-import { Heading as s } from "../Typography/Heading.js";
-const F = ({
-  theme: e,
-  color: l,
-  variant: i = "inline",
-  title: d,
-  description: n,
-  items: c
-}) => /* @__PURE__ */ p(
-  h,
+import { Flex as h } from "./Flex.js";
+import { Section as x } from "./Section.js";
+const H = ({
+  theme: t,
+  color: e,
+  variant: o = "inline",
+  title: i,
+  description: p,
+  children: m,
+  items: n
+}) => /* @__PURE__ */ d(
+  x,
   {
     direction: "col",
-    theme: e,
-    color: l,
-    padding: i === "card" ? "page" : 0,
-    shadow: i === "card" ? "xs" : "none",
+    theme: t,
+    color: e,
+    padding: o === "card" ? "page" : 0,
+    shadow: o === "card" ? "xs" : "none",
     spacing: 4,
     children: [
-      /* @__PURE__ */ p(t, { direction: "col", children: [
-        /* @__PURE__ */ r(s, { size: "lg", children: d }),
-        n && /* @__PURE__ */ r(g, { children: n })
-      ] }),
-      c && /* @__PURE__ */ r(t, { spacing: 2, children: c.map((o, a) => /* @__PURE__ */ r(m, { variant: "outline", icon: o == null ? void 0 : o.icon, children: o.label }, a)) })
+      i && /* @__PURE__ */ r(g, { size: "lg", children: i }),
+      /* @__PURE__ */ r(f, { children: m || /* @__PURE__ */ r("p", { children: p }) }),
+      n && /* @__PURE__ */ r(h, { spacing: 2, children: n.map((c, a) => /* @__PURE__ */ l(s, { ...c, variant: "outline", key: a })) })
     ]
   }
 );
 export {
-  F as ContactSection
+  H as ContactSection
 };

package/dist/components/Page/PageHeader.js

@@ -2,15 +2,15 @@ import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
 import { ListItemIcon as j } from "../List/ListItemIcon.js";
+import { Typography as y } from "../Typography/Typography.js";
+import { Heading as H } from "../Typography/Heading.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as m } from "./Flex.js";
-import { PageNav as y } from "./PageNav.js";
-import { PageTabs as H } from "./PageTabs.js";
-import { Section as I } from "./Section.js";
-import { Typography as T } from "../Typography/Typography.js";
-import { Heading as F } from "../Typography/Heading.js";
+import { PageNav as I } from "./PageNav.js";
+import { PageTabs as T } from "./PageTabs.js";
+import { Section as F } from "./Section.js";
 const R = ({
   variant: g,
   size: f = "xl",
@@ -29,28 +29,28 @@ const R = ({
   controls: L,
   children: z,
   ...P
-}) => (g === "card" && (l = "default", a = "page", c = "xs", d = !0), g === "card" ? /* @__PURE__ */ i(I, { as: "header", theme: l, shadow: c, bleed: d, ...P, children: [
-  (p || n) && /* @__PURE__ */ r(y, { backButton: p, breadcrumbs: n, padding: 2 }),
+}) => (g === "card" && (l = "default", a = "page", c = "xs", d = !0), g === "card" ? /* @__PURE__ */ i(F, { as: "header", theme: l, shadow: c, bleed: d, ...P, children: [
+  (p || n) && /* @__PURE__ */ r(I, { backButton: p, breadcrumbs: n, padding: 2 }),
   /* @__PURE__ */ i(m, { direction: "row", align: "center", padding: "page", spacing: 3, children: [
     /* @__PURE__ */ r(j, { avatar: h, avatarGroup: s, icon: t, size: "xl" }),
     /* @__PURE__ */ i(m, { direction: "col", children: [
-      /* @__PURE__ */ r(F, { size: f, children: x }),
-      o && /* @__PURE__ */ r(T, { size: "xs", children: o })
+      /* @__PURE__ */ r(H, { size: f, children: x }),
+      o && /* @__PURE__ */ r(y, { size: "xs", children: o })
     ] })
   ] }),
   z,
-  e && /* @__PURE__ */ r(H, { ...e, padding: 2 })
-] }) : /* @__PURE__ */ i(I, { as: "header", theme: l, shadow: c, bleed: d, ...P, children: [
-  (p || n) && /* @__PURE__ */ r(y, { backButton: p, breadcrumbs: n }),
+  e && /* @__PURE__ */ r(T, { ...e, padding: 2 })
+] }) : /* @__PURE__ */ i(F, { as: "header", theme: l, shadow: c, bleed: d, ...P, children: [
+  (p || n) && /* @__PURE__ */ r(I, { backButton: p, breadcrumbs: n }),
   /* @__PURE__ */ i(m, { direction: "row", align: "center", padding: a, spacing: 3, children: [
     /* @__PURE__ */ r(j, { avatar: h, avatarGroup: s, icon: t, size: "xl" }),
     /* @__PURE__ */ i(m, { direction: "col", children: [
-      /* @__PURE__ */ r(F, { size: f, children: x }),
-      o && /* @__PURE__ */ r(T, { size: "xs", children: o })
+      /* @__PURE__ */ r(H, { size: f, children: x }),
+      o && /* @__PURE__ */ r(y, { size: "xs", children: o })
     ] })
   ] }),
   z,
-  e && /* @__PURE__ */ r(H, { ...e })
+  e && /* @__PURE__ */ r(T, { ...e })
 ] }));
 export {
   R as PageHeader

package/dist/components/Search/AutocompleteItem.js

@@ -3,11 +3,11 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import { BookmarksListItem as a } from "../Bookmarks/BookmarksListItem.js";
 import "../RootProvider/RootProvider.js";
+import { ListItem as o } from "../List/ListItem.js";
 import { DialogListItem as r } from "../Dialog/DialogListItem.js";
 import "./AutocompleteBase.js";
 import { ScopeListItem as n } from "./ScopeListItem.js";
 import { SuggestListItem as s } from "./SuggestListItem.js";
-import { ListItem as o } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
 const w = ({ type: m, ...e }) => {
   switch (m) {

package/dist/components/Search/SuggestListItem.js

@@ -2,8 +2,8 @@ import { jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "./AutocompleteBase.js";
 import { ListItem as o } from "../List/ListItem.js";
+import "./AutocompleteBase.js";
 import { QueryLabel as i } from "./QueryLabel.js";
 import "../Snackbar/useSnackbar.js";
 const g = ({ as: p = "a", params: r, ...m }) => /* @__PURE__ */ t(o, { label: /* @__PURE__ */ t(i, { params: r }), ...m });

package/dist/components/Timeline/TimelineActivity.js

@@ -3,10 +3,10 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import { Byline as n } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
+import { Typography as l } from "../Typography/Typography.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as l } from "../Page/Section.js";
-import { Typography as y } from "../Typography/Typography.js";
+import { Section as y } from "../Page/Section.js";
 import { S as a } from "../../CircleFill-IZdiBc_K.js";
 const k = ({
   loading: r,
@@ -20,9 +20,9 @@ const k = ({
   children: o,
   footer: g,
   ...f
-}) => /* @__PURE__ */ c(l, { margin: p, spacing: e, ...f, children: [
+}) => /* @__PURE__ */ c(y, { margin: p, spacing: e, ...f, children: [
   t && /* @__PURE__ */ i(n, { loading: r, datetime: s, children: t }),
-  o && typeof o == "string" ? /* @__PURE__ */ i(y, { as: "p", loading: r, size: "md", ...m, children: o }) : o
+  o && typeof o == "string" ? /* @__PURE__ */ i(l, { as: "p", loading: r, size: "md", ...m, children: o }) : o
 ] });
 export {
   k as TimelineActivity

package/dist/components/Timeline/TimelineFooter.js

@@ -3,9 +3,9 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import { Byline as l } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
+import { TimelineBase as n } from "./TimelineBase.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { TimelineBase as n } from "./TimelineBase.js";
 import { S as f } from "../../CircleFill-IZdiBc_K.js";
 const S = ({
   loading: r,

package/dist/components/Timeline/TimelineSection.js

@@ -1,31 +1,27 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { jsxs as x, jsx as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Byline as x } from "../Byline/Byline.js";
+import { Byline as y } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
+import { TimelineBase as T } from "./TimelineBase.js";
+import { Typography as j } from "../Typography/Typography.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { TimelineBase as T } from "./TimelineBase.js";
-import { Section as j } from "../Page/Section.js";
-import { Typography as y } from "../Typography/Typography.js";
+import { Section as B } from "../Page/Section.js";
 const w = ({
-  loading: r,
-  margin: p,
-  spacing: e,
-  as: n = "li",
+  loading: o,
+  margin: i,
+  spacing: p,
+  as: e = "li",
   border: s = "strong",
-  color: c,
-  typographyProps: f = {},
-  datetime: h,
-  byline: o,
-  children: i,
-  footer: l
-}) => /* @__PURE__ */ m(T, { loading: r, border: s, color: c, as: n, children: [
-  o && /* @__PURE__ */ t(x, { loading: r, datetime: h, children: o }),
-  /* @__PURE__ */ m(j, { margin: p, spacing: e, children: [
-    i && /* @__PURE__ */ t(y, { loading: r, size: "md", ...f, children: i }),
-    l
-  ] })
+  color: f,
+  typographyProps: n = {},
+  datetime: c,
+  byline: t,
+  children: r
+}) => /* @__PURE__ */ x(T, { loading: o, border: s, color: f, as: e, children: [
+  t && /* @__PURE__ */ m(y, { loading: o, datetime: c, children: t }),
+  /* @__PURE__ */ m(B, { margin: i, spacing: p, children: r && typeof r == "string" ? /* @__PURE__ */ m(j, { as: "p", loading: o, size: "md", ...n, children: r }) : r })
 ] });
 export {
   w as TimelineSection

package/dist/components/Timeline/TimelineSegment.js

@@ -3,9 +3,9 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import { Byline as f } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
+import { TimelineBase as S } from "./TimelineBase.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { TimelineBase as S } from "./TimelineBase.js";
 import { Section as a } from "../Page/Section.js";
 import { S as h } from "../../CircleFill-IZdiBc_K.js";
 const k = ({