@adyen/bento-vue3 1.0.0 → 1.1.0

package/dist/chunks/{calendar.24ede03d.js → calendar.1fb0d5b2.js}

@@ -1,20 +1,20 @@
-import { defineComponent as de, computed as S, resolveComponent as R, openBlock as _, createElementBlock as M, normalizeClass as Oe, createElementVNode as I, createVNode as Y, ref as P, watch as G, nextTick as Ie, toRef as V, resolveDirective as ke, withDirectives as Re, mergeProps as Ae, toHandlers as Pe, createBlock as X, withCtx as q, createCommentVNode as le, createTextVNode as ye, toDisplayString as he, Fragment as z, renderList as J, reactive as Se } from "vue";
-import { r as h, t as y, g as _e, e as ie, d as Le, f as $e } from "./index.f55fdc32.js";
-import { t as b, B as Ue, a as Be, f as Te } from "./index.af260515.js";
-import { B as Ye, a as Ce } from "./button.51be5335.js";
-import { B as We, c as Ve, a as Ge } from "./index.1d501e31.js";
-import { u as He } from "./i18n.3619d46c.js";
-import { g as xe } from "./unique-id.a2a2b458.js";
-import { C as Fe, a as je } from "./chevron-right.aef416c6.js";
-import { _ as ce } from "./_plugin-vue_export-helper.dad06003.js";
+import { defineComponent as ce, computed as p, resolveComponent as A, openBlock as _, createElementBlock as O, normalizeClass as Se, withKeys as we, createElementVNode as k, createVNode as C, ref as L, watch as H, nextTick as ke, toRef as G, resolveDirective as Re, withDirectives as Ae, mergeProps as Pe, toHandlers as Le, createBlock as z, withCtx as K, createCommentVNode as ie, createTextVNode as he, toDisplayString as _e, Fragment as J, renderList as Z, reactive as pe } from "vue";
+import { r as h, t as y, g as Te, e as de, d as $e, f as Ue } from "./index.f55fdc32.js";
+import { t as b, B as Be, a as Ye, f as Ne } from "./index.c25bbcc8.js";
+import { B as Ce, a as We } from "./button.4ccc3a72.js";
+import { B as Ve, a as Ge, b as He } from "./index.92f7d550.js";
+import { u as Fe } from "./i18n.6c402773.js";
+import { g as je } from "./unique-id.a2a2b458.js";
 import { a as qe } from "./debounce.f8d92e44.js";
+import { C as xe, a as Ke } from "./chevron-right.aef416c6.js";
+import { _ as ve } from "./_plugin-vue_export-helper.dad06003.js";
 import "../assets/calendar.css";
