@commercelayer/app-elements 6.2.2 → 6.4.0

package/dist/{InputDateComponent-D4jDLyHV.js → InputDateComponent-BysMjOU0.js}

@@ -1,10 +1,10 @@
 "use client";
-import { c as G, t as k, m as dr, a as pr, bk as me, bl as he, bm as dt, bn as We, bo as fr, bp as Br, bq as Kr, br as rt, bs as hr, bt as Ur, bu as mr, bv as vr, bw as Vr, bx as qr, by as Lt, bz as jr, bA as $r, bB as Ft, bC as Gr, bD as Fe, bE as zr, aU as te, bF as $, bG as de, bH as _e, b6 as bt, bI as Et, bJ as Dr, bK as Pt, bL as gr, bM as Xr, bN as Te, bO as At, bP as Zr, bQ as Jr, bR as en, bS as tn, bT as nt, bU as rn, bi as nn, bg as an, bV as on, bW as sn, bX as ln } from "./main-L857O21K.js";
+import { c as G, t as k, m as dr, a as pr, bp as me, bq as he, br as dt, bs as We, bt as fr, bu as Br, bv as Kr, bw as rt, bx as hr, by as Ur, bz as mr, bA as vr, bB as Vr, bC as qr, bD as Lt, bE as jr, bF as $r, bG as Ft, bH as Gr, bI as Fe, bJ as Xr, aU as te, bK as $, bL as de, bM as _e, aX as bt, bN as Et, bO as Dr, bP as Pt, bQ as gr, bR as zr, bS as Te, bT as At, bU as Zr, bV as Jr, bW as en, bX as tn, bY as nt, bZ as rn, bn as nn, b1 as an, b_ as on, b$ as sn, c0 as ln } from "./main-0A5qZYJU.js";
 import * as _ from "react";
-import f, { useLayoutEffect as yr, cloneElement as wr, createRef as Ce, Component as z, useRef as _t, useCallback as cn, useEffect as un, createElement as dn, forwardRef as pn, useMemo as fn } from "react";
+import f, { useLayoutEffect as yr, cloneElement as wr, createRef as Ce, Component as X, useRef as _t, useCallback as cn, useEffect as un, createElement as dn, forwardRef as pn, useMemo as fn } from "react";
 import * as hn from "react-dom";
 import mn from "react-dom";
-import { p as vn } from "./parseISO-CbJPLsTx.js";
+import { p as vn } from "./parseISO-DoHEiqUT.js";
 function br(o, n, t) {
   return G(o, +k(o) + n);
 }
@@ -1081,11 +1081,11 @@ class Gn extends N {
     "T"
   ];
 }
