@adyen/bento-vue3 1.6.1 → 1.7.0

package/dist/textarea.js

@@ -1,14 +1,14 @@
 import { openBlock as l, createElementBlock as g, mergeProps as se, toDisplayString as v, createCommentVNode as i, pushScopeId as ie, popScopeId as ne, createElementVNode as O, defineComponent as ce, useAttrs as ue, toRefs as U, ref as m, toRef as de, computed as s, watch as N, nextTick as be, onMounted as fe, normalizeClass as C, unref as a, normalizeStyle as F, createVNode as E, withCtx as b, createTextVNode as h, createBlock as f, withKeys as w } from "vue";
-import { B as p } from "./chunks/index.7f24db66.js";
-import { a as pe } from "./chunks/button.975d0bb8.js";
+import { B as p } from "./chunks/index.2bd3812b.js";
+import { a as pe } from "./chunks/button.e5177388.js";
 import { g as ve } from "./chunks/unique-id.a2a2b458.js";
 import { o as _e } from "./chunks/resize.a041304d.js";
 import { u as me } from "./chunks/i18n.6c402773.js";
 import { u as he } from "./chunks/aria-label.ac9651a5.js";
 import { u as ge } from "./chunks/use-form-layout-loading.d03e5d48.js";
 import { _ as q } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { E as K } from "./chunks/error-message.b91afffc.js";
