@adyen/bento-vue3 1.3.0 → 1.4.0

package/dist/chunks/{index.c9225c3b.js → index.c2a80208.js}

@@ -1,51 +1,51 @@
-import { defineComponent as ye, reactive as ee, ref as C, computed as K, onMounted as Ce, resolveComponent as P, openBlock as f, createElementBlock as J, createElementVNode as M, createBlock as O, createCommentVNode as I, renderSlot as fe, createVNode as F, withCtx as k, createTextVNode as S, normalizeClass as ae, toRef as ge, watch as Fe, resolveDirective as Ne, withDirectives as Ae, toDisplayString as j, withKeys as Ue } from "vue";
-import { B as Be } from "./directive.0408e565.js";
-import { BentoPopover as $e, BentoPopoverPositions as Ke } from "../popover.js";
+import { defineComponent as ye, reactive as ee, ref as h, computed as K, onMounted as Fe, resolveComponent as w, openBlock as f, createElementBlock as J, createElementVNode as F, createBlock as O, createCommentVNode as b, renderSlot as fe, createVNode as P, withCtx as k, createTextVNode as E, normalizeClass as ae, toRef as ge, watch as he, resolveDirective as Pe, withDirectives as Ue, toDisplayString as j, withKeys as $e } from "vue";
+import { B as Ne } from "./directive.0408e565.js";
+import { BentoPopover as Ae } from "../popover.js";
 import { g as W } from "./unique-id.a2a2b458.js";
 import { u as te } from "./i18n.6c402773.js";
-import { B as ke, a as Ee, b as Ye } from "./index.222d29b0.js";
-import { f as ve, v as qe, D as h } from "./date-input.9186a0bf.js";
-import { t as ne, f as Y } from "./index.d27367cd.js";
-import { r as re, t as oe, e as w, d as se, f as ie } from "./index.f55fdc32.js";
-import { u as Ve } from "./use-form-layout-loading.d03e5d48.js";
-import { BentoInputField as Le } from "../input-field.js";
-import { B as He } from "./dropdown.8b415aac.js";
+import { B as ke } from "./index.89b00b94.js";
+import { f as ve, v as Be, D as M } from "./date-input.9186a0bf.js";
+import { t as ne, f as Y } from "./index.e84dbeae.js";
+import { r as re, t as oe, e as C, d as se, f as ie } from "./index.f55fdc32.js";
+import { u as Ke } from "./use-form-layout-loading.d03e5d48.js";
+import { BentoInputField as Ye } from "../input-field.js";
+import { B as qe } from "./dropdown.b798a82e.js";
 import { d as z } from "./debounce.f8d92e44.js";
-import { u as We } from "./use-has-slot.068222e6.js";
+import { u as Ve } from "./use-has-slot.9fac7123.js";
 import { e as Z } from "./index.fdf12170.js";
