@adyen/bento-vue3 2.0.1 → 2.1.0

package/dist/chunks/{calendar.Dtba7fcs.js → calendar.EuBZ9HoM.js}

@@ -1,29 +1,29 @@
-import { defineComponent as se, provide as Ce, computed as _, openBlock as N, createBlock as W, unref as y, resolveComponent as Dt, createElementBlock as Y, withKeys as Z, normalizeClass as xe, createElementVNode as T, createVNode as B, withCtx as z, toDisplayString as ge, ref as V, watch as ne, nextTick as vt, toRef as x, withDirectives as ze, mergeProps as Ve, toHandlers as Qe, createCommentVNode as ee, createTextVNode as Ge, Fragment as Q, renderList as J, reactive as Je, resolveDynamicComponent as yt } from "vue";
-import { B as Ee } from "./button.Ciflfide.js";
-import { B as ke } from "./typography.wIM07Hbl.js";
-import { u as Se } from "./index.B875RXHM.js";
+import { defineComponent as le, provide as Ce, computed as O, openBlock as S, createBlock as j, unref as h, resolveComponent as Dt, createElementBlock as w, withKeys as ee, normalizeClass as xe, createElementVNode as I, createVNode as B, withCtx as V, toDisplayString as ge, ref as Q, watch as ae, nextTick as vt, toRef as x, withDirectives as qe, mergeProps as Ve, toHandlers as Qe, createCommentVNode as te, createTextVNode as Ge, Fragment as J, renderList as X, reactive as Je, resolveDynamicComponent as yt } from "vue";
+import { B as Ee } from "./button.DAcwNdtP.js";
+import { B as ke } from "./typography.B6elnWpr.js";
+import { u as Se } from "./index.CGBfMQdv.js";
 import { g as Xe } from "./generate-uid.DBWe4g6T.js";
 import { a as Ze } from "./keyboard-navigation.DWmhelVv.js";
 import { g as ht } from "./index.DCpihRYV.js";
-import { t as O, c as oe, n as _e, j as Ue, w as gt, g as et } from "./en-US.C412g-7U.js";
+import { t as T, c as re, n as _e, j as Ue, w as gt, g as et } from "./en-US.C412g-7U.js";
 import { d as We, a as Te, b as Mt } from "./differenceInMonths.CPDkGea3.js";
 import { s as Me } from "./startOfWeek.CzdYFzXX.js";
 import { _ as tt, a as nt } from "./chevron-left.COoYL-X9.js";
-import { h as pt, i as Nt, B as Et } from "./dropdown.D_jkFrMd.js";
+import { h as pt, i as Nt, B as Et } from "./dropdown.BoSI-Rre.js";
 import { _ as de } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { B as bt, a as St } from "./date.ojGAujAt.js";
+import { B as bt, a as St } from "./date.SUOSxkTe.js";
 import "../assets/calendar.css";
