@adyen/bento-vue3 1.16.0 → 1.17.0

package/dist/filter-bar.js

@@ -1,15 +1,15 @@
 import { onMounted as Je, onUnmounted as _t, defineComponent as J, useSlots as Ft, useAttrs as ht, computed as d, ref as q, openBlock as f, createBlock as B, unref as ae, normalizeClass as ve, withCtx as v, createTextVNode as w, toDisplayString as O, createCommentVNode as H, createElementBlock as N, createElementVNode as V, renderSlot as ue, createVNode as A, watch as ye, resolveComponent as m, withKeys as de, toRef as Q, onBeforeUpdate as De, mergeProps as oe, Fragment as fe, reactive as Ge, createSlots as $e, renderList as pe, normalizeProps as ke, guardReactiveProps as Pe, pushScopeId as gt, popScopeId as Ct, nextTick as St, resolveDynamicComponent as Be, withDirectives as he, vShow as ge } from "vue";
 import { _ as Y } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { a as Ve } from "./chunks/index.91d917cd.js";
+import { a as Ve } from "./chunks/index.32f5c644.js";
 import { B as At } from "./chunks/directive.0408e565.js";
-import { a as $t } from "./chunks/tooltip.7b2758bf.js";
+import { a as $t } from "./chunks/tooltip.c2233d64.js";
 import { u as ce } from "./chunks/i18n.f7e6533e.js";
 import { g as Te } from "./chunks/unique-id.a2a2b458.js";
 import { o as Bt } from "./chunks/on-click-outside.3e0c3e2a.js";
 import { B as It } from "./chunks/teleport.127fa429.js";
-import { B as re, d as Dt } from "./chunks/index.93c7dcb9.js";
+import { B as re, d as Dt } from "./chunks/index.ed76cbb3.js";
 import { u as We } from "./chunks/aria-label.ac9651a5.js";
-import { B as Ze, a as Re } from "./chunks/base-button.211f3d1b.js";
+import { B as Ze, a as Re } from "./chunks/base-button.f412f30f.js";
 import { g as Qe } from "./chunks/get-slot-text.bead058f.js";
 import { u as Xe } from "./chunks/use-has-slot.4d98bf29.js";
 import { a as xe, C as et } from "./chunks/chevron-up.46afb34c.js";
@@ -18,25 +18,25 @@ import { BentoInputField as tt } from "./input-field.js";
 import { BentoSearchBar as Ce, BentoSearchBarEvent as be } from "./search-bar.js";
 import { u as Et } from "./chunks/toastController.0b01d2e8.js";
 import { BentoModal as Ut } from "./modal.js";
-import { f as kt } from "./chunks/base-modal.5bd79918.js";
-import { a as Pt } from "./chunks/button.b09b3d53.js";
-import { B as Vt, u as lt } from "./chunks/dropdown.70940b5d.js";
-import { g as Rt } from "./chunks/index.526a5595.js";
-import { B as at } from "./chunks/index.5e2bc547.js";
+import { f as kt } from "./chunks/base-modal.dd6881d6.js";
+import { a as Pt } from "./chunks/button.5e03cdd9.js";
+import { B as Vt, u as lt } from "./chunks/dropdown.2c6bb85c.js";
+import { g as Rt } from "./chunks/index.b253d8a2.js";
+import { B as at } from "./chunks/index.888c3d45.js";
 import { BentoDatePicker as Lt } from "./date-picker.js";
-import { f as ie } from "./chunks/index.c388fc64.js";
+import { f as ie } from "./chunks/index.e57740ab.js";
 import { e as ne, d as nt, f as ot } from "./chunks/index.f55fdc32.js";
-import { C as Ot, i as Nt } from "./chunks/calendar.f00c4de3.js";
-import { B as wt, D as Mt, i as Le } from "./chunks/index.fff78e34.js";
+import { C as Ot, i as Nt } from "./chunks/calendar.d26921a5.js";
+import { B as wt, D as Mt, i as Le } from "./chunks/index.eb6f799e.js";
 import { D as Oe } from "./chunks/date-input.9186a0bf.js";
 import { BentoButtonActions as Ht } from "./button.js";
-import { B as qt } from "./chunks/listbox.0d3b5112.js";
-import { B as Kt, L as st } from "./chunks/listbox-option-tag.109460f7.js";
+import { B as qt } from "./chunks/listbox.60318e0a.js";
+import { B as Kt, L as st } from "./chunks/listbox-option-tag.20d2206f.js";
 import { u as jt } from "./chunks/use-country-items.32e30471.js";
 import { BentoPaymentMethod as Yt } from "./payment-method.js";
 import { R as zt } from "./chunks/refresh.bd60f6a8.js";