-import { C as G } from "./calendar.09b683b3.js";
-import { _ as Se } from "./_plugin-vue_export-helper.dad06003.js";
-import { c as Ge } from "./dropdown-default-textbox.203e747f.js";
-import { E as je } from "./error-message.ddfe8ea5.js";
-import "../assets/index28.css";
-function ze(e, t) {
+import { C as G } from "./calendar.3f930683.js";
+import { _ as _e } from "./_plugin-vue_export-helper.dad06003.js";
+import { c as Le } from "./dropdown-default-textbox.a90e84f9.js";
+import { E as He } from "./error-message.9acead25.js";
+import "../assets/index25.css";
+function We(e, t) {
   re(2, arguments);
   var s = oe(e), d = ne(t);
   return s.setHours(d), s;
 }
-function Je(e, t) {
+function Ge(e, t) {
   re(2, arguments);
   var s = oe(e), d = ne(t);
   return s.setMinutes(d), s;
 }
-function Qe(e, t) {
+function je(e, t) {
   re(2, arguments);
   var s = oe(e), d = ne(t);
   return s.setSeconds(d), s;
 }
 var l = /* @__PURE__ */ ((e) => (e.CUSTOM_RANGE = "custom-range", e.INPUT = "input", e.ERROR = "error", e.FORM_DATE = "form-date", e))(l || {});
-const Xe = /[\d]/, Ze = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, ea = (e) => {
-  const { selectionStart: t } = e.target, s = Xe.test(e.key) || e.key === "Backspace", d = [1, 2, 4, 5].includes(t) && e.key === ":";
+const ze = /[\d]/, Je = /^\d{2}$/, Qe = /^\d{2}:\d{2}$/, Xe = (e) => {
+  const { selectionStart: t } = e.target, s = ze.test(e.key) || e.key === "Backspace", d = [1, 2, 4, 5].includes(t) && e.key === ":";
   !s && !d && e.preventDefault();
-}, Te = (e) => {
+}, Ie = (e) => {
   if (!e)
     return e;
   let t = e;
   if (t.length === 1 && parseInt(e, 10) > 2)
     return `0${t}:`;
   const [s, d] = t.slice(-2);
-  return [2, 5].includes(t.length) && d === ":" && (t = `${t.slice(0, t.length - 2)}0${s}`), (Ze.test(t) || xe.test(t)) && (t += ":"), t;
-}, Ie = {
+  return [2, 5].includes(t.length) && d === ":" && (t = `${t.slice(0, t.length - 2)}0${s}`), (Je.test(t) || Qe.test(t)) && (t += ":"), t;
+}, be = {
   "en-US": {
     customRange: "Custom range",
     dateFrom: "Date from",
@@ -56,12 +56,12 @@ const Xe = /[\d]/, Ze = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, ea = (e) => {
     timeFrom: "Time from",
     timeTo: "Time to"
   }
-}, Re = 300, x = "customRange", aa = ye({
-  i18n: { messages: Ie },
+}, Re = 300, x = "customRange", Ze = ye({
+  i18n: { messages: be },
   name: "date-range-picker-calendar",
   components: {
-    BentoDropdown: He,
-    BentoInputField: Le,
+    BentoDropdown: qe,
+    BentoInputField: Ye,
     BentoTypography: ke,
     Calendar: G
   },
@@ -116,22 +116,22 @@ const Xe = /[\d]/, Ze = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, ea = (e) => {
     l.FORM_DATE
   ],
   setup(e, { emit: t, slots: s }) {
-    var pe, me;
-    const { locale: d, t: E } = te({ messages: Ie }), g = { de: se, enUS: w, fr: ie }, o = ee({
-      startDate: (pe = e.value) == null ? void 0 : pe.startDate,
-      endDate: (me = e.value) == null ? void 0 : me.endDate
-    }), c = C(x), m = K(() => ({
+    var me, pe;
+    const { locale: d, t: _ } = te({ messages: be }), g = { de: se, enUS: C, fr: ie }, o = ee({
+      startDate: (me = e.value) == null ? void 0 : me.startDate,
+      endDate: (pe = e.value) == null ? void 0 : pe.endDate
+    }), c = h(x), p = K(() => ({
       "b-date-range-picker-calendar__form-input-wrapper": e.allowTimeInput
-    })), _ = K(() => e.quickSelectRanges ? [
-      { label: E("customRange"), value: x },
+    })), S = K(() => e.quickSelectRanges ? [
+      { label: _("customRange"), value: x },
       ...e.quickSelectRanges
     ] : []), v = () => {
       e != null && e.quickSelectRanges && (c.value = x);
-    }, i = (a) => a ? Y(a, h.NUMERIC_DATE_YEAR_FIRST, {
-      locale: g[d.value.substring(0, 2)] || w
-    }) : "", R = (a) => a ? Y(a, h.HOUR_MINUTE_SECONDS, {
-      locale: g[d.value.substring(0, 2)] || w
-    }) : "", D = C(!1), b = C(!1), p = C(!1), T = C(!1), n = ee({
+    }, i = (a) => a ? Y(a, M.NUMERIC_DATE_YEAR_FIRST, {
+      locale: g[d.value.substring(0, 2)] || C
+    }) : "", R = (a) => a ? Y(a, M.HOUR_MINUTE_SECONDS, {
+      locale: g[d.value.substring(0, 2)] || C
+    }) : "", D = h(!1), T = h(!1), m = h(!1), I = h(!1), n = ee({
       startDate: e.dateFormData.startDate,
       endDate: e.dateFormData.endDate,
       startTime: e.dateFormData.startTime,
@@ -142,29 +142,29 @@ const Xe = /[\d]/, Ze = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, ea = (e) => {
       if (!r || !q(r))
         return a;
       let y = new Date(a);
-      const [U, X, Me] = r.split(":");
-      return y = ze(y, parseInt(U, 10)), y = Je(y, parseInt(X, 10)), y = Qe(y, parseInt(Me, 10)), y;
-    }, A = (a) => {
-      const r = (U) => e.isDateDisabled ? !e.isDateDisabled(U) : !0;
+      const [N, X, Ce] = r.split(":");
+      return y = We(y, parseInt(N, 10)), y = Ge(y, parseInt(X, 10)), y = je(y, parseInt(Ce, 10)), y;
+    }, $ = (a) => {
+      const r = (N) => e.isDateDisabled ? !e.isDateDisabled(N) : !0;
       return /^\d{4}-(0?[1-9]|1[012])-(0?[1-9]|[12][0-9]|3[01])$/.test(a) && r(new Date(a));
     };
-    Ce(() => {
-      e.dateFormData.startDate && !A(e.dateFormData.startDate) ? D.value = !0 : (D.value = !1, p.value = !1), e.dateFormData.endDate && !A(e.dateFormData.endDate) ? b.value = !0 : (b.value = !1, T.value = !1);
+    Fe(() => {
+      e.dateFormData.startDate && !$(e.dateFormData.startDate) ? D.value = !0 : (D.value = !1, m.value = !1), e.dateFormData.endDate && !$(e.dateFormData.endDate) ? T.value = !0 : (T.value = !1, I.value = !1);
     });
     const le = (a) => {
       var r;
-      v(), n.startDate = i(a), n.startTime ? p.value && (n.startTime = (r = e.dateFormData) == null ? void 0 : r.startTime) : n.startTime = R(a), D.value = !1, p.value = !1;
+      v(), n.startDate = i(a), n.startTime ? m.value && (n.startTime = (r = e.dateFormData) == null ? void 0 : r.startTime) : n.startTime = R(a), D.value = !1, m.value = !1;
     }, de = (a) => {
       var r;
-      n.endDate = i(a), n.endTime ? T.value && (n.endTime = (r = e.dateFormData) == null ? void 0 : r.endTime) : n.endTime = R(Z(a)), b.value = !1, T.value = !1;
+      n.endDate = i(a), n.endTime ? I.value && (n.endTime = (r = e.dateFormData) == null ? void 0 : r.endTime) : n.endTime = R(Z(a)), T.value = !1, I.value = !1;
     }, L = (a) => {
       const r = e.value[a];
       if (r)
         return r;
-      if (e.dateFormData[a] && A(e.dateFormData[a]))
+      if (e.dateFormData[a] && $(e.dateFormData[a]))
         return new Date(e.dateFormData[a]);
     }, ue = z((a) => {
-      if (A(a)) {
+      if ($(a)) {
         D.value = !1, o.startDate = V(new Date(a), n.startTime);
         const r = L("endDate");
         t(l.FORM_DATE, {
@@ -179,8 +179,8 @@ const Xe = /[\d]/, Ze = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, ea = (e) => {
     }, Re), ce = (a) => {
       v(), n.startDate = ve(a), ue(n.startDate);
     }, De = z((a) => {
-      if (A(a)) {
-        b.value = !1, o.endDate = V(new Date(a), n.endTime);
+      if ($(a)) {
+        T.value = !1, o.endDate = V(new Date(a), n.endTime);
         const r = L("startDate");
         t(l.FORM_DATE, {
           startDate: r,
@@ -192,14 +192,14 @@ const Xe = /[\d]/, Ze = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, ea = (e) => {
           endDate: new Date(o.endDate)
         });
       } else
-        b.value = !0, t(l.ERROR, { ...n });
+        T.value = !0, t(l.ERROR, { ...n });
     }, Re), u = (a) => {
       v(), n.endDate = ve(a), De(n.endDate);
-    }, N = (a) => {
-      qe(a);
+    }, U = (a) => {
+      Be(a);
     }, H = z((a) => {
       if (q(a)) {
-        p.value = !1, o.startDate = V(o.startDate, a);
+        m.value = !1, o.startDate = V(o.startDate, a);
         const r = L("endDate");
         t(l.FORM_DATE, {
           startDate: new Date(o.startDate),
@@ -211,10 +211,10 @@ const Xe = /[\d]/, Ze = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, ea = (e) => {
           endDate: r
         });
       } else
-        p.value = !0, t(l.ERROR, { ...n });
-    }), _e = z((a) => {
+        m.value = !0, t(l.ERROR, { ...n });
+    }), Ee = z((a) => {
       if (q(a)) {
-        T.value = !1, o.endDate = V(o.endDate, a);
+        I.value = !1, o.endDate = V(o.endDate, a);
         const r = L("startDate");
         t(l.FORM_DATE, {
           startDate: r,
@@ -226,77 +226,75 @@ const Xe = /[\d]/, Ze = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, ea = (e) => {
           endDate: new Date(o.endDate)
         });
       } else
-        T.value = !0, t(l.ERROR, { ...n });
-    }), Oe = (a) => {
-      v(), n.startTime = Te(a), H(n.startTime);
-    }, Pe = (a) => {
-      v(), n.endTime = Te(a), _e(n.endTime);
-    }, he = (a) => {
-      ea(a);
+        I.value = !0, t(l.ERROR, { ...n });
+    }), Se = (a) => {
+      v(), n.startTime = Ie(a), H(n.startTime);
+    }, Oe = (a) => {
+      v(), n.endTime = Ie(a), Ee(n.endTime);
     }, we = (a) => {
-      var y, U;
+      Xe(a);
+    }, Me = (a) => {
+      var y, N;
       c.value = a;
-      const r = (U = (y = e.quickSelectRanges) == null ? void 0 : y.find(({ value: X }) => X === a)) == null ? void 0 : U.data;
+      const r = (N = (y = e.quickSelectRanges) == null ? void 0 : y.find(({ value: X }) => X === a)) == null ? void 0 : N.data;
       r && (n.startDate = i(r.startDate), n.endDate = i(r.endDate), n.startTime || (n.startTime = R(Z(r.startDate))), n.endTime || (n.endTime = R(Z(r.endDate))), t(l.CUSTOM_RANGE, r));
     };
     return {
       // Values
       dateTextInput: n,
-      endDateError: b,
-      endTimeError: T,
+      endDateError: T,
+      endTimeError: I,
       selectedRangeSelectorValue: c,
       startDateError: D,
-      startTimeError: p,
-      quickSelectRangeDefaultItems: _,
-      formInputWrapperConditionalClasses: m,
-      // Enums
-      BentoTypographyElement: Ee,
+      startTimeError: m,
+      quickSelectRangeDefaultItems: S,
+      formInputWrapperConditionalClasses: p,
       // Methods
-      hasSlot: We(s),
-      t: E,
+      hasSlot: Ve(s),
+      t: _,
       // Events
-      onRangeSelectorInput: we,
+      onRangeSelectorInput: Me,
       onDateInput: Q,
-      onDateInputKeyDown: N,
+      onDateInputKeyDown: U,
       onEndDateInput: u,
       onEndDateSelected: de,
-      onEndTimeInput: Pe,
+      onEndTimeInput: Oe,
       onStartDateSelected: le,
       onStartDateInput: ce,
-      onStartTimeInput: Oe,
-      onTimeInputKeyDown: he
+      onStartTimeInput: Se,
+      onTimeInputKeyDown: we
     };
   }
 });
-const ta = { class: "b-date-range-picker-calendar" }, na = { class: "b-date-range-picker-calendar__form-container" }, ra = { class: "b-date-range-picker-calendar__form" }, oa = { key: 0 }, sa = { class: "b-date-range-picker-calendar__calendars-container" };
-function ia(e, t, s, d, E, g) {
-  const o = P("bento-dropdown"), c = P("bento-typography"), m = P("bento-input-field"), _ = P("calendar");
-  return f(), J("div", ta, [
-    M("div", na, [
-      M("div", ra, [
+const xe = { class: "b-date-range-picker-calendar" }, ea = { class: "b-date-range-picker-calendar__form-container" }, aa = { class: "b-date-range-picker-calendar__form" }, ta = { key: 0 }, na = { class: "b-date-range-picker-calendar__calendars-container" };
+function ra(e, t, s, d, _, g) {
+  const o = w("bento-dropdown"), c = w("bento-typography"), p = w("bento-input-field"), S = w("calendar");
+  return f(), J("div", xe, [
+    F("div", ea, [
+      F("div", aa, [
         e.quickSelectRanges ? (f(), O(o, {
           key: 0,
           "aria-label": e.t("customRange"),
           items: e.quickSelectRangeDefaultItems,
           value: e.selectedRangeSelectorValue,
           onInput: e.onRangeSelectorInput
-        }, null, 8, ["aria-label", "items", "value", "onInput"])) : I("", !0),
-        e.hasSlot("title") ? fe(e.$slots, "title", { key: 1 }, void 0, !0) : I("", !0),
-        M("div", null, [
-          F(c, {
+        }, null, 8, ["aria-label", "items", "value", "onInput"])) : b("", !0),
+        e.hasSlot("title") ? fe(e.$slots, "title", { key: 1 }, void 0, !0) : b("", !0),
+        F("div", null, [
+          P(c, {
             stronger: "",
-            el: e.BentoTypographyElement.SPAN,
+            el: "span",
             class: "b-date-range-picker-calendar__label"
           }, {
             default: k(() => [
-              S(" From ")
+              E(" From ")
             ]),
             _: 1
-          }, 8, ["el"]),
-          M("div", {
+          }),
+          F("div", {
             class: ae(e.formInputWrapperConditionalClasses)
           }, [
-            F(m, {
+            P(p, {
               "aria-label": e.$t("dateFrom"),
               value: e.dateTextInput.startDate,
               error: e.startDateError,
@@ -305,11 +303,11 @@ function ia(e, t, s, d, E, g) {
               onKeydown: e.onDateInputKeyDown
             }, {
               description: k(() => [
-                S("YYYY-MM-DD")
+                E("YYYY-MM-DD")
               ]),
               _: 1
             }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"]),
-            e.allowTimeInput ? (f(), O(m, {
+            e.allowTimeInput ? (f(), O(p, {
               key: 0,
               "aria-label": e.t("timeFrom"),
               value: e.dateTextInput.startTime,
@@ -319,27 +317,27 @@ function ia(e, t, s, d, E, g) {
               onKeydown: e.onTimeInputKeyDown
             }, {
               description: k(() => [
-                S("HH:MM:SS")
+                E("HH:MM:SS")
               ]),
               _: 1
-            }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"])) : I("", !0)
+            }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"])) : b("", !0)
           ], 2)
         ]),
-        M("div", null, [
-          F(c, {
+        F("div", null, [
+          P(c, {
             stronger: "",
-            el: e.BentoTypographyElement.SPAN,
+            el: "span",
             class: "b-date-range-picker-calendar__label"
           }, {
             default: k(() => [
-              S(" To ")
+              E(" To ")
             ]),
             _: 1
-          }, 8, ["el"]),
-          M("div", {
+          }),
+          F("div", {
             class: ae(e.formInputWrapperConditionalClasses)
           }, [
-            F(m, {
+            P(p, {
               class: "b-date-range-picker-calendar__form-input",
               "aria-label": e.$t("dateTo"),
               value: e.dateTextInput.endDate,
@@ -348,11 +346,11 @@ function ia(e, t, s, d, E, g) {
               onKeydown: e.onDateInputKeyDown
             }, {
               description: k(() => [
-                S("YYYY-MM-DD")
+                E("YYYY-MM-DD")
               ]),
               _: 1
             }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"]),
-            e.allowTimeInput ? (f(), O(m, {
+            e.allowTimeInput ? (f(), O(p, {
               key: 0,
               "aria-label": e.t("timeTo"),
               value: e.dateTextInput.endTime,
@@ -362,19 +360,19 @@ function ia(e, t, s, d, E, g) {
               onKeydown: e.onTimeInputKeyDown
             }, {
               description: k(() => [
-                S("HH:MM:SS")
+                E("HH:MM:SS")
               ]),
               _: 1
-            }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"])) : I("", !0)
+            }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"])) : b("", !0)
           ], 2)
         ])
       ]),
-      e.hasSlot("actions") ? (f(), J("div", oa, [
+      e.hasSlot("actions") ? (f(), J("div", ta, [
         fe(e.$slots, "actions", {}, void 0, !0)
-      ])) : I("", !0)
+      ])) : b("", !0)
     ]),
-    M("div", sa, [
-      F(_, {
+    F("div", na, [
+      P(S, {
         value: e.value,
         "first-day-of-week": e.firstDayOfWeek,
         "is-date-disabled": e.isDateDisabled,
@@ -388,23 +386,23 @@ function ia(e, t, s, d, E, g) {
     ])
   ]);
 }
-const B = /* @__PURE__ */ Se(aa, [["render", ia], ["__scopeId", "data-v-308a0f80"]]);
-var $ = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))($ || {});
-const la = ({
+const A = /* @__PURE__ */ _e(Ze, [["render", ra], ["__scopeId", "data-v-7316452c"]]);
+var B = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(B || {});
+const oa = ({
   datePickerValue: e,
   isDateIncorrect: t
 }) => {
-  var v, i, R, D, b;
-  const { locale: s, t: d } = te(), E = { de: se, enUS: w, fr: ie }, g = (p, T) => Y(p, T, {
-    locale: E[s.value.substring(0, 2)] || w
-  }), o = (p) => Y(p, h.HOUR_MINUTE_SECONDS, {
-    locale: E[s.value.substring(0, 2)] || w
+  var v, i, R, D, T;
+  const { locale: s, t: d } = te(), _ = { de: se, enUS: C, fr: ie }, g = (m, I) => Y(m, I, {
+    locale: _[s.value.substring(0, 2)] || C
+  }), o = (m) => Y(m, M.HOUR_MINUTE_SECONDS, {
+    locale: _[s.value.substring(0, 2)] || C
   }), c = ee({
-    startDate: (v = e.value) != null && v.startDate ? g(e.value.startDate, h.NUMERIC_DATE_YEAR_FIRST) : void 0,
-    endDate: (i = e.value) != null && i.endDate ? g(e.value.endDate, h.NUMERIC_DATE_YEAR_FIRST) : void 0,
+    startDate: (v = e.value) != null && v.startDate ? g(e.value.startDate, M.NUMERIC_DATE_YEAR_FIRST) : void 0,
+    endDate: (i = e.value) != null && i.endDate ? g(e.value.endDate, M.NUMERIC_DATE_YEAR_FIRST) : void 0,
     // Set time if the startDate/endDate are set
     startTime: (R = e.value) != null && R.startDate ? o((D = e.value) == null ? void 0 : D.startDate) : void 0,
-    endTime: (b = e.value) != null && b.endDate ? o(e.value.endDate) : void 0
+    endTime: (T = e.value) != null && T.endDate ? o(e.value.endDate) : void 0
   });
   return {
     // Values
@@ -413,17 +411,17 @@ const la = ({
         return `${c.startDate || ""} - ${c.endDate || ""}`;
       if (!e.value || !e.value.startDate && !e.value.endDate)
         return d("selectDateRange");
-      const { startDate: p, endDate: T } = c;
-      return `${g(new Date(p), h.FULL_DATE_MONTH_FIRST)} - ${g(
-        new Date(T),
-        h.FULL_DATE_MONTH_FIRST
+      const { startDate: m, endDate: I } = c;
+      return `${g(new Date(m), M.FULL_DATE_MONTH_FIRST)} - ${g(
+        new Date(I),
+        M.FULL_DATE_MONTH_FIRST
       )}`;
     }),
     textInputDisplayValue: c,
     // Methods
     formatTextInputDisplayValue: () => ""
   };
-}, be = {
+}, Te = {
   "en-US": {
     dateRangePicker: "Date range picker {name}",
     optional: "optional",
@@ -433,17 +431,17 @@ const la = ({
     selectDateRange: "Select a date range",
     selectedDateIsNotAvailable: "Selected date is not available"
   }
-}, da = ye({
-  i18n: { messages: be },
+}, sa = ye({
+  i18n: { messages: Te },
   name: "bento-date-range-picker",
   components: {
     BentoTypography: ke,
-    BentoPopover: $e,
-    DateRangePickerCalendar: B,
-    DropdownInputDefault: Ge,
-    ErrorMessage: je
+    BentoPopover: Ae,
+    DateRangePickerCalendar: A,
+    DropdownInputDefault: Le,
+    ErrorMessage: He
   },
-  directives: { BentoClickOutsideDirective: Be },
+  directives: { BentoClickOutsideDirective: Ne },
   props: {
     /**
      * Allows user to enter time values in the form
@@ -464,11 +462,11 @@ const la = ({
     /**
      * Allows user to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
      */
-    firstDayOfWeek: B.props.firstDayOfWeek,
+    firstDayOfWeek: A.props.firstDayOfWeek,
     /**
      * Indicate if a date should be disabled or not
      */
-    isDateDisabled: B.props.isDateDisabled,
+    isDateDisabled: A.props.isDateDisabled,
     /**
      * Text that is displayed as a label above the element.
      */
@@ -499,72 +497,68 @@ const la = ({
     /**
      * Set a maximum number of dates to be selectable by the range.
      */
-    maxRange: B.props.maxRange,
+    maxRange: A.props.maxRange,
     /**
      * Number of months rendered on pane
      */
-    numberOfMonths: B.props.numberOfMonths,
+    numberOfMonths: A.props.numberOfMonths,
     /**
      * Selected date
      */
-    value: B.props.value
+    value: A.props.value
   },
-  emits: [$.INPUT],
+  emits: [B.INPUT],
   setup(e, { emit: t }) {
-    const { locale: s, t: d } = te({ messages: be }), E = { de: se, enUS: w, fr: ie }, g = W("bento-date-range-picker-container"), o = W("bento-date-range-picker-label"), c = W("bento-date-range-picker-description"), m = W("bento-date-range-picker-error"), _ = W("bento-date-range-picker-date-error"), v = K(
+    const { locale: s, t: d } = te({ messages: Te }), _ = { de: se, enUS: C, fr: ie }, g = W("bento-date-range-picker-container"), o = W("bento-date-range-picker-label"), c = W("bento-date-range-picker-description"), p = W("bento-date-range-picker-error"), S = W("bento-date-range-picker-date-error"), v = K(
       () => e.label || d("dateRangePicker", { name: g })
-    ), i = C(!1), R = C(null), D = C(!1), { isReadOnly: b } = Ve(ge(e, "readonly"));
-    Fe(
+    ), i = h(!1), R = h(null), D = h(!1), { isReadOnly: T } = Ke(ge(e, "readonly"));
+    he(
       () => e.disabled,
       () => {
         e.disabled && D.value && (D.value = !1);
       }
     );
-    const p = K(() => ({
+    const m = K(() => ({
       "b-date-range-picker__description--error": !!e.errorMessage || i.value
-    })), { dateDisplayValue: T, textInputDisplayValue: n, formatTextInputDisplayValue: Q } = la({
+    })), { dateDisplayValue: I, textInputDisplayValue: n, formatTextInputDisplayValue: Q } = oa({
       datePickerValue: ge(e, "value"),
       isDateIncorrect: i
     }), q = K(
-      () => `${e.description ? c : ""} ${e.errorMessage ? m : ""} ${i.value ? _ : ""}`.trim() || null
+      () => `${e.description ? c : ""} ${e.errorMessage ? p : ""} ${i.value ? S : ""}`.trim() || null
     );
     return {
       // Refs
       inputContainerRef: R,
       // Values,
-      dateDisplayValue: T,
+      dateDisplayValue: I,
       datePickerContainerId: g,
-      descriptionConditionalClasses: p,
+      descriptionConditionalClasses: m,
       isDateIncorrect: i,
       isDateRangePickerOpen: D,
-      isReadOnly: b,
+      isReadOnly: T,
       labelId: o,
       descriptionId: c,
-      dateErrorId: _,
-      errorId: m,
+      dateErrorId: S,
+      errorId: p,
       popoverAriaLabel: v,
       ariaDescribedBy: q,
       textInputDisplayValue: n,
-      // Enums
-      BentoTypographyElement: Ee,
-      BentoTypographyVariant: Ye,
-      BentoPopoverPositions: Ke,
       // Events
       closeDateRangePicker: () => {
         D.value = !1;
       },
       clearDateRangePickerValue: async () => {
-        i.value && (i.value = !1), t($.INPUT, null);
+        i.value && (i.value = !1), t(B.INPUT, null);
       },
       openDateRangePicker: () => {
         D.value = !0, Q();
       },
       onRangeSelectorInput: (u) => {
         if (u) {
-          const N = (H) => Y(H, h.NUMERIC_DATE_YEAR_FIRST, {
-            locale: E[s.value.substring(0, 2)] || w
+          const U = (H) => Y(H, M.NUMERIC_DATE_YEAR_FIRST, {
+            locale: _[s.value.substring(0, 2)] || C
           });
-          n.startDate = N(u.startDate), n.endDate = N(u.endDate), t($.INPUT, u);
+          n.startDate = U(u.startDate), n.endDate = U(u.endDate), t(B.INPUT, u);
         }
       },
       onEnterPressedOverInput: () => {
@@ -572,13 +566,13 @@ const la = ({
       },
       onDateRangePickerInput: (u) => {
         i.value = !1;
-        const N = (H) => Y(H, h.NUMERIC_DATE_YEAR_FIRST, {
-          locale: E[s.value.substring(0, 2)] || w
+        const U = (H) => Y(H, M.NUMERIC_DATE_YEAR_FIRST, {
+          locale: _[s.value.substring(0, 2)] || C
         });
-        n.startDate = N(u.startDate), n.endDate = N(u.endDate), t($.INPUT, u);
+        n.startDate = U(u.startDate), n.endDate = U(u.endDate), t(B.INPUT, u);
       },
       onDateRangePickerError: (u) => {
-        i.value = !0, n.startDate = u.startDate, n.endDate = u.endDate, t($.INPUT, { startDate: null, endDate: null });
+        i.value = !0, n.startDate = u.startDate, n.endDate = u.endDate, t(B.INPUT, { startDate: null, endDate: null });
       },
       onDateRangePickerFormDateInputUpdate: (u) => {
         i.value = !1, u.startTime && (n.startTime = u.startTime), u.endTime && (n.endTime = u.endTime);
@@ -586,49 +580,49 @@ const la = ({
     };
   }
 });
-const ua = { class: "b-date-range-picker" }, ca = ["id"];
-function Da(e, t, s, d, E, g) {
-  const o = P("bento-typography"), c = P("dropdown-input-default"), m = P("error-message"), _ = P("date-range-picker-calendar"), v = P("bento-popover"), i = Ne("bento-click-outside-directive");
-  return Ae((f(), J("div", ua, [
+const ia = { class: "b-date-range-picker" }, la = ["id"];
+function da(e, t, s, d, _, g) {
+  const o = w("bento-typography"), c = w("dropdown-input-default"), p = w("error-message"), S = w("date-range-picker-calendar"), v = w("bento-popover"), i = Pe("bento-click-outside-directive");
+  return Ue((f(), J("div", ia, [
     e.label ? (f(), J("div", {
       key: 0,
       id: e.labelId,
       class: "b-date-range-picker__label"
     }, [
-      F(o, {
-        el: e.BentoTypographyElement.SPAN,
+      P(o, {
+        el: "span",
         stronger: ""
       }, {
         default: k(() => [
-          S(j(e.label), 1)
+          E(j(e.label), 1)
         ]),
         _: 1
-      }, 8, ["el"]),
+      }),
       e.optional ? (f(), O(o, {
         key: 0,
         class: "b-date-range-picker__label-requirement",
-        el: e.BentoTypographyElement.SPAN
+        el: "span"
       }, {
         default: k(() => [
-          S(" (" + j(e.$t("optional")) + ") ", 1)
+          E(" (" + j(e.$t("optional")) + ") ", 1)
         ]),
         _: 1
-      }, 8, ["el"])) : I("", !0),
+      })) : b("", !0),
       e.required ? (f(), O(o, {
         key: 1,
         class: "b-date-range-picker__label-requirement",
-        el: e.BentoTypographyElement.SPAN
+        el: "span"
       }, {
         default: k(() => [
-          S(" (" + j(e.$t("required")) + ") ", 1)
+          E(" (" + j(e.$t("required")) + ") ", 1)
         ]),
         _: 1
-      }, 8, ["el"])) : I("", !0)
-    ], 8, ca)) : I("", !0),
-    M("div", {
-      onKeydown: t[0] || (t[0] = Ue((...R) => e.onEnterPressedOverInput && e.onEnterPressedOverInput(...R), ["enter"]))
+      })) : b("", !0)
+    ], 8, la)) : b("", !0),
+    F("div", {
+      onKeydown: t[0] || (t[0] = $e((...R) => e.onEnterPressedOverInput && e.onEnterPressedOverInput(...R), ["enter"]))
     }, [
-      F(c, {
+      P(c, {
         ref: "inputContainerRef",
         ariaControls: e.datePickerContainerId,
         ariaExpanded: e.isDateRangePickerOpen,
@@ -644,29 +638,29 @@ function Da(e, t, s, d, E, g) {
         onClose: e.closeDateRangePicker
       }, null, 8, ["ariaControls", "ariaExpanded", "aria-labelledby", "aria-describedby", "disabled", "is-invalid", "open", "display-value", "readonly", "onOpen", "onClear", "onClose"])
     ], 32),
-    e.isDateIncorrect ? (f(), O(m, {
+    e.isDateIncorrect ? (f(), O(p, {
       key: 1,
       id: e.dateErrorId,
       "error-message": e.$t("provideDateInAFormat").toString(),
       class: "b-date-range-picker__error-message"
-    }, null, 8, ["id", "error-message"])) : I("", !0),
-    e.errorMessage ? (f(), O(m, {
+    }, null, 8, ["id", "error-message"])) : b("", !0),
+    e.errorMessage ? (f(), O(p, {
       key: 2,
       id: e.errorId,
       "error-message": e.errorMessage,
       class: "b-date-range-picker__error-message"
-    }, null, 8, ["id", "error-message"])) : I("", !0),
+    }, null, 8, ["id", "error-message"])) : b("", !0),
     e.description ? (f(), O(o, {
       key: 3,
       id: e.descriptionId,
       class: ae(["b-date-range-picker__description", e.descriptionConditionalClasses]),
-      el: e.BentoTypographyElement.SPAN
+      el: "span"
     }, {
       default: k(() => [
-        S(j(e.description), 1)
+        E(j(e.description), 1)
       ]),
       _: 1
-    }, 8, ["id", "class", "el"])) : I("", !0),
+    }, 8, ["id", "class"])) : b("", !0),
     e.inputContainerRef ? (f(), O(v, {
       key: 4,
       id: e.datePickerContainerId,
@@ -675,12 +669,12 @@ function Da(e, t, s, d, E, g) {
       "target-element": e.inputContainerRef,
       "disable-focus-trap": !0,
       "aria-label": e.popoverAriaLabel,
-      position: e.BentoPopoverPositions.BOTTOM_START,
+      position: "bottom-start",
       "without-space": "",
       "fit-content": ""
     }, {
       default: k(() => [
-        F(_, {
+        P(S, {
           "allow-time-input": e.allowTimeInput,
           "quick-select-ranges": e.quickSelectRanges,
           value: e.value,
@@ -696,15 +690,15 @@ function Da(e, t, s, d, E, g) {
         }, null, 8, ["allow-time-input", "quick-select-ranges", "value", "first-day-of-week", "is-date-disabled", "max-range", "number-of-months", "date-form-data", "onCustomRange", "onInput", "onError", "onFormDate"])
       ]),
       _: 1
-    }, 8, ["id", "open", "target-element", "aria-label", "position"])) : I("", !0)
+    }, 8, ["id", "open", "target-element", "aria-label"])) : b("", !0)
   ])), [
     [i, e.closeDateRangePicker]
   ]);
 }
-const Ca = /* @__PURE__ */ Se(da, [["render", Da], ["__scopeId", "data-v-13cd4796"]]);
+const Ma = /* @__PURE__ */ _e(sa, [["render", da], ["__scopeId", "data-v-18aefd79"]]);
 export {
-  Ca as B,
-  B as D,
-  $ as a
+  Ma as B,
+  A as D,
+  B as a
 };
-//# sourceMappingURL=index.c9225c3b.js.map
+//# sourceMappingURL=index.c2a80208.js.map