@altinn/altinn-components 0.56.34 → 0.57.3

package/dist/components/Settings/SettingsList.js

@@ -1,39 +1,37 @@
-import { jsx as r, jsxs as o } from "react/jsx-runtime";
-import { Fragment as m, createElement as d } from "react";
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { Fragment as s, createElement as d } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useMenu as f } from "../../hooks/useMenu.js";
-import "../RootProvider/RootProvider.js";
-import { Heading as u } from "../Typography/Heading.js";
+import { H as u, p as h } from "../../Section-xbt3ft20.js";
 import "../Button/Button.js";
 import "react-dom";
-import { Divider as h } from "../Divider/Divider.js";
-import { List as y } from "../List/List.js";
+import { Divider as y } from "../Divider/Divider.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as S } from "../Page/Flex.js";
 import { SettingsItem as v } from "./SettingsItem.js";
 import { SettingsSection as j } from "./SettingsSection.js";
-const q = ({ items: s, groups: p = {}, sortGroupBy: n }) => {
+const K = ({ items: m, groups: p = {}, sortGroupBy: n }) => {
   const { menu: c } = f({
-    items: s,
+    items: m,
     groups: p,
     groupByKey: "groupId",
     keyboardEvents: !1,
     sortGroupBy: n
   });
-  return /* @__PURE__ */ r(S, { as: "div", spacing: "page", direction: "col", children: c?.map((i, l) => {
-    const e = i.props || {};
-    return /* @__PURE__ */ o(m, { children: [
-      e?.title && /* @__PURE__ */ r(u, { size: "lg", children: e.title }),
-      /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(y, { size: "sm", children: i?.items.map((a, t) => {
+  return /* @__PURE__ */ t(S, { as: "div", spacing: "page", direction: "col", children: c?.map((e, l) => {
+    const i = e.props || {};
+    return /* @__PURE__ */ o(s, { children: [
+      i?.title && /* @__PURE__ */ t(u, { size: "lg", children: i.title }),
+      /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(h, { size: "sm", children: e?.items.map((a, r) => {
         const g = a.props || {};
-        return /* @__PURE__ */ o(m, { children: [
-          t > 0 && /* @__PURE__ */ r(h, { as: "li" }),
-          /* @__PURE__ */ d(v, { ...g, key: "settings-list-item" + t })
-        ] }, t);
+        return /* @__PURE__ */ o(s, { children: [
+          r > 0 && /* @__PURE__ */ t(y, { as: "li" }),
+          /* @__PURE__ */ d(v, { ...g, key: "settings-list-item" + r })
+        ] }, r);
       }) }) })
     ] }, l);
   }) });
 };
 export {
-  q as SettingsList
+  K as SettingsList
 };

package/dist/components/Settings/SettingsModal.js

@@ -1,7 +1,7 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import { createElement as u } from "react";
 import "../../index-p1eeF8LQ.js";
-import "../RootProvider/RootProvider.js";
+import "../../Section-xbt3ft20.js";
 import { Button as M } from "../Button/Button.js";
 import { ButtonIcon as k } from "../Button/ButtonIcon.js";
 import { ButtonLabel as x } from "../Button/ButtonLabel.js";

package/dist/components/Settings/SettingsSection.js

@@ -1,21 +1,20 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import { S as c } from "../../Section-xbt3ft20.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { Section as n } from "../Page/Section.js";
-import '../../assets/SettingsSection.css';const c = "_section_13ero_1", p = {
-  section: c
-}, d = ({
+import '../../assets/SettingsSection.css';const m = "_section_13ero_1", p = {
+  section: m
+}, u = ({
   size: t = "sm",
   theme: o = "default",
-  shadow: i = "xs",
-  as: s,
-  color: r,
-  children: e
-}) => /* @__PURE__ */ m(n, { as: s, size: t, color: r, theme: o, shadow: i, className: p.section, spacing: 2, children: e });
+  shadow: s = "xs",
+  as: i,
+  color: e,
+  children: r
+}) => /* @__PURE__ */ n(c, { as: i, size: t, color: e, theme: o, shadow: s, className: p.section, spacing: 2, children: r });
 export {
-  d as SettingsSection
+  u as SettingsSection
 };

package/dist/components/Settings/UsedByLog.js

@@ -1,46 +1,44 @@
 "use client";
 import { jsx as o, jsxs as a } from "react/jsx-runtime";
-import { useState as y, createElement as B, useMemo as L, Fragment as S } from "react";
+import { useState as y, createElement as B, useMemo as S, Fragment as L } from "react";
 import "../../index-p1eeF8LQ.js";
-import "../RootProvider/RootProvider.js";
+import { S as s, p as d } from "../../Section-xbt3ft20.js";
 import "../Button/Button.js";
 import "react-dom";
-import { SeenByLogButton as s } from "../Dialog/SeenByLogButton.js";
-import { Divider as d } from "../Divider/Divider.js";
-import { List as u } from "../List/List.js";
+import { SeenByLogButton as u } from "../Dialog/SeenByLogButton.js";
+import { Divider as g } from "../Divider/Divider.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as j } from "../Page/Flex.js";
-import { Section as g } from "../Page/Section.js";
-import { UsedByLogItem as f } from "./UsedByLogItem.js";
-const A = ({
-  collapsible: m = !0,
-  expanded: h,
+import { UsedByLogItem as h } from "./UsedByLogItem.js";
+const q = ({
+  collapsible: p = !0,
+  expanded: f,
   title: t,
   items: n,
   size: e = "sm",
   endUserLabel: i
 }) => {
-  const [p, l] = y(h || !m && !0), v = () => {
+  const [m, l] = y(f || !p && !0), v = () => {
     l((r) => !r);
   };
   if (n?.length === 1)
-    return /* @__PURE__ */ o(g, { spacing: 1, children: /* @__PURE__ */ o(u, { size: e, spacing: 1, children: n?.map((r) => /* @__PURE__ */ B(f, { ...r, key: r.id, size: e, endUserLabel: i })) }) });
-  const c = L(
+    return /* @__PURE__ */ o(s, { spacing: 1, children: /* @__PURE__ */ o(d, { size: e, spacing: 1, children: n?.map((r) => /* @__PURE__ */ B(h, { ...r, key: r.id, size: e, endUserLabel: i })) }) });
+  const c = S(
     () => n.map((r) => ({
       ...r,
       ...r.avatar
     })),
     [n]
   );
-  return /* @__PURE__ */ a(g, { spacing: 1, children: [
-    t && /* @__PURE__ */ o(j, { children: m ? /* @__PURE__ */ o(s, { items: c, as: "button", onClick: v, children: t }) : /* @__PURE__ */ o(s, { items: c, as: "div", children: t }) }),
-    t && p && /* @__PURE__ */ o(d, {}),
-    p && /* @__PURE__ */ o(u, { size: e, spacing: 1, children: n?.map((r, x) => /* @__PURE__ */ a(S, { children: [
-      x > 0 && /* @__PURE__ */ o(d, {}),
-      /* @__PURE__ */ o(f, { ...r, size: e, endUserLabel: i })
+  return /* @__PURE__ */ a(s, { spacing: 1, children: [
+    t && /* @__PURE__ */ o(j, { children: p ? /* @__PURE__ */ o(u, { items: c, as: "button", onClick: v, children: t }) : /* @__PURE__ */ o(u, { items: c, as: "div", children: t }) }),
+    t && m && /* @__PURE__ */ o(g, {}),
+    m && /* @__PURE__ */ o(d, { size: e, spacing: 1, children: n?.map((r, x) => /* @__PURE__ */ a(L, { children: [
+      x > 0 && /* @__PURE__ */ o(g, {}),
+      /* @__PURE__ */ o(h, { ...r, size: e, endUserLabel: i })
     ] }, r.id)) })
   ] });
 };
 export {
-  A as UsedByLog
+  q as UsedByLog
 };

package/dist/components/Settings/UsedByLogItem.js

@@ -1,25 +1,24 @@
 import { jsxs as r, jsx as n } from "react/jsx-runtime";
-import { Badge as s } from "../Badge/Badge.js";
+import { Badge as p } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import { B as c } from "../../Section-xbt3ft20.js";
 import "../Button/Button.js";
-import { Byline as c } from "../Byline/Byline.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { Flex as g } from "../Page/Flex.js";
-const N = ({
+const y = ({
   type: m,
   name: t,
   description: o,
   isEndUser: e,
   endUserLabel: a,
-  avatar: p,
+  avatar: s,
   size: l = "sm"
 }) => {
   const i = e && { label: a };
   return /* @__PURE__ */ r(g, { align: "center", spacing: 2, as: "li", children: [
-    /* @__PURE__ */ r(c, { size: l, avatar: { name: t, type: m, ...p }, children: [
+    /* @__PURE__ */ r(c, { size: l, avatar: { name: t, type: m, ...s }, children: [
       /* @__PURE__ */ r("strong", { children: [
         t,
         o && NaN
@@ -27,9 +26,9 @@ const N = ({
       " ",
       o
     ] }),
-    i && /* @__PURE__ */ n(s, { variant: "subtle", ...i })
+    i && /* @__PURE__ */ n(p, { variant: "subtle", ...i })
   ] });
 };
 export {
-  N as UsedByLogItem
+  y as UsedByLogItem
 };

package/dist/components/Snackbar/SnackbarItem.js

@@ -1,14 +1,12 @@
 "use client";
-import { jsxs as f, jsx as l } from "react/jsx-runtime";
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
 import { c as p } from "../../index-p1eeF8LQ.js";
-import { Icon as u } from "../Icon/Icon.js";
-import a, { forwardRef as v } from "react";
-import "../RootProvider/RootProvider.js";
-import { Button as _ } from "../Button/Button.js";
+import { I as u, E as v } from "../../Section-xbt3ft20.js";
+import a, { forwardRef as _ } from "react";
+import { Button as g } from "../Button/Button.js";
 import "react-dom";
 import "./useSnackbar.js";
-import { u as g } from "../../useId-BVFxCjkq.js";
-import { S as h } from "../../XMark-tKk6aExO.js";
+import { u as h } from "../../useId-BVFxCjkq.js";
 import '../../assets/SnackbarItem.css';var y = function(e, i) {
   var o = {};
   for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && i.indexOf(t) < 0 && (o[t] = e[t]);
@@ -17,13 +15,13 @@ import '../../assets/SnackbarItem.css';var y = function(e, i) {
       i.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (o[t[n]] = e[t[n]]);
   return o;
 };
-const w = v((e, i) => {
+const w = _((e, i) => {
   var { title: o, titleId: t } = e, n = y(e, ["title", "titleId"]);
-  let r = g();
-  return r = o ? t || "title-" + r : void 0, a.createElement(
+  let l = h();
+  return l = o ? t || "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: i, "aria-labelledby": r }, n),
-    o ? a.createElement("title", { id: r }, o) : null,
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": l }, n),
+    o ? a.createElement("title", { id: l }, o) : null,
     a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.75 2.5a.75.75 0 0 0-1.5 0v1.273c-2.222.14-3.655.92-4.499 2.186-.887 1.33-1.001 3.04-1.001 4.541v3c0 .809-.424 1.92-.92 2.915a18 18 0 0 1-.936 1.641l-.014.022-.004.006A.75.75 0 0 0 4.5 19.25h4.338a3.25 3.25 0 0 0 6.324 0H19.5a.75.75 0 0 0 .624-1.166l-.004-.006-.014-.022-.06-.091c-.05-.081-.125-.2-.215-.35-.18-.301-.42-.722-.66-1.2-.497-.994-.921-2.106-.921-2.915v-3c0-1.501-.114-3.21-1.001-4.541-.844-1.266-2.277-2.046-4.499-2.186zm-1.987 17.237a1.8 1.8 0 0 1-.344-.487h3.162a1.75 1.75 0 0 1-1.581 1 1.75 1.75 0 0 1-1.237-.513", clipRule: "evenodd" })
   );
 }), O = "_item_1a13i_1", b = "_icon_1a13i_23", x = "_content_1a13i_33", I = "_action_1a13i_41", c = {
@@ -33,22 +31,22 @@ const w = v((e, i) => {
   action: I
 };
 var j = /* @__PURE__ */ ((e) => (e.company = "company", e.success = "success", e.warning = "warning", e.danger = "danger", e.info = "info", e))(j || {});
-const T = ({
+const F = ({
   as: e,
   message: i,
   className: o,
   color: t,
   icon: n = w,
-  iconAltText: r = "Bell icon",
+  iconAltText: l = "Bell icon",
   dismissable: s = !0,
-  onDismiss: m,
-  ...d
-}) => /* @__PURE__ */ f(e || "div", { className: p(c.item, o), "data-color": t, role: "alert", ...d, children: [
-  /* @__PURE__ */ l(u, { svgElement: n, className: c.icon, "aria-hidden": "true" }),
-  /* @__PURE__ */ l("div", { className: c.content, children: i }),
-  s && /* @__PURE__ */ l("div", { className: c.action, children: /* @__PURE__ */ l(_, { variant: "solid", onClick: m, "aria-label": "close", children: /* @__PURE__ */ l(h, { style: { fontSize: "1.5em" } }) }) })
+  onDismiss: d,
+  ...m
+}) => /* @__PURE__ */ f(e || "div", { className: p(c.item, o), "data-color": t, role: "alert", ...m, children: [
+  /* @__PURE__ */ r(u, { svgElement: n, className: c.icon, "aria-hidden": "true" }),
+  /* @__PURE__ */ r("div", { className: c.content, children: i }),
+  s && /* @__PURE__ */ r("div", { className: c.action, children: /* @__PURE__ */ r(g, { variant: "solid", onClick: d, "aria-label": "close", children: /* @__PURE__ */ r(v, { style: { fontSize: "1.5em" } }) }) })
 ] });
 export {
   j as SnackbarColorEnum,
-  T as SnackbarItem
+  F as SnackbarItem
 };

package/dist/components/Timeline/Timeline.js

@@ -1,12 +1,11 @@
 import { jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import { S as m } from "../../Section-xbt3ft20.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { Section as m } from "../Page/Section.js";
-const x = ({ as: t = "ul", spacing: o = 2, children: r }) => /* @__PURE__ */ i(m, { as: t, spacing: o, style: { width: "100%" }, children: r });
+const u = ({ as: t = "ul", spacing: o = 2, children: r }) => /* @__PURE__ */ i(m, { as: t, spacing: o, style: { width: "100%" }, children: r });
 export {
-  x as Timeline
+  u as Timeline
 };

package/dist/components/Timeline/TimelineActivity.js

@@ -1,30 +1,28 @@
-import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import { jsxs as a, jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
-import { Typography as n } from "../Typography/Typography.js";
+import { S as c, B as n } from "../../Section-xbt3ft20.js";
+import { Typography as l } from "../Typography/Typography.js";
 import "../Button/Button.js";
-import { Byline as l } from "../Byline/Byline.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { Section as y } from "../Page/Section.js";
-import { S as a } from "../../CircleFill-yFbEHBRX.js";
-const q = ({
+import { S as y } from "../../CircleFill-yFbEHBRX.js";
+const h = ({
   loading: r,
   byline: t,
-  icon: x = a,
-  color: S = "neutral",
+  icon: S = y,
+  color: x = "neutral",
   typographyProps: m = {},
   margin: p,
-  spacing: e,
-  datetime: s,
+  spacing: s,
+  datetime: e,
   children: o,
   footer: g,
   ...f
-}) => /* @__PURE__ */ c(y, { margin: p, spacing: e, ...f, children: [
-  t && /* @__PURE__ */ i(l, { loading: r, datetime: s, children: t }),
-  o && typeof o == "string" ? /* @__PURE__ */ i(n, { as: "p", loading: r, size: "md", ...m, children: o }) : o
+}) => /* @__PURE__ */ a(c, { margin: p, spacing: s, ...f, children: [
+  t && /* @__PURE__ */ i(n, { loading: r, datetime: e, children: t }),
+  o && typeof o == "string" ? /* @__PURE__ */ i(l, { as: "p", loading: r, size: "md", ...m, children: o }) : o
 ] });
 export {
-  q as TimelineActivity
+  h as TimelineActivity
 };

package/dist/components/Timeline/TimelineBase.js

@@ -1,7 +1,7 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import "../../Section-xbt3ft20.js";
 import "../Button/Button.js";
 import "react-dom";
 import { TimelineIcon as v } from "./TimelineIcon.js";

package/dist/components/Timeline/TimelineFooter.js

@@ -1,21 +1,20 @@
 import { jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import { B as l } from "../../Section-xbt3ft20.js";
 import "../Button/Button.js";
-import { Byline as l } from "../Byline/Byline.js";
 import "react-dom";
 import { TimelineBase as n } from "./TimelineBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as f } from "../../CircleFill-yFbEHBRX.js";
-const T = ({
+import { S as s } from "../../CircleFill-yFbEHBRX.js";
+const S = ({
   loading: r,
   as: o = "li",
   color: m = "neutral",
-  icon: t = f,
-  iconColor: e,
+  icon: e = s,
+  iconColor: t,
   children: p
-}) => /* @__PURE__ */ i(n, { loading: r, as: o, icon: t, color: m, iconColor: e, border: "hidden", children: /* @__PURE__ */ i(l, { loading: r, children: p }) });
+}) => /* @__PURE__ */ i(n, { loading: r, as: o, icon: e, color: m, iconColor: t, border: "hidden", children: /* @__PURE__ */ i(l, { loading: r, children: p }) });
 export {
-  T as TimelineFooter
+  S as TimelineFooter
 };

package/dist/components/Timeline/TimelineHeader.js

@@ -1,10 +1,9 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { Skeleton as c } from "../Skeleton/Skeleton.js";
-import "../RootProvider/RootProvider.js";
+import { Skeleton as a } from "../Skeleton/Skeleton.js";
+import { B as c } from "../../Section-xbt3ft20.js";
 import "../Button/Button.js";
-import { Byline as a } from "../Byline/Byline.js";
 import "react-dom";
 import { TimelineIcon as l } from "./TimelineIcon.js";
 import "../Snackbar/useSnackbar.js";
@@ -13,10 +12,10 @@ import '../../assets/TimelineHeader.css';const p = "_header_177gq_1", h = "_side
   header: p,
   sidebar: h,
   content: _
-}, k = ({ as: t = "li", loading: i, color: o, icon: s, children: n }) => /* @__PURE__ */ m(d, { as: t, className: r.header, color: o, children: [
-  /* @__PURE__ */ e("aside", { className: r.sidebar, children: /* @__PURE__ */ e(c, { variant: "circle", loading: i, children: /* @__PURE__ */ e(l, { icon: s, theme: "base", size: "lg" }) }) }),
-  /* @__PURE__ */ e("div", { className: r.content, children: /* @__PURE__ */ e(a, { loading: i, size: "lg", children: n }) })
+}, B = ({ as: t = "li", loading: i, color: o, icon: s, children: n }) => /* @__PURE__ */ m(d, { as: t, className: r.header, color: o, children: [
+  /* @__PURE__ */ e("aside", { className: r.sidebar, children: /* @__PURE__ */ e(a, { variant: "circle", loading: i, children: /* @__PURE__ */ e(l, { icon: s, theme: "base", size: "lg" }) }) }),
+  /* @__PURE__ */ e("div", { className: r.content, children: /* @__PURE__ */ e(c, { loading: i, size: "lg", children: n }) })
 ] });
 export {
-  k as TimelineHeader
+  B as TimelineHeader
 };

package/dist/components/Timeline/TimelineIcon.js

@@ -1,21 +1,19 @@
-import { jsx as t } from "react/jsx-runtime";
-import { isValidElement as p } from "react";
+import { jsx as o } from "react/jsx-runtime";
+import { isValidElement as n } from "react";
 import "../../index-p1eeF8LQ.js";
-import { Icon as s, isIconProps as n } from "../Icon/Icon.js";
-import { isAvatarProps as l, Avatar as f } from "../Avatar/Avatar.js";
-import { isAvatarGroupProps as c, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
-import "../RootProvider/RootProvider.js";
+import { I as s, E as p, i as l } from "../../Section-xbt3ft20.js";
+import { isAvatarProps as f, Avatar as c } from "../Avatar/Avatar.js";
+import { isAvatarGroupProps as u, AvatarGroup as d } from "../Avatar/AvatarGroup.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { S as d } from "../../XMark-tKk6aExO.js";
-import '../../assets/TimelineIcon.css';const g = "_icon_13w5g_1", m = {
+import '../../assets/TimelineIcon.css';const g = "_icon_13w5g_1", a = {
   icon: g
 };
-function v(o) {
-  return typeof o == "string" || typeof o == "number" || typeof o == "boolean" || o === null || p(o);
+function v(t) {
+  return typeof t == "string" || typeof t == "number" || typeof t == "boolean" || t === null || n(t);
 }
-const j = ({ loading: o, size: i, color: e, theme: a, icon: r }) => r ? o ? /* @__PURE__ */ t(s, { className: m.icon, svgElement: d, loading: !0 }) : /* @__PURE__ */ t("div", { className: m.icon, "data-color": e, "data-size": i, children: l(r) && /* @__PURE__ */ t(f, { ...r }) || c(r) && /* @__PURE__ */ t(u, { ...r, className: m.avatarGroup }) || n(r) && /* @__PURE__ */ t(s, { ...r, theme: a }) || v(r) && r || /* @__PURE__ */ t(s, { theme: a, svgElement: r }) }) : null;
+const x = ({ loading: t, size: e, color: m, theme: i, icon: r }) => r ? t ? /* @__PURE__ */ o(s, { className: a.icon, svgElement: p, loading: !0 }) : /* @__PURE__ */ o("div", { className: a.icon, "data-color": m, "data-size": e, children: f(r) && /* @__PURE__ */ o(c, { ...r }) || u(r) && /* @__PURE__ */ o(d, { ...r, className: a.avatarGroup }) || l(r) && /* @__PURE__ */ o(s, { ...r, theme: i }) || v(r) && r || /* @__PURE__ */ o(s, { theme: i, svgElement: r }) }) : null;
 export {
-  j as TimelineIcon
+  x as TimelineIcon
 };

package/dist/components/Timeline/TimelineSection.js

@@ -1,42 +1,40 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { jsxs as B, jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import { B as S, S as T } from "../../Section-xbt3ft20.js";
 import { Typography as c } from "../Typography/Typography.js";
 import "../Button/Button.js";
-import { Byline as j } from "../Byline/Byline.js";
 import "react-dom";
-import { TimelineBase as l } from "./TimelineBase.js";
+import { TimelineBase as j } from "./TimelineBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as u } from "../Page/Section.js";
-const w = ({
+const q = ({
   loading: o,
   unread: p,
   level: e,
   margin: s,
   spacing: n,
   as: f = "li",
-  border: x = "strong",
-  color: m,
-  typographyProps: y = {},
-  datetime: T,
-  byline: i,
+  border: a = "strong",
+  color: i,
+  typographyProps: x = {},
+  datetime: y,
+  byline: m,
   children: r
-}) => /* @__PURE__ */ a(
-  l,
+}) => /* @__PURE__ */ B(
+  j,
   {
     loading: o,
     level: e,
-    border: x,
-    color: m,
-    borderColor: p ? m : "neutral",
+    border: a,
+    color: i,
+    borderColor: p ? i : "neutral",
     as: f,
     children: [
-      i && /* @__PURE__ */ t(j, { loading: o, datetime: T, children: i }),
-      /* @__PURE__ */ t(u, { margin: s, spacing: n, children: r && typeof r == "string" ? /* @__PURE__ */ t(c, { as: "p", loading: o, size: "md", ...y, children: r }) : r })
+      m && /* @__PURE__ */ t(S, { loading: o, datetime: y, children: m }),
+      /* @__PURE__ */ t(T, { margin: s, spacing: n, children: r && typeof r == "string" ? /* @__PURE__ */ t(c, { as: "p", loading: o, size: "md", ...x, children: r }) : r })
     ]
   }
 );
 export {
-  w as TimelineSection
+  q as TimelineSection
 };

package/dist/components/Timeline/TimelineSegment.js

@@ -1,31 +1,29 @@
-import { jsx as i, jsxs as S } from "react/jsx-runtime";
+import { jsx as i, jsxs as f } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import { S, B as h } from "../../Section-xbt3ft20.js";
 import "../Button/Button.js";
-import { Byline as a } from "../Byline/Byline.js";
 import "react-dom";
-import { TimelineBase as h } from "./TimelineBase.js";
+import { TimelineBase as x } from "./TimelineBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as x } from "../Page/Section.js";
-import { S as d } from "../../CircleFill-yFbEHBRX.js";
-const y = ({
+import { S as B } from "../../CircleFill-yFbEHBRX.js";
+const q = ({
   loading: r,
-  unread: m,
-  datetime: t,
+  unread: t,
+  datetime: m,
   byline: o,
-  icon: e = d,
-  color: p,
-  spacing: l = 2,
+  icon: e = B,
+  color: l,
+  spacing: p = 2,
   margin: n = "bottom",
-  children: c,
-  id: s,
-  footer: j,
-  ...f
-}) => /* @__PURE__ */ i(h, { loading: r, color: m ? p : "neutral", icon: e, as: "li", ...f, id: s, children: /* @__PURE__ */ S(x, { margin: n, spacing: l, children: [
-  o && /* @__PURE__ */ i(a, { loading: r, datetime: t, children: o }),
-  c
+  children: s,
+  id: c,
+  footer: d,
+  ...a
+}) => /* @__PURE__ */ i(x, { loading: r, color: t ? l : "neutral", icon: e, as: "li", ...a, id: c, children: /* @__PURE__ */ f(S, { margin: n, spacing: p, children: [
+  o && /* @__PURE__ */ i(h, { loading: r, datetime: m, children: o }),
+  s
 ] }) });
 export {
-  y as TimelineSegment
+  q as TimelineSegment
 };