-function zn(o, n, t) {
+function Xn(o, n, t) {
   const e = k(o, t?.in), r = kn(e, t), a = n - r;
   return he(e, a, t);
 }
-class Xn extends N {
+class zn extends N {
   priority = 90;
   parse(n, t, e) {
     const r = (a) => a === 0 ? 7 : a;
@@ -1158,7 +1158,7 @@ class Xn extends N {
     return t >= 1 && t <= 7;
   }
   set(n, t, e) {
-    return n = zn(n, e), n.setHours(0, 0, 0, 0), n;
+    return n = Xn(n, e), n.setHours(0, 0, 0, 0), n;
   }
   incompatibleTokens = [
     "y",
@@ -1530,7 +1530,7 @@ const pa = {
   E: new jn(),
   e: new $n(),
   c: new Gn(),
-  i: new Xn(),
+  i: new zn(),
   a: new Zn(),
   b: new Jn(),
   B: new ea(),
@@ -1639,11 +1639,11 @@ function re(o, n, t) {
   const i = _n(s);
   return e.setMonth(n, Math.min(a, i)), e;
 }
-function ze(o, n, t) {
+function Xe(o, n, t) {
   const e = k(o, t?.in);
   return e.setHours(n), e;
 }
-function Xe(o, n, t) {
+function ze(o, n, t) {
   const e = k(o, t?.in);
   return e.setMinutes(n), e;
 }
@@ -2014,7 +2014,7 @@ const Ua = /* @__PURE__ */ _.forwardRef(function(n, t) {
   const D = Or(), [w, b] = _.useState(!1);
   if (lt(() => {
     if (!r) return;
-    zr(r).direction === "rtl" && b(!0);
+    Xr(r).direction === "rtl" && b(!0);
   }, [r]), !r)
     return null;
   const [M, I] = e.split("-"), L = M === "top" || M === "bottom";
@@ -2085,7 +2085,7 @@ const qa = /* @__PURE__ */ _.createContext(null), ja = /* @__PURE__ */ _.createC
   var o;
   return ((o = _.useContext(qa)) == null ? void 0 : o.id) || null;
 }, Ga = () => _.useContext(ja);
-function za(o) {
+function Xa(o) {
   const {
     open: n = !1,
     onOpenChange: t,
@@ -2119,11 +2119,11 @@ function za(o) {
     refs: d
   }), [n, c, p, s, r, d]);
 }
-function Xa(o) {
+function za(o) {
   o === void 0 && (o = {});
   const {
     nodeId: n
-  } = o, t = za({
+  } = o, t = Xa({
     ...o,
     elements: {
       reference: null,
@@ -2194,7 +2194,7 @@ var xt = function(n, t) {
     for (var a in r) Object.prototype.hasOwnProperty.call(r, a) && (e[a] = r[a]);
   }, xt(n, t);
 };
-function X(o, n) {
+function z(o, n) {
   if (typeof n != "function" && n !== null) throw new TypeError("Class extends value " + String(n) + " is not a constructor or null");
   xt(o, n);
   function t() {
@@ -2306,7 +2306,7 @@ function to(o, n) {
 }
 function vt(o, n) {
   var t = n.hour, e = t === void 0 ? 0 : t, r = n.minute, a = r === void 0 ? 0 : r, s = n.second, i = s === void 0 ? 0 : s;
-  return ze(Xe(Ze(o, i), a), e);
+  return Xe(ze(Ze(o, i), a), e);
 }
 function ro(o) {
   return mr(o);
@@ -2333,10 +2333,10 @@ function He(o) {
 function Gt(o) {
   return Mt(o);
 }
-function zt() {
+function Xt() {
   return Et(R());
 }
-function Xt(o) {
+function zt(o) {
   return Dr(o);
 }
 function ao(o) {
@@ -2355,7 +2355,7 @@ function ut(o, n) {
   return o && n ? ba(o, n) : !o && !n;
 }
 function x(o, n) {
-  return o && n ? Xr(o, n) : !o && !n;
+  return o && n ? zr(o, n) : !o && !n;
 }
 function Pe(o, n) {
   return o && n ? Mn(o, n) : !o && !n;
@@ -2492,11 +2492,11 @@ function er(o, n) {
   if (!t || !e)
     throw new Error("Both minTime and maxTime props required");
   var r = R();
-  r = ze(r, ye(o)), r = Xe(r, we(o)), r = Ze(r, ke(o));
+  r = Xe(r, ye(o)), r = ze(r, we(o)), r = Ze(r, ke(o));
   var a = R();
-  a = ze(a, ye(t)), a = Xe(a, we(t)), a = Ze(a, ke(t));
+  a = Xe(a, ye(t)), a = ze(a, we(t)), a = Ze(a, ke(t));
   var s = R();
-  s = ze(s, ye(e)), s = Xe(s, we(e)), s = Ze(s, ke(e));
+  s = Xe(s, ye(e)), s = ze(s, we(e)), s = Ze(s, ke(e));
   var i;
   try {
     i = !Qe(r, { start: a, end: s });
@@ -2658,7 +2658,7 @@ function Ar(o) {
 var bo = (
   /** @class */
   (function(o) {
-    X(n, o);
+    z(n, o);
     function n(t) {
       var e = o.call(this, t) || this;
       return e.inputRef = f.createRef(), e.onTimeChange = function(r) {
@@ -2702,11 +2702,11 @@ var bo = (
         )
       );
     }, n;
-  })(z)
+  })(X)
 ), _o = (
   /** @class */
   (function(o) {
-    X(n, o);
+    z(n, o);
     function n() {
       var t = o !== null && o.apply(this, arguments) || this;
       return t.dayEl = Ce(), t.handleClick = function(e) {
@@ -2873,11 +2873,11 @@ var bo = (
         this.props.monthShowsDuplicateDaysEnd && this.isAfterMonth() || this.props.monthShowsDuplicateDaysStart && this.isBeforeMonth()
       );
     }, n;
-  })(z)
+  })(X)
 ), ko = (
   /** @class */
   (function(o) {
-    X(n, o);
+    z(n, o);
     function n() {
       var t = o !== null && o.apply(this, arguments) || this;
       return t.weekNumberEl = Ce(), t.handleClick = function(e) {
@@ -2914,11 +2914,11 @@ var bo = (
       };
       return f.createElement("div", { ref: this.weekNumberEl, className: $(l), "aria-label": "".concat(s, " ").concat(this.props.weekNumber), onClick: this.handleClick, onKeyDown: this.handleOnKeyDown, tabIndex: this.getTabIndex(), role: "gridcell" }, e);
     }, n;
-  })(z)
+  })(X)
 ), Mo = (
   /** @class */
   (function(o) {
-    X(n, o);
+    z(n, o);
     function n() {
       var t = o !== null && o.apply(this, arguments) || this;
       return t.isDisabled = function(e) {
@@ -2987,7 +2987,7 @@ var bo = (
       }, e = this.props.weekClassName ? this.props.weekClassName(this.startOfWeek()) : void 0;
       return f.createElement("div", { className: $(t, e), role: "row" }, this.renderDays());
     }, n;
-  })(z)
+  })(X)
 ), Le, Co = 6, Re = {
   TWO_COLUMNS: "two_columns",
   THREE_COLUMNS: "three_columns",
@@ -3024,7 +3024,7 @@ function cr(o, n) {
 var So = (
   /** @class */
   (function(o) {
-    X(n, o);
+    z(n, o);
     function n() {
       var t = o !== null && o.apply(this, arguments) || this;
       return t.MONTH_REFS = fe([], Array(12), !0).map(function() {
@@ -3325,11 +3325,11 @@ var So = (
         f.createElement("div", { className: this.getClassNames(), onMouseLeave: this.props.usePointerEvent ? void 0 : this.handleMouseLeave, onPointerLeave: this.props.usePointerEvent ? this.handleMouseLeave : void 0, "aria-label": "".concat(l).concat(H(a, "MMMM, yyyy", this.props.locale)), role: "rowgroup" }, this.renderWeeks())
       );
     }, n;
-  })(z)
+  })(X)
 ), xo = (
   /** @class */
   (function(o) {
-    X(n, o);
+    z(n, o);
     function n() {
       var t = o !== null && o.apply(this, arguments) || this;
       return t.monthOptionButtonsRef = {}, t.isSelectedMonth = function(e) {
@@ -3371,11 +3371,11 @@ var So = (
     return n.prototype.render = function() {
       return f.createElement(pt, { className: "react-datepicker__month-dropdown", onClickOutside: this.handleClickOutside }, this.renderOptions());
     }, n;
-  })(z)
+  })(X)
 ), Eo = (
   /** @class */
   (function(o) {
-    X(n, o);
+    z(n, o);
     function n() {
       var t = o !== null && o.apply(this, arguments) || this;
       return t.state = {
@@ -3424,7 +3424,7 @@ var So = (
       }
       return f.createElement("div", { className: "react-datepicker__month-dropdown-container react-datepicker__month-dropdown-container--".concat(this.props.dropdownMode) }, r);
     }, n;
-  })(z)
+  })(X)
 );
 function Po(o, n) {
   for (var t = [], e = be(o), r = be(n); !Se(e, r); )
@@ -3434,7 +3434,7 @@ function Po(o, n) {
 var To = (
   /** @class */
   (function(o) {
-    X(n, o);
+    z(n, o);
     function n(t) {
       var e = o.call(this, t) || this;
       return e.renderOptions = function() {
@@ -3462,11 +3462,11 @@ var To = (
       });
       return f.createElement(pt, { className: t, onClickOutside: this.handleClickOutside }, this.renderOptions());
     }, n;
-  })(z)
+  })(X)
 ), Oo = (
   /** @class */
   (function(o) {
-    X(n, o);
+    z(n, o);
     function n() {
       var t = o !== null && o.apply(this, arguments) || this;
       return t.state = {
@@ -3516,11 +3516,11 @@ var To = (
       }
       return f.createElement("div", { className: "react-datepicker__month-year-dropdown-container react-datepicker__month-year-dropdown-container--".concat(this.props.dropdownMode) }, t);
     }, n;
-  })(z)
+  })(X)
 ), No = (
   /** @class */
   (function(o) {
-    X(n, o);
+    z(n, o);
     function n() {
       var t = o !== null && o.apply(this, arguments) || this;
       return t.state = {
@@ -3622,11 +3622,11 @@ var To = (
     }, n.calcCenterPosition = function(t, e) {
       return e.offsetTop - (t / 2 - e.clientHeight / 2);
     }, n;
-  })(z)
+  })(X)
 ), ur = 3, Ro = (
   /** @class */
   (function(o) {
-    X(n, o);
+    z(n, o);
     function n(t) {
       var e = o.call(this, t) || this;
       return e.YEAR_REFS = fe([], Array(e.props.yearItemNumber), !0).map(function() {
@@ -3790,7 +3790,7 @@ var To = (
         f.createElement("div", { className: "react-datepicker__year-wrapper", onMouseLeave: this.props.usePointerEvent ? void 0 : this.props.clearSelectingDate, onPointerLeave: this.props.usePointerEvent ? this.props.clearSelectingDate : void 0 }, e)
       );
     }, n;
-  })(z)
+  })(X)
 );
 function Io(o, n, t, e) {
   for (var r = [], a = 0; a < 2 * n + 1; a++) {
@@ -3802,7 +3802,7 @@ function Io(o, n, t, e) {
 var Yo = (
   /** @class */
   (function(o) {
-    X(n, o);
+    z(n, o);
     function n(t) {
       var e = o.call(this, t) || this;
       e.yearOptionButtonsRef = {}, e.handleOptionKeyDown = function(i, l) {
@@ -3883,11 +3883,11 @@ var Yo = (
       });
       return f.createElement(pt, { className: t, containerRef: this.dropdownRef, onClickOutside: this.handleClickOutside }, this.renderOptions());
     }, n;
-  })(z)
+  })(X)
 ), Lo = (
   /** @class */
   (function(o) {
-    X(n, o);
+    z(n, o);
     function n() {
       var t = o !== null && o.apply(this, arguments) || this;
       return t.state = {
@@ -3943,7 +3943,7 @@ var Yo = (
       }
       return f.createElement("div", { className: "react-datepicker__year-dropdown-container react-datepicker__year-dropdown-container--".concat(this.props.dropdownMode) }, t);
     }, n;
-  })(z)
+  })(X)
 ), Fo = [
   "react-datepicker__year-select",
   "react-datepicker__month-select",
@@ -3956,7 +3956,7 @@ var Yo = (
 }, Ho = (
   /** @class */
   (function(o) {
-    X(n, o);
+    z(n, o);
     function n(t) {
       var e = o.call(this, t) || this;
       return e.monthContainer = void 0, e.handleClickOutside = function(r) {
@@ -4171,7 +4171,7 @@ var Yo = (
         if (r === void 0 && (r = !1), !(!e.props.showMonthYearDropdown || r))
           return f.createElement(Oo, E({}, n.defaultProps, e.props, { date: e.state.date, onChange: e.changeMonthYear }));
       }, e.handleTodayButtonClick = function(r) {
-        e.props.onSelect(zt(), r), e.props.setPreSelection && e.props.setPreSelection(zt());
+        e.props.onSelect(Xt(), r), e.props.setPreSelection && e.props.setPreSelection(Xt());
       }, e.renderTodayButton = function() {
         if (!(!e.props.todayButton || e.props.showTimeSelectOnly))
           return f.createElement("div", { className: "react-datepicker__today-button", onClick: e.handleTodayButtonClick }, e.props.todayButton);
@@ -4321,7 +4321,7 @@ var Yo = (
         )
       );
     }, n;
-  })(z)
+  })(X)
 ), Wo = function(o) {
   var n = o.icon, t = o.className, e = t === void 0 ? "" : t, r = o.onClick, a = "react-datepicker__calendar-icon";
   if (typeof n == "string")
@@ -4343,7 +4343,7 @@ var Yo = (
 }, Wr = (
   /** @class */
   (function(o) {
-    X(n, o);
+    z(n, o);
     function n(t) {
       var e = o.call(this, t) || this;
       return e.portalRoot = null, e.el = document.createElement("div"), e;
@@ -4355,13 +4355,13 @@ var Yo = (
     }, n.prototype.render = function() {
       return mn.createPortal(this.props.children, this.el);
     }, n;
-  })(z)
+  })(X)
 ), Qo = "[tabindex], a, button, input, select, textarea", Bo = function(o) {
   return (o instanceof HTMLAnchorElement || !o.disabled) && o.tabIndex !== -1;
 }, Qr = (
   /** @class */
   (function(o) {
-    X(n, o);
+    z(n, o);
     function n(t) {
       var e = o.call(this, t) || this;
       return e.getTabChildren = function() {
@@ -4387,11 +4387,11 @@ var Yo = (
     }, n.defaultProps = {
       enableTabLoop: !0
     }, n;
-  })(z)
+  })(X)
 );
 function Ko(o) {
   function n(t) {
-    var e, r = typeof t.hidePopper == "boolean" ? t.hidePopper : !0, a = _t(null), s = Xa(E({ open: !r, whileElementsMounted: Zr, placement: t.popperPlacement, middleware: fe([
+    var e, r = typeof t.hidePopper == "boolean" ? t.hidePopper : !0, a = _t(null), s = za(E({ open: !r, whileElementsMounted: Zr, placement: t.popperPlacement, middleware: fe([
       La({ padding: 15 }),
       Ya(10),
       Fa({ element: a })
@@ -4430,7 +4430,7 @@ function qo(o, n) {
 var yt = "Date input not valid.", jo = (
   /** @class */
   (function(o) {
-    X(n, o);
+    z(n, o);
     function n(t) {
       var e = o.call(this, t) || this;
       return e.calendar = null, e.input = null, e.getPreSelection = function() {
@@ -4442,7 +4442,7 @@ var yt = "Date input not valid.", jo = (
           return ft(i) ? fe(fe([], a, !0), [E(E({}, s), { date: i })], !1) : a;
         }, []);
       }, e.calcInitialState = function() {
-        var r, a = e.getPreSelection(), s = Lr(e.props), i = Fr(e.props), l = s && de(a, et(s)) ? s : i && Se(a, Xt(i)) ? i : a;
+        var r, a = e.getPreSelection(), s = Lr(e.props), i = Fr(e.props), l = s && de(a, et(s)) ? s : i && Se(a, zt(i)) ? i : a;
         return {
           open: e.props.startOpen || !1,
           preventFocus: !1,
@@ -4614,7 +4614,7 @@ var yt = "Date input not valid.", jo = (
               var u = et(e.props.minDate);
               i = Se(r, u) || Pe(l, u);
             } else if (s) {
-              var c = Xt(e.props.maxDate);
+              var c = zt(e.props.maxDate);
               i = de(r, c) || Pe(l, c);
             }
           }
@@ -4870,7 +4870,7 @@ var yt = "Date input not valid.", jo = (
       }
       return f.createElement(Vo, E({}, this.props, { className: this.props.popperClassName, hidePopper: !this.isCalendarOpen(), targetComponent: this.renderInputContainer(), popperComponent: t, popperOnKeyDown: this.onPopperKeyDown, showArrow: this.props.showPopperArrow }));
     }, n;
-  })(z)
+  })(X)
 ), $o = "input", wt = "navigate";
 const Go = pn(
   ({
@@ -4895,7 +4895,7 @@ const Go = pn(
       if (n == null) return null;
       const b = new pe(n, s);
       return rn(b) ? b : n;
-    }, [n, s]), w = a ?? zo(r);
+    }, [n, s]), w = a ?? Xo(r);
     return /* @__PURE__ */ te.jsx(
       nn,
       {
@@ -4917,7 +4917,7 @@ const Go = pn(
               minDate: l,
               openToDate: D ?? l,
               className: an(
-                "block w-full px-4 py-2.5 placeholder:text-gray-400 font-medium",
+                "block w-full px-4 py-3 placeholder:text-gray-400 text-sm leading-5 font-medium",
                 "rounded outline-0",
                 "transition duration-500 ease-in-out focus:outline-0 focus:border-primary-light",
                 on(h),
@@ -4944,7 +4944,7 @@ const Go = pn(
   }
 );
 Go.displayName = "InputDateComponent";
-function zo(o) {
+function Xo(o) {
   return `${new Date(2023, 11, 15).toLocaleDateString().replace("15", "dd").replace("12", "MM").replace("2023", "yyyy")}${o ? ", h:mm aa" : ""}`;
 }
 export {