-var ae = /* @__PURE__ */ ((e) => (e[e.MONDAY = 1] = "MONDAY", e[e.SATURDAY = 6] = "SATURDAY", e[e.SUNDAY = 0] = "SUNDAY", e))(ae || {}), te = /* @__PURE__ */ ((e) => (e.FIRST = "first", e.LAST = "last", e.MIDDLE = "middle", e.UNIQUE = "unique", e))(te || {}), j = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.START_DATE_SELECTED = "start-date-selected", e.END_DATE_SELECTED = "end-date-selected", e))(j || {}), Re = /* @__PURE__ */ ((e) => (e.DAY = "day", e.MONTH = "month", e))(Re || {});
-function re(e, t, n) {
-  const o = O(e, n?.in);
-  return isNaN(t) ? oe(n?.in || e, NaN) : (t && o.setDate(o.getDate() + t), o);
+var oe = /* @__PURE__ */ ((e) => (e[e.MONDAY = 1] = "MONDAY", e[e.SATURDAY = 6] = "SATURDAY", e[e.SUNDAY = 0] = "SUNDAY", e))(oe || {}), ne = /* @__PURE__ */ ((e) => (e.FIRST = "first", e.LAST = "last", e.MIDDLE = "middle", e.UNIQUE = "unique", e))(ne || {}), z = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.START_DATE_SELECTED = "start-date-selected", e.END_DATE_SELECTED = "end-date-selected", e))(z || {}), Re = /* @__PURE__ */ ((e) => (e.DAY = "day", e.MONTH = "month", e))(Re || {});
+function se(e, t, n) {
+  const o = T(e, n?.in);
+  return isNaN(t) ? re(n?.in || e, NaN) : (t && o.setDate(o.getDate() + t), o);
 }
 function H(e, t, n) {
-  const o = O(e, n?.in);
-  if (isNaN(t)) return oe(n?.in || e, NaN);
+  const o = T(e, n?.in);
+  if (isNaN(t)) return re(n?.in || e, NaN);
   if (!t)
     return o;
-  const a = o.getDate(), i = oe(n?.in || e, o.getTime());
+  const a = o.getDate(), i = re(n?.in || e, o.getTime());
   i.setMonth(o.getMonth() + t + 1, 0);
   const s = i.getDate();
   return a >= s ? i : (o.setFullYear(
@@ -32,8 +32,8 @@ function H(e, t, n) {
     a
   ), o);
 }
-function X(e, t) {
-  const n = O(e, t?.in);
+function Z(e, t) {
+  const n = T(e, t?.in);
   return n.setHours(0, 0, 0, 0), n;
 }
 function $e(e, t, n) {
@@ -41,14 +41,14 @@ function $e(e, t, n) {
     n?.in,
     e,
     t
-  ), i = X(o), s = X(a), u = +i - Ue(i), l = +s - Ue(s);
+  ), i = Z(o), s = Z(a), u = +i - Ue(i), l = +s - Ue(s);
   return Math.round((u - l) / gt);
 }
 function at(e, t, n) {
   return H(e, t * 3, n);
 }
 function ot(e, t, n) {
-  return re(e, t * 7, n);
+  return se(e, t * 7, n);
 }
 function Be(e, t, n) {
   return H(e, t * 12, n);
@@ -59,10 +59,10 @@ function ye(e, t, n) {
     e,
     t
   );
-  return +X(o) == +X(a);
+  return +Z(o) == +Z(a);
 }
 function je(e, t) {
-  const n = O(e, t?.in);
+  const n = T(e, t?.in);
   return Math.trunc(n.getMonth() / 3) + 1;
 }
 function _t(e, t, n) {
@@ -74,38 +74,38 @@ function _t(e, t, n) {
   return i * 4 + s;
 }
 function Ie(e, t) {
-  const n = O(e, t?.in), o = n.getMonth(), a = o - o % 3;
+  const n = T(e, t?.in), o = n.getMonth(), a = o - o % 3;
   return n.setMonth(a, 1), n.setHours(0, 0, 0, 0), n;
 }
 function pe(e, t) {
-  const n = O(e, t?.in);
+  const n = T(e, t?.in);
   return n.setDate(1), n.setHours(0, 0, 0, 0), n;
 }
-function He(e, t) {
-  const n = O(e, t?.in);
+function ze(e, t) {
+  const n = T(e, t?.in);
   return n.setFullYear(n.getFullYear(), 0, 1), n.setHours(0, 0, 0, 0), n;
 }
 function Ne(e, t) {
-  const n = et(), o = t?.weekStartsOn ?? t?.locale?.options?.weekStartsOn ?? n.weekStartsOn ?? n.locale?.options?.weekStartsOn ?? 0, a = O(e, t?.in), i = a.getDay(), s = (i < o ? -7 : 0) + 6 - (i - o);
+  const n = et(), o = t?.weekStartsOn ?? t?.locale?.options?.weekStartsOn ?? n.weekStartsOn ?? n.locale?.options?.weekStartsOn ?? 0, a = T(e, t?.in), i = a.getDay(), s = (i < o ? -7 : 0) + 6 - (i - o);
   return a.setDate(a.getDate() + s), a.setHours(23, 59, 59, 999), a;
 }
 function Ye(e, t) {
-  const n = O(e, t?.in), o = n.getMonth(), a = o - o % 3 + 3;
+  const n = T(e, t?.in), o = n.getMonth(), a = o - o % 3 + 3;
   return n.setMonth(a, 0), n.setHours(23, 59, 59, 999), n;
 }
 function Ot(e, t) {
-  const n = O(e, t?.in), o = n.getFullYear(), a = n.getMonth(), i = oe(n, 0);
+  const n = T(e, t?.in), o = n.getFullYear(), a = n.getMonth(), i = re(n, 0);
   return i.setFullYear(o, a + 1, 0), i.setHours(0, 0, 0, 0), i.getDate();
 }
 function Tt(e, t) {
-  return +O(e) > +O(t);
+  return +T(e) > +T(t);
 }
 function It(e, t) {
-  return +O(e) < +O(t);
+  return +T(e) < +T(t);
 }
 function Yt(e, t, n) {
-  const o = et(), a = n?.weekStartsOn ?? n?.locale?.options?.weekStartsOn ?? o.weekStartsOn ?? o.locale?.options?.weekStartsOn ?? 0, i = O(e, n?.in), s = i.getDay(), l = (t % 7 + 7) % 7, d = 7 - a, f = t < 0 || t > 6 ? t - (s + d) % 7 : (l + d) % 7 - (s + d) % 7;
-  return re(i, f, n);
+  const o = et(), a = n?.weekStartsOn ?? n?.locale?.options?.weekStartsOn ?? o.weekStartsOn ?? o.locale?.options?.weekStartsOn ?? 0, i = T(e, n?.in), s = i.getDay(), l = (t % 7 + 7) % 7, d = 7 - a, f = t < 0 || t > 6 ? t - (s + d) % 7 : (l + d) % 7 - (s + d) % 7;
+  return se(i, f, n);
 }
 function he(e, t, n) {
   const [o, a] = _e(
@@ -116,24 +116,24 @@ function he(e, t, n) {
   return o.getFullYear() === a.getFullYear() && o.getMonth() === a.getMonth();
 }
 function be(e, t, n) {
-  const o = +O(e, n?.in), [a, i] = [
-    +O(t.start, n?.in),
-    +O(t.end, n?.in)
+  const o = +T(e, n?.in), [a, i] = [
+    +T(t.start, n?.in),
+    +T(t.end, n?.in)
   ].sort((s, u) => s - u);
   return o >= a && o <= i;
 }
 function Le(e, t, n) {
-  return re(e, -t, n);
+  return se(e, -t, n);
 }
 function wt(e, t, n) {
-  const o = O(e, n?.in), a = o.getFullYear(), i = o.getDate(), s = oe(e, 0);
+  const o = T(e, n?.in), a = o.getFullYear(), i = o.getDate(), s = re(e, 0);
   s.setFullYear(a, t, 15), s.setHours(0, 0, 0, 0);
   const u = Ot(s);
   return o.setMonth(t, Math.min(i, u)), o;
 }
 function kt(e, t, n) {
-  let o = O(e, n?.in);
-  return isNaN(+o) ? oe(e, NaN) : (t.year != null && o.setFullYear(t.year), t.month != null && (o = wt(o, t.month)), t.date != null && o.setDate(t.date), t.hours != null && o.setHours(t.hours), t.minutes != null && o.setMinutes(t.minutes), t.seconds != null && o.setSeconds(t.seconds), t.milliseconds != null && o.setMilliseconds(t.milliseconds), o);
+  let o = T(e, n?.in);
+  return isNaN(+o) ? re(e, NaN) : (t.year != null && o.setFullYear(t.year), t.month != null && (o = wt(o, t.month)), t.date != null && o.setDate(t.date), t.hours != null && o.setHours(t.hours), t.minutes != null && o.setMinutes(t.minutes), t.seconds != null && o.setSeconds(t.seconds), t.milliseconds != null && o.setMilliseconds(t.milliseconds), o);
 }
 function ue(e, t, n) {
   return H(e, -t, n);
@@ -162,7 +162,7 @@ const st = {
 }, Lt = {
   i18n: { messages: st },
   name: "calendar-year-selector"
-}, lt = /* @__PURE__ */ se({
+}, lt = /* @__PURE__ */ le({
   ...Lt,
   props: {
     currentYear: {},
@@ -174,21 +174,21 @@ const st = {
   setup(e, { emit: t }) {
     const o = e, a = t, { t: i } = Se({ messages: st });
     Ce(pt, !0), Ce(Nt, !0);
-    const s = _(() => {
+    const s = O(() => {
       const l = (/* @__PURE__ */ new Date()).getFullYear();
       let d = o.yearRange?.minYear ?? l - 100, f = o.yearRange?.maxYear ?? l + 100;
       o.min && o.min.getFullYear() > d && (d = o.min.getFullYear()), o.max && o.max.getFullYear() < f && (f = o.max.getFullYear());
       const c = Math.max(0, f - d + 1);
-      return new Array(c).fill(0).map((g, E) => {
-        const D = d + E;
-        return { label: String(D), value: D };
+      return new Array(c).fill(0).map((D, E) => {
+        const b = d + E;
+        return { label: String(b), value: b };
       });
     }), u = (l) => {
       a("update:year", l);
     };
-    return (l, d) => (N(), W(Et, {
+    return (l, d) => (S(), j(Et, {
       items: s.value,
-      "aria-label": y(i)("selectYear"),
+      "aria-label": h(i)("selectYear"),
       "model-value": l.currentYear,
       "onUpdate:modelValue": u
     }, null, 8, ["items", "aria-label", "model-value"]));
@@ -250,20 +250,20 @@ const kn = (e) => {
     return /* @__PURE__ */ new Date(NaN);
   const [t, n] = e.split("-").map(Number);
   return new Date(t, n - 1, 1);
-}, Ft = se({
+}, Ft = le({
   name: "calendar-month-day",
   components: { BentoTypography: ke },
   inheritAttrs: !0,
   props: At,
   emits: [ie.CLICK, ie.MOUSE_OVER],
   setup(e, { emit: t }) {
-    const { locale: n } = Se(void 0), o = _(() => {
+    const { locale: n } = Se(void 0, !0), o = O(() => {
       const l = /* @__PURE__ */ new Date();
       return e.day.getDate() === l.getDate() && e.day.getMonth() === l.getMonth() && e.day.getFullYear() === l.getFullYear();
-    }), a = _(() => Ae(n.value, { day: "numeric" }).formatToParts(e.day).find((c) => c.type === "day")?.value ?? ""), i = _(() => Number.isNaN(e.day.getTime()) ? void 0 : e.day.toISOString());
+    }), a = O(() => Ae(n.value, { day: "numeric" }).formatToParts(e.day).find((c) => c.type === "day")?.value ?? ""), i = O(() => Number.isNaN(e.day.getTime()) ? void 0 : e.day.toISOString());
     return {
       // Values
-      conditionalClasses: _(() => ({
+      conditionalClasses: O(() => ({
         // Variants
         [`b-calendar-month-day--${G.BEGINNING}`]: e.variant === A.BEGINNING,
         [`b-calendar-month-day--${G.MIDDLE}`]: e.variant === A.MIDDLE,
@@ -291,7 +291,7 @@ const kn = (e) => {
 }), xt = ["tabindex", "aria-selected", "aria-disabled", "aria-current", "data-date"], Bt = { class: "b-calendar-month-day__wrapper" }, Pt = ["datetime"];
 function Ct(e, t, n, o, a, i) {
   const s = Dt("bento-typography");
-  return N(), Y("td", {
+  return S(), w("td", {
     class: xe(["b-calendar-month-day", e.conditionalClasses]),
     tabindex: e.selected ? "0" : "-1",
     "aria-selected": e.selected ? e.selected : void 0,
@@ -300,17 +300,17 @@ function Ct(e, t, n, o, a, i) {
     "data-date": e.day.toDateString(),
     onClick: t[0] || (t[0] = (u) => e.onClick(u, e.day)),
     onMouseover: t[1] || (t[1] = (u) => e.$emit(e.CalendarMonthDayEvent.MOUSE_OVER)),
-    onKeydown: t[2] || (t[2] = Z((u) => e.onClick(u, e.day), ["space", "enter"]))
+    onKeydown: t[2] || (t[2] = ee((u) => e.onClick(u, e.day), ["space", "enter"]))
   }, [
-    T("div", Bt, [
+    I("div", Bt, [
       B(s, {
         class: "b-calendar-month-day__label",
         el: "span",
         variant: "body",
         strong: ""
       }, {
-        default: z(() => [
-          T("time", { datetime: e.dateTime }, ge(e.formattedDate), 9, Pt)
+        default: V(() => [
+          I("time", { datetime: e.dateTime }, ge(e.formattedDate), 9, Pt)
         ]),
         _: 1
       })
@@ -318,42 +318,42 @@ function Ct(e, t, n, o, a, i) {
   ], 42, xt);
 }
 const Gt = /* @__PURE__ */ de(Ft, [["render", Ct], ["__scopeId", "data-v-e6fe861a"]]), it = ({ currentSelectedDate: e, month: t, isDateDisabled: n, firstDayOfWeek: o }, a) => {
-  const i = V(new Date(t.value));
-  ne(
+  const i = Q(new Date(t.value));
+  ae(
     t,
     () => {
       i.value = t.value;
     },
     { immediate: !0 }
   );
-  const s = V(new Date(e.value));
-  ne(e, () => {
+  const s = Q(new Date(e.value));
+  ae(e, () => {
     s.value = new Date(e.value);
   });
-  const u = ht(), l = V(s.value);
-  ne(u, (r) => {
+  const u = ht(), l = Q(s.value);
+  ae(u, (r) => {
     const M = r.getAttribute("data-date");
     l.value = M ? new Date(M) : s.value;
   });
-  const d = V({}), f = (r) => (M) => {
+  const d = Q({}), f = (r) => (M) => {
     d.value[r.toDateString()] = M;
   }, c = () => {
     d.value = {};
-  }, g = (r = 1) => {
+  }, D = (r = 1) => {
     i.value = H(i.value, r), a("nextMonth", r), c();
   }, E = (r = 1) => {
     i.value = ue(i.value, r), a("previousMonth", r), c();
-  }, D = (r, M) => {
-    const S = !!d.value[r?.toDateString()];
-    return !r || !S ? null : M ? d.value[r.toDateString()].$el : (d.value[r.toDateString()].$el.focus(), null);
+  }, b = (r, M) => {
+    const _ = !!d.value[r?.toDateString()];
+    return !r || !_ ? null : M ? d.value[r.toDateString()].$el : (d.value[r.toDateString()].$el.focus(), null);
   }, p = (r) => {
     r && (r.preventDefault(), r.stopImmediatePropagation(), r.stopPropagation());
-  }, m = ({ nextDate: r, isIncreasingDays: M, amountOfMonths: S, isCalendarButtonsNav: q }) => {
+  }, m = ({ nextDate: r, isIncreasingDays: M, amountOfMonths: _, isCalendarButtonsNav: q }) => {
     if (!q && n && n(r))
       return;
-    r.getMonth() === s.value.getMonth() && r.getFullYear() === s.value.getFullYear() ? (s.value = r, D(r)) : (M ? g(S) : E(S), vt(() => {
+    r.getMonth() === s.value.getMonth() && r.getFullYear() === s.value.getFullYear() ? (s.value = r, b(r)) : (M ? D(_) : E(_), vt(() => {
       const Oe = r.getMonth() === i.value.getMonth() && r.getFullYear() === i.value.getFullYear();
-      n && n(r) || !Oe || q || (s.value = r, D(r));
+      n && n(r) || !Oe || q || (s.value = r, b(r));
     }));
   };
   return {
@@ -363,18 +363,18 @@ const Gt = /* @__PURE__ */ de(Ft, [["render", Ct], ["__scopeId", "data-v-e6fe861
     /**
      *  Month navigation
      */
-    showNextMonth: g,
+    showNextMonth: D,
     showPreviousMonth: E,
     /**
      * Focus method
      */
-    focusOnDate: D,
+    focusOnDate: b,
     /**
      *  Day navigation
      */
     // ArrowRight
     moveToNextDay: (r) => {
-      p(r), m({ nextDate: re(l.value, 1), isIncreasingDays: !0 });
+      p(r), m({ nextDate: se(l.value, 1), isIncreasingDays: !0 });
     },
     // ArrowLeft
     moveToPreviousDay: (r) => {
@@ -386,7 +386,7 @@ const Gt = /* @__PURE__ */ de(Ft, [["render", Ct], ["__scopeId", "data-v-e6fe861
     },
     // ArrowDown
     moveToNextWeek: (r) => {
-      p(r), m({ nextDate: re(l.value, 7), isIncreasingDays: !0 });
+      p(r), m({ nextDate: se(l.value, 7), isIncreasingDays: !0 });
     },
     // Home
     moveToFirstDayOfWeek: (r) => {
@@ -397,9 +397,9 @@ const Gt = /* @__PURE__ */ de(Ft, [["render", Ct], ["__scopeId", "data-v-e6fe861
     },
     moveToFirstMonthOfYear: (r) => {
       p(r);
-      const M = We(s.value, He(s.value));
+      const M = We(s.value, ze(s.value));
       m({
-        nextDate: He(s.value),
+        nextDate: ze(s.value),
         isIncreasingDays: !1,
         amountOfMonths: M
       });
@@ -413,35 +413,35 @@ const Gt = /* @__PURE__ */ de(Ft, [["render", Ct], ["__scopeId", "data-v-e6fe861
     },
     moveToLastMonthOfYear: (r) => {
       p(r);
-      const M = kt(s.value, { month: 11, date: 1 }), S = We(M, s.value);
+      const M = kt(s.value, { month: 11, date: 1 }), _ = We(M, s.value);
       m({
         nextDate: M,
         isIncreasingDays: !0,
-        amountOfMonths: S
+        amountOfMonths: _
       });
     },
     // PageUp
-    moveToPreviousMonth: (r, M = !1, S = 1) => {
+    moveToPreviousMonth: (r, M = !1, _ = 1) => {
       p(r), m({
-        nextDate: ue(l.value, S),
+        nextDate: ue(l.value, _),
         isIncreasingDays: !1,
-        amountOfMonths: S,
+        amountOfMonths: _,
         isCalendarButtonsNav: M
       });
     },
     // Shift+PageUp
-    moveToPreviousYear: (r, M = !1, S = 1) => {
+    moveToPreviousYear: (r, M = !1, _ = 1) => {
       p(r), m({
-        nextDate: rt(l.value, S),
+        nextDate: rt(l.value, _),
         isIncreasingDays: !1,
-        amountOfMonths: S * 12,
+        amountOfMonths: _ * 12,
         isCalendarButtonsNav: M
       });
     },
     // PageDown
-    moveToNextMonth: (r, M = !1, S = 1) => {
+    moveToNextMonth: (r, M = !1, _ = 1) => {
       p(r);
-      const q = S;
+      const q = _;
       m({
         nextDate: H(l.value, q),
         isIncreasingDays: !0,
@@ -450,11 +450,11 @@ const Gt = /* @__PURE__ */ de(Ft, [["render", Ct], ["__scopeId", "data-v-e6fe861
       });
     },
     // Shift-PageDown
-    moveToNextYear: (r, M = !1, S = 1) => {
+    moveToNextYear: (r, M = !1, _ = 1) => {
       p(r), m({
-        nextDate: Be(l.value, S),
+        nextDate: Be(l.value, _),
         isIncreasingDays: !0,
-        amountOfMonths: S * 12,
+        amountOfMonths: _ * 12,
         isCalendarButtonsNav: M
       });
     },
@@ -474,14 +474,14 @@ const Gt = /* @__PURE__ */ de(Ft, [["render", Ct], ["__scopeId", "data-v-e6fe861
   "ja-JP": { nextMonth: "翌月", previousMonth: "前月" },
   "pt-BR": { nextMonth: "Próximo mês", previousMonth: "Mês anterior" },
   "zh-CN": { nextMonth: "下个月", previousMonth: "上个月" }
-}, Ut = { class: "b-calendar-month__month-selector" }, Wt = { class: "b-calendar-month__previous" }, jt = { class: "b-calendar-month__month-year-container" }, Ht = { class: "b-calendar-month__visually-hidden" }, Kt = { class: "b-calendar-month__next" }, qt = ["aria-labelledby"], zt = { class: "b-calendar-month__week-header" }, Vt = ["colspan"], Qt = {
+}, Ut = { class: "b-calendar-month__month-selector" }, Wt = { class: "b-calendar-month__previous" }, jt = { class: "b-calendar-month__month-year-container" }, zt = { class: "b-calendar-month__visually-hidden" }, Ht = { class: "b-calendar-month__next" }, Kt = ["aria-labelledby"], qt = { class: "b-calendar-month__week-header" }, Vt = ["colspan"], Qt = {
   i18n: { messages: ut },
   name: "calendar-month"
-}, Jt = /* @__PURE__ */ se({
+}, Jt = /* @__PURE__ */ le({
   ...Qt,
   props: {
     endDate: { default: null },
-    firstDayOfWeek: { default: ae.MONDAY },
+    firstDayOfWeek: { default: oe.MONDAY },
     isDateDisabled: { type: Function, default: void 0 },
     isRange: { type: Boolean, default: !1 },
     max: { default: null },
@@ -493,23 +493,23 @@ const Gt = /* @__PURE__ */ de(Ft, [["render", Ct], ["__scopeId", "data-v-e6fe861
   },
   emits: ["input", "changeDay", "nextMonth", "previousMonth", "mouseover"],
   setup(e, { expose: t, emit: n }) {
-    const o = n, a = e, { locale: i, t: s } = Se({ messages: ut }), u = Xe("bento-date-picker-month-label"), l = _(
-      () => (v) => a.min && v < a.min || a.max && v > a.max || a.isDateDisabled?.(v)
+    const o = n, a = e, { locale: i, t: s } = Se({ messages: ut }), u = Xe("bento-date-picker-month-label"), l = O(
+      () => (y) => a.min && y < a.min || a.max && y > a.max || a.isDateDisabled?.(y)
     ), {
       internalDate: d,
       baseDate: f,
       // Calendar refs
       addDayRef: c,
       // Day navigation
-      moveToNextDay: g,
+      moveToNextDay: D,
       moveToPreviousDay: E,
-      moveToPreviousWeek: D,
+      moveToPreviousWeek: b,
       moveToNextWeek: p,
       moveToFirstDayOfWeek: m,
-      moveToLastDayOfWeek: b,
-      moveToPreviousMonth: R,
+      moveToLastDayOfWeek: v,
+      moveToPreviousMonth: N,
       moveToPreviousYear: $,
-      moveToNextMonth: le,
+      moveToNextMonth: W,
       moveToNextYear: ce,
       focusOnDate: fe,
       showNextMonth: me,
@@ -522,168 +522,168 @@ const Gt = /* @__PURE__ */ de(Ft, [["render", Ct], ["__scopeId", "data-v-e6fe861
         firstDayOfWeek: a.firstDayOfWeek
       },
       o
-    ), h = _(
-      () => Object.values(ae).includes(a.firstDayOfWeek) ? a.firstDayOfWeek : ae.MONDAY
-    ), L = _(() => ["first", "unique"].includes(a.position)), w = _(() => ["last", "unique"].includes(a.position)), K = _(
+    ), g = O(
+      () => Object.values(oe).includes(a.firstDayOfWeek) ? a.firstDayOfWeek : oe.MONDAY
+    ), L = O(() => ["first", "unique"].includes(a.position)), k = O(() => ["last", "unique"].includes(a.position)), K = O(
       () => Ae(i.value, { month: "long" }).format(f.value)
-    ), r = (v) => {
-      const k = f.value.getFullYear(), C = (v - k) * 12;
+    ), r = (y) => {
+      const R = f.value.getFullYear(), C = (y - R) * 12;
       C > 0 ? me(C) : C < 0 && De(Math.abs(C));
-    }, M = _(
-      () => new Array(7).fill(/* @__PURE__ */ new Date()).map((v, k) => {
-        const I = Yt(v, h.value + k);
-        return Ae(i.value, { weekday: "short" }).format(I);
+    }, M = O(
+      () => new Array(7).fill(/* @__PURE__ */ new Date()).map((y, R) => {
+        const Y = Yt(y, g.value + R);
+        return Ae(i.value, { weekday: "short" }).format(Y);
       })
-    ), S = _(() => {
-      const v = [], k = pe(a.month);
-      let I = v[v.push([]) - 1];
-      for (; k.getMonth() === a.month.getMonth(); )
-        k.getDay() - h.value === 0 && I.length > 0 && (I = v[v.push([]) - 1]), I.push(X(k)), k.setDate(k.getDate() + 1);
-      return v;
-    }), q = (v) => {
-      o("input", v);
-    }, Pe = (v) => {
+    ), _ = O(() => {
+      const y = [], R = pe(a.month);
+      let Y = y[y.push([]) - 1];
+      for (; R.getMonth() === a.month.getMonth(); )
+        R.getDay() - g.value === 0 && Y.length > 0 && (Y = y[y.push([]) - 1]), Y.push(Z(R)), R.setDate(R.getDate() + 1);
+      return y;
+    }), q = (y) => {
+      o("input", y);
+    }, Pe = (y) => {
       if (!a.isRange || ye(a.startDate, a.endDate))
         return A.SINGLE;
-      if (a.startDate && ye(a.startDate, v))
+      if (a.startDate && ye(a.startDate, y))
         return A.BEGINNING;
-      if (a.endDate && ye(a.endDate, v))
+      if (a.endDate && ye(a.endDate, y))
         return A.END;
-      if (a.startDate && a.endDate && be(v, { start: a.startDate, end: a.endDate }))
+      if (a.startDate && a.endDate && be(y, { start: a.startDate, end: a.endDate }))
         return A.MIDDLE;
-    }, Oe = (v) => d.value && ye(d.value, v) && !a.endDate ? !0 : a.startDate && a.endDate && be(v, { start: a.startDate, end: a.endDate }), ft = {
-      "keydown:arrow-right": g,
+    }, Oe = (y) => d.value && ye(d.value, y) && !a.endDate ? !0 : a.startDate && a.endDate && be(y, { start: a.startDate, end: a.endDate }), ft = {
+      "keydown:arrow-right": D,
       "keydown:arrow-left": E,
-      "keydown:arrow-up": D,
+      "keydown:arrow-up": b,
       "keydown:arrow-down": p,
       "keydown:home": m,
-      "keydown:end": b,
-      "keydown:page-up": R,
+      "keydown:end": v,
+      "keydown:page-up": N,
       "keydown:shift-page-up": $,
-      "keydown:page-down": le,
+      "keydown:page-down": W,
       "keydown:shift-page-down": ce
     };
     return t({
       focusOnDate: fe
-    }), (v, k) => ze((N(), Y("div", Ve({ class: "b-calendar-month" }, Qe(ft, !0)), [
-      T("div", Ut, [
-        T("div", Wt, [
-          L.value ? (N(), W(Ee, {
+    }), (y, R) => qe((S(), w("div", Ve({ class: "b-calendar-month" }, Qe(ft, !0)), [
+      I("div", Ut, [
+        I("div", Wt, [
+          L.value ? (S(), j(Ee, {
             key: 0,
             variant: "tertiary",
-            onClick: k[0] || (k[0] = (I) => y(R)(I, !0))
+            onClick: R[0] || (R[0] = (Y) => h(N)(Y, !0))
           }, {
-            iconLeft: z(() => [
-              B(y(tt), {
-                "svg-title": y(s)("previousMonth")
+            iconLeft: V(() => [
+              B(h(tt), {
+                "svg-title": h(s)("previousMonth")
               }, null, 8, ["svg-title"])
             ]),
             _: 1
-          })) : ee("", !0)
+          })) : te("", !0)
         ]),
-        T("div", jt, [
-          B(y(ke), {
-            id: y(u),
+        I("div", jt, [
+          B(h(ke), {
+            id: h(u),
             el: "h2",
             variant: "title",
             "aria-live": "polite"
           }, {
-            default: z(() => [
+            default: V(() => [
               Ge(ge(K.value) + " ", 1),
-              T("span", Ht, ge(y(f).getFullYear()), 1)
+              I("span", zt, ge(h(f).getFullYear()), 1)
             ]),
             _: 1
           }, 8, ["id"]),
-          B(y(lt), {
-            "current-year": y(f).getFullYear(),
-            "year-range": v.yearRange,
-            min: v.min,
-            max: v.max,
+          B(h(lt), {
+            "current-year": h(f).getFullYear(),
+            "year-range": y.yearRange,
+            min: y.min,
+            max: y.max,
             "onUpdate:year": r
           }, null, 8, ["current-year", "year-range", "min", "max"])
         ]),
-        T("div", Kt, [
-          w.value ? (N(), W(Ee, {
+        I("div", Ht, [
+          k.value ? (S(), j(Ee, {
             key: 0,
             variant: "tertiary",
-            onClick: k[1] || (k[1] = (I) => y(le)(I, !0))
+            onClick: R[1] || (R[1] = (Y) => h(W)(Y, !0))
           }, {
-            iconLeft: z(() => [
-              B(y(nt), {
-                "svg-title": y(s)("nextMonth")
+            iconLeft: V(() => [
+              B(h(nt), {
+                "svg-title": h(s)("nextMonth")
               }, null, 8, ["svg-title"])
             ]),
             _: 1
-          })) : ee("", !0)
+          })) : te("", !0)
         ])
       ]),
-      T("table", {
+      I("table", {
         class: "b-calendar-month__month-container",
         role: "grid",
-        "aria-labelledby": y(u)
+        "aria-labelledby": h(u)
       }, [
-        T("thead", null, [
-          T("tr", zt, [
-            (N(!0), Y(Q, null, J(M.value, (I, C) => (N(), Y("th", {
+        I("thead", null, [
+          I("tr", qt, [
+            (S(!0), w(J, null, X(M.value, (Y, C) => (S(), w("th", {
               key: C,
               class: "b-calendar-month__day-of-week",
               scope: "col"
             }, [
-              B(y(ke), {
+              B(h(ke), {
                 class: "b-calendar-month__day-of-week-font",
                 el: "span",
                 variant: "caption"
               }, {
-                default: z(() => [
-                  Ge(ge(I), 1)
+                default: V(() => [
+                  Ge(ge(Y), 1)
                 ]),
                 _: 2
               }, 1024)
             ]))), 128))
           ])
         ]),
-        T("tbody", null, [
-          (N(!0), Y(Q, null, J(S.value, (I, C) => (N(), Y("tr", { key: C }, [
-            C === 0 && I.length < 7 ? (N(), Y("td", {
+        I("tbody", null, [
+          (S(!0), w(J, null, X(_.value, (Y, C) => (S(), w("tr", { key: C }, [
+            C === 0 && Y.length < 7 ? (S(), w("td", {
               key: 0,
-              colspan: 7 - I.length
-            }, null, 8, Vt)) : ee("", !0),
-            (N(!0), Y(Q, null, J(I, (F, mt) => (N(), W(y(Gt), {
+              colspan: 7 - Y.length
+            }, null, 8, Vt)) : te("", !0),
+            (S(!0), w(J, null, X(Y, (F, mt) => (S(), j(h(Gt), {
               ref_for: !0,
-              ref: y(c)(F),
+              ref: h(c)(F),
               key: `calendar-day-${mt}`,
               day: F,
               disabled: l.value(F),
               selected: Oe(F),
               variant: Pe(F),
               onClick: q,
-              onMouseover: (ve) => v.$emit("mouseover", F),
+              onMouseover: (ve) => y.$emit("mouseover", F),
               onKeyup: [
-                Z((ve) => v.$emit("changeDay", F), ["up", "native"]),
-                Z((ve) => v.$emit("changeDay", F), ["down", "native"]),
-                Z((ve) => v.$emit("changeDay", F), ["left", "native"]),
-                Z((ve) => v.$emit("changeDay", F), ["right", "native"])
+                ee((ve) => y.$emit("changeDay", F), ["up", "native"]),
+                ee((ve) => y.$emit("changeDay", F), ["down", "native"]),
+                ee((ve) => y.$emit("changeDay", F), ["left", "native"]),
+                ee((ve) => y.$emit("changeDay", F), ["right", "native"])
               ]
             }, null, 8, ["day", "disabled", "selected", "variant", "onMouseover", "onKeyup"]))), 128))
           ]))), 128)),
-          S.value?.length < 6 ? (N(!0), Y(Q, { key: 0 }, J(6 - S.value?.length, (I) => (N(), Y("tr", {
-            key: `calendar month filler row ${I}`
-          }, k[2] || (k[2] = [
-            T("td", {
+          _.value?.length < 6 ? (S(!0), w(J, { key: 0 }, X(6 - _.value?.length, (Y) => (S(), w("tr", {
+            key: `calendar month filler row ${Y}`
+          }, R[2] || (R[2] = [
+            I("td", {
               "aria-hidden": "true",
               class: "b-calendar-month__empty-cell-filler",
               colspan: 7
             }, null, -1)
-          ])))), 128)) : ee("", !0)
+          ])))), 128)) : te("", !0)
         ])
-      ], 8, qt)
+      ], 8, Kt)
     ], 16)), [
-      [y(Ze)]
+      [h(Ze)]
     ]);
   }
-}), Ke = /* @__PURE__ */ de(Jt, [["__scopeId", "data-v-f051ff6a"]]);
+}), He = /* @__PURE__ */ de(Jt, [["__scopeId", "data-v-f051ff6a"]]);
 var P = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e))(P || {}), U = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e.SELECTED = "selected", e.UNSELECTED = "unselected", e.CURRENT_MONTH = "current-month", e.DISABLED = "disabled", e))(U || {}), Fe = /* @__PURE__ */ ((e) => (e.CLICK = "click", e.MOUSE_OVER = "mouseover", e))(Fe || {});
-const Xt = ["tabindex", "aria-selected"], Zt = { class: "b-calendar-year-month__wrapper" }, en = {}, tn = /* @__PURE__ */ se({
+const Xt = ["tabindex", "aria-selected"], Zt = { class: "b-calendar-year-month__wrapper" }, en = {}, tn = /* @__PURE__ */ le({
   ...en,
   __name: "calendar-year-month",
   props: {
@@ -694,10 +694,10 @@ const Xt = ["tabindex", "aria-selected"], Zt = { class: "b-calendar-year-month__
   },
   emits: ["click", "mouseover"],
   setup(e, { emit: t }) {
-    const n = e, o = t, a = _(() => {
+    const n = e, o = t, a = O(() => {
       const u = /* @__PURE__ */ new Date();
       return n.month.getMonth() === u.getMonth() && n.month.getFullYear() === u.getFullYear();
-    }), i = _(() => ({
+    }), i = O(() => ({
       // Variants
       [`b-calendar-year-month--${U.BEGINNING}`]: n.variant === P.BEGINNING,
       [`b-calendar-year-month--${U.MIDDLE}`]: n.variant === P.MIDDLE,
@@ -713,19 +713,19 @@ const Xt = ["tabindex", "aria-selected"], Zt = { class: "b-calendar-year-month__
     })), s = (u, l) => {
       n.disabled ? (u.preventDefault(), u.stopPropagation()) : o(Fe.CLICK, l, n.month);
     };
-    return (u, l) => (N(), Y("td", {
+    return (u, l) => (S(), w("td", {
       class: xe(["b-calendar-year-month", i.value]),
       tabindex: u.selected ? "0" : "-1",
       "aria-selected": u.selected ? u.selected : void 0,
       onClick: l[0] || (l[0] = (d) => s(d, u.month)),
-      onMouseover: l[1] || (l[1] = (d) => o(y(Fe).MOUSE_OVER)),
-      onKeydown: l[2] || (l[2] = Z((d) => s(d, u.month), ["space", "enter"]))
+      onMouseover: l[1] || (l[1] = (d) => o(h(Fe).MOUSE_OVER)),
+      onKeydown: l[2] || (l[2] = ee((d) => s(d, u.month), ["space", "enter"]))
     }, [
-      T("div", Zt, [
-        B(y(bt), {
+      I("div", Zt, [
+        B(h(bt), {
           class: "b-calendar-year-month__label",
           date: u.month,
-          format: y(St).SHORT_MONTH
+          format: h(St).SHORT_MONTH
         }, null, 8, ["date", "format"])
       ])
     ], 42, Xt));
@@ -744,7 +744,7 @@ const Xt = ["tabindex", "aria-selected"], Zt = { class: "b-calendar-year-month__
   "zh-CN": { nextYear: "明年", previousYear: "上年度" }
 }, an = { class: "b-calendar-year__year-selector" }, on = { class: "b-calendar-year__previous" }, rn = { class: "b-calendar-year__year-label-container" }, sn = { class: "b-calendar-year__next" }, ln = ["aria-labelledby"], un = {
   i18n: { messages: dt }
-}, dn = /* @__PURE__ */ se({
+}, dn = /* @__PURE__ */ le({
   ...un,
   __name: "calendar-year",
   props: {
@@ -754,28 +754,28 @@ const Xt = ["tabindex", "aria-selected"], Zt = { class: "b-calendar-year-month__
     min: { default: null },
     max: { default: null },
     yearRange: { default: void 0 },
-    position: { default: te.UNIQUE },
+    position: { default: ne.UNIQUE },
     startDate: { default: null },
     year: {}
   },
   emits: ["input", "changeDay", "nextMonth", "previousMonth", "mouseover"],
   setup(e, { expose: t, emit: n }) {
-    const o = Xe("bento-date-picker-year-label"), a = e, i = n, { t: s } = Se({ messages: dt }), u = (h) => a.min && h < a.min || a.max && h > a.max || a.isDateDisabled?.(h), l = _(
+    const o = Xe("bento-date-picker-year-label"), a = e, i = n, { t: s } = Se({ messages: dt }), u = (g) => a.min && g < a.min || a.max && g > a.max || a.isDateDisabled?.(g), l = O(
       () => ["first", "unique"].includes(a.position)
-    ), d = _(
+    ), d = O(
       () => ["last", "unique"].includes(a.position)
     ), {
       internalDate: f,
       // Calendar refs
       addDayRef: c,
       // Day navigation
-      moveToPreviousMonth: g,
+      moveToPreviousMonth: D,
       moveToPreviousYear: E,
-      moveToNextMonth: D,
+      moveToNextMonth: b,
       moveToNextYear: p,
       moveToFirstMonthOfYear: m,
-      moveToLastMonthOfYear: b,
-      focusOnDate: R
+      moveToLastMonthOfYear: v,
+      focusOnDate: N
     } = it(
       {
         currentSelectedDate: x(a, "startDate"),
@@ -783,102 +783,102 @@ const Xt = ["tabindex", "aria-selected"], Zt = { class: "b-calendar-year-month__
         isDateDisabled: u
       },
       i
-    ), $ = (h) => {
-      const L = a.year.getFullYear(), w = h - L;
-      w > 0 ? p(null, !0, w) : w < 0 && E(null, !0, Math.abs(w));
-    }, le = _(() => {
-      const h = [];
+    ), $ = (g) => {
+      const L = a.year.getFullYear(), k = g - L;
+      k > 0 ? p(null, !0, k) : k < 0 && E(null, !0, Math.abs(k));
+    }, W = O(() => {
+      const g = [];
       let L = 0;
-      for (let w = 0; w < 3; w++) {
+      for (let k = 0; k < 3; k++) {
         const K = [];
         for (let r = 0; r < 4; r++)
           K.push(new Date(a.year.getFullYear(), L++, 1));
-        h.push(K);
+        g.push(K);
       }
-      return h;
-    }), ce = (h) => !a.isRange || he(a.startDate, a.endDate) ? P.SINGLE : a.startDate && he(a.startDate, h) ? P.BEGINNING : a.endDate && he(a.endDate, h) ? P.END : a.startDate && a.endDate && be(h, { start: a.startDate, end: a.endDate }) ? P.MIDDLE : null, fe = (h) => f.value && he(f.value, h) ? !0 : a.startDate && a.endDate && be(h, { start: a.startDate, end: a.endDate }), me = (h) => {
-      i("input", h);
+      return g;
+    }), ce = (g) => !a.isRange || he(a.startDate, a.endDate) ? P.SINGLE : a.startDate && he(a.startDate, g) ? P.BEGINNING : a.endDate && he(a.endDate, g) ? P.END : a.startDate && a.endDate && be(g, { start: a.startDate, end: a.endDate }) ? P.MIDDLE : null, fe = (g) => f.value && he(f.value, g) ? !0 : a.startDate && a.endDate && be(g, { start: a.startDate, end: a.endDate }), me = (g) => {
+      i("input", g);
     }, De = a.isRange ? {} : {
-      "keydown:arrow-right": D,
-      "keydown:arrow-left": g,
-      "keydown:arrow-up": (h) => g(h, !1, 4),
-      "keydown:arrow-down": (h) => D(h, !1, 4),
+      "keydown:arrow-right": b,
+      "keydown:arrow-left": D,
+      "keydown:arrow-up": (g) => D(g, !1, 4),
+      "keydown:arrow-down": (g) => b(g, !1, 4),
       "keydown:home": m,
-      "keydown:end": b,
+      "keydown:end": v,
       "keydown:page-up": E,
       "keydown:page-down": p
     };
-    return t({ focusOnDate: R }), (h, L) => ze((N(), Y("div", Ve({ class: "b-calendar-year" }, Qe(y(De), !0)), [
-      T("div", an, [
-        T("div", on, [
-          l.value ? (N(), W(Ee, {
+    return t({ focusOnDate: N }), (g, L) => qe((S(), w("div", Ve({ class: "b-calendar-year" }, Qe(h(De), !0)), [
+      I("div", an, [
+        I("div", on, [
+          l.value ? (S(), j(Ee, {
             key: 0,
             variant: "tertiary",
-            onClick: L[0] || (L[0] = (w) => y(E)(w, !0, 1))
+            onClick: L[0] || (L[0] = (k) => h(E)(k, !0, 1))
           }, {
-            iconLeft: z(() => [
-              B(y(tt), {
-                "svg-title": y(s)("previousYear")
+            iconLeft: V(() => [
+              B(h(tt), {
+                "svg-title": h(s)("previousYear")
               }, null, 8, ["svg-title"])
             ]),
             _: 1
-          })) : ee("", !0)
+          })) : te("", !0)
         ]),
-        T("div", rn, [
-          B(y(lt), {
-            "current-year": h.year.getFullYear(),
-            "year-range": h.yearRange,
-            min: h.min,
-            max: h.max,
+        I("div", rn, [
+          B(h(lt), {
+            "current-year": g.year.getFullYear(),
+            "year-range": g.yearRange,
+            min: g.min,
+            max: g.max,
             "onUpdate:year": $
           }, null, 8, ["current-year", "year-range", "min", "max"])
         ]),
-        T("div", sn, [
-          d.value ? (N(), W(Ee, {
+        I("div", sn, [
+          d.value ? (S(), j(Ee, {
             key: 0,
             variant: "tertiary",
-            onClick: L[1] || (L[1] = (w) => y(p)(w, !0))
+            onClick: L[1] || (L[1] = (k) => h(p)(k, !0))
           }, {
-            iconLeft: z(() => [
-              B(y(nt), {
-                "svg-title": y(s)("nextYear")
+            iconLeft: V(() => [
+              B(h(nt), {
+                "svg-title": h(s)("nextYear")
               }, null, 8, ["svg-title"])
             ]),
             _: 1
-          })) : ee("", !0)
+          })) : te("", !0)
         ])
       ]),
-      T("table", {
+      I("table", {
         class: "b-calendar-year__year-container",
         role: "grid",
-        "aria-labelledby": y(o)
+        "aria-labelledby": h(o)
       }, [
-        T("tbody", null, [
-          (N(!0), Y(Q, null, J(le.value, (w, K) => (N(), Y("tr", { key: K }, [
-            (N(!0), Y(Q, null, J(w, (r, M) => (N(), W(nn, {
+        I("tbody", null, [
+          (S(!0), w(J, null, X(W.value, (k, K) => (S(), w("tr", { key: K }, [
+            (S(!0), w(J, null, X(k, (r, M) => (S(), j(nn, {
               ref_for: !0,
-              ref: y(c)(r),
+              ref: h(c)(r),
               key: `calendar-month-${M}`,
               month: r,
               disabled: u(r),
               selected: fe(r),
               variant: ce(r),
               onClick: me,
-              onMouseover: (S) => i("mouseover", r)
+              onMouseover: (_) => i("mouseover", r)
             }, null, 8, ["month", "disabled", "selected", "variant", "onMouseover"]))), 128))
           ]))), 128))
         ])
       ], 8, ln)
     ], 16)), [
-      [y(Ze)]
+      [h(Ze)]
     ]);
   }
-}), qe = /* @__PURE__ */ de(dn, [["__scopeId", "data-v-bd0150ea"]]), cn = ({ selectedDate: e }, t) => {
+}), Ke = /* @__PURE__ */ de(dn, [["__scopeId", "data-v-bd0150ea"]]), cn = ({ selectedDate: e }, t) => {
   const n = Je({
     startDate: null,
     endDate: null
   });
-  return ne(
+  return ae(
     () => e.value,
     () => {
       n.startDate = e.value, n.endDate = void 0;
@@ -887,7 +887,7 @@ const Xt = ["tabindex", "aria-selected"], Zt = { class: "b-calendar-year-month__
   ), {
     internalValue: n,
     onDateInput: (a) => {
-      t(j.INPUT, a);
+      t(z.INPUT, a);
     },
     // Empty function to prevent the listeners from throwing a warning
     // eslint-disable-next-line @typescript-eslint/no-empty-function
@@ -897,7 +897,7 @@ const Xt = ["tabindex", "aria-selected"], Zt = { class: "b-calendar-year-month__
 }, ct = {
   getCount: (e, t) => $e(e, t),
   sub: Le,
-  add: re
+  add: se
 }, fn = {
   daily: {
     ...ct,
@@ -922,18 +922,18 @@ const Xt = ["tabindex", "aria-selected"], Zt = { class: "b-calendar-year-month__
   const a = {
     weekly: (s, u, l, d) => {
       let f = Me(s, { weekStartsOn: e }), c = Ne(u || s, { weekStartsOn: e });
-      const g = l && f < l, E = d && c > d;
-      return g && (f = Me(l, { weekStartsOn: e })), E && (c = Ne(d, { weekStartsOn: e })), f > c && (g ? c = Ne(f, { weekStartsOn: e }) : f = Me(c, { weekStartsOn: e })), { startDate: f, endDate: c };
+      const D = l && f < l, E = d && c > d;
+      return D && (f = Me(l, { weekStartsOn: e })), E && (c = Ne(d, { weekStartsOn: e })), f > c && (D ? c = Ne(f, { weekStartsOn: e }) : f = Me(c, { weekStartsOn: e })), { startDate: f, endDate: c };
     },
     monthly: (s, u, l, d) => {
       let f = pe(s), c = Te(u || s);
-      const g = l && f < l, E = d && c > d;
-      return g && (f = pe(l)), E && (c = Te(d)), f > c && (g ? c = Te(f) : f = pe(c)), { startDate: f, endDate: c };
+      const D = l && f < l, E = d && c > d;
+      return D && (f = pe(l)), E && (c = Te(d)), f > c && (D ? c = Te(f) : f = pe(c)), { startDate: f, endDate: c };
     },
     quarterly: (s, u, l, d) => {
       let f = Ie(s), c = Ye(u || s);
-      const g = l instanceof Date && f < l, E = d instanceof Date && c > d;
-      return g && (f = Ie(l)), E && (c = Ye(d)), f > c && (g ? c = Ye(f) : f = Ie(c)), { startDate: f, endDate: c };
+      const D = l instanceof Date && f < l, E = d instanceof Date && c > d;
+      return D && (f = Ie(l)), E && (c = Ye(d)), f > c && (D ? c = Ye(f) : f = Ie(c)), { startDate: f, endDate: c };
     }
   };
   return {
@@ -944,28 +944,28 @@ const Xt = ["tabindex", "aria-selected"], Zt = { class: "b-calendar-year-month__
       granularity: d,
       alignToGranularity: f = !0,
       fallbackMaxRange: c,
-      min: g,
+      min: D,
       max: E
     }) => {
-      let D = { startDate: s, endDate: u };
-      f && d?.type && d.type !== "daily" && (D = a[d.type](s, u, g, E));
+      let b = { startDate: s, endDate: u };
+      f && d?.type && d.type !== "daily" && (b = a[d.type](s, u, D, E));
       const p = d?.maxRange || c;
       if (!p)
-        return D;
-      const m = d?.type ? fn[d.type] : ct, b = m.getCount(D.endDate, D.startDate);
-      if (b <= p)
-        return D;
-      const R = b - p, $ = l === "start" ? {
-        startDate: D.startDate,
-        endDate: m.sub(D.endDate, R)
+        return b;
+      const m = d?.type ? fn[d.type] : ct, v = m.getCount(b.endDate, b.startDate);
+      if (v <= p)
+        return b;
+      const N = v - p, $ = l === "start" ? {
+        startDate: b.startDate,
+        endDate: m.sub(b.endDate, N)
       } : {
-        startDate: m.add(D.startDate, R),
-        endDate: D.endDate
+        startDate: m.add(b.startDate, N),
+        endDate: b.endDate
       };
       return f && d?.type && d.type !== "daily" ? a[d.type](
         $.startDate,
         $.endDate,
-        g,
+        D,
         E
       ) : $;
     }
@@ -974,52 +974,54 @@ const Xt = ["tabindex", "aria-selected"], Zt = { class: "b-calendar-year-month__
   const { normalizeRange: f } = mn(a), c = Je({
     startDate: null,
     endDate: null
-  }), g = V(null);
-  ne(
+  }), D = Q(null);
+  ae(
     () => e.value,
     () => {
-      let { startDate: m = null, endDate: b = null } = e.value || {};
-      m && (m = X(m)), b && (b = X(b)), !(m && t && t(m) || b && t && t(b) || m && b && Tt(m, b)) && (c.startDate = m, c.endDate = b);
+      let { startDate: v = null, endDate: N = null } = e.value || {};
+      v && (v = Z(v)), N && (N = Z(N)), !(v && t && t(v) || N && t && t(N) || v && N && Tt(v, N)) && (c.startDate = v, c.endDate = N);
     },
     { immediate: !0, deep: !0 }
   );
-  const E = (m, b, R) => {
-    const $ = f({
-      startDate: m,
-      endDate: b,
-      fixedEndpoint: R !== void 0 && R < 1 ? "start" : "end",
+  const E = (v, N, $) => {
+    const W = f({
+      startDate: v,
+      endDate: N,
+      fixedEndpoint: $ !== void 0 && $ < 1 ? "start" : "end",
       granularity: o.value,
       fallbackMaxRange: n.value,
       min: i.value,
       max: s.value
     });
-    c.startDate = $.startDate, c.endDate = $.endDate, u(j.START_DATE_SELECTED, c.startDate), u(j.END_DATE_SELECTED, c.endDate);
-  }, D = (m) => {
-    !g.value || t && t(m) || (It(m, g.value) ? E(m, g.value, -1) : E(g.value, m, 1));
-  };
+    c.startDate = W.startDate, c.endDate = W.endDate, u(z.START_DATE_SELECTED, c.startDate), u(z.END_DATE_SELECTED, c.endDate);
+  }, b = (v) => {
+    !D.value || t && t(v) || (It(v, D.value) ? E(v, D.value, -1) : E(D.value, v, 1));
+  }, p = () => D.value ? (D.value = null, { ...c }) : null;
   return {
     internalValue: c,
-    onDateInput: (m) => {
-      if (g.value)
-        g.value = null, u(j.INPUT, c);
-      else {
-        let b = m;
-        o?.value?.type && o.value.type !== "daily" && (E(m, m), b = c.startDate), g.value = b, D(b);
+    finalizeRangeSelection: p,
+    onDateInput: (v) => {
+      if (D.value) {
+        const N = p();
+        N && u(z.INPUT, N);
+      } else {
+        let N = v;
+        o?.value?.type && o.value.type !== "daily" && (E(v, v), N = c.startDate), D.value = N, b(N);
       }
     },
-    onMouseOver: D
+    onMouseOver: b
   };
-}, vn = se({
+}, vn = le({
   name: "calendar",
-  components: { CalendarMonth: Ke, CalendarYear: qe },
+  components: { CalendarMonth: He, CalendarYear: Ke },
   props: {
     /**
      * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
      */
     firstDayOfWeek: {
       type: Number,
-      default: ae.MONDAY,
-      validator: (e) => Object.values(ae).includes(e)
+      default: oe.MONDAY,
+      validator: (e) => Object.values(oe).includes(e)
     },
     /**
      * The selected granularity configuration
@@ -1089,26 +1091,26 @@ const Xt = ["tabindex", "aria-selected"], Zt = { class: "b-calendar-year-month__
       validator: (e) => Object.values(Re).includes(e)
     }
   },
-  emit: [j.INPUT, j.START_DATE_SELECTED, j.END_DATE_SELECTED],
+  emit: [z.INPUT, z.START_DATE_SELECTED, z.END_DATE_SELECTED],
   setup(e, { emit: t }) {
-    const n = V(null), o = V();
-    ne(
+    const n = Q(null), o = Q();
+    ae(
       () => e.value,
       () => {
         if (e.isRange)
           o.value = e?.showEndDateOnOpen && e.value?.endDate ? e.value?.endDate : e.value?.startDate || /* @__PURE__ */ new Date();
         else {
-          const D = e.defaultDisplayMonth && new Date(e.defaultDisplayMonth).getTime() ? new Date(e.defaultDisplayMonth) : /* @__PURE__ */ new Date();
-          o.value = e.value || D;
+          const m = e.defaultDisplayMonth && new Date(e.defaultDisplayMonth).getTime() ? new Date(e.defaultDisplayMonth) : /* @__PURE__ */ new Date();
+          o.value = e.value || m;
         }
       },
       { immediate: !0, deep: !0 }
     );
-    const a = _(
-      () => e.variant === Re.MONTH ? qe : Ke
-    ), i = _(() => ({
+    const a = O(
+      () => e.variant === Re.MONTH ? Ke : He
+    ), i = O(() => ({
       "b-calendar__range": e.isRange
-    })), { internalValue: s, onDateInput: u, onMouseOver: l } = e.isRange ? Dn(
+    })), s = e.isRange ? Dn(
       {
         selectedDate: x(e, "value"),
         isDateDisabled: e.isDateDisabled,
@@ -1125,12 +1127,12 @@ const Xt = ["tabindex", "aria-selected"], Zt = { class: "b-calendar-year-month__
         firstDayOfWeek: e.firstDayOfWeek
       },
       t
-    ), d = (D) => e.numberOfMonths === 1 ? te.UNIQUE : D === 0 ? te.FIRST : D === e.numberOfMonths - 1 ? te.LAST : te.MIDDLE, f = _(() => (D) => {
-      const p = e?.showEndDateOnOpen && e.isRange ? ue(o.value, e.numberOfMonths - 1) : o.value;
-      return H(p, D);
-    }), c = _(() => (D) => {
-      const p = e?.showEndDateOnOpen ? rt(o.value, e.numberOfMonths - 1) : o.value;
-      return Be(p, D);
+    ), { internalValue: u, onDateInput: l, onMouseOver: d } = s, f = () => s.finalizeRangeSelection?.() ?? null, c = (m) => e.numberOfMonths === 1 ? ne.UNIQUE : m === 0 ? ne.FIRST : m === e.numberOfMonths - 1 ? ne.LAST : ne.MIDDLE, D = O(() => (m) => {
+      const v = e?.showEndDateOnOpen && e.isRange ? ue(o.value, e.numberOfMonths - 1) : o.value;
+      return H(v, m);
+    }), E = O(() => (m) => {
+      const v = e?.showEndDateOnOpen ? rt(o.value, e.numberOfMonths - 1) : o.value;
+      return Be(v, m);
     });
     return {
       // Refs
@@ -1139,28 +1141,29 @@ const Xt = ["tabindex", "aria-selected"], Zt = { class: "b-calendar-year-month__
       baseDate: o,
       calendarComponent: a,
       conditionalClasses: i,
-      internalValue: s,
+      internalValue: u,
       // Methods
-      calculateOffsetMonth: f,
-      calculateOffsetYear: c,
-      calendarPosition: d,
+      calculateOffsetMonth: D,
+      calculateOffsetYear: E,
+      calendarPosition: c,
+      finalizeRangeSelection: f,
       // Events
-      onDateInput: u,
-      onMouseOver: l,
-      calculateNextMonths: (D = 1) => {
-        o.value = H(o.value, D);
+      onDateInput: l,
+      onMouseOver: d,
+      calculateNextMonths: (m = 1) => {
+        o.value = H(o.value, m);
       },
-      calculatePreviousMonths: (D = 1) => {
-        o.value = ue(o.value, D);
+      calculatePreviousMonths: (m = 1) => {
+        o.value = ue(o.value, m);
       }
     };
   }
 });
 function yn(e, t, n, o, a, i) {
-  return N(), Y("div", {
+  return S(), w("div", {
     class: xe(["b-calendar", e.conditionalClasses])
   }, [
-    (N(!0), Y(Q, null, J(e.numberOfMonths, (s, u) => (N(), W(yt(e.calendarComponent), {
+    (S(!0), w(J, null, X(e.numberOfMonths, (s, u) => (S(), j(yt(e.calendarComponent), {
       ref_for: !0,
       ref: e.numberOfMonths === 1 ? "calendarRef" : null,
       key: `calendar-${u}`,
@@ -1184,14 +1187,14 @@ function yn(e, t, n, o, a, i) {
     }, null, 40, ["first-day-of-week", "is-date-disabled", "month", "year", "position", "min", "max", "is-range", "start-date", "end-date", "granularity", "year-range", "onInput", "onMouseover", "onChangeDay", "onNextMonth", "onPreviousMonth"]))), 128))
   ], 2);
 }
-const Fn = /* @__PURE__ */ de(vn, [["render", yn], ["__scopeId", "data-v-9b867347"]]);
+const Fn = /* @__PURE__ */ de(vn, [["render", yn], ["__scopeId", "data-v-ef7fcac4"]]);
 export {
-  He as A,
-  ae as C,
+  ze as A,
+  oe as C,
   Re as a,
   Fn as b,
-  j as c,
-  te as d,
+  z as c,
+  ne as d,
   kn as e,
   pe as f,
   Ae as g,
@@ -1199,14 +1202,14 @@ export {
   Rn as i,
   Ie as j,
   ye as k,
-  re as l,
+  se as l,
   Ne as m,
   Le as n,
   H as o,
   Ln as p,
   ue as q,
   at as r,
-  X as s,
+  Z as s,
   Ye as t,
   Rt as u,
   mn as v,
@@ -1215,4 +1218,4 @@ export {
   Yt as y,
   $e as z
 };
-//# sourceMappingURL=calendar.Dtba7fcs.js.map
+//# sourceMappingURL=calendar.EuBZ9HoM.js.map