@adyen/bento-vue3 1.3.0 → 1.4.0

package/dist/timeline.js

@@ -1,64 +1,64 @@
-import { defineComponent as W, ref as Y, computed as c, toRefs as ae, provide as V, openBlock as s, createElementBlock as _, renderSlot as oe, mergeProps as X, toDisplayString as y, createCommentVNode as h, pushScopeId as G, popScopeId as x, createElementVNode as p, inject as j, resolveComponent as w, createVNode as S, withCtx as b, createTextVNode as I, createBlock as C, resolveDynamicComponent as se, normalizeClass as q, Fragment as $, renderList as re } from "vue";
-import { _ as F } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { B as le, a as me } from "./chunks/button.e1c39f66.js";
-import { B as de } from "./chunks/index.d27367cd.js";
-import { BentoTag as ue } from "./tag.js";
-import { B as ce, a as _e, b as pe } from "./chunks/index.222d29b0.js";
-import { B as fe, a as he, S as ve } from "./chunks/index.3da90517.js";
-import { C as ge } from "./chunks/checkmark-circle-fill.e6b84561.js";
-import { C as be } from "./chunks/cross-circle-fill.0feb37b3.js";
-import { r as ye, e as Ie, t as B, g as z } from "./chunks/index.f55fdc32.js";
-import { c as Te, a as Ee } from "./chunks/index.86453263.js";
-import { g as Se } from "./chunks/unique-id.a2a2b458.js";
+import { defineComponent as X, ref as V, computed as _, toRefs as ae, provide as U, openBlock as a, createElementBlock as f, renderSlot as oe, mergeProps as G, toDisplayString as y, createCommentVNode as b, pushScopeId as x, popScopeId as ee, createElementVNode as v, inject as q, onUnmounted as re, resolveComponent as T, createVNode as E, withCtx as I, createTextVNode as S, createBlock as M, resolveDynamicComponent as le, normalizeClass as z, Fragment as F, renderList as me } from "vue";
+import { _ as B } from "./chunks/_plugin-vue_export-helper.dad06003.js";
+import { a as de } from "./chunks/button.a8462029.js";
+import { B as ue } from "./chunks/index.e84dbeae.js";
+import { BentoTag as ce } from "./tag.js";
+import { B as _e } from "./chunks/index.89b00b94.js";
+import { B as fe, a as ve, S as he } from "./chunks/index.9d8273fc.js";
+import { C as pe } from "./chunks/checkmark-circle-fill.e6b84561.js";
+import { C as ge } from "./chunks/cross-circle-fill.0feb37b3.js";
+import { r as be, e as Ie, t as A, g as H } from "./chunks/index.f55fdc32.js";
+import { c as ye, a as Se } from "./chunks/index.86453263.js";
+import { g as Ee } from "./chunks/unique-id.a2a2b458.js";
 import { u as we } from "./chunks/i18n.6c402773.js";