-import "./assets/index40.css";
+import { E as K } from "./chunks/error-message.64e1964b.js";
+import "./assets/index43.css";
 var H = /* @__PURE__ */ ((e) => (e.HORIZONTAL = "horizontal", e.VERTICAL = "vertical", e.BOTH = "both", e.NONE = "none", e))(H || {}), _ = /* @__PURE__ */ ((e) => (e.CLEARABLE = "clearable", e.DISABLED = "disabled", e.ERROR = "error", e.READONLY = "readonly", e))(_ || {}), c = /* @__PURE__ */ ((e) => (e.BLUR = "blur", e.CHANGE = "change", e.CLEAR = "clear", e.ESCAPE_PRESSED = "escape-pressed", e.FOCUS = "focus", e.INPUT = "input", e))(c || {});
 let T = 0;
 const ye = {

package/dist/timeline.js

@@ -1,64 +1,66 @@
-import { defineComponent as X, ref as V, computed as _, toRefs as oe, provide as U, openBlock as o, createElementBlock as f, renderSlot as ae, 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.975d0bb8.js";
-import { B as ue } from "./chunks/index.d68847b0.js";
-import { BentoTag as ce } from "./tag.js";
-import { B as _e } from "./chunks/index.7f24db66.js";
-import { B as fe, a as ve, S as he } from "./chunks/index.4c951e0d.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/index33.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] : {};
-  be(2, arguments);
-  var l = r.locale || Ie;
-  if (!l.formatDistance)
+import { defineComponent as x, ref as q, computed as _, toRefs as me, provide as j, openBlock as i, createElementBlock as f, renderSlot as ee, mergeProps as B, toDisplayString as y, createCommentVNode as I, pushScopeId as te, popScopeId as ie, createElementVNode as p, inject as z, onUnmounted as de, resolveComponent as E, createVNode as w, withCtx as b, createTextVNode as S, createBlock as T, resolveDynamicComponent as ue, normalizeClass as J, Fragment as U, renderList as ce } from "vue";
+import { _ as Y } from "./chunks/_plugin-vue_export-helper.dad06003.js";
+import { a as _e } from "./chunks/button.e5177388.js";
+import { B as fe } from "./chunks/index.fa7b44f1.js";
+import { BentoLink as ve } from "./link.js";
+import { BentoTag as pe } from "./tag.js";
+import { B as he } from "./chunks/index.2bd3812b.js";
+import { B as ge, a as be, S as ye } from "./chunks/index.77f35162.js";
+import { C as Ie } from "./chunks/checkmark-circle-fill.e6b84561.js";
+import { C as Se } from "./chunks/cross-circle-fill.0feb37b3.js";
+import { r as Ee, e as we, t as N, g as K } from "./chunks/index.f55fdc32.js";
+import { c as Te, a as Ce } from "./chunks/index.86453263.js";
+import { g as Me } from "./chunks/unique-id.a2a2b458.js";
+import { u as ke } from "./chunks/i18n.6c402773.js";
+import { u as Le } from "./chunks/use-has-slot.4d98bf29.js";
+import "./assets/index41.css";
+var P = 1e3 * 60, O = 60 * 24, Z = O * 30, Q = O * 365;
+function W(e, t) {
+  var s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+  Ee(2, arguments);
+  var d = s.locale || we;
+  if (!d.formatDistance)
     throw new RangeError("locale must contain localize.formatDistance property");
-  var h = ye(e, t);
+  var h = Te(e, t);
   if (isNaN(h))
     throw new RangeError("Invalid time value");
-  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;
+  var a = Ce(s);
+  a.addSuffix = !!s.addSuffix, a.comparison = h;
+  var o, u;
+  h > 0 ? (o = N(t), u = N(e)) : (o = N(e), u = N(t));
+  var g = s.roundingMethod == null ? "round" : String(s.roundingMethod), r;
+  if (g === "floor")
+    r = Math.floor;
+  else if (g === "ceil")
+    r = Math.ceil;
+  else if (g === "round")
+    r = Math.round;
   else
     throw new RangeError("roundingMethod must be 'floor', 'ceil' or 'round'");
-  var n = c.getTime() - i.getTime(), a = n / J, u = H(c) - H(i), g = (n - u) / J, d;
-  if (r.unit == null ? a < 1 ? d = "second" : a < 60 ? d = "minute" : a < 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(a);
-    return l.formatDistance("xMinutes", k, s);
-  } else if (d === "hour") {
-    var R = m(a / 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);
+  var n = u.getTime() - o.getTime(), c = n / P, v = K(u) - K(o), l = (n - v) / P, m;
+  if (s.unit == null ? c < 1 ? m = "second" : c < 60 ? m = "minute" : c < O ? m = "hour" : l < Z ? m = "day" : l < Q ? m = "month" : m = "year" : m = String(s.unit), m === "second") {
+    var A = r(n / 1e3);
+    return d.formatDistance("xSeconds", A, a);
+  } else if (m === "minute") {
+    var $ = r(c);
+    return d.formatDistance("xMinutes", $, a);
+  } else if (m === "hour") {
+    var R = r(c / 60);
+    return d.formatDistance("xHours", R, a);
+  } else if (m === "day") {
+    var k = r(l / O);
+    return d.formatDistance("xDays", k, a);
+  } else if (m === "month") {
+    var L = r(l / Z);
+    return L === 12 && s.unit !== "month" ? d.formatDistance("xYears", 1, a) : d.formatDistance("xMonths", L, a);
+  } else if (m === "year") {
+    var D = r(l / Q);
+    return d.formatDistance("xYears", D, a);
   }
   throw new RangeError("unit must be 'second', 'minute', 'hour', 'day', 'month' or 'year'");
 }
-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({
+var M = /* @__PURE__ */ ((e) => (e.BOTTOM = "bottom", e.AFTER_FIRST = "after-first", e.BEFORE_LAST = "before-last", e))(M || {}), Ne = /* @__PURE__ */ ((e) => (e.SECOND = "second", e.MINUTE = "minute", e.HOUR = "hour", e.DAY = "day", e.MONTH = "month", e.YEAR = "year", e))(Ne || {}), C = /* @__PURE__ */ ((e) => (e.DEFAULT = "SquareSmallIcon", e.SUCCESS = "CheckedCircleIcon", e.CRITICAL = "CrossCircleIcon", e))(C || {});
+const ne = Symbol("timeline register entry injection key"), oe = Symbol("timeline config obj injection key"), Oe = x({
   name: "bento-timeline",
   props: {
     /**
@@ -80,93 +82,94 @@ const te = Symbol("timeline register entry injection key"), ie = Symbol("timelin
     }
   },
   setup(e) {
-    const t = V([]), r = _(
+    const t = q([]), s = _(
       () => e.showMore && t.value.length > e.showMore.limit ? t.value.length - e.showMore.limit : null
-    ), l = V(!1), { timegapLimit: h } = oe(e), s = _(() => {
+    ), d = q(!1), { timegapLimit: h } = me(e), a = _(() => {
       if (!e.showMore)
         return null;
       const n = Array.from(t.value.keys());
-      return e.showMore.placement === N.BEFORE_LAST ? [
+      return e.showMore.placement === M.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 = _(() => {
+      ] : e.showMore.placement === M.AFTER_FIRST ? [n[0], ...n.slice(-(e.showMore.limit - 1))] : n.slice(0, e.showMore.limit);
+    }), o = _(() => {
       if (!e.showMore)
         return null;
       switch (e.showMore.placement) {
-        case N.BEFORE_LAST:
+        case M.BEFORE_LAST:
           return e.showMore.limit - 2;
-        case N.AFTER_FIRST:
+        case M.AFTER_FIRST:
           return 0;
-        case N.BOTTOM:
+        case M.BOTTOM:
         default:
           return e.showMore.limit - 1;
       }
-    }), c = (n) => () => {
-      var a;
-      t.value = (a = t.value) == null ? void 0 : a.filter((u, g) => g !== n);
-    }, p = ({ title: n, date: a }) => {
-      const u = t.value.length;
-      return t.value.push({ title: n, date: a }), { timelineEntries: t, index: u, unregisterTimelineEntry: c(u) };
-    }, m = {
-      showAll: l,
-      showMoreIndex: i,
-      hiddenItems: r,
-      visibleIndexes: s,
+    }), u = (n) => () => {
+      var c;
+      t.value = (c = t.value) == null ? void 0 : c.filter((v, l) => l !== n);
+    }, g = ({ title: n, date: c }) => {
+      const v = t.value.length;
+      return t.value.push({ title: n, date: c }), { timelineEntries: t, index: v, unregisterTimelineEntry: u(v) };
+    }, r = {
+      showAll: d,
+      showMoreIndex: o,
+      hiddenItems: s,
+      visibleIndexes: a,
       timegapLimit: h
     };
-    U(te, p), U(ie, m);
+    j(ne, g), j(oe, r);
   }
 });
-const Me = { class: "b-timeline" };
-function Ne(e, t, r, l, h, s) {
-  return o(), f("ol", Me, [
-    ae(e.$slots, "default", {}, void 0, !0)
+const Ae = { class: "b-timeline" };
+function $e(e, t, s, d, h, a) {
+  return i(), f("ol", Ae, [
+    ee(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const lt = /* @__PURE__ */ B(Te, [["render", Ne], ["__scopeId", "data-v-2dc17695"]]);
-let Q = 0;
-const Le = {
+const pt = /* @__PURE__ */ Y(Oe, [["render", $e], ["__scopeId", "data-v-2dc17695"]]);
+let X = 0;
+const Re = {
   beforeCreate() {
-    this.uuid = Q.toString(), Q += 1;
+    this.uuid = X.toString(), X += 1;
   }
-}, Ae = (e) => (x("data-v-f702de38"), e = e(), ee(), e), Oe = { key: 0 }, ke = /* @__PURE__ */ Ae(() => /* @__PURE__ */ v("path", {
+}, De = (e) => (te("data-v-f702de38"), e = e(), ie(), e), Fe = { key: 0 }, Ue = /* @__PURE__ */ De(() => /* @__PURE__ */ p("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, t, r, l, h, s) {
-  return o(), f("svg", G({ role: "img" }, e.$attrs, {
+function je(e, t, s, d, h, a) {
+  return i(), f("svg", B({ role: "img" }, e.$attrs, {
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (o(), f("title", Oe, y(e.$attrs["svg-title"]), 1)) : b("", !0),
-    ke
+    e.$attrs["svg-title"] ? (i(), f("title", Fe, y(e.$attrs["svg-title"]), 1)) : I("", !0),
+    Ue
   ], 16);
 }
-const $e = /* @__PURE__ */ B(Le, [["render", Re], ["__scopeId", "data-v-f702de38"]]), W = {
+const Be = /* @__PURE__ */ Y(Re, [["render", je], ["__scopeId", "data-v-f702de38"]]), G = {
   "en-US": {
     timegap: "{timegap} passed between the timeline events",
     showMore: "Show {items} more",
     showLess: "Show less"
   }
-}, De = X({
+}, Ye = x({
   name: "bento-timeline-item",
   components: {
-    BentoButton: de,
-    BentoDate: ue,
-    BentoTag: ce,
-    BentoTypography: _e,
-    BentoStructuredList: fe,
-    BentoStructuredListItem: ve,
-    CrossCircleIcon: ge,
-    CheckedCircleIcon: pe,
-    SquareSmallIcon: $e
+    BentoButton: _e,
+    BentoDate: fe,
+    BentoLink: ve,
+    BentoTag: pe,
+    BentoTypography: he,
+    BentoStructuredList: ge,
+    BentoStructuredListItem: be,
+    CrossCircleIcon: Se,
+    CheckedCircleIcon: Ie,
+    SquareSmallIcon: Be
   },
-  i18n: { messages: W },
+  i18n: { messages: G },
   props: {
     /**
      * Additional timestamp of the event
@@ -207,7 +210,7 @@ const $e = /* @__PURE__ */ B(Le, [["render", Re], ["__scopeId", "data-v-f702de38
      * Title of the event
      */
     title: {
-      type: String,
+      type: [Object, String],
       required: !0
     },
     /**
@@ -216,130 +219,138 @@ const $e = /* @__PURE__ */ B(Le, [["render", Re], ["__scopeId", "data-v-f702de38
      */
     variant: {
       type: String,
-      default: w.DEFAULT,
-      validator: (e) => Object.values(w).includes(e)
+      default: C.DEFAULT,
+      validator: (e) => Object.values(C).includes(e)
     }
   },
-  setup(e) {
-    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
+  setup(e, { slots: t }) {
+    const { t: s } = ke({ messages: G }), d = _(() => ({
+      "b-timeline-item__icon--default": e.variant === C.DEFAULT,
+      "b-timeline-item__icon--success": e.variant === C.SUCCESS,
+      "b-timeline-item__icon--critical": e.variant === C.CRITICAL
+    })), h = _(() => ({
+      "b-timeline-item__title--default": e.variant === C.DEFAULT
     }));
-    U(he, !0);
-    const h = q(te), { timelineEntries: s, index: i, unregisterTimelineEntry: c } = h({
+    j(ye, !0);
+    const a = z(ne), { timelineEntries: o, index: u, unregisterTimelineEntry: g } = a({
       title: e.title,
       date: e.timestamp.date
     });
-    re(() => c());
-    const { showAll: p, showMoreIndex: m, hiddenItems: n, visibleIndexes: a, timegapLimit: u } = q(ie), g = _(() => p.value || !a.value), d = _(() => g.value ? !0 : a.value.includes(i)), L = _(() => {
-      var Y;
-      if (!u.value)
+    de(() => g());
+    const { showAll: r, showMoreIndex: n, hiddenItems: c, visibleIndexes: v, timegapLimit: l } = z(oe), m = _(() => r.value || !v.value), A = _(() => m.value ? !0 : v.value.includes(u)), $ = _(() => typeof e.title == "object"), R = _(() => e.title), k = _(() => {
+      var V;
+      if (!l.value)
         return null;
-      const C = (Y = s.value[i - 1]) == null ? void 0 : Y.date, D = g.value || a.value.includes(i - 1);
-      if (!C || !D)
+      const F = (V = o.value[u - 1]) == null ? void 0 : V.date, re = m.value || v.value.includes(u - 1);
+      if (!F || !re)
         return null;
-      const { date: j } = s.value[i], se = parseInt(
-        P(C, j, { unit: u.value.unit }),
+      const { date: H } = o.value[u], le = parseInt(
+        W(F, H, { unit: l.value.unit }),
         10
       );
-      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 l.value.amount < le ? W(F, H, { roundingMethod: "floor" }) : null;
+    }), L = _(() => k.value ? s("timegap", { timegap: k.value }) : ""), D = _(() => c.value && n.value === u), ae = _(() => u === o.value.length - 1);
     return {
       // Values
-      iconConditionalClasses: r,
-      titleConditionalClasses: l,
-      displayShowMoreButton: R,
-      showAll: p,
-      hiddenItems: n,
-      isVisible: d,
-      timegap: L,
-      timegapAriaLabel: k,
-      isLastItem: $,
+      iconConditionalClasses: d,
+      titleConditionalClasses: h,
+      displayShowMoreButton: D,
+      showAll: r,
+      hiddenItems: c,
+      isVisible: A,
+      isLinkTitle: $,
+      linkTitleProps: R,
+      timegap: k,
+      timegapAriaLabel: L,
+      isLastItem: ae,
       // Methods
-      generateUid: Ee,
-      t
+      generateUid: Me,
+      hasSlot: Le(t),
+      t: s
     };
   }
 });
-const ne = (e) => (x("data-v-cbd33889"), e = e(), ee(), e), Fe = {
+const se = (e) => (te("data-v-5ee3448b"), e = e(), ie(), e), He = {
   key: 0,
   class: "b-timeline-item"
-}, Ue = {
+}, Ve = {
   key: 0,
   class: "b-timeline-item__row"
-}, Be = /* @__PURE__ */ ne(() => /* @__PURE__ */ v("div", {
+}, qe = /* @__PURE__ */ se(() => /* @__PURE__ */ p("div", {
   class: "b-timeline-item__marker",
   "aria-hidden": "true"
 }, [
-  /* @__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 = {
+  /* @__PURE__ */ p("div", { class: "b-timeline-item__icon b-timeline-item__icon--timegap" }),
+  /* @__PURE__ */ p("div", { class: "b-timeline-item__separator" })
+], -1)), ze = { class: "b-timeline-item__content" }, Je = { class: "b-timeline-item__row" }, Ke = {
   class: "b-timeline-item__marker",
   "aria-hidden": "true"
-}, qe = {
+}, Pe = {
   key: 0,
   class: "b-timeline-item__separator",
   "data-testid": "last-timeline-item-separator"
-}, ze = { class: "b-timeline-item__content" }, He = {
+}, Ze = { class: "b-timeline-item__content" }, Qe = { key: 1 }, We = {
   key: 3,
   class: "b-timeline-item__data-list"
-}, Je = {
+}, Xe = {
   key: 1,
   class: "b-timeline-item__row"
-}, Ke = /* @__PURE__ */ ne(() => /* @__PURE__ */ v("div", {
+}, Ge = /* @__PURE__ */ se(() => /* @__PURE__ */ p("div", {
   class: "b-timeline-item__marker",
   "aria-hidden": "true"
 }, [
-  /* @__PURE__ */ v("div", { class: "b-timeline-item__separator" })
-], -1)), Ze = { class: "b-timeline-item__content" };
-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"), a = T("bento-button");
-  return e.isVisible ? (o(), f("li", Fe, [
-    e.timegap ? (o(), f("div", Ue, [
-      Be,
-      v("div", je, [
-        E(i, {
+  /* @__PURE__ */ p("div", { class: "b-timeline-item__separator" })
+], -1)), xe = { class: "b-timeline-item__content" };
+function et(e, t, s, d, h, a) {
+  const o = E("bento-typography"), u = E("bento-link"), g = E("bento-date"), r = E("bento-structured-list-item"), n = E("bento-structured-list"), c = E("bento-tag"), v = E("bento-button");
+  return e.isVisible ? (i(), f("li", He, [
+    e.timegap ? (i(), f("div", Ve, [
+      qe,
+      p("div", ze, [
+        w(o, {
           class: "b-timeline-item__timegap",
           "aria-label": e.timegapAriaLabel
         }, {
-          default: I(() => [
+          default: b(() => [
             S(y(e.timegap), 1)
           ]),
           _: 1
         }, 8, ["aria-label"])
       ])
-    ])) : b("", !0),
-    v("div", Ye, [
-      v("div", Ve, [
-        (o(), M(le(e.variant), {
-          class: z(["b-timeline-item__icon", e.iconConditionalClasses])
+    ])) : I("", !0),
+    p("div", Je, [
+      p("div", Ke, [
+        (i(), T(ue(e.variant), {
+          class: J(["b-timeline-item__icon", e.iconConditionalClasses])
         }, null, 8, ["class"])),
-        e.isLastItem ? b("", !0) : (o(), f("div", qe))
+        e.isLastItem ? I("", !0) : (i(), f("div", Pe))
       ]),
-      v("div", ze, [
-        E(i, {
+      p("div", Ze, [
+        w(o, {
           el: "div",
           variant: "body",
           strongest: "",
-          class: z(["b-timeline-item__title", e.titleConditionalClasses]),
+          class: J(["b-timeline-item__title", e.titleConditionalClasses]),
           role: "heading"
         }, {
-          default: I(() => [
-            S(y(e.title), 1)
+          default: b(() => [
+            e.isLinkTitle ? (i(), T(u, B({ key: 0 }, e.linkTitleProps, { "disable-typography": "" }), {
+              default: b(() => [
+                S(y(e.linkTitleProps.title), 1)
+              ]),
+              _: 1
+            }, 16)) : (i(), f("span", Qe, y(e.title), 1))
           ]),
           _: 1
         }, 8, ["class"]),
-        e.timestamp ? (o(), M(i, {
+        e.timestamp ? (i(), T(o, {
           key: 0,
           class: "b-timeline-item__timestamp",
           el: "div",
           variant: "caption"
         }, {
-          default: I(() => [
-            E(c, {
+          default: b(() => [
+            w(g, {
               date: e.timestamp.date,
               format: e.timestamp.format,
               "disable-typography": ""
@@ -347,15 +358,15 @@ function Pe(e, t, r, l, h, s) {
             S(" " + y(e.timestamp.value), 1)
           ]),
           _: 1
-        })) : b("", !0),
-        e.additionalTimestamp ? (o(), M(i, {
+        })) : I("", !0),
+        e.additionalTimestamp ? (i(), T(o, {
           key: 1,
           class: "b-timeline-item__timestamp",
           el: "div",
           variant: "caption"
         }, {
-          default: I(() => [
-            E(c, {
+          default: b(() => [
+            w(g, {
               date: e.additionalTimestamp.date,
               format: e.additionalTimestamp.format,
               "disable-typography": ""
@@ -363,29 +374,31 @@ function Pe(e, t, r, l, h, s) {
             S(" " + y(e.additionalTimestamp.value), 1)
           ]),
           _: 1
-        })) : b("", !0),
-        e.description ? (o(), M(i, {
+        })) : I("", !0),
+        e.description || e.hasSlot("default") ? (i(), T(o, {
           key: 2,
           el: "div",
           variant: "body",
           class: "b-timeline-item__description"
         }, {
-          default: I(() => [
-            S(y(e.description), 1)
+          default: b(() => [
+            ee(e.$slots, "default", {}, () => [
+              S(y(e.description), 1)
+            ], !0)
           ]),
-          _: 1
-        })) : b("", !0),
-        e.dataList ? (o(), f("div", He, [
-          E(m, null, {
-            default: I(() => [
-              (o(!0), f(F, null, me(e.dataList, (u) => (o(), M(p, {
-                key: e.generateUid(u.label),
-                label: u.label
+          _: 3
+        })) : I("", !0),
+        e.dataList ? (i(), f("div", We, [
+          w(n, null, {
+            default: b(() => [
+              (i(!0), f(U, null, ce(e.dataList, (l) => (i(), T(r, {
+                key: e.generateUid(l.label),
+                label: l.label
               }, {
-                default: I(() => [
-                  E(i, { variant: "caption" }, {
-                    default: I(() => [
-                      S(y(u.value), 1)
+                default: b(() => [
+                  w(o, { variant: "caption" }, {
+                    default: b(() => [
+                      S(y(l.value), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -395,37 +408,37 @@ function Pe(e, t, r, l, h, s) {
             ]),
             _: 1
           })
-        ])) : b("", !0),
-        e.tag ? (o(), M(n, G({ key: 4 }, e.tag, { class: "b-timeline-item__tag" }), null, 16)) : b("", !0)
+        ])) : I("", !0),
+        e.tag ? (i(), T(c, B({ key: 4 }, e.tag, { class: "b-timeline-item__tag" }), null, 16)) : I("", !0)
       ])
     ]),
-    e.displayShowMoreButton ? (o(), f("div", Je, [
-      Ke,
-      v("div", Ze, [
-        E(a, {
+    e.displayShowMoreButton ? (i(), f("div", Xe, [
+      Ge,
+      p("div", xe, [
+        w(v, {
           class: "b-timeline__show-more",
           variant: "tertiary",
-          onClick: t[0] || (t[0] = (u) => e.showAll = !e.showAll)
+          onClick: t[0] || (t[0] = (l) => e.showAll = !e.showAll)
         }, {
-          default: I(() => [
-            e.showAll ? (o(), f(F, { key: 1 }, [
+          default: b(() => [
+            e.showAll ? (i(), f(U, { key: 1 }, [
               S(y(e.t("showLess")), 1)
-            ], 64)) : (o(), f(F, { key: 0 }, [
+            ], 64)) : (i(), f(U, { key: 0 }, [
               S(y(e.t("showMore", { items: e.hiddenItems })), 1)
             ], 64))
           ]),
           _: 1
         })
       ])
-    ])) : b("", !0)
-  ])) : b("", !0);
+    ])) : I("", !0)
+  ])) : I("", !0);
 }
-const mt = /* @__PURE__ */ B(De, [["render", Pe], ["__scopeId", "data-v-cbd33889"]]);
+const ht = /* @__PURE__ */ Y(Ye, [["render", et], ["__scopeId", "data-v-5ee3448b"]]);
 export {
-  lt as BentoTimeline,
-  Ce as BentoTimelineGapUnit,
-  mt as BentoTimelineItem,
-  w as BentoTimelineItemVariant,
-  N as BentoTimelineShowMorePlacement
+  pt as BentoTimeline,
+  Ne as BentoTimelineGapUnit,
+  ht as BentoTimelineItem,
+  C as BentoTimelineItemVariant,
+  M as BentoTimelineShowMorePlacement
 };
 //# sourceMappingURL=timeline.js.map