@altinn/altinn-components 0.20.2 → 0.21.0

package/dist/ArrowUp-Cn3ai5t6.js

@@ -0,0 +1,25 @@
+"use client";
+import * as a from "react";
+import { forwardRef as i } from "react";
+import { u as f } from "./useId-CsCRkvK3.js";
+var d = function(t, o) {
+  var l = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (l[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
+      o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
+  return l;
+};
+const m = i((t, o) => {
+  var { title: l, titleId: e } = t, r = d(t, ["title", "titleId"]);
+  let n = f();
+  return n = l ? e || "title-" + n : 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": n }, r),
+    l ? a.createElement("title", { id: n }, l) : null,
+    a.createElement("path", { fill: "currentColor", d: "M12.53 4.47a.75.75 0 0 0-1.06 0l-4.5 4.5a.75.75 0 0 0 1.06 1.06l3.22-3.22V19a.75.75 0 0 0 1.5 0V6.81l3.22 3.22a.75.75 0 1 0 1.06-1.06z" })
+  );
+});
+export {
+  m as S
+};

package/dist/assets/ButtonBase.css

@@ -1 +1 @@
-._button_mffb6_1{border:1px solid;border-color:transparent;margin:0;padding:0;width:auto;overflow:visible;background:transparent;text-decoration:none;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer}._button_mffb6_1:disabled{opacity:.5;pointer-events:none}._button_mffb6_1[data-size=xs]{height:1.875rem}._button_mffb6_1[data-size=sm]{height:2.25rem}._button_mffb6_1[data-size=md]{height:2.75rem}._button_mffb6_1[data-size=lg]{height:3.5rem}._button_mffb6_1[data-variant=solid]{background-color:var(--ds-color-base-default);border-color:var(--ds-color-base-default);color:var(--ds-color-contrast-default)}._button_mffb6_1[data-variant=solid]:hover{background-color:var(--ds-color-base-hover)}._button_mffb6_1[data-variant=solid]:active{background-color:var(--ds-color-base-active)}._button_mffb6_1[data-variant=outline],._button_mffb6_1[data-variant=dotted]{border-color:var(--ds-color-base-default)}._button_mffb6_1[data-variant=outline]{border-style:solid}._button_mffb6_1[data-variant=dotted]{border-style:dotted}._button_mffb6_1[data-variant=text]{border-color:transparent;color:var(--ds-color-text-subtle)}._button_mffb6_1[data-variant=outline]:hover,._button_mffb6_1[data-variant=dotted]:hover,._button_mffb6_1[data-variant=text]:hover{background-color:var(--ds-color-surface-default);color:var(--ds-color-text-default)}._button_mffb6_1[data-variant=outline]:active,._button_mffb6_1[data-variant=dotted]:active,._button_mffb6_1[data-variant=text]:active{background-color:var(--ds-color-surface-active)}
+._button_ppafq_1{border:1px solid;border-color:transparent;margin:0;padding:0;width:auto;overflow:visible;background:transparent;text-decoration:none;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer}._button_ppafq_1:disabled{opacity:.5;pointer-events:none}._button_ppafq_1[data-size=xs]{height:1.875rem}._button_ppafq_1[data-size=sm]{height:2.25rem}._button_ppafq_1[data-size=md]{height:2.75rem}._button_ppafq_1[data-size=lg]{height:3.5rem}._button_ppafq_1[data-variant=solid]{background-color:var(--ds-color-base-default);border-color:var(--ds-color-base-default);color:var(--ds-color-contrast-default)}._button_ppafq_1[data-variant=solid]:hover{background-color:var(--ds-color-base-hover)}._button_ppafq_1[data-variant=solid]:active{background-color:var(--ds-color-base-active)}._button_ppafq_1[data-variant=outline],._button_ppafq_1[data-variant=dotted]{border-color:var(--ds-color-base-default)}._button_ppafq_1[data-variant=outline]{border-style:solid}._button_ppafq_1[data-variant=dotted]{border-style:dotted}._button_ppafq_1[data-variant=text]{border-color:transparent;color:var(--ds-color-text-subtle)}._button_ppafq_1[data-variant=outline]:hover,._button_ppafq_1[data-variant=dotted]:hover,._button_ppafq_1[data-variant=text]:hover{background-color:var(--ds-color-surface-default);color:var(--ds-color-text-default)}._button_ppafq_1[data-variant=outline]:active,._button_ppafq_1[data-variant=dotted]:active,._button_ppafq_1[data-variant=text]:active{background-color:var(--ds-color-surface-active)}._button_ppafq_1[data-variant=link]{border:none;color:var(--ds-color-text-subtle)}._button_ppafq_1[data-variant=link]:hover{color:var(--ds-color-base-hover)}

package/dist/assets/ListItemLabel.css

@@ -1 +1 @@
-._label_lkhmo_3{width:100%}._label_lkhmo_3[data-size=xs]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._label_lkhmo_3[data-size=sm],._label_lkhmo_3[data-size=md],._label_lkhmo_3[data-size=lg],._label_lkhmo_3[data-size=xl]{display:flex;flex-direction:column;row-gap:.125rem}._label_lkhmo_3[data-size=xs],._label_lkhmo_3[data-size=sm],._label_lkhmo_3[data-size=md]{font-size:1rem}._label_lkhmo_3[data-size=lg]{font-size:1.125rem}._label_lkhmo_3[data-size=xl]{font-size:1.25rem}._title_lkhmo_44{display:inline;font-size:1em;font-weight:600;line-height:1.125;margin:0}._description_lkhmo_52{display:inline;font-weight:400;line-height:1.125;color:var(--ds-color-text-subtle);margin:0}._description_lkhmo_52[data-size=xs],._description_lkhmo_52[data-size=sm],._description_lkhmo_52[data-size=md],._description_lkhmo_52[data-size=lg],._description_lkhmo_52[data-size=xl]{font-size:.875rem;line-height:1rem}[data-theme=base] ._description_lkhmo_52{color:var(--ds-color-contrast-subtle)}[data-theme=surface] ._description_lkhmo_52{color:var(--ds-color-text-default)}
+._label_fiqmy_3{width:100%}._label_fiqmy_3[data-size=xs]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._label_fiqmy_3[data-size=sm],._label_fiqmy_3[data-size=md],._label_fiqmy_3[data-size=lg],._label_fiqmy_3[data-size=xl]{display:flex;flex-direction:column;row-gap:.125rem}._label_fiqmy_3[data-size=xs],._label_fiqmy_3[data-size=sm],._label_fiqmy_3[data-size=md]{font-size:1rem}._label_fiqmy_3[data-size=lg]{font-size:1.125rem}._label_fiqmy_3[data-size=xl]{font-size:1.25rem}._title_fiqmy_43{display:inline;font-size:1em;line-height:1.125;margin:0}._title_fiqmy_43[data-weight=bold]{font-weight:600}._title_fiqmy_43[data-weight=normal]{font-weight:400}._description_fiqmy_58{display:inline;font-weight:400;line-height:1.125;color:var(--ds-color-text-subtle);margin:0}._description_fiqmy_58[data-size=xs],._description_fiqmy_58[data-size=sm],._description_fiqmy_58[data-size=md],._description_fiqmy_58[data-size=lg],._description_fiqmy_58[data-size=xl]{font-size:.875rem;line-height:1rem}[data-theme=base] ._description_fiqmy_58{color:var(--ds-color-contrast-subtle)}[data-theme=surface] ._description_fiqmy_58{color:var(--ds-color-text-default)}

package/dist/assets/TimelineBase.css

@@ -1 +1 @@
-._section_si67h_1{width:100%;display:flex;column-gap:.5rem;min-height:1.5rem}._sidebar_si67h_8{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:.375rem;width:2.25rem}._content_si67h_18{flex-grow:1;display:flex;flex-direction:column}._border_si67h_24{border-left:.25rem solid;border-color:var(--ds-color-surface-default);flex-grow:1}._icon_si67h_30{color:var(--ds-color-surface-active)}._border_si67h_24{border-color:var(--ds-color-surface-active);border-width:.125rem;flex-grow:1}._border_si67h_24[data-variant=hidden]{display:none}._border_si67h_24[data-variant=strong]{border-width:2px;border-style:solid}._border_si67h_24[data-variant=solid]{border-width:1px;border-style:solid}._border_si67h_24[data-variant=dashed]{border-width:1px;border-style:dashed}._border_si67h_24[data-loading=true]{border-width:1px;border-style:dashed;border-color:var(--ds-color-border-subtle)}
+._section_et0gx_1{width:100%;display:flex;column-gap:.5rem;min-height:1.5rem}._sidebar_et0gx_8{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:.375rem;width:2.25rem}._sidebar_et0gx_8[data-level="2"]{width:1.5rem}._content_et0gx_22{flex-grow:1;display:flex;flex-direction:column}._border_et0gx_28{border-left:.25rem solid;border-color:var(--ds-color-surface-default);flex-grow:1}._icon_et0gx_34{color:var(--ds-color-surface-active)}._border_et0gx_28{border-color:var(--ds-color-surface-active);border-width:.125rem;flex-grow:1}._border_et0gx_28[data-variant=hidden]{display:none}._border_et0gx_28[data-variant=strong]{border-width:2px;border-style:solid}._border_et0gx_28[data-variant=solid]{border-width:1px;border-style:solid}._border_et0gx_28[data-variant=dashed]{border-width:1px;border-style:dashed}._border_et0gx_28[data-loading=true]{border-width:1px;border-style:dashed;border-color:var(--ds-color-border-subtle)}

package/dist/assets/TimelineLink.css

@@ -0,0 +1 @@
+._button_18xbc_1{display:inline-flex;align-items:center;column-gap:.125em;height:1.5rem;align-self:flex-start}._reverse_18xbc_9{flex-direction:row-reverse}._icon_18xbc_13{font-size:1.25rem;width:1.5rem;height:1.5rem}._label_18xbc_19{font-size:14px;font-weight:400;line-height:1.125rem;padding:.1875rem 0}

package/dist/components/Button/ButtonBase.js

@@ -1,7 +1,7 @@
-import { jsx as l } from "react/jsx-runtime";
+import { jsx as p } from "react/jsx-runtime";
 import { c as u } from "../../index-L8X2o7IH.js";
-import '../../assets/ButtonBase.css';const i = "_button_mffb6_1", f = {
-  button: i
+import '../../assets/ButtonBase.css';const b = "_button_ppafq_1", i = {
+  button: b
 }, B = ({
   as: o,
   color: a,
@@ -10,22 +10,22 @@ import '../../assets/ButtonBase.css';const i = "_button_mffb6_1", f = {
   disabled: t = !1,
   ariaLabel: e,
   size: r,
-  selected: p,
+  selected: d,
   variant: c,
-  tabIndex: m = 0,
-  ...b
-}) => /* @__PURE__ */ l(
+  tabIndex: l = 0,
+  ...m
+}) => /* @__PURE__ */ p(
   o || "button",
   {
-    tabIndex: m,
+    tabIndex: l,
     "data-size": r,
     "data-variant": c,
     "data-color": a,
     "aria-disabled": t,
     disabled: t,
-    className: u(f.button, n),
+    className: u(i.button, n),
     "aria-label": e,
-    ...b,
+    ...m,
     children: s
   }
 );

package/dist/components/Button/ButtonIcon.js

@@ -1,13 +1,13 @@
 import { jsx as o } from "react/jsx-runtime";
-import { Icon as r } from "../Icon/Icon.js";
-import "../../index-L8X2o7IH.js";
+import { c } from "../../index-L8X2o7IH.js";
+import { Icon as m } from "../Icon/Icon.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/ButtonIcon.css';const c = "_icon_ablit_1", m = {
-  icon: c
-}, d = ({ size: t, icon: i, iconAltText: n }) => /* @__PURE__ */ o("span", { className: m.icon, "data-size": t, children: /* @__PURE__ */ o(r, { svgElement: i, altText: n }) });
+import '../../assets/ButtonIcon.css';const s = "_icon_ablit_1", e = {
+  icon: s
+}, u = ({ className: t, size: i, icon: n, iconAltText: r }) => /* @__PURE__ */ o("span", { className: c(e.icon, t), "data-size": i, children: /* @__PURE__ */ o(m, { svgElement: n, altText: r }) });
 export {
-  d as ButtonIcon
+  u as ButtonIcon
 };

package/dist/components/Byline/Byline.js

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

package/dist/components/Dialog/DialogHistory.js

@@ -1,55 +1,38 @@
 "use client";
-import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import * as i from "react";
-import { forwardRef as m, useState as g, createElement as y } from "react";
-import { Icon as b } from "../Icon/Icon.js";
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import * as s from "react";
+import { forwardRef as p, useState as g, createElement as u } from "react";
+import { Icon as y } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
 import { ButtonBase as h } from "../Button/ButtonBase.js";
 import "../RootProvider/RootProvider.js";
-import { DialogActivity as w } from "./DialogActivity.js";
+import { DialogActivity as v } from "./DialogActivity.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Timeline as v } from "../Timeline/Timeline.js";
-import { TimelineSection as O } from "../Timeline/TimelineSection.js";
-import { u as p } from "../../useId-CsCRkvK3.js";
-import '../../assets/DialogHistory.css';var x = function(t, n) {
+import { Timeline as w } from "../Timeline/Timeline.js";
+import { TimelineSection as x } from "../Timeline/TimelineSection.js";
+import { S as b } from "../../ArrowUp-Cn3ai5t6.js";
+import { u as O } from "../../useId-CsCRkvK3.js";
+import '../../assets/DialogHistory.css';var E = function(e, l) {
   var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
-      n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (r[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]) && (r[t[o]] = e[t[o]]);
   return r;
 };
-const I = m((t, n) => {
-  var { title: r, titleId: e } = t, l = x(t, ["title", "titleId"]);
-  let o = p();
-  return o = r ? e || "title-" + o : void 0, i.createElement(
+const I = p((e, l) => {
+  var { title: r, titleId: t } = e, o = E(e, ["title", "titleId"]);
+  let n = O();
+  return n = r ? t || "title-" + n : void 0, s.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: n, "aria-labelledby": o }, l),
-    r ? i.createElement("title", { id: o }, r) : null,
-    i.createElement("path", { fill: "currentColor", d: "M12.75 5a.75.75 0 0 0-1.5 0v12.19l-3.22-3.22a.75.75 0 0 0-1.06 1.06l4.5 4.5a.75.75 0 0 0 1.06 0l4.5-4.5a.75.75 0 1 0-1.06-1.06l-3.22 3.22z" })
+    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": n }, o),
+    r ? s.createElement("title", { id: n }, r) : null,
+    s.createElement("path", { fill: "currentColor", d: "M12.75 5a.75.75 0 0 0-1.5 0v12.19l-3.22-3.22a.75.75 0 0 0-1.06 1.06l4.5 4.5a.75.75 0 0 0 1.06 0l4.5-4.5a.75.75 0 1 0-1.06-1.06l-3.22 3.22z" })
   );
-});
-var j = function(t, n) {
-  var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
-      n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
-  return r;
-};
-const E = m((t, n) => {
-  var { title: r, titleId: e } = t, l = j(t, ["title", "titleId"]);
-  let o = p();
-  return o = r ? e || "title-" + o : void 0, i.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: n, "aria-labelledby": o }, l),
-    r ? i.createElement("title", { id: o }, r) : null,
-    i.createElement("path", { fill: "currentColor", d: "M12.53 4.47a.75.75 0 0 0-1.06 0l-4.5 4.5a.75.75 0 0 0 1.06 1.06l3.22-3.22V19a.75.75 0 0 0 1.5 0V6.81l3.22 3.22a.75.75 0 1 0 1.06-1.06z" })
-  );
-}), _ = "_toggle_1it16_1", S = {
-  toggle: _
-}, c = ({ expanded: t, children: n, onClick: r }) => /* @__PURE__ */ d(
+}), j = "_toggle_1it16_1", S = {
+  toggle: j
+}, c = ({ expanded: e, children: l, onClick: r }) => /* @__PURE__ */ f(
   h,
   {
     className: S.toggle,
@@ -57,24 +40,24 @@ const E = m((t, n) => {
     onClick: r,
     style: { display: "inline-flex", alignItems: "center" },
     children: [
-      n,
-      /* @__PURE__ */ a(b, { svgElement: t ? E : I, size: "sm" })
+      l,
+      /* @__PURE__ */ i(y, { svgElement: e ? b : I, size: "sm" })
     ]
   }
-), N = ({
-  items: t,
-  collapsible: n = !1,
+), U = ({
+  items: e,
+  collapsible: l = !1,
   expandLabel: r = "Expand history",
-  collapseLabel: e = "Collapse history"
+  collapseLabel: t = "Collapse history"
 }) => {
-  const [l, o] = g(!1), s = () => {
-    o((f) => !f);
+  const [o, n] = g(!1), m = () => {
+    n((a) => !a);
   };
-  return t ? l || !n ? /* @__PURE__ */ d(v, { children: [
-    t.map((f, u) => /* @__PURE__ */ y(w, { ...f, key: u })),
-    n && /* @__PURE__ */ a(c, { expanded: !0, onClick: s, children: e })
-  ] }) : /* @__PURE__ */ a(O, { border: "dashed", children: /* @__PURE__ */ a(c, { onClick: s, children: r }) }) : null;
+  return e ? o || !l ? /* @__PURE__ */ f(w, { children: [
+    e.map((a, d) => /* @__PURE__ */ u(v, { ...a, key: d })),
+    l && /* @__PURE__ */ i(c, { expanded: !0, onClick: m, children: t })
+  ] }) : /* @__PURE__ */ i(x, { border: "dashed", children: /* @__PURE__ */ i(c, { onClick: m, children: r }) }) : null;
 };
 export {
-  N as DialogHistory
+  U as DialogHistory
 };

package/dist/components/List/ListItemLabel.js

@@ -1,14 +1,21 @@
-import { jsx as e, jsxs as o, Fragment as r } from "react/jsx-runtime";
+import { jsx as e, jsxs as o, Fragment as m } from "react/jsx-runtime";
 import { Skeleton as c } from "../Skeleton/Skeleton.js";
-import '../../assets/ListItemLabel.css';const m = "_label_lkhmo_3", d = "_title_lkhmo_44", h = "_description_lkhmo_52", l = {
-  label: m,
-  title: d,
-  description: h
-}, b = ({ loading: s = !1, size: t = "sm", title: n, description: a, children: i }) => /* @__PURE__ */ e("span", { className: l.label, "data-size": t, children: i || /* @__PURE__ */ o(r, { children: [
-  /* @__PURE__ */ e("h2", { className: l.title, "data-size": t, children: /* @__PURE__ */ e(c, { loading: s, children: n }) }),
+import '../../assets/ListItemLabel.css';const d = "_label_fiqmy_3", _ = "_title_fiqmy_43", p = "_description_fiqmy_58", l = {
+  label: d,
+  title: _,
+  description: p
+}, f = ({
+  loading: s = !1,
+  size: t = "sm",
+  title: n,
+  weight: r = "bold",
+  description: i,
+  children: a
+}) => /* @__PURE__ */ e("span", { className: l.label, "data-size": t, children: a || /* @__PURE__ */ o(m, { children: [
+  /* @__PURE__ */ e("h2", { className: l.title, "data-size": t, "data-weight": r, children: /* @__PURE__ */ e(c, { loading: s, children: n }) }),
   " ",
-  a && /* @__PURE__ */ e("p", { className: l.description, "data-size": t, children: /* @__PURE__ */ e(c, { loading: s, children: a }) })
+  i && /* @__PURE__ */ e("p", { className: l.description, "data-size": t, children: /* @__PURE__ */ e(c, { loading: s, children: i }) })
 ] }) });
 export {
-  b as ListItemLabel
+  f as ListItemLabel
 };

package/dist/components/Timeline/Timeline.js

@@ -5,7 +5,7 @@ import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as i } from "../Page/Section.js";
-const x = ({ spacing: o = 2, children: r }) => /* @__PURE__ */ t(i, { spacing: o, children: r });
+const l = ({ spacing: o = 2, children: r }) => /* @__PURE__ */ t(i, { as: "ul", spacing: o, children: r });
 export {
-  x as Timeline
+  l as Timeline
 };

package/dist/components/Timeline/TimelineBase.js

@@ -1,35 +1,37 @@
-import { jsxs as n, jsx as s } from "react/jsx-runtime";
-import { Icon as l } from "../Icon/Icon.js";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { Icon as p } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Avatar as _ } from "../Avatar/Avatar.js";
+import { Avatar as x } from "../Avatar/Avatar.js";
 import "../RootProvider/RootProvider.js";
-import { Skeleton as p } from "../Skeleton/Skeleton.js";
+import { Skeleton as b } from "../Skeleton/Skeleton.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as h } from "../Page/Flex.js";
-import '../../assets/TimelineBase.css';const b = "_section_si67h_1", f = "_sidebar_si67h_8", v = "_content_si67h_18", N = "_border_si67h_24", x = "_icon_si67h_30", o = {
-  section: b,
+import { Flex as g } from "../Page/Flex.js";
+import '../../assets/TimelineBase.css';const v = "_section_et0gx_1", f = "_sidebar_et0gx_8", N = "_content_et0gx_22", h = "_border_et0gx_28", j = "_icon_et0gx_34", t = {
+  section: v,
   sidebar: f,
-  content: v,
-  border: N,
-  icon: x
-}, I = ({
+  content: N,
+  border: h,
+  icon: j
+}, T = ({
   as: c = "section",
-  loading: i,
+  loading: o,
   border: a = "solid",
-  color: e,
-  icon: t,
-  iconColor: m,
-  avatar: r,
-  children: d
-}) => /* @__PURE__ */ n(h, { as: c, className: o.section, color: e, children: [
-  /* @__PURE__ */ n("aside", { className: o.sidebar, children: [
-    r && /* @__PURE__ */ s(_, { ...r, size: "sm" }) || t && /* @__PURE__ */ s(p, { loading: i, variant: "circle", children: /* @__PURE__ */ s("span", { "data-color": m, className: o.icon, children: /* @__PURE__ */ s(l, { svgElement: t, size: "sm" }) }) }),
-    /* @__PURE__ */ s("div", { className: o.border, "data-loading": i, "data-variant": a, "data-color": e })
+  level: m = 1,
+  color: s,
+  icon: r,
+  iconColor: d,
+  avatar: i,
+  children: l,
+  ..._
+}) => /* @__PURE__ */ n(g, { as: c, className: t.section, color: s, ..._, children: [
+  /* @__PURE__ */ n("aside", { className: t.sidebar, "data-level": m, children: [
+    i && /* @__PURE__ */ e(x, { ...i, size: "sm" }) || r && /* @__PURE__ */ e(b, { loading: o, variant: "circle", children: /* @__PURE__ */ e("span", { "data-color": d, className: t.icon, children: /* @__PURE__ */ e(p, { svgElement: r, size: "sm" }) }) }),
+    /* @__PURE__ */ e("div", { className: t.border, "data-loading": o, "data-variant": a, "data-color": s })
   ] }),
-  /* @__PURE__ */ s("div", { className: o.content, children: d })
+  /* @__PURE__ */ e("div", { className: t.content, children: l })
 ] });
 export {
-  I as TimelineBase
+  T as TimelineBase
 };

package/dist/components/Timeline/TimelineFooter.js

@@ -1,4 +1,4 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import { Byline as l } from "../Byline/Byline.js";
@@ -9,12 +9,12 @@ import { TimelineBase as n } from "./TimelineBase.js";
 import { S as f } from "../../CircleFill-IZdiBc_K.js";
 const S = ({
   loading: r,
-  as: i = "footer",
-  color: e = "neutral",
-  icon: m = f,
+  as: o = "li",
+  color: m = "neutral",
+  icon: e = f,
   iconColor: t,
   children: p
-}) => /* @__PURE__ */ o(n, { loading: r, as: i, icon: m, color: e, iconColor: t, border: "hidden", children: /* @__PURE__ */ o(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 {
   S as TimelineFooter
 };

package/dist/components/Timeline/TimelineHeader.js

@@ -1,28 +1,28 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import { IconOrAvatar as d } from "../Icon/IconOrAvatar.js";
+import { IconOrAvatar as l } from "../Icon/IconOrAvatar.js";
 import "react";
-import { Byline as l } from "../Byline/Byline.js";
+import { Byline as d } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
 import { Skeleton as p } from "../Skeleton/Skeleton.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as h } from "../Page/Flex.js";
-import '../../assets/TimelineHeader.css';const _ = "_header_177gq_1", b = "_sidebar_177gq_9", f = "_content_177gq_19", r = {
-  header: _,
+import { Flex as _ } from "../Page/Flex.js";
+import '../../assets/TimelineHeader.css';const h = "_header_177gq_1", b = "_sidebar_177gq_9", f = "_content_177gq_19", r = {
+  header: h,
   sidebar: b,
   content: f
 }, A = ({
-  as: i = "header",
+  as: i = "li",
   loading: t,
   color: o,
   icon: s,
   iconTheme: n = "base",
   avatar: a,
   children: c
-}) => /* @__PURE__ */ m(h, { as: i, className: r.header, color: o, children: [
-  /* @__PURE__ */ e("aside", { className: r.sidebar, children: /* @__PURE__ */ e(p, { variant: "circle", loading: t, children: /* @__PURE__ */ e(d, { size: "lg", icon: s, iconTheme: n, avatar: a }) }) }),
-  /* @__PURE__ */ e("div", { className: r.content, children: /* @__PURE__ */ e(l, { loading: t, size: "lg", children: c }) })
+}) => /* @__PURE__ */ m(_, { as: i, className: r.header, color: o, children: [
+  /* @__PURE__ */ e("aside", { className: r.sidebar, children: /* @__PURE__ */ e(p, { variant: "circle", loading: t, children: /* @__PURE__ */ e(l, { size: "lg", icon: s, iconTheme: n, avatar: a }) }) }),
+  /* @__PURE__ */ e("div", { className: r.content, children: /* @__PURE__ */ e(d, { loading: t, size: "lg", children: c }) })
 ] });
 export {
   A as TimelineHeader

package/dist/components/Timeline/TimelineLink.js

@@ -0,0 +1,39 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { c as a } from "../../index-L8X2o7IH.js";
+import "react";
+import { ButtonBase as b } from "../Button/ButtonBase.js";
+import { ButtonLabel as _ } from "../Button/ButtonLabel.js";
+import { ButtonIcon as p } from "../Button/ButtonIcon.js";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import '../../assets/TimelineLink.css';const u = "_button_18xbc_1", x = "_reverse_18xbc_9", f = "_icon_18xbc_13", v = "_label_18xbc_19", o = {
+  button: u,
+  reverse: x,
+  icon: f,
+  label: v
+}, T = ({
+  size: t = "custom",
+  color: n = "company",
+  icon: r,
+  reverse: c,
+  label: s,
+  children: m,
+  ...i
+}) => /* @__PURE__ */ l(
+  b,
+  {
+    color: n,
+    variant: "link",
+    size: t,
+    className: a(o.button, { [o.reverse]: c }),
+    ...i,
+    children: [
+      r && /* @__PURE__ */ e(p, { className: o.icon, size: t, icon: r }),
+      /* @__PURE__ */ e(_, { className: o.label, size: t, children: m || s })
+    ]
+  }
+);
+export {
+  T as TimelineLink
+};

package/dist/components/Timeline/TimelineSection.js

@@ -1,4 +1,4 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import { Byline as x } from "../Byline/Byline.js";
@@ -7,25 +7,26 @@ 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 l } from "../Typography/Typography.js";
-const v = ({
+import { Typography as y } from "../Typography/Typography.js";
+const w = ({
   loading: r,
   margin: p,
   spacing: e,
-  border: n = "strong",
-  color: s,
-  typographyProps: c = {},
-  datetime: f,
+  as: n = "li",
+  border: s = "strong",
+  color: c,
+  typographyProps: f = {},
+  datetime: h,
   byline: o,
-  children: m,
-  footer: h
-}) => /* @__PURE__ */ i(T, { loading: r, border: n, color: s, children: [
-  o && /* @__PURE__ */ t(x, { loading: r, datetime: f, children: o }),
-  /* @__PURE__ */ i(j, { margin: p, spacing: e, children: [
-    m && /* @__PURE__ */ t(l, { loading: r, size: "md", ...c, children: m }),
-    h
+  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
   ] })
 ] });
 export {
-  v as TimelineSection
+  w as TimelineSection
 };

package/dist/components/Timeline/TimelineSegment.js

@@ -1,27 +1,27 @@
-import { jsx as i, jsxs as f } from "react/jsx-runtime";
+import { jsx as i, jsxs as c } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Byline as s } from "../Byline/Byline.js";
+import { Byline as f } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { TimelineBase as S } from "./TimelineBase.js";
-import { Section as h } from "../Page/Section.js";
-import { S as x } from "../../CircleFill-IZdiBc_K.js";
+import { Section as a } from "../Page/Section.js";
+import { S as h } from "../../CircleFill-IZdiBc_K.js";
 const k = ({
   loading: r,
   datetime: m,
   byline: o,
-  icon: t = x,
+  icon: t = h,
   color: e = "neutral",
   spacing: p = 2,
-  margin: n = "bottom",
-  children: l,
-  footer: a,
-  ...c
-}) => /* @__PURE__ */ i(S, { loading: r, color: e, icon: t, ...c, children: /* @__PURE__ */ f(h, { margin: n, spacing: p, children: [
-  o && /* @__PURE__ */ i(s, { loading: r, datetime: m, children: o }),
-  l
+  margin: l = "bottom",
+  children: n,
+  footer: x,
+  ...s
+}) => /* @__PURE__ */ i(S, { loading: r, color: e, icon: t, as: "li", ...s, children: /* @__PURE__ */ c(a, { margin: l, spacing: p, children: [
+  o && /* @__PURE__ */ i(f, { loading: r, datetime: m, children: o }),
+  n
 ] }) });
 export {
   k as TimelineSegment

package/dist/components/Timeline/index.js

@@ -5,12 +5,14 @@ import { TimelineBase as l } from "./TimelineBase.js";
 import { TimelineSection as x } from "./TimelineSection.js";
 import { TimelineHeader as a } from "./TimelineHeader.js";
 import { TimelineFooter as S } from "./TimelineFooter.js";
+import { TimelineLink as g } from "./TimelineLink.js";
 export {
   o as Timeline,
   n as TimelineActivity,
   l as TimelineBase,
   S as TimelineFooter,
   a as TimelineHeader,
+  g as TimelineLink,
   x as TimelineSection,
   m as TimelineSegment
 };