-import { F as Jt } from "./chunks/fixed-scroller.db3bc496.js";
-import "./assets/index22.css";
+import { F as Jt } from "./chunks/fixed-scroller.1d3d4983.js";
+import "./assets/index18.css";
 const Gt = (e, t, a = {}) => {
   let l;
   Je(() => {
@@ -2254,11 +2254,11 @@ function na(e, t, a, l, r, s) {
 }
 const oa = /* @__PURE__ */ Y(Gl, [["render", na], ["__scopeId", "data-v-2653c56a"]]), ze = {
   "en-US": {
-    clearAll: "Clear all",
+    clearAll: "Clear filters",
     filtersHaveBeenCleared: "Filters have been cleared.",
     filtersHaveBeenReset: "Filters have been reset.",
     undo: "Undo",
-    resetAll: "Reset all",
+    resetAll: "Reset filters",
     searchBar: "Search bar"
   }
 }, sa = J({

package/dist/focus-trap.js

@@ -1,4 +1,4 @@
-import { B as a } from "./chunks/index.526a5595.js";
+import { B as a } from "./chunks/index.b253d8a2.js";
 export {
   a as BentoFocusTrap
 };

package/dist/form-layout.js

@@ -3,8 +3,8 @@ import { BentoAlert as T } from "./alert.js";
 import { F as k } from "./chunks/form-layout.types.a7a1438d.js";
 import { u as F } from "./chunks/use-has-slot.4d98bf29.js";
 import { _ as m } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { B as y, c as G } from "./chunks/index.93c7dcb9.js";
-import "./assets/index27.css";
+import { B as y, c as G } from "./chunks/index.ed76cbb3.js";
+import "./assets/index25.css";
 const A = {
   key: 1,
   class: "b-form-layout__actions-container"

package/dist/header.js

@@ -1,27 +1,26 @@
-import { defineComponent as F, useSlots as q, ref as y, computed as D, openBlock as m, createElementBlock as A, createVNode as U, unref as _, createBlock as S, withCtx as M, renderSlot as G, toDisplayString as k, createCommentVNode as T, resolveComponent as x, normalizeClass as J, createElementVNode as w, mergeProps as K, createTextVNode as R, createSlots as Q } from "vue";
-import { u as Z } from "./chunks/use-has-slot.4d98bf29.js";
-import { B as V, c as B, a as ee } from "./chunks/index.93c7dcb9.js";
-import { u as W } from "./chunks/i18n.f7e6533e.js";
-import { B as te } from "./chunks/button-actions-with-menu.cfcfbb17.js";
-import { c as O, a as oe } from "./chunks/index.86453263.js";
-import { r as v, t as u, e as X, g as $, d as ne, f as ae } from "./chunks/index.f55fdc32.js";
-import { e as re } from "./chunks/index.fdf12170.js";
-import { e as se } from "./chunks/index.d80206ed.js";
+import { defineComponent as H, ref as I, openBlock as m, createElementBlock as w, createVNode as x, unref as _, createBlock as b, withCtx as g, renderSlot as G, toDisplayString as A, createCommentVNode as M, computed as O, resolveComponent as N, normalizeClass as q, createElementVNode as E, mergeProps as J, createTextVNode as R, createSlots as K } from "vue";
+import { u as Q } from "./chunks/use-has-slot.4d98bf29.js";
+import { B as V, c as X, a as Z } from "./chunks/index.ed76cbb3.js";
+import { u as F } from "./chunks/i18n.f7e6533e.js";
+import { B as ee } from "./chunks/button-actions-with-menu.6139d2c5.js";
+import { c as D, a as te } from "./chunks/index.86453263.js";
+import { r as v, t as c, e as C, g as L, d as oe, f as ne } from "./chunks/index.f55fdc32.js";
+import { e as ae } from "./chunks/index.fdf12170.js";
+import { e as re } from "./chunks/index.d80206ed.js";
+import { a as y } from "./chunks/index.32f5c644.js";
+import { g as se } from "./chunks/unique-id.a2a2b458.js";
 import { I as ie } from "./chunks/info.550f9511.js";
-import { a as b } from "./chunks/index.91d917cd.js";
-import { g as le } from "./chunks/get-slot-text.bead058f.js";
-import { g as ce } from "./chunks/unique-id.a2a2b458.js";
-import { _ as z } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import "./assets/index23.css";
-function ue(e, a) {
+import { _ as W } from "./chunks/_plugin-vue_export-helper.dad06003.js";
+import "./assets/index28.css";
+function le(e, a) {
   v(2, arguments);
-  var n = u(e), t = u(a), i = n.getFullYear() - t.getFullYear(), o = n.getMonth() - t.getMonth();
-  return i * 12 + o;
+  var n = c(e), t = c(a), s = n.getFullYear() - t.getFullYear(), o = n.getMonth() - t.getMonth();
+  return s * 12 + o;
 }
-function fe(e, a) {
-  return v(2, arguments), u(e).getTime() - u(a).getTime();
+function ce(e, a) {
+  return v(2, arguments), c(e).getTime() - c(a).getTime();
 }
-var L = {
+var B = {
   ceil: Math.ceil,
   round: Math.round,
   floor: Math.floor,
@@ -29,84 +28,84 @@ var L = {
     return e < 0 ? Math.ceil(e) : Math.floor(e);
   }
   // Math.trunc is not supported by IE
-}, pe = "trunc";
-function de(e) {
-  return e ? L[e] : L[pe];
+}, ue = "trunc";
+function fe(e) {
+  return e ? B[e] : B[ue];
 }
-function me(e) {
+function de(e) {
   v(1, arguments);
-  var a = u(e);
-  return re(a).getTime() === se(a).getTime();
+  var a = c(e);
+  return ae(a).getTime() === re(a).getTime();
 }
-function ve(e, a) {
+function pe(e, a) {
   v(2, arguments);
-  var n = u(e), t = u(a), i = O(n, t), o = Math.abs(ue(n, t)), r;
+  var n = c(e), t = c(a), s = D(n, t), o = Math.abs(le(n, t)), r;
   if (o < 1)
     r = 0;
   else {
-    n.getMonth() === 1 && n.getDate() > 27 && n.setDate(30), n.setMonth(n.getMonth() - i * o);
-    var l = O(n, t) === -i;
-    me(u(e)) && o === 1 && O(e, t) === 1 && (l = !1), r = i * (o - Number(l));
+    n.getMonth() === 1 && n.getDate() > 27 && n.setDate(30), n.setMonth(n.getMonth() - s * o);
+    var i = D(n, t) === -s;
+    de(c(e)) && o === 1 && D(e, t) === 1 && (i = !1), r = s * (o - Number(i));
   }
   return r === 0 ? 0 : r;
 }
-function _e(e, a, n) {
+function me(e, a, n) {
   v(2, arguments);
-  var t = fe(e, a) / 1e3;
-  return de(n == null ? void 0 : n.roundingMethod)(t);
+  var t = ce(e, a) / 1e3;
+  return fe(n == null ? void 0 : n.roundingMethod)(t);
 }
-var H = 1440, he = 2520, C = 43200, ge = 86400;
-function Me(e, a) {
+var $ = 1440, ve = 2520, P = 43200, _e = 86400;
+function he(e, a) {
   var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   v(2, arguments);
-  var t = n.locale || X;
+  var t = n.locale || C;
   if (!t.formatDistance)
     throw new RangeError("locale must contain formatDistance property");
-  var i = O(e, a);
-  if (isNaN(i))
+  var s = D(e, a);
+  if (isNaN(s))
     throw new RangeError("Invalid time value");
-  var o = oe(n);
-  o.addSuffix = !!n.addSuffix, o.comparison = i;
-  var r, l;
-  i > 0 ? (r = u(a), l = u(e)) : (r = u(e), l = u(a));
-  var c = _e(l, r), h = ($(l) - $(r)) / 1e3, s = Math.round((c - h) / 60), p;
-  if (s < 2)
-    return n.includeSeconds ? c < 5 ? t.formatDistance("lessThanXSeconds", 5, o) : c < 10 ? t.formatDistance("lessThanXSeconds", 10, o) : c < 20 ? t.formatDistance("lessThanXSeconds", 20, o) : c < 40 ? t.formatDistance("halfAMinute", null, o) : c < 60 ? t.formatDistance("lessThanXMinutes", 1, o) : t.formatDistance("xMinutes", 1, o) : s === 0 ? t.formatDistance("lessThanXMinutes", 1, o) : t.formatDistance("xMinutes", s, o);
-  if (s < 45)
-    return t.formatDistance("xMinutes", s, o);
-  if (s < 90)
+  var o = te(n);
+  o.addSuffix = !!n.addSuffix, o.comparison = s;
+  var r, i;
+  s > 0 ? (r = c(a), i = c(e)) : (r = c(e), i = c(a));
+  var u = me(i, r), T = (L(i) - L(r)) / 1e3, l = Math.round((u - T) / 60), d;
+  if (l < 2)
+    return n.includeSeconds ? u < 5 ? t.formatDistance("lessThanXSeconds", 5, o) : u < 10 ? t.formatDistance("lessThanXSeconds", 10, o) : u < 20 ? t.formatDistance("lessThanXSeconds", 20, o) : u < 40 ? t.formatDistance("halfAMinute", null, o) : u < 60 ? t.formatDistance("lessThanXMinutes", 1, o) : t.formatDistance("xMinutes", 1, o) : l === 0 ? t.formatDistance("lessThanXMinutes", 1, o) : t.formatDistance("xMinutes", l, o);
+  if (l < 45)
+    return t.formatDistance("xMinutes", l, o);
+  if (l < 90)
     return t.formatDistance("aboutXHours", 1, o);
-  if (s < H) {
-    var N = Math.round(s / 60);
-    return t.formatDistance("aboutXHours", N, o);
+  if (l < $) {
+    var f = Math.round(l / 60);
+    return t.formatDistance("aboutXHours", f, o);
   } else {
-    if (s < he)
+    if (l < ve)
       return t.formatDistance("xDays", 1, o);
-    if (s < C) {
-      var P = Math.round(s / H);
-      return t.formatDistance("xDays", P, o);
-    } else if (s < ge)
-      return p = Math.round(s / C), t.formatDistance("aboutXMonths", p, o);
+    if (l < P) {
+      var U = Math.round(l / $);
+      return t.formatDistance("xDays", U, o);
+    } else if (l < _e)
+      return d = Math.round(l / P), t.formatDistance("aboutXMonths", d, o);
   }
-  if (p = ve(l, r), p < 12) {
-    var E = Math.round(s / C);
-    return t.formatDistance("xMonths", E, o);
+  if (d = pe(i, r), d < 12) {
+    var j = Math.round(l / P);
+    return t.formatDistance("xMonths", j, o);
   } else {
-    var f = p % 12, I = Math.floor(p / 12);
-    return f < 3 ? t.formatDistance("aboutXYears", I, o) : f < 9 ? t.formatDistance("overXYears", I, o) : t.formatDistance("almostXYears", I + 1, o);
+    var k = d % 12, S = Math.floor(d / 12);
+    return k < 3 ? t.formatDistance("aboutXYears", S, o) : k < 9 ? t.formatDistance("overXYears", S, o) : t.formatDistance("almostXYears", S + 1, o);
   }
 }
-function Te(e, a) {
-  return v(1, arguments), Me(e, Date.now(), a);
+function ge(e, a) {
+  return v(1, arguments), he(e, Date.now(), a);
 }
-const j = {
+const z = {
   "en-US": {
     infoIconAriaLabel: "More information"
   }
-}, Ie = { key: 0 }, ye = {
-  i18n: { messages: j }
-}, be = /* @__PURE__ */ F({
-  ...ye,
+}, Me = { key: 0 }, Te = {
+  i18n: { messages: z }
+}, Ie = /* @__PURE__ */ H({
+  ...Te,
   __name: "info-icon-with-popover",
   props: {
     /**
@@ -117,80 +116,80 @@ const j = {
      * Position the popover should take if space is available
      */
     popoverPosition: {
-      type: b.props.position.type,
-      default: b.props.position.default,
-      validator: b.props.position.validator
+      type: y.props.position.type,
+      default: y.props.position.default,
+      validator: y.props.position.validator
     }
   },
   setup(e) {
-    const a = e, n = 200, t = q(), { t: i } = W({ messages: j }), o = y(), r = y(null), l = ce("bento-info-icon-with-popover"), c = y(), h = y(), s = () => {
-      c.value = !0, h.value && clearTimeout(h.value);
-    }, p = () => {
+    const { t: n } = F({ messages: z }), t = I(), s = I(null), o = se("bento-info-icon-with-popover"), r = I(), i = I(), u = () => {
+      r.value = !0, i.value && clearTimeout(i.value);
+    }, T = () => {
       const f = setTimeout(() => {
-        c.value = !1;
-      }, n);
-      h.value = f;
-    }, N = D(() => a.popoverText ?? le(t)("default")), P = () => {
-      s();
-    }, E = (f) => {
-      (!o.value || !((f == null ? void 0 : f.relatedTarget) instanceof Element) || !o.value.contains(f.relatedTarget)) && p();
+        r.value = !1;
+      }, 200);
+      i.value = f;
+    }, l = () => {
+      u();
+    }, d = (f) => {
+      (!t.value || !((f == null ? void 0 : f.relatedTarget) instanceof Element) || !t.value.contains(f.relatedTarget)) && T();
     };
-    return (f, I) => (m(), A("div", {
+    return (f, U) => (m(), w("div", {
       ref_key: "infoIconRef",
-      ref: o,
+      ref: t,
       class: "b-info-icon-with-popover",
       tabindex: "0",
       "data-testid": "info-icon-with-popover",
-      onMouseenter: s,
-      onMouseleave: p,
-      onFocus: P,
-      onFocusout: E
+      onMouseenter: u,
+      onMouseleave: T,
+      onFocus: l,
+      onFocusout: d
     }, [
-      U(_(ie), {
+      x(_(ie), {
         ref_key: "targetElement",
-        ref: r,
+        ref: s,
         class: "b-info-icon-with-popover__svg",
-        "aria-expanded": c.value,
-        "aria-describedby": _(l),
-        "svg-title": _(i)("infoIconAriaLabel")
+        "aria-expanded": r.value,
+        "aria-describedby": _(o),
+        "svg-title": _(n)("infoIconAriaLabel")
       }, null, 8, ["aria-expanded", "aria-describedby", "svg-title"]),
-      r.value && _(N) ? (m(), S(_(b), {
+      s.value ? (m(), b(_(y), {
         key: 0,
-        open: c.value,
-        "target-element": r.value,
+        open: r.value,
+        "target-element": s.value,
         position: e.popoverPosition,
         role: "tooltip",
         "fit-content": "",
         "disable-focus-trap": ""
       }, {
-        default: M(() => [
-          U(_(V), null, {
-            default: M(() => [
+        default: g(() => [
+          x(_(V), null, {
+            default: g(() => [
               G(f.$slots, "default", {}, () => [
-                e.popoverText ? (m(), A("div", Ie, k(e.popoverText), 1)) : T("", !0)
+                e.popoverText ? (m(), w("div", Me, A(e.popoverText), 1)) : M("", !0)
               ], !0)
             ]),
             _: 3
           })
         ]),
         _: 3
-      }, 8, ["open", "target-element", "position"])) : T("", !0)
+      }, 8, ["open", "target-element", "position"])) : M("", !0)
     ], 544));
   }
 });
-const g = /* @__PURE__ */ z(be, [["__scopeId", "data-v-e0c8c1a0"]]);
-var d = /* @__PURE__ */ ((e) => (e.PAGE = "page", e.COMPONENT = "component", e))(d || {});
+const h = /* @__PURE__ */ W(Ie, [["__scopeId", "data-v-6adc0995"]]);
+var p = /* @__PURE__ */ ((e) => (e.PAGE = "page", e.COMPONENT = "component", e))(p || {});
 const Y = {
   "en-US": {
     lastUpdated: "Last updated: {date} ago"
   }
-}, De = F({
+}, ye = H({
   i18n: { messages: Y },
   name: "bento-header",
   components: {
     BentoTypography: V,
-    ButtonActionsWithMenu: te,
-    InfoIconWithPopover: g
+    ButtonActionsWithMenu: ee,
+    InfoIconWithPopover: h
   },
   props: {
     /**
@@ -203,14 +202,14 @@ const Y = {
     /**
      * Text showed in the info-icon tooltip on hover
      */
-    infoIconTooltipText: { type: g.props.popoverText.type, default: null },
+    infoIconTooltipText: { type: h.props.popoverText.type, default: null },
     /**
      * Popover position of the info icon text.
      */
     infoIconPopoverPosition: {
-      type: g.props.popoverPosition.type,
-      default: g.props.popoverPosition.default,
-      validator: g.props.popoverPosition.validator
+      type: h.props.popoverPosition.type,
+      default: h.props.popoverPosition.default,
+      validator: h.props.popoverPosition.validator
     },
     /**
      * JavaScript "Date" object for when the content was last updated
@@ -222,8 +221,8 @@ const Y = {
      */
     variant: {
       type: String,
-      default: d.PAGE,
-      validator: (e) => Object.values(d).includes(e)
+      default: p.PAGE,
+      validator: (e) => Object.values(p).includes(e)
     },
     /**
      * Text used as a title
@@ -231,80 +230,80 @@ const Y = {
     title: { type: String, required: !0 }
   },
   setup(e, { slots: a }) {
-    const { t: n, locale: t } = W({ messages: Y }), i = { de: ne, enUS: X, fr: ae }, o = D(() => ({
-      "b-header--component": e.variant === d.COMPONENT
-    })), r = D(() => ({
-      el: e.variant === d.PAGE ? B.H1 : B.H2,
-      variant: ee.TITLE,
-      medium: e.variant === d.COMPONENT,
-      large: e.variant === d.PAGE
-    })), l = D(
+    const { t: n, locale: t } = F({ messages: Y }), s = { de: oe, enUS: C, fr: ne }, o = O(() => ({
+      "b-header--component": e.variant === p.COMPONENT
+    })), r = O(() => ({
+      el: e.variant === p.PAGE ? X.H1 : X.H2,
+      variant: Z.TITLE,
+      medium: e.variant === p.COMPONENT,
+      large: e.variant === p.PAGE
+    })), i = O(
       () => e.lastUpdated ? n("lastUpdated", {
-        date: Te(e.lastUpdated, {
-          locale: i[t.value.substring(0, 2)] || X
+        date: ge(e.lastUpdated, {
+          locale: s[t.value.substring(0, 2)] || C
         })
       }) : null
     );
     return {
-      hasSlot: Z(a),
+      hasSlot: Q(a),
       conditionalClasses: o,
-      timestamp: l,
+      timestamp: i,
       typography: r
     };
   }
 });
-const Se = { class: "b-header__wrapper" }, Oe = { class: "b-header__title" };
-function Ne(e, a, n, t, i, o) {
-  const r = x("bento-typography"), l = x("info-icon-with-popover"), c = x("button-actions-with-menu");
-  return m(), A("div", {
-    class: J(["b-header", e.conditionalClasses])
+const be = { class: "b-header__wrapper" }, De = { class: "b-header__title" };
+function Se(e, a, n, t, s, o) {
+  const r = N("bento-typography"), i = N("info-icon-with-popover"), u = N("button-actions-with-menu");
+  return m(), w("div", {
+    class: q(["b-header", e.conditionalClasses])
   }, [
-    w("div", Se, [
-      w("div", Oe, [
-        w("div", null, [
-          U(r, K(e.typography, { class: "b-header__text" }), {
-            default: M(() => [
-              R(k(e.title), 1)
+    E("div", be, [
+      E("div", De, [
+        E("div", null, [
+          x(r, J(e.typography, { class: "b-header__text" }), {
+            default: g(() => [
+              R(A(e.title), 1)
             ]),
             _: 1
           }, 16),
-          e.infoIconTooltipText || e.hasSlot("infoIconTooltipContent") ? (m(), S(l, {
+          e.infoIconTooltipText || e.hasSlot("infoIconTooltipContent") ? (m(), b(i, {
             key: 0,
             class: "b-header__tooltip",
             "popover-text": e.infoIconTooltipText
-          }, Q({ _: 2 }, [
+          }, K({ _: 2 }, [
             e.hasSlot("infoIconTooltipContent") ? {
               name: "default",
-              fn: M(() => [
+              fn: g(() => [
                 G(e.$slots, "infoIconTooltipContent", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0
-          ]), 1032, ["popover-text"])) : T("", !0)
+          ]), 1032, ["popover-text"])) : M("", !0)
         ]),
-        e.lastUpdated ? (m(), S(r, {
+        e.lastUpdated ? (m(), b(r, {
           key: 0,
           class: "b-header__timestamp",
           el: "div",
           variant: "caption"
         }, {
-          default: M(() => [
-            R(k(e.timestamp), 1)
+          default: g(() => [
+            R(A(e.timestamp), 1)
           ]),
           _: 1
-        })) : T("", !0)
+        })) : M("", !0)
       ]),
-      e.actions ? (m(), S(c, {
+      e.actions ? (m(), b(u, {
         key: 0,
         actions: e.actions,
         "displayed-actions": 2,
         class: "b-header__actions"
-      }, null, 8, ["actions"])) : T("", !0)
+      }, null, 8, ["actions"])) : M("", !0)
     ])
   ], 2);
 }
-const Ye = /* @__PURE__ */ z(De, [["render", Ne], ["__scopeId", "data-v-55015fd0"]]);
+const Be = /* @__PURE__ */ W(ye, [["render", Se], ["__scopeId", "data-v-55015fd0"]]);
 export {
-  Ye as BentoHeader
+  Be as BentoHeader
 };
 //# sourceMappingURL=header.js.map