-import "./assets/index35.css";
-var H = 1e3 * 60, D = 60 * 24, J = D * 30, K = D * 365;
-function P(e, n) {
+import "./assets/index40.css";
+var J = 1e3 * 60, O = 60 * 24, K = O * 30, Z = O * 365;
+function P(e, t) {
   var r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-  ye(2, arguments);
+  be(2, arguments);
   var l = r.locale || Ie;
   if (!l.formatDistance)
     throw new RangeError("locale must contain localize.formatDistance property");
-  var f = Te(e, n);
-  if (isNaN(f))
+  var h = ye(e, t);
+  if (isNaN(h))
     throw new RangeError("Invalid time value");
-  var a = Ee(r);
-  a.addSuffix = !!r.addSuffix, a.comparison = f;
-  var i, d;
-  f > 0 ? (i = B(n), d = B(e)) : (i = B(e), d = B(n));
-  var v = r.roundingMethod == null ? "round" : String(r.roundingMethod), t;
-  if (v === "floor")
-    t = Math.floor;
-  else if (v === "ceil")
-    t = Math.ceil;
-  else if (v === "round")
-    t = Math.round;
+  var s = Se(r);
+  s.addSuffix = !!r.addSuffix, s.comparison = h;
+  var i, c;
+  h > 0 ? (i = A(t), c = A(e)) : (i = A(e), c = A(t));
+  var p = r.roundingMethod == null ? "round" : String(r.roundingMethod), m;
+  if (p === "floor")
+    m = Math.floor;
+  else if (p === "ceil")
+    m = Math.ceil;
+  else if (p === "round")
+    m = Math.round;
   else
     throw new RangeError("roundingMethod must be 'floor', 'ceil' or 'round'");
-  var u = d.getTime() - i.getTime(), m = u / H, g = z(d) - z(i), E = (u - g) / H, o;
-  if (r.unit == null ? m < 1 ? o = "second" : m < 60 ? o = "minute" : m < D ? o = "hour" : E < J ? o = "day" : E < K ? o = "month" : o = "year" : o = String(r.unit), o === "second") {
-    var L = t(u / 1e3);
-    return l.formatDistance("xSeconds", L, a);
-  } else if (o === "minute") {
-    var R = t(m);
-    return l.formatDistance("xMinutes", R, a);
-  } else if (o === "hour") {
-    var k = t(m / 60);
-    return l.formatDistance("xHours", k, a);
-  } else if (o === "day") {
-    var N = t(E / D);
-    return l.formatDistance("xDays", N, a);
-  } else if (o === "month") {
-    var O = t(E / J);
-    return O === 12 && r.unit !== "month" ? l.formatDistance("xYears", 1, a) : l.formatDistance("xMonths", O, a);
-  } else if (o === "year") {
-    var A = t(E / K);
-    return l.formatDistance("xYears", A, a);
+  var n = c.getTime() - i.getTime(), o = n / J, u = H(c) - H(i), g = (n - u) / J, d;
+  if (r.unit == null ? o < 1 ? d = "second" : o < 60 ? d = "minute" : o < O ? d = "hour" : g < K ? d = "day" : g < Z ? d = "month" : d = "year" : d = String(r.unit), d === "second") {
+    var L = m(n / 1e3);
+    return l.formatDistance("xSeconds", L, s);
+  } else if (d === "minute") {
+    var k = m(o);
+    return l.formatDistance("xMinutes", k, s);
+  } else if (d === "hour") {
+    var R = m(o / 60);
+    return l.formatDistance("xHours", R, s);
+  } else if (d === "day") {
+    var $ = m(g / O);
+    return l.formatDistance("xDays", $, s);
+  } else if (d === "month") {
+    var C = m(g / K);
+    return C === 12 && r.unit !== "month" ? l.formatDistance("xYears", 1, s) : l.formatDistance("xMonths", C, s);
+  } else if (d === "year") {
+    var D = m(g / Z);
+    return l.formatDistance("xYears", D, s);
   }
   throw new RangeError("unit must be 'second', 'minute', 'hour', 'day', 'month' or 'year'");
 }
-var M = /* @__PURE__ */ ((e) => (e.BOTTOM = "bottom", e.AFTER_FIRST = "after-first", e.BEFORE_LAST = "before-last", e))(M || {}), Ce = /* @__PURE__ */ ((e) => (e.SECOND = "second", e.MINUTE = "minute", e.HOUR = "hour", e.DAY = "day", e.MONTH = "month", e.YEAR = "year", e))(Ce || {}), T = /* @__PURE__ */ ((e) => (e.DEFAULT = "SquareSmallIcon", e.SUCCESS = "CheckedCircleIcon", e.CRITICAL = "CrossCircleIcon", e))(T || {});
-const ee = Symbol("timeline register entry injection key"), te = Symbol("timeline config obj injection key"), Me = W({
+var N = /* @__PURE__ */ ((e) => (e.BOTTOM = "bottom", e.AFTER_FIRST = "after-first", e.BEFORE_LAST = "before-last", e))(N || {}), Ce = /* @__PURE__ */ ((e) => (e.SECOND = "second", e.MINUTE = "minute", e.HOUR = "hour", e.DAY = "day", e.MONTH = "month", e.YEAR = "year", e))(Ce || {}), w = /* @__PURE__ */ ((e) => (e.DEFAULT = "SquareSmallIcon", e.SUCCESS = "CheckedCircleIcon", e.CRITICAL = "CrossCircleIcon", e))(w || {});
+const te = Symbol("timeline register entry injection key"), ie = Symbol("timeline config obj injection key"), Te = X({
   name: "bento-timeline",
   props: {
     /**
@@ -80,90 +80,93 @@ const ee = Symbol("timeline register entry injection key"), te = Symbol("timelin
     }
   },
   setup(e) {
-    const n = Y([]), r = c(
-      () => e.showMore && n.value.length > e.showMore.limit ? n.value.length - e.showMore.limit : null
-    ), l = Y(!1), { timegapLimit: f } = ae(e), a = c(() => {
+    const t = V([]), r = _(
+      () => e.showMore && t.value.length > e.showMore.limit ? t.value.length - e.showMore.limit : null
+    ), l = V(!1), { timegapLimit: h } = ae(e), s = _(() => {
       if (!e.showMore)
         return null;
-      const t = Array.from(n.value.keys());
-      return e.showMore.placement === M.BEFORE_LAST ? [
-        ...t.slice(0, e.showMore.limit - 1),
-        t[t.length - 1]
-      ] : e.showMore.placement === M.AFTER_FIRST ? [t[0], ...t.slice(-(e.showMore.limit - 1))] : t.slice(0, e.showMore.limit);
-    }), i = c(() => {
+      const n = Array.from(t.value.keys());
+      return e.showMore.placement === N.BEFORE_LAST ? [
+        ...n.slice(0, e.showMore.limit - 1),
+        n[n.length - 1]
+      ] : e.showMore.placement === N.AFTER_FIRST ? [n[0], ...n.slice(-(e.showMore.limit - 1))] : n.slice(0, e.showMore.limit);
+    }), i = _(() => {
       if (!e.showMore)
         return null;
       switch (e.showMore.placement) {
-        case M.BEFORE_LAST:
+        case N.BEFORE_LAST:
           return e.showMore.limit - 2;
-        case M.AFTER_FIRST:
+        case N.AFTER_FIRST:
           return 0;
-        case M.BOTTOM:
+        case N.BOTTOM:
         default:
           return e.showMore.limit - 1;
       }
-    }), d = ({ title: t, date: u }) => {
-      const m = n.value.length;
-      return n.value.push({ title: t, date: u }), { timelineEntries: n, index: m };
-    }, v = {
+    }), c = (n) => () => {
+      var o;
+      t.value = (o = t.value) == null ? void 0 : o.filter((u, g) => g !== n);
+    }, p = ({ title: n, date: o }) => {
+      const u = t.value.length;
+      return t.value.push({ title: n, date: o }), { timelineEntries: t, index: u, unregisterTimelineEntry: c(u) };
+    }, m = {
       showAll: l,
       showMoreIndex: i,
       hiddenItems: r,
-      visibleIndexes: a,
-      timegapLimit: f
+      visibleIndexes: s,
+      timegapLimit: h
     };
-    V(ee, d), V(te, v);
+    U(te, p), U(ie, m);
   }
 });
-const Ne = { class: "b-timeline" };
-function Oe(e, n, r, l, f, a) {
-  return s(), _("ol", Ne, [
+const Me = { class: "b-timeline" };
+function Ne(e, t, r, l, h, s) {
+  return a(), f("ol", Me, [
     oe(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const mt = /* @__PURE__ */ F(Me, [["render", Oe], ["__scopeId", "data-v-835711f5"]]);
-let Z = 0;
-const Ae = {
+const lt = /* @__PURE__ */ B(Te, [["render", Ne], ["__scopeId", "data-v-02203eda"]]);
+let Q = 0;
+const Le = {
   beforeCreate() {
-    this.uuid = Z.toString(), Z += 1;
+    this.uuid = Q.toString(), Q += 1;
   }
-}, Be = (e) => (G("data-v-f702de38"), e = e(), x(), e), De = { key: 0 }, Le = /* @__PURE__ */ Be(() => /* @__PURE__ */ p("path", {
+}, Ae = (e) => (x("data-v-f702de38"), e = e(), ee(), e), Oe = { key: 0 }, ke = /* @__PURE__ */ Ae(() => /* @__PURE__ */ v("path", {
   fill: "#00112C",
   "fill-rule": "evenodd",
   d: "M5.5 3.25C4.25736 3.25 3.25 4.25736 3.25 5.5V10.5C3.25 11.7426 4.25736 12.75 5.5 12.75H10.5C11.7426 12.75 12.75 11.7426 12.75 10.5V5.5C12.75 4.25736 11.7426 3.25 10.5 3.25H5.5Z",
   "clip-rule": "evenodd"
 }, null, -1));
-function Re(e, n, r, l, f, a) {
-  return s(), _("svg", X({ role: "img" }, e.$attrs, {
+function Re(e, t, r, l, h, s) {
+  return a(), f("svg", G({ role: "img" }, e.$attrs, {
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (s(), _("title", De, y(e.$attrs["svg-title"]), 1)) : h("", !0),
-    Le
+    e.$attrs["svg-title"] ? (a(), f("title", Oe, y(e.$attrs["svg-title"]), 1)) : b("", !0),
+    ke
   ], 16);
 }
-const ke = /* @__PURE__ */ F(Ae, [["render", Re], ["__scopeId", "data-v-f702de38"]]), Q = {
+const $e = /* @__PURE__ */ B(Le, [["render", Re], ["__scopeId", "data-v-f702de38"]]), W = {
   "en-US": {
     timegap: "{timegap} passed between the timeline events",
     showMore: "Show {items} more",
     showLess: "Show less"
   }
-}, $e = W({
+}, De = X({
   name: "bento-timeline-item",
   components: {
-    BentoButton: le,
-    BentoDate: de,
-    BentoTag: ue,
-    BentoTypography: ce,
+    BentoButton: de,
+    BentoDate: ue,
+    BentoTag: ce,
+    BentoTypography: _e,
     BentoStructuredList: fe,
-    BentoStructuredListItem: he,
-    CrossCircleIcon: be,
-    CheckedCircleIcon: ge,
-    SquareSmallIcon: ke
+    BentoStructuredListItem: ve,
+    CrossCircleIcon: ge,
+    CheckedCircleIcon: pe,
+    SquareSmallIcon: $e
   },
-  i18n: { messages: Q },
+  i18n: { messages: W },
   props: {
     /**
      * Additional timestamp of the event
@@ -213,220 +216,216 @@ const ke = /* @__PURE__ */ F(Ae, [["render", Re], ["__scopeId", "data-v-f702de38
      */
     variant: {
       type: String,
-      default: T.DEFAULT,
-      validator: (e) => Object.values(T).includes(e)
+      default: w.DEFAULT,
+      validator: (e) => Object.values(w).includes(e)
     }
   },
   setup(e) {
-    const { t: n } = we({ messages: Q }), r = c(() => ({
-      "b-timeline-item__icon--default": e.variant === T.DEFAULT,
-      "b-timeline-item__icon--success": e.variant === T.SUCCESS,
-      "b-timeline-item__icon--critical": e.variant === T.CRITICAL
-    })), l = c(() => ({
-      "b-timeline-item__title--default": e.variant === T.DEFAULT
+    const { t } = we({ messages: W }), r = _(() => ({
+      "b-timeline-item__icon--default": e.variant === w.DEFAULT,
+      "b-timeline-item__icon--success": e.variant === w.SUCCESS,
+      "b-timeline-item__icon--critical": e.variant === w.CRITICAL
+    })), l = _(() => ({
+      "b-timeline-item__title--default": e.variant === w.DEFAULT
     }));
-    V(ve, !0);
-    const f = j(ee), { timelineEntries: a, index: i } = f({
+    U(he, !0);
+    const h = q(te), { timelineEntries: s, index: i, unregisterTimelineEntry: c } = h({
       title: e.title,
       date: e.timestamp.date
-    }), { showAll: d, showMoreIndex: v, hiddenItems: t, visibleIndexes: u, timegapLimit: m } = j(te), g = c(() => d.value || !u.value), E = c(() => g.value ? !0 : u.value.includes(i)), o = c(() => {
-      var U;
-      if (!m.value)
+    });
+    re(() => c());
+    const { showAll: p, showMoreIndex: m, hiddenItems: n, visibleIndexes: o, timegapLimit: u } = q(ie), g = _(() => p.value || !o.value), d = _(() => g.value ? !0 : o.value.includes(i)), L = _(() => {
+      var Y;
+      if (!u.value)
         return null;
-      const N = (U = a.value[i - 1]) == null ? void 0 : U.date, O = g.value || u.value.includes(i - 1);
-      if (!N || !O)
+      const C = (Y = s.value[i - 1]) == null ? void 0 : Y.date, D = g.value || o.value.includes(i - 1);
+      if (!C || !D)
         return null;
-      const { date: A } = a.value[i], ne = parseInt(
-        P(N, A, { unit: m.value.unit }),
+      const { date: j } = s.value[i], se = parseInt(
+        P(C, j, { unit: u.value.unit }),
         10
       );
-      return m.value.amount < ne ? P(N, A, { roundingMethod: "floor" }) : null;
-    }), L = c(() => o.value ? n("timegap", { timegap: o.value }) : ""), R = c(() => t.value && v.value === i), k = c(() => i === a.value.length - 1);
+      return u.value.amount < se ? P(C, j, { roundingMethod: "floor" }) : null;
+    }), k = _(() => L.value ? t("timegap", { timegap: L.value }) : ""), R = _(() => n.value && m.value === i), $ = _(() => i === s.value.length - 1);
     return {
       // Values
       iconConditionalClasses: r,
       titleConditionalClasses: l,
       displayShowMoreButton: R,
-      showAll: d,
-      hiddenItems: t,
-      isVisible: E,
-      timegap: o,
-      timegapAriaLabel: L,
-      isLastItem: k,
+      showAll: p,
+      hiddenItems: n,
+      isVisible: d,
+      timegap: L,
+      timegapAriaLabel: k,
+      isLastItem: $,
       // Methods
-      generateUid: Se,
-      t: n,
-      // Types
-      BentoTimelineItemVariant: T,
-      BentoTypographyElement: _e,
-      BentoTypographyVariant: pe,
-      BentoButtonVariant: me
+      generateUid: Ee,
+      t
     };
   }
 });
-const ie = (e) => (G("data-v-e71b1cbd"), e = e(), x(), e), Ve = {
+const ne = (e) => (x("data-v-cbd33889"), e = e(), ee(), e), Fe = {
   key: 0,
   class: "b-timeline-item"
-}, Fe = {
+}, Ue = {
   key: 0,
   class: "b-timeline-item__row"
-}, Ue = /* @__PURE__ */ ie(() => /* @__PURE__ */ p("div", {
+}, Be = /* @__PURE__ */ ne(() => /* @__PURE__ */ v("div", {
   class: "b-timeline-item__marker",
   "aria-hidden": "true"
 }, [
-  /* @__PURE__ */ p("div", { class: "b-timeline-item__icon b-timeline-item__icon--timegap" }),
-  /* @__PURE__ */ p("div", { class: "b-timeline-item__separator" })
-], -1)), Ye = { class: "b-timeline-item__content" }, je = { class: "b-timeline-item__row" }, qe = {
+  /* @__PURE__ */ v("div", { class: "b-timeline-item__icon b-timeline-item__icon--timegap" }),
+  /* @__PURE__ */ v("div", { class: "b-timeline-item__separator" })
+], -1)), je = { class: "b-timeline-item__content" }, Ye = { class: "b-timeline-item__row" }, Ve = {
   class: "b-timeline-item__marker",
   "aria-hidden": "true"
-}, ze = {
+}, qe = {
   key: 0,
-  class: "b-timeline-item__separator"
-}, He = { class: "b-timeline-item__content" }, Je = {
+  class: "b-timeline-item__separator",
+  "data-testid": "last-timeline-item-separator"
+}, ze = { class: "b-timeline-item__content" }, He = {
   key: 3,
   class: "b-timeline-item__data-list"
-}, Ke = {
+}, Je = {
   key: 1,
   class: "b-timeline-item__row"
-}, Pe = /* @__PURE__ */ ie(() => /* @__PURE__ */ p("div", {
+}, Ke = /* @__PURE__ */ ne(() => /* @__PURE__ */ v("div", {
   class: "b-timeline-item__marker",
   "aria-hidden": "true"
 }, [
-  /* @__PURE__ */ p("div", { class: "b-timeline-item__separator" })
+  /* @__PURE__ */ v("div", { class: "b-timeline-item__separator" })
 ], -1)), Ze = { class: "b-timeline-item__content" };
-function Qe(e, n, r, l, f, a) {
-  const i = w("bento-typography"), d = w("bento-date"), v = w("bento-structured-list-item"), t = w("bento-structured-list"), u = w("bento-tag"), m = w("bento-button");
-  return e.isVisible ? (s(), _("li", Ve, [
-    e.timegap ? (s(), _("div", Fe, [
-      Ue,
-      p("div", Ye, [
-        S(i, {
+function Pe(e, t, r, l, h, s) {
+  const i = T("bento-typography"), c = T("bento-date"), p = T("bento-structured-list-item"), m = T("bento-structured-list"), n = T("bento-tag"), o = T("bento-button");
+  return e.isVisible ? (a(), f("li", Fe, [
+    e.timegap ? (a(), f("div", Ue, [
+      Be,
+      v("div", je, [
+        E(i, {
           class: "b-timeline-item__timegap",
           "aria-label": e.timegapAriaLabel
         }, {
-          default: b(() => [
-            I(y(e.timegap), 1)
+          default: I(() => [
+            S(y(e.timegap), 1)
           ]),
           _: 1
         }, 8, ["aria-label"])
       ])
-    ])) : h("", !0),
-    p("div", je, [
-      p("div", qe, [
-        (s(), C(se(e.variant), {
-          class: q(["b-timeline-item__icon", e.iconConditionalClasses])
+    ])) : b("", !0),
+    v("div", Ye, [
+      v("div", Ve, [
+        (a(), M(le(e.variant), {
+          class: z(["b-timeline-item__icon", e.iconConditionalClasses])
         }, null, 8, ["class"])),
-        e.isLastItem ? h("", !0) : (s(), _("div", ze))
+        e.isLastItem ? b("", !0) : (a(), f("div", qe))
       ]),
-      p("div", He, [
-        S(i, {
-          el: e.BentoTypographyElement.DIV,
-          variant: e.BentoTypographyVariant.BODY,
+      v("div", ze, [
+        E(i, {
+          el: "div",
+          variant: "body",
           strongest: "",
-          class: q(["b-timeline-item__title", e.titleConditionalClasses]),
+          class: z(["b-timeline-item__title", e.titleConditionalClasses]),
           role: "heading"
         }, {
-          default: b(() => [
-            I(y(e.title), 1)
+          default: I(() => [
+            S(y(e.title), 1)
           ]),
           _: 1
-        }, 8, ["el", "variant", "class"]),
-        e.timestamp ? (s(), C(i, {
+        }, 8, ["class"]),
+        e.timestamp ? (a(), M(i, {
           key: 0,
           class: "b-timeline-item__timestamp",
-          el: e.BentoTypographyElement.DIV,
-          variant: e.BentoTypographyVariant.CAPTION
+          el: "div",
+          variant: "caption"
         }, {
-          default: b(() => [
-            S(d, {
+          default: I(() => [
+            E(c, {
               date: e.timestamp.date,
               format: e.timestamp.format,
               "disable-typography": ""
             }, null, 8, ["date", "format"]),
-            I(" " + y(e.timestamp.value), 1)
+            S(" " + y(e.timestamp.value), 1)
           ]),
           _: 1
-        }, 8, ["el", "variant"])) : h("", !0),
-        e.additionalTimestamp ? (s(), C(i, {
+        })) : b("", !0),
+        e.additionalTimestamp ? (a(), M(i, {
           key: 1,
           class: "b-timeline-item__timestamp",
-          el: e.BentoTypographyElement.DIV,
-          variant: e.BentoTypographyVariant.CAPTION
+          el: "div",
+          variant: "caption"
         }, {
-          default: b(() => [
-            S(d, {
+          default: I(() => [
+            E(c, {
               date: e.additionalTimestamp.date,
               format: e.additionalTimestamp.format,
               "disable-typography": ""
             }, null, 8, ["date", "format"]),
-            I(" " + y(e.additionalTimestamp.value), 1)
+            S(" " + y(e.additionalTimestamp.value), 1)
           ]),
           _: 1
-        }, 8, ["el", "variant"])) : h("", !0),
-        e.description ? (s(), C(i, {
+        })) : b("", !0),
+        e.description ? (a(), M(i, {
           key: 2,
-          el: e.BentoTypographyElement.DIV,
-          variant: e.BentoTypographyVariant.BODY,
+          el: "div",
+          variant: "body",
           class: "b-timeline-item__description"
         }, {
-          default: b(() => [
-            I(y(e.description), 1)
+          default: I(() => [
+            S(y(e.description), 1)
           ]),
           _: 1
-        }, 8, ["el", "variant"])) : h("", !0),
-        e.dataList ? (s(), _("div", Je, [
-          S(t, null, {
-            default: b(() => [
-              (s(!0), _($, null, re(e.dataList, (g) => (s(), C(v, {
-                key: e.generateUid(g.label),
-                label: g.label
+        })) : b("", !0),
+        e.dataList ? (a(), f("div", He, [
+          E(m, null, {
+            default: I(() => [
+              (a(!0), f(F, null, me(e.dataList, (u) => (a(), M(p, {
+                key: e.generateUid(u.label),
+                label: u.label
               }, {
-                default: b(() => [
-                  S(i, {
-                    variant: e.BentoTypographyVariant.CAPTION
-                  }, {
-                    default: b(() => [
-                      I(y(g.value), 1)
+                default: I(() => [
+                  E(i, { variant: "caption" }, {
+                    default: I(() => [
+                      S(y(u.value), 1)
                     ]),
                     _: 2
-                  }, 1032, ["variant"])
+                  }, 1024)
                 ]),
                 _: 2
               }, 1032, ["label"]))), 128))
             ]),
             _: 1
           })
-        ])) : h("", !0),
-        e.tag ? (s(), C(u, X({ key: 4 }, e.tag, { class: "b-timeline-item__tag" }), null, 16)) : h("", !0)
+        ])) : b("", !0),
+        e.tag ? (a(), M(n, G({ key: 4 }, e.tag, { class: "b-timeline-item__tag" }), null, 16)) : b("", !0)
       ])
     ]),
-    e.displayShowMoreButton ? (s(), _("div", Ke, [
-      Pe,
-      p("div", Ze, [
-        S(m, {
+    e.displayShowMoreButton ? (a(), f("div", Je, [
+      Ke,
+      v("div", Ze, [
+        E(o, {
           class: "b-timeline__show-more",
-          variant: e.BentoButtonVariant.TERTIARY,
-          onClick: n[0] || (n[0] = (g) => e.showAll = !e.showAll)
+          variant: "tertiary",
+          onClick: t[0] || (t[0] = (u) => e.showAll = !e.showAll)
         }, {
-          default: b(() => [
-            e.showAll ? (s(), _($, { key: 1 }, [
-              I(y(e.t("showLess")), 1)
-            ], 64)) : (s(), _($, { key: 0 }, [
-              I(y(e.t("showMore", { items: e.hiddenItems })), 1)
+          default: I(() => [
+            e.showAll ? (a(), f(F, { key: 1 }, [
+              S(y(e.t("showLess")), 1)
+            ], 64)) : (a(), f(F, { key: 0 }, [
+              S(y(e.t("showMore", { items: e.hiddenItems })), 1)
             ], 64))
           ]),
           _: 1
-        }, 8, ["variant"])
+        })
       ])
-    ])) : h("", !0)
-  ])) : h("", !0);
+    ])) : b("", !0)
+  ])) : b("", !0);
 }
-const dt = /* @__PURE__ */ F($e, [["render", Qe], ["__scopeId", "data-v-e71b1cbd"]]);
+const mt = /* @__PURE__ */ B(De, [["render", Pe], ["__scopeId", "data-v-cbd33889"]]);
 export {
-  mt as BentoTimeline,
+  lt as BentoTimeline,
   Ce as BentoTimelineGapUnit,
-  dt as BentoTimelineItem,
-  T as BentoTimelineItemVariant,
-  M as BentoTimelineShowMorePlacement
+  mt as BentoTimelineItem,
+  w as BentoTimelineItemVariant,
+  N as BentoTimelineShowMorePlacement
 };
 //# sourceMappingURL=timeline.js.map