-function H(e, t) {
+function F(e, t) {
   h(2, arguments);
   var a = y(e), n = b(t);
   return isNaN(n) ? /* @__PURE__ */ new Date(NaN) : (n && a.setDate(a.getDate() + n), a);
 }
-function L(e, t) {
+function $(e, t) {
   h(2, arguments);
   var a = y(e), n = b(t);
   if (isNaN(n))
@@ -31,88 +31,88 @@ function Qe(e, t) {
   var a = t || {}, n = a.locale, o = n && n.options && n.options.weekStartsOn, r = o == null ? 0 : b(o), s = a.weekStartsOn == null ? r : b(a.weekStartsOn);
   if (!(s >= 0 && s <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  var u = y(e), v = u.getDay(), l = (v < s ? 7 : 0) + v - s;
-  return u.setDate(u.getDate() - l), u.setHours(0, 0, 0, 0), u;
+  var l = y(e), v = l.getDay(), i = (v < s ? 7 : 0) + v - s;
+  return l.setDate(l.getDate() - i), l.setHours(0, 0, 0, 0), l;
 }
-function A(e) {
+function P(e) {
   h(1, arguments);
   var t = y(e);
   return t.setHours(0, 0, 0, 0), t;
 }
-var Ke = 864e5;
-function Xe(e, t) {
+var Xe = 864e5;
+function ze(e, t) {
   h(2, arguments);
-  var a = A(e), n = A(t), o = a.getTime() - _e(a), r = n.getTime() - _e(n);
-  return Math.round((o - r) / Ke);
+  var a = P(e), n = P(t), o = a.getTime() - Te(a), r = n.getTime() - Te(n);
+  return Math.round((o - r) / Xe);
 }
 function Q(e, t) {
   h(2, arguments);
-  var a = A(e), n = A(t);
+  var a = P(e), n = P(t);
   return a.getTime() === n.getTime();
 }
-function Ne(e, t) {
+function Ee(e, t) {
   var a = e.getFullYear() - t.getFullYear() || e.getMonth() - t.getMonth() || e.getDate() - t.getDate() || e.getHours() - t.getHours() || e.getMinutes() - t.getMinutes() || e.getSeconds() - t.getSeconds() || e.getMilliseconds() - t.getMilliseconds();
   return a < 0 ? -1 : a > 0 ? 1 : a;
 }
-function ze(e, t) {
+function Je(e, t) {
   h(2, arguments);
-  var a = y(e), n = y(t), o = Ne(a, n), r = Math.abs(Xe(a, n));
+  var a = y(e), n = y(t), o = Ee(a, n), r = Math.abs(ze(a, n));
   a.setDate(a.getDate() - o * r);
-  var s = +(Ne(a, n) === -o), u = o * (r - s);
-  return u === 0 ? 0 : u;
+  var s = +(Ee(a, n) === -o), l = o * (r - s);
+  return l === 0 ? 0 : l;
 }
-function Je(e) {
+function Ze(e) {
   h(1, arguments);
   var t = y(e);
   return t.setDate(1), t.setHours(0, 0, 0, 0), t;
 }
-function Ze(e, t) {
+function et(e, t) {
   h(1, arguments);
   var a = t || {}, n = a.locale, o = n && n.options && n.options.weekStartsOn, r = o == null ? 0 : b(o), s = a.weekStartsOn == null ? r : b(a.weekStartsOn);
   if (!(s >= 0 && s <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  var u = y(e), v = u.getDay(), l = (v < s ? -7 : 0) + 6 - (v - s);
-  return u.setDate(u.getDate() + l), u.setHours(23, 59, 59, 999), u;
+  var l = y(e), v = l.getDay(), i = (v < s ? -7 : 0) + 6 - (v - s);
+  return l.setDate(l.getDate() + i), l.setHours(23, 59, 59, 999), l;
 }
-function et(e, t) {
+function tt(e, t) {
   h(2, arguments);
   var a = b(t);
-  return H(e, -a);
+  return F(e, -a);
 }
-function Z(e, t) {
+function ee(e, t) {
   h(2, arguments);
   var a = b(t);
-  return L(e, -a);
+  return $(e, -a);
 }
-function tt(e, t) {
+function at(e, t) {
   h(2, arguments);
   var a = y(e), n = y(t);
   return a.getTime() > n.getTime();
 }
-function at(e, t) {
+function nt(e, t) {
   h(2, arguments);
   var a = y(e), n = y(t);
   return a.getTime() < n.getTime();
 }
-function Ee(e, t) {
+function be(e, t) {
   h(2, arguments);
   var a = y(e).getTime(), n = y(t.start).getTime(), o = y(t.end).getTime();
   if (!(n <= o))
     throw new RangeError("Invalid interval");
   return a >= n && a <= o;
 }
-function nt(e, t, a) {
+function rt(e, t, a) {
   h(2, arguments);
-  var n = a || {}, o = n.locale, r = o && o.options && o.options.weekStartsOn, s = r == null ? 0 : b(r), u = n.weekStartsOn == null ? s : b(n.weekStartsOn);
-  if (!(u >= 0 && u <= 6))
+  var n = a || {}, o = n.locale, r = o && o.options && o.options.weekStartsOn, s = r == null ? 0 : b(r), l = n.weekStartsOn == null ? s : b(n.weekStartsOn);
+  if (!(l >= 0 && l <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  var v = y(e), l = b(t), d = v.getDay(), T = l % 7, f = (T + 7) % 7, D = 7 - u, m = l < 0 || l > 6 ? l - (d + D) % 7 : (f + D) % 7 - (d + D) % 7;
-  return H(v, m);
+  var v = y(e), i = b(t), c = v.getDay(), T = i % 7, d = (T + 7) % 7, D = 7 - l, m = i < 0 || i > 6 ? i - (c + D) % 7 : (d + D) % 7 - (c + D) % 7;
+  return F(v, m);
 }
-var N = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e))(N || {}), w = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e.SELECTED = "selected", e.UNSELECTED = "unselected", e.CURRENT_DAY = "current-day", e.DISABLED = "disabled", e))(w || {}), C = /* @__PURE__ */ ((e) => (e.CLICK = "click", e.MOUSE_OVER = "mouseover", e))(C || {});
-const rt = de({
+var N = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e))(N || {}), w = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e.SELECTED = "selected", e.UNSELECTED = "unselected", e.CURRENT_DAY = "current-day", e.DISABLED = "disabled", e))(w || {}), W = /* @__PURE__ */ ((e) => (e.CLICK = "click", e.MOUSE_OVER = "mouseover", e))(W || {});
+const ot = ce({
   name: "calendar-month-day",
-  components: { BentoDate: Ue },
+  components: { BentoDate: Be },
   inheritAttrs: !0,
   props: {
     /**
@@ -137,15 +137,15 @@ const rt = de({
       validator: (e) => Object.values(N).includes(e)
     }
   },
-  emits: [C.CLICK, C.MOUSE_OVER],
+  emits: [W.CLICK, W.MOUSE_OVER],
   setup(e, { emit: t }) {
-    const a = S(() => {
+    const a = p(() => {
       const r = /* @__PURE__ */ new Date();
       return e.day.getDate() === r.getDate() && e.day.getMonth() === r.getMonth() && e.day.getFullYear() === r.getFullYear();
     });
     return {
       // Values
-      conditionalClasses: S(() => ({
+      conditionalClasses: p(() => ({
         // Variants
         [`b-calendar-month-day--${w.BEGINNING}`]: e.variant === N.BEGINNING,
         [`b-calendar-month-day--${w.MIDDLE}`]: e.variant === N.MIDDLE,
@@ -160,52 +160,53 @@ const rt = de({
         [`b-calendar-month-day--${w.DISABLED}`]: e.disabled
       })),
       // Enums
-      BentoDateFormat: Be,
-      CalendarMonthDayEvent: C,
+      BentoDateFormat: Ye,
+      CalendarMonthDayEvent: W,
       // Events
       onClick: (r) => {
-        e.disabled || t(C.CLICK, r, e.day);
+        e.disabled || t(W.CLICK, r, e.day);
       }
     };
   }
 });
-const ot = ["tabindex", "aria-selected"], st = { class: "b-calendar-month-day__wrapper" };
-function ut(e, t, a, n, o, r) {
-  const s = R("bento-date");
-  return _(), M("td", {
-    class: Oe(["b-calendar-month-day", e.conditionalClasses]),
+const st = ["tabindex", "aria-selected"], ut = { class: "b-calendar-month-day__wrapper" };
+function lt(e, t, a, n, o, r) {
+  const s = A("bento-date");
+  return _(), O("td", {
+    class: Se(["b-calendar-month-day", e.conditionalClasses]),
     tabindex: e.selected ? "0" : "-1",
     "aria-selected": e.selected,
     onClick: t[0] || (t[0] = () => e.onClick(e.day)),
-    onMouseover: t[1] || (t[1] = (u) => e.$emit(e.CalendarMonthDayEvent.MOUSE_OVER))
+    onMouseover: t[1] || (t[1] = (l) => e.$emit(e.CalendarMonthDayEvent.MOUSE_OVER)),
+    onKeydown: t[2] || (t[2] = we(() => e.onClick(e.day), ["space", "enter"]))
   }, [
-    I("div", st, [
-      Y(s, {
+    k("div", ut, [
+      C(s, {
         class: "b-calendar-month-day__label",
         date: e.day,
         format: e.BentoDateFormat.DAY_OF_MONTH
       }, null, 8, ["date", "format"])
     ])
-  ], 42, ot);
+  ], 42, st);
 }
-const lt = /* @__PURE__ */ ce(rt, [["render", ut], ["__scopeId", "data-v-0c587d30"]]);
-var O = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.MOUSE_OVER = "mouseover", e.NEXT_MONTH = "nextMonth", e.PREVIOUS_MONTH = "previousMonth", e))(O || {}), E = /* @__PURE__ */ ((e) => (e.FIRST = "first", e.LAST = "last", e.MIDDLE = "middle", e.UNIQUE = "unique", e))(E || {}), W = /* @__PURE__ */ ((e) => (e[e.MONDAY = 1] = "MONDAY", e[e.SATURDAY = 6] = "SATURDAY", e[e.SUNDAY = 0] = "SUNDAY", e))(W || {});
-function it(e) {
+const it = /* @__PURE__ */ ve(ot, [["render", lt], ["__scopeId", "data-v-aae9bd6a"]]);
+var S = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.MOUSE_OVER = "mouseover", e.NEXT_MONTH = "nextMonth", e.PREVIOUS_MONTH = "previousMonth", e))(S || {}), E = /* @__PURE__ */ ((e) => (e.FIRST = "first", e.LAST = "last", e.MIDDLE = "middle", e.UNIQUE = "unique", e))(E || {}), V = /* @__PURE__ */ ((e) => (e[e.MONDAY = 1] = "MONDAY", e[e.SATURDAY = 6] = "SATURDAY", e[e.SUNDAY = 0] = "SUNDAY", e))(V || {});
+function dt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ee = {}, dt = {
+var te = {}, ct = {
   get exports() {
-    return ee;
+    return te;
   },
   set exports(e) {
-    ee = e;
+    te = e;
   }
-}, x = {}, ct = {
+}, j = {}, vt = {
   get exports() {
-    return x;
+    return j;
   },
   set exports(e) {
-    x = e;
+    j = e;
   }
 };
 (function(e, t) {
@@ -219,27 +220,27 @@ var ee = {}, dt = {
     return isNaN(o) ? o : o < 0 ? Math.ceil(o) : Math.floor(o);
   }
   e.exports = t.default;
-})(ct, x);
-var te = {}, vt = {
+})(vt, j);
+var ae = {}, ft = {
   get exports() {
-    return te;
+    return ae;
   },
   set exports(e) {
-    te = e;
+    ae = e;
   }
-}, ae = {}, ft = {
+}, ne = {}, Dt = {
   get exports() {
-    return ae;
+    return ne;
   },
   set exports(e) {
-    ae = e;
+    ne = e;
   }
-}, $ = {}, Dt = {
+}, U = {}, mt = {
   get exports() {
-    return $;
+    return U;
   },
   set exports(e) {
-    $ = e;
+    U = e;
   }
 };
 (function(e, t) {
@@ -251,12 +252,12 @@ var te = {}, vt = {
       throw new TypeError(n + " argument" + (n > 1 ? "s" : "") + " required, but only " + o.length + " present");
   }
   e.exports = t.default;
-})(Dt, $);
+})(mt, U);
 (function(e, t) {
   Object.defineProperty(t, "__esModule", {
     value: !0
   }), t.default = o;
-  var a = n($);
+  var a = n(U);
   function n(r) {
     return r && r.__esModule ? r : { default: r };
   }
@@ -266,185 +267,187 @@ var te = {}, vt = {
     return r instanceof Date || typeof r == "object" && s === "[object Date]" ? new Date(r.getTime()) : typeof r == "number" || s === "[object Number]" ? new Date(r) : ((typeof r == "string" || s === "[object String]") && typeof console < "u" && (console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://git.io/fjule"), console.warn(new Error().stack)), /* @__PURE__ */ new Date(NaN));
   }
   e.exports = t.default;
-})(ft, ae);
+})(Dt, ne);
 (function(e, t) {
   Object.defineProperty(t, "__esModule", {
     value: !0
   }), t.default = s;
-  var a = r(x), n = r(ae), o = r($);
-  function r(u) {
-    return u && u.__esModule ? u : { default: u };
+  var a = r(j), n = r(ne), o = r(U);
+  function r(l) {
+    return l && l.__esModule ? l : { default: l };
   }
-  function s(u, v) {
+  function s(l, v) {
     (0, o.default)(2, arguments);
-    var l = (0, n.default)(u), d = (0, a.default)(v);
-    return isNaN(d) ? /* @__PURE__ */ new Date(NaN) : (d && l.setDate(l.getDate() + d), l);
+    var i = (0, n.default)(l), c = (0, a.default)(v);
+    return isNaN(c) ? /* @__PURE__ */ new Date(NaN) : (c && i.setDate(i.getDate() + c), i);
   }
   e.exports = t.default;
-})(vt, te);
+})(ft, ae);
 (function(e, t) {
   Object.defineProperty(t, "__esModule", {
     value: !0
   }), t.default = s;
-  var a = r(x), n = r(te), o = r($);
-  function r(u) {
-    return u && u.__esModule ? u : { default: u };
+  var a = r(j), n = r(ae), o = r(U);
+  function r(l) {
+    return l && l.__esModule ? l : { default: l };
   }
-  function s(u, v) {
+  function s(l, v) {
     (0, o.default)(2, arguments);
-    var l = (0, a.default)(v);
-    return (0, n.default)(u, -l);
+    var i = (0, a.default)(v);
+    return (0, n.default)(l, -i);
   }
   e.exports = t.default;
-})(dt, ee);
-const be = /* @__PURE__ */ it(ee), mt = ({ currentSelectedDate: e, month: t, isDateDisabled: a, firstDayOfWeek: n }, o) => {
-  const r = P(new Date(t.value));
-  G(
+})(ct, te);
+const Me = /* @__PURE__ */ dt(te), gt = ({ currentSelectedDate: e, month: t, isDateDisabled: a, firstDayOfWeek: n }, o) => {
+  const r = L(new Date(t.value));
+  H(
     t,
     () => {
       r.value = t.value;
     },
     { immediate: !0 }
   );
-  const s = P(new Date(e.value));
-  G(e, () => {
+  const s = L(new Date(e.value));
+  H(e, () => {
     s.value = e.value;
   });
-  const u = P({}), v = (i) => (c) => {
-    u.value[i.toDateString()] = c;
-  }, l = () => {
-    u.value = {};
-  }, d = (i = 1) => {
-    r.value = L(r.value, i), o(O.NEXT_MONTH), l();
-  }, T = (i = 1) => {
-    r.value = Z(r.value, i), o(O.PREVIOUS_MONTH), l();
-  }, f = (i) => {
-    const c = !!u.value[i == null ? void 0 : i.toDateString()];
-    i && c && u.value[i.toDateString()].$el.focus();
-  }, D = (i) => {
-    i.preventDefault(), i.stopImmediatePropagation(), i.stopPropagation();
-  }, m = ({ nextDate: i, isIncreasingDays: c, amountOfMonths: j }) => {
-    if (a && a(i))
+  const l = L({}), v = (u) => (f) => {
+    l.value[u.toDateString()] = f;
+  }, i = () => {
+    l.value = {};
+  }, c = (u = 1) => {
+    r.value = $(r.value, u), o(S.NEXT_MONTH, u), i();
+  }, T = (u = 1) => {
+    r.value = ee(r.value, u), o(S.PREVIOUS_MONTH, u), i();
+  }, d = (u) => {
+    const f = !!l.value[u == null ? void 0 : u.toDateString()];
+    u && f && l.value[u.toDateString()].$el.focus();
+  }, D = (u) => {
+    u.preventDefault(), u.stopImmediatePropagation(), u.stopPropagation();
+  }, m = ({ nextDate: u, isIncreasingDays: f, amountOfMonths: M, isCalendarButtonsNav: x }) => {
+    if (!x && a && a(u))
       return;
-    i.getMonth() === s.value.getMonth() && i.getFullYear() === s.value.getFullYear() ? (s.value = i, f(i)) : (c ? d(j) : T(j), Ie(() => {
-      s.value = i, f(i);
+    u.getMonth() === s.value.getMonth() && u.getFullYear() === s.value.getFullYear() ? (s.value = u, d(u)) : (f ? c(M) : T(M), ke(() => {
+      const le = u.getMonth() === r.value.getMonth() && u.getFullYear() === r.value.getFullYear();
+      a && a(u) || !le || (s.value = u, x || d(u));
     }));
   };
   return {
     // Calendar days ref
-    calendarRef: u,
+    calendarRef: l,
     addDayRef: v,
     /**
      *  Month navigation
      */
-    showNextMonth: d,
+    showNextMonth: c,
     showPreviousMonth: T,
     /**
      * Focus method
      */
-    focusOnDate: f,
+    focusOnDate: d,
     /**
      *  Day navigation
      */
     // ArrowRight
-    moveToNextDay: (i) => {
-      D(i);
-      const c = 1;
-      m({ nextDate: H(s.value, c), isIncreasingDays: !0 });
+    moveToNextDay: (u) => {
+      D(u);
+      const f = 1;
+      m({ nextDate: F(s.value, f), isIncreasingDays: !0 });
     },
     // ArrowLeft
-    moveToPreviousDay: (i) => {
-      D(i);
-      const c = 1;
-      m({ nextDate: be(s.value, c), isIncreasingDays: !1 });
+    moveToPreviousDay: (u) => {
+      D(u);
+      const f = 1;
+      m({ nextDate: Me(s.value, f), isIncreasingDays: !1 });
     },
     // ArrowUp
-    moveToPreviousWeek: (i) => {
-      D(i);
-      const c = 7;
-      m({ nextDate: be(s.value, c), isIncreasingDays: !1 });
+    moveToPreviousWeek: (u) => {
+      D(u);
+      const f = 7;
+      m({ nextDate: Me(s.value, f), isIncreasingDays: !1 });
     },
     // ArrowDown
-    moveToNextWeek: (i) => {
-      D(i);
-      const c = 7;
-      m({ nextDate: H(s.value, c), isIncreasingDays: !0 });
+    moveToNextWeek: (u) => {
+      D(u);
+      const f = 7;
+      m({ nextDate: F(s.value, f), isIncreasingDays: !0 });
     },
     // Home
-    moveToFirstDayOfWeek: (i) => {
-      D(i), m({
+    moveToFirstDayOfWeek: (u) => {
+      D(u), m({
         nextDate: Qe(s.value, { weekStartsOn: n }),
         isIncreasingDays: !1
       });
     },
     // End
-    moveToLastDayOfWeek: (i) => {
-      D(i), m({
-        nextDate: Ze(s.value, { weekStartsOn: n }),
+    moveToLastDayOfWeek: (u) => {
+      D(u), m({
+        nextDate: et(s.value, { weekStartsOn: n }),
         isIncreasingDays: !0
       });
     },
     // PageUp
-    moveToPreviousMonth: (i) => {
-      D(i);
-      const c = 1;
+    moveToPreviousMonth: (u, f = !1) => {
+      D(u);
+      const M = 1;
       m({
-        nextDate: Z(s.value, c),
+        nextDate: ee(s.value, M),
         isIncreasingDays: !1,
-        amountOfMonths: c
+        amountOfMonths: M,
+        isCalendarButtonsNav: f
       });
     },
     // Shift+PageUp
-    moveToPreviousYear: (i) => {
-      D(i);
-      const c = 12;
+    moveToPreviousYear: (u) => {
+      D(u);
+      const f = 12;
       m({
-        nextDate: Z(s.value, c),
+        nextDate: ee(s.value, f),
         isIncreasingDays: !1,
-        amountOfMonths: c
+        amountOfMonths: f
       });
     },
     // PageDown
-    moveToNextMonth: (i) => {
-      D(i);
-      const c = 1;
+    moveToNextMonth: (u, f = !1) => {
+      D(u);
+      const M = 1;
       m({
-        nextDate: L(s.value, c),
+        nextDate: $(s.value, M),
         isIncreasingDays: !0,
-        amountOfMonths: c
+        amountOfMonths: M,
+        isCalendarButtonsNav: f
       });
     },
     // Shift-PageDown
-    moveToNextYear: (i) => {
-      D(i);
-      const c = 12;
+    moveToNextYear: (u) => {
+      D(u);
+      const f = 12;
       m({
-        nextDate: L(s.value, c),
+        nextDate: $(s.value, f),
         isIncreasingDays: !0,
-        amountOfMonths: c
+        amountOfMonths: f
       });
     },
     // Values
     internalDate: s,
     baseDate: r
   };
-}, Me = {
+}, Oe = {
   "en-US": {
     nextMonth: "Next month",
     previousMonth: "Previous month"
   }
-}, gt = de({
-  i18n: { messages: Me },
+}, yt = ce({
+  i18n: { messages: Oe },
   name: "calendar-month",
   components: {
-    BentoButton: Ye,
-    BentoTypography: We,
-    CalendarMonthDay: lt,
-    ChevronLeftIcon: Fe,
-    ChevronRightIcon: je
+    BentoButton: Ce,
+    BentoTypography: Ve,
+    CalendarMonthDay: it,
+    ChevronLeftIcon: xe,
+    ChevronRightIcon: Ke
   },
   directives: { BentoKeyboardNavigationDirective: qe },
-  inheritAttrs: !1,
   props: {
     /**
      * end of the selected range
@@ -455,8 +458,8 @@ const be = /* @__PURE__ */ it(ee), mt = ({ currentSelectedDate: e, month: t, isD
      */
     firstDayOfWeek: {
       type: Number,
-      default: W.MONDAY,
-      validator: (e) => Object.values(W).includes(e)
+      default: V.MONDAY,
+      validator: (e) => Object.values(V).includes(e)
     },
     /**
      * Indicate if a date should be disabled or not
@@ -487,230 +490,228 @@ const be = /* @__PURE__ */ it(ee), mt = ({ currentSelectedDate: e, month: t, isD
     // can be undefined, eslint complains without default
   },
   emits: [
-    O.INPUT,
-    O.NEXT_MONTH,
-    O.PREVIOUS_MONTH,
-    O.MOUSE_OVER
+    S.INPUT,
+    S.NEXT_MONTH,
+    S.PREVIOUS_MONTH,
+    S.MOUSE_OVER
   ],
   setup(e, { emit: t }) {
-    const { locale: a } = He({ messages: Me }), n = { de: Le, enUS: ie, fr: $e }, o = xe("bento-date-picker-month-label"), {
+    const { locale: a } = Fe({ messages: Oe }), n = { de: $e, enUS: de, fr: Ue }, o = je("bento-date-picker-month-label"), {
       internalDate: r,
       baseDate: s,
       // Calendar refs
-      addDayRef: u,
+      addDayRef: l,
       // Month navigation
       showNextMonth: v,
-      showPreviousMonth: l,
+      showPreviousMonth: i,
       // Day navigation
-      moveToNextDay: d,
+      moveToNextDay: c,
       moveToPreviousDay: T,
-      moveToPreviousWeek: f,
+      moveToPreviousWeek: d,
       moveToNextWeek: D,
       moveToFirstDayOfWeek: m,
-      moveToLastDayOfWeek: U,
-      moveToPreviousMonth: F,
-      moveToPreviousYear: ne,
-      moveToNextMonth: re,
-      moveToNextYear: oe,
-      focusOnDate: ve
-    } = mt(
+      moveToLastDayOfWeek: B,
+      moveToPreviousMonth: q,
+      moveToPreviousYear: re,
+      moveToNextMonth: oe,
+      moveToNextYear: se,
+      focusOnDate: fe
+    } = gt(
       {
-        currentSelectedDate: V(e, "startDate"),
-        month: V(e, "month"),
+        currentSelectedDate: G(e, "startDate"),
+        month: G(e, "month"),
         isDateDisabled: e.isDateDisabled,
         firstDayOfWeek: e.firstDayOfWeek
       },
       t
-    ), se = S(
-      () => Object.values(W).includes(e.firstDayOfWeek) ? e.firstDayOfWeek : W.MONDAY
-    ), fe = S(
+    ), ue = p(
+      () => Object.values(V).includes(e.firstDayOfWeek) ? e.firstDayOfWeek : V.MONDAY
+    ), De = p(
       () => [E.FIRST, E.UNIQUE].includes(e.position)
-    ), De = S(
+    ), me = p(
       () => [E.LAST, E.UNIQUE].includes(e.position)
-    ), me = S(
-      () => Te(s.value, "MMMM yyyy", {
-        locale: n[a.value.substring(0, 2)] || ie
+    ), ge = p(
+      () => Ne(s.value, "MMMM yyyy", {
+        locale: n[a.value.substring(0, 2)] || de
       })
-    ), i = S(
-      () => new Array(7).fill(/* @__PURE__ */ new Date()).map((g, k) => {
-        const B = nt(g, se.value + k);
-        return Te(B, "EEE", {
-          locale: n[a.value.substring(0, 2)] || ie
+    ), u = p(
+      () => new Array(7).fill(/* @__PURE__ */ new Date()).map((g, R) => {
+        const Y = rt(g, ue.value + R);
+        return Ne(Y, "EEE", {
+          locale: n[a.value.substring(0, 2)] || de
         });
       })
-    ), c = S(() => {
-      const g = [], k = Je(e.month);
-      let B = g[g.push([]) - 1];
-      for (; k.getMonth() === e.month.getMonth(); )
-        k.getDay() - se.value === 0 && B.length > 0 && (B = g[g.push([]) - 1]), B.push(A(k)), k.setDate(k.getDate() + 1);
+    ), f = p(() => {
+      const g = [], R = Ze(e.month);
+      let Y = g[g.push([]) - 1];
+      for (; R.getMonth() === e.month.getMonth(); )
+        R.getDay() - ue.value === 0 && Y.length > 0 && (Y = g[g.push([]) - 1]), Y.push(P(R)), R.setDate(R.getDate() + 1);
       return g;
-    }), j = (g) => {
-      t(O.INPUT, g);
-    }, ge = (g) => {
+    }), M = (g) => {
+      t(S.INPUT, g);
+    }, x = (g) => {
       if (!e.isRange || Q(e.startDate, e.endDate))
         return N.SINGLE;
       if (e.startDate && Q(e.startDate, g))
         return N.BEGINNING;
       if (e.endDate && Q(e.endDate, g))
         return N.END;
-      if (e.startDate && e.endDate && Ee(g, { start: e.startDate, end: e.endDate }))
+      if (e.startDate && e.endDate && be(g, { start: e.startDate, end: e.endDate }))
         return N.MIDDLE;
-    }, pe = (g) => r.value && Q(r.value, g) ? !0 : e.startDate && e.endDate && Ee(g, { start: e.startDate, end: e.endDate }), ue = () => {
-      t(O.INPUT, r);
-    }, we = e.isRange ? null : {
-      "keydown:arrow-right": d,
+    }, ye = (g) => r.value && Q(r.value, g) ? !0 : e.startDate && e.endDate && be(g, { start: e.startDate, end: e.endDate }), le = () => {
+      t(S.INPUT, r);
+    }, Ie = e.isRange ? {} : {
+      "keydown:arrow-right": c,
       "keydown:arrow-left": T,
-      "keydown:arrow-up": f,
+      "keydown:arrow-up": d,
       "keydown:arrow-down": D,
-      "keydown:enter": ue,
-      "keydown:space": ue,
       "keydown:home": m,
-      "keydown:end": U,
-      "keydown:page-up": F,
-      "keydown:shift-page-up": ne,
-      "keydown:page-down": re,
-      "keydown:shift-page-down": oe
+      "keydown:end": B,
+      "keydown:page-up": q,
+      "keydown:shift-page-up": re,
+      "keydown:page-down": oe,
+      "keydown:shift-page-down": se
     };
     return {
       // Refs
-      addDayRef: u,
+      addDayRef: l,
       // Values
-      daysOfWeek: i,
-      weeksOfMonth: c,
-      formattedMonthDate: me,
-      shouldShowNextMonthButton: De,
-      shouldShowPreviousMonthButton: fe,
+      daysOfWeek: u,
+      weeksOfMonth: f,
+      formattedMonthDate: ge,
+      shouldShowNextMonthButton: me,
+      shouldShowPreviousMonthButton: De,
       monthLabelId: o,
       // Enums
-      BentoButtonVariant: Ce,
-      BentoTypographyElement: Ve,
-      BentoTypographyVariant: Ge,
-      CalendarMonthEvent: O,
+      BentoButtonVariant: We,
+      BentoTypographyElement: Ge,
+      BentoTypographyVariant: He,
+      CalendarMonthEvent: S,
       // Functions
-      isSelectedDate: pe,
+      isSelectedDate: ye,
       showNextMonth: v,
-      showPreviousMonth: l,
-      dayVariant: ge,
-      confirmNavigationDate: ue,
+      showPreviousMonth: i,
+      dayVariant: x,
+      confirmNavigationDate: le,
       // Events
-      onDayClicked: j,
-      listeners: we,
+      onDayClicked: M,
+      listeners: Ie,
       // Exposed methods
-      focusOnDate: ve,
-      moveToNextDay: d,
+      focusOnDate: fe,
+      moveToNextDay: c,
       moveToPreviousDay: T,
-      moveToPreviousWeek: f,
+      moveToPreviousWeek: d,
       moveToNextWeek: D,
       moveToFirstDayOfWeek: m,
-      moveToLastDayOfWeek: U,
-      moveToPreviousMonth: F,
-      moveToPreviousYear: ne,
-      moveToNextMonth: re,
-      moveToNextYear: oe
+      moveToLastDayOfWeek: B,
+      moveToPreviousMonth: q,
+      moveToPreviousYear: re,
+      moveToNextMonth: oe,
+      moveToNextYear: se
     };
   }
 });
-const yt = { class: "b-calendar-month__month-selector" }, ht = { class: "b-calendar-month__previous" }, _t = { class: "b-calendar-month__next" }, Tt = ["aria-labelledby"], Nt = { class: "b-calendar-month__week-header" }, Et = ["colspan"];
-function bt(e, t, a, n, o, r) {
-  const s = R("chevron-left-icon"), u = R("bento-button"), v = R("bento-typography"), l = R("chevron-right-icon"), d = R("calendar-month-day"), T = ke("bento-keyboard-navigation-directive");
-  return Re((_(), M("div", Ae({ class: "b-calendar-month" }, Pe(e.listeners, !0)), [
-    I("div", yt, [
-      I("div", ht, [
-        e.shouldShowPreviousMonthButton ? (_(), X(u, {
+const ht = { class: "b-calendar-month__month-selector" }, _t = { class: "b-calendar-month__previous" }, Tt = { class: "b-calendar-month__next" }, Nt = ["aria-labelledby"], Et = { class: "b-calendar-month__week-header" }, bt = ["colspan"];
+function Mt(e, t, a, n, o, r) {
+  const s = A("chevron-left-icon"), l = A("bento-button"), v = A("bento-typography"), i = A("chevron-right-icon"), c = A("calendar-month-day"), T = Re("bento-keyboard-navigation-directive");
+  return Ae((_(), O("div", Pe({ class: "b-calendar-month" }, Le(e.listeners, !0)), [
+    k("div", ht, [
+      k("div", _t, [
+        e.shouldShowPreviousMonthButton ? (_(), z(l, {
           key: 0,
           variant: e.BentoButtonVariant.TERTIARY,
-          onClick: t[0] || (t[0] = () => e.showPreviousMonth())
+          onClick: t[0] || (t[0] = (d) => e.moveToPreviousMonth(d, !0))
         }, {
-          iconLeft: q(() => [
-            Y(s, {
+          iconLeft: K(() => [
+            C(s, {
               "svg-title": e.$t("previousMonth")
             }, null, 8, ["svg-title"])
           ]),
           _: 1
-        }, 8, ["variant"])) : le("", !0)
+        }, 8, ["variant"])) : ie("", !0)
       ]),
-      Y(v, {
+      C(v, {
         id: e.monthLabelId,
         el: e.BentoTypographyElement.H2,
         variant: e.BentoTypographyVariant.TITLE,
         "aria-live": "polite"
       }, {
-        default: q(() => [
-          ye(he(e.formattedMonthDate), 1)
+        default: K(() => [
+          he(_e(e.formattedMonthDate), 1)
         ]),
         _: 1
       }, 8, ["id", "el", "variant"]),
-      I("div", _t, [
-        e.shouldShowNextMonthButton ? (_(), X(u, {
+      k("div", Tt, [
+        e.shouldShowNextMonthButton ? (_(), z(l, {
           key: 0,
           variant: e.BentoButtonVariant.TERTIARY,
-          onClick: t[1] || (t[1] = () => e.showNextMonth())
+          onClick: t[1] || (t[1] = (d) => e.moveToNextMonth(d, !0))
         }, {
-          iconLeft: q(() => [
-            Y(l, {
+          iconLeft: K(() => [
+            C(i, {
               "svg-title": e.$t("nextMonth")
             }, null, 8, ["svg-title"])
           ]),
           _: 1
-        }, 8, ["variant"])) : le("", !0)
+        }, 8, ["variant"])) : ie("", !0)
       ])
     ]),
-    I("table", {
+    k("table", {
       class: "b-calendar-month__month-container",
       role: "grid",
       "aria-labelledby": e.monthLabelId
     }, [
-      I("thead", null, [
-        I("tr", Nt, [
-          (_(!0), M(z, null, J(e.daysOfWeek, (f, D) => (_(), M("th", {
+      k("thead", null, [
+        k("tr", Et, [
+          (_(!0), O(J, null, Z(e.daysOfWeek, (d, D) => (_(), O("th", {
             key: D,
             class: "b-calendar-month__day-of-week"
           }, [
-            Y(v, {
+            C(v, {
               class: "b-calendar-month__day-of-week-font",
               el: e.BentoTypographyElement.SPAN,
               variant: e.BentoTypographyVariant.CAPTION
             }, {
-              default: q(() => [
-                ye(he(f), 1)
+              default: K(() => [
+                he(_e(d), 1)
               ]),
               _: 2
             }, 1032, ["el", "variant"])
           ]))), 128))
         ])
       ]),
-      I("tbody", null, [
-        (_(!0), M(z, null, J(e.weeksOfMonth, (f, D) => (_(), M("tr", { key: D }, [
-          D === 0 && f.length < 7 ? (_(), M("td", {
+      k("tbody", null, [
+        (_(!0), O(J, null, Z(e.weeksOfMonth, (d, D) => (_(), O("tr", { key: D }, [
+          D === 0 && d.length < 7 ? (_(), O("td", {
             key: 0,
-            colspan: 7 - f.length
-          }, null, 8, Et)) : le("", !0),
-          (_(!0), M(z, null, J(f, (m, U) => (_(), X(d, {
+            colspan: 7 - d.length
+          }, null, 8, bt)) : ie("", !0),
+          (_(!0), O(J, null, Z(d, (m, B) => (_(), z(c, {
             ref_for: !0,
             ref: e.addDayRef(m),
-            key: `calendar-day-${U}`,
+            key: `calendar-day-${B}`,
             day: m,
             disabled: e.isDateDisabled ? e.isDateDisabled(m) : void 0,
             selected: e.isSelectedDate(m),
             variant: e.dayVariant(m),
             onClick: e.onDayClicked,
-            onMouseover: (F) => e.$emit(e.CalendarMonthEvent.MOUSE_OVER, m)
+            onMouseover: (q) => e.$emit(e.CalendarMonthEvent.MOUSE_OVER, m)
           }, null, 8, ["day", "disabled", "selected", "variant", "onClick", "onMouseover"]))), 128))
         ]))), 128))
       ])
-    ], 8, Tt)
+    ], 8, Nt)
   ], 16)), [
     [T]
   ]);
 }
-const K = /* @__PURE__ */ ce(gt, [["render", bt], ["__scopeId", "data-v-d7ff4e40"]]);
-var p = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.START_DATE_SELECTED = "start-date-selected", e.END_DATE_SELECTED = "end-date-selected", e))(p || {});
-const Mt = ({ selectedDate: e }, t) => {
-  const a = Se({
+const X = /* @__PURE__ */ ve(yt, [["render", Mt], ["__scopeId", "data-v-9fbc4d15"]]);
+var I = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.START_DATE_SELECTED = "start-date-selected", e.END_DATE_SELECTED = "end-date-selected", e))(I || {});
+const Ot = ({ selectedDate: e }, t) => {
+  const a = pe({
     startDate: null,
     endDate: null
   });
-  return G(
+  return H(
     () => e.value,
     () => {
       a.startDate = e.value, a.endDate = void 0;
@@ -719,59 +720,58 @@ const Mt = ({ selectedDate: e }, t) => {
   ), {
     internalValue: a,
     onDateInput: (o) => {
-      t(p.INPUT, o);
+      t(I.INPUT, o);
     },
     // Empty function to prevent the listeners from throwing a warning
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     onMouseOver: () => {
     }
   };
-}, Ot = ({ selectedDate: e, isDateDisabled: t, maxRange: a }, n) => {
-  const o = Se({
+}, St = ({ selectedDate: e, isDateDisabled: t, maxRange: a }, n) => {
+  const o = pe({
     startDate: null,
     endDate: null
-  }), r = P(null);
-  G(
+  }), r = L(null);
+  H(
     () => e.value,
     () => {
-      let { startDate: l = null, endDate: d = null } = e.value || {};
-      l && (l = A(l)), d && (d = A(d)), !(l && t && t(l) || d && t && t(d) || l && d && tt(l, d)) && (o.startDate = l, o.endDate = d);
+      let { startDate: i = null, endDate: c = null } = e.value || {};
+      i && (i = P(i)), c && (c = P(c)), !(i && t && t(i) || c && t && t(c) || i && c && at(i, c)) && (o.startDate = i, o.endDate = c);
     },
     { immediate: !0 }
   );
-  const s = (l, d, T) => {
-    if (o.startDate = l, o.endDate = d, a.value) {
-      const f = ze(d, l) - a.value;
-      f > 0 && (T < 1 ? (o.startDate = l, o.endDate = et(d, f)) : (o.startDate = H(l, f), o.endDate = d));
+  const s = (i, c, T) => {
+    if (o.startDate = i, o.endDate = c, a.value) {
+      const d = Je(c, i) - a.value;
+      d > 0 && (T < 1 ? (o.startDate = i, o.endDate = tt(c, d)) : (o.startDate = F(i, d), o.endDate = c));
     }
-    n(p.START_DATE_SELECTED, o.startDate), n(p.END_DATE_SELECTED, o.endDate);
+    n(I.START_DATE_SELECTED, o.startDate), n(I.END_DATE_SELECTED, o.endDate);
   };
   return {
     internalValue: o,
-    onDateInput: (l) => {
-      r.value ? (r.value = null, n(p.INPUT, o)) : (r.value = l, n(p.START_DATE_SELECTED, l), n(p.END_DATE_SELECTED, l));
+    onDateInput: (i) => {
+      r.value ? (r.value = null, n(I.INPUT, o)) : (r.value = i, n(I.START_DATE_SELECTED, i), n(I.END_DATE_SELECTED, i));
     },
-    onMouseOver: (l) => {
-      !r.value || t && t(l) || (at(l, r.value) ? s(l, r.value, -1) : s(r.value, l, 1));
+    onMouseOver: (i) => {
+      !r.value || t && t(i) || (nt(i, r.value) ? s(i, r.value, -1) : s(r.value, i, 1));
     }
   };
-}, St = de({
+}, pt = ce({
   name: "calendar",
-  components: { CalendarMonth: K },
-  inheritAttrs: !1,
+  components: { CalendarMonth: X },
   props: {
     /**
      * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
      */
-    firstDayOfWeek: K.props.firstDayOfWeek,
+    firstDayOfWeek: X.props.firstDayOfWeek,
     /**
      * Indicate if a date should be disabled or not
      */
-    isDateDisabled: K.props.isDateDisabled,
+    isDateDisabled: X.props.isDateDisabled,
     /**
      * Enables the Date Range calendar
      */
-    isRange: K.props.isRange,
+    isRange: X.props.isRange,
     /**
      * Set a maximum number of dates to be selectable by the range.
      */
@@ -790,36 +790,37 @@ const Mt = ({ selectedDate: e }, t) => {
      */
     value: { type: [Date, Object], default: void 0 }
   },
-  emit: [p.INPUT, p.START_DATE_SELECTED, p.END_DATE_SELECTED],
+  emit: [I.INPUT, I.START_DATE_SELECTED, I.END_DATE_SELECTED],
   setup(e, { emit: t }) {
-    const a = P(null), n = P();
-    G(
+    const a = L(null), n = L();
+    H(
       () => e.value,
       () => {
-        e.isRange ? n.value = e.value.startDate || /* @__PURE__ */ new Date() : n.value = e.value || /* @__PURE__ */ new Date();
+        var d;
+        e.isRange ? n.value = ((d = e.value) == null ? void 0 : d.startDate) || /* @__PURE__ */ new Date() : n.value = e.value || /* @__PURE__ */ new Date();
       },
       { immediate: !0 }
     );
-    const o = S(() => ({
+    const o = p(() => ({
       "b-calendar__range": e.isRange
     })), {
       internalValue: r,
       onDateInput: s,
-      onMouseOver: u
-    } = e.isRange ? Ot(
+      onMouseOver: l
+    } = e.isRange ? St(
       {
-        selectedDate: V(e, "value"),
+        selectedDate: G(e, "value"),
         isDateDisabled: e.isDateDisabled,
-        maxRange: V(e, "maxRange")
+        maxRange: G(e, "maxRange")
       },
       t
-    ) : Mt(
+    ) : Ot(
       {
-        selectedDate: V(e, "value")
+        selectedDate: G(e, "value")
       },
       t
-    ), v = (f) => e.numberOfMonths === 1 ? E.UNIQUE : f === 0 ? E.FIRST : f === e.numberOfMonths - 1 ? E.LAST : E.MIDDLE, l = S(
-      () => (f) => L(n.value, f)
+    ), v = (d) => e.numberOfMonths === 1 ? E.UNIQUE : d === 0 ? E.FIRST : d === e.numberOfMonths - 1 ? E.LAST : E.MIDDLE, i = p(
+      () => (d) => $(n.value, d)
     );
     return {
       // Refs
@@ -829,26 +830,26 @@ const Mt = ({ selectedDate: e }, t) => {
       conditionalClasses: o,
       internalValue: r,
       // Methods
-      calculateOffsetMonth: l,
+      calculateOffsetMonth: i,
       calendarPosition: v,
       // Events
       onDateInput: s,
-      onMouseOver: u,
-      calculateNextMonths: () => {
-        n.value = L(n.value, 1);
+      onMouseOver: l,
+      calculateNextMonths: (d = 1) => {
+        n.value = $(n.value, d);
       },
-      calculatePreviousMonths: () => {
-        n.value = Z(n.value, 1);
+      calculatePreviousMonths: (d = 1) => {
+        n.value = ee(n.value, d);
       }
     };
   }
 });
-function pt(e, t, a, n, o, r) {
-  const s = R("calendar-month");
-  return _(), M("div", {
-    class: Oe(["b-calendar", e.conditionalClasses])
+function It(e, t, a, n, o, r) {
+  const s = A("calendar-month");
+  return _(), O("div", {
+    class: Se(["b-calendar", e.conditionalClasses])
   }, [
-    (_(!0), M(z, null, J(e.numberOfMonths, (u, v) => (_(), X(s, {
+    (_(!0), O(J, null, Z(e.numberOfMonths, (l, v) => (_(), z(s, {
       ref_for: !0,
       ref: e.numberOfMonths === 1 ? "calendarRef" : null,
       key: `calendar-${v}`,
@@ -866,10 +867,10 @@ function pt(e, t, a, n, o, r) {
     }, null, 8, ["first-day-of-week", "is-date-disabled", "month", "position", "is-range", "start-date", "end-date", "onInput", "onMouseover", "onNextMonth", "onPreviousMonth"]))), 128))
   ], 2);
 }
-const Yt = /* @__PURE__ */ ce(St, [["render", pt], ["__scopeId", "data-v-cce2a865"]]);
+const Ct = /* @__PURE__ */ ve(pt, [["render", It], ["__scopeId", "data-v-321ab761"]]);
 export {
-  Yt as C,
-  p as a,
-  W as b
+  Ct as C,
+  I as a,
+  V as b
 };
-//# sourceMappingURL=calendar.24ede03d.js.map
+//# sourceMappingURL=calendar.1fb0d5b2.js.map