@xola/ui-kit 2.3.3 → 2.3.5

package/build/ui-kit.mjs

@@ -1,7 +1,7 @@
 import { Transition as Le, Dialog as tt, Switch as Dn } from "@headlessui/react";
 import c from "prop-types";
 import * as X from "react";
-import n, { useState as ie, useEffect as Re, cloneElement as Et, forwardRef as Ye, Fragment as Ce, Children as Ge, createContext as yt, useRef as fe, useCallback as me, useMemo as Ie, useContext as De, useLayoutEffect as C1, createElement as Ze, Component as La } from "react";
+import n, { useState as ie, useEffect as Re, cloneElement as Et, forwardRef as Ye, Fragment as Ce, Children as Ge, createContext as yt, useRef as fe, useCallback as me, useMemo as ye, useContext as De, useLayoutEffect as C1, createElement as Ze, Component as La } from "react";
 import E from "clsx";
 import { range as Aa, round as st, isNumber as Ma, isString as Cr, isEmpty as xr, isFunction as x1, isArray as E1, merge as $e } from "lodash";
 import zn from "@tippyjs/react";
@@ -4095,8 +4095,7 @@ const Bs = {
     size: "small",
     variant: "link",
     className: E(
-      "m-2.5 inline-flex !h-10 !w-10 items-center justify-center !rounded-full bg-white !px-1.5",
-      "!text-black focus:hidden"
+      "m-2.5 inline-flex !h-10 !w-10 items-center justify-center !rounded-full bg-white !px-1.5 !text-black"
     ),
     onClick: e
   },
@@ -4817,7 +4816,7 @@ const $1 = yt({
     "Please wrap your app with `<Provider />` component from `@xola/ui-kit`. Otherwise your app will not work with SSR frameworks."
   ), D2++)
 }), Lu = ({ children: e }) => {
-  const t = fe(1), o = me(() => t.current++, [t]), a = Ie(() => ({ generateId: o }), [o]);
+  const t = fe(1), o = me(() => t.current++, [t]), a = ye(() => ({ generateId: o }), [o]);
   return /* @__PURE__ */ n.createElement($1.Provider, { value: a }, e);
 }, kn = (e) => {
   const { generateId: t } = De($1), [o] = ie(() => `${e}-${t()}`);
@@ -5053,7 +5052,7 @@ const rn = {
   danger: "text-danger",
   caution: "text-caution"
 }, rr = yt(), Ue = ({ children: e, className: t, currency: o, locale: a, ...r }) => {
-  const i = Ie(() => ({ currency: o, locale: a }), [o, a]);
+  const i = ye(() => ({ currency: o, locale: a }), [o, a]);
   return /* @__PURE__ */ n.createElement(rr.Provider, { value: i }, /* @__PURE__ */ n.createElement("table", { className: E("ui-breakdown", "w-full", t), ...r }, /* @__PURE__ */ n.createElement("tbody", null, e)));
 };
 Ue.propTypes = {
@@ -5442,7 +5441,7 @@ function de(e, t) {
 function vt(e, t, o) {
   return e.slice(t, o);
 }
-function ye(e) {
+function Ie(e) {
   return e.length;
 }
 function sr(e) {
@@ -5512,7 +5511,7 @@ function bt(e) {
   return 0;
 }
 function vo(e) {
-  return an = rt = 1, fo = ye(at = e), ve = 0, [];
+  return an = rt = 1, fo = Ie(at = e), ve = 0, [];
 }
 function bo(e) {
   return at = "", e;
@@ -5595,7 +5594,7 @@ function Tt(e, t, o, a, r, i, l, s, u) {
         }
         break;
       case 123 * p:
-        s[d++] = ye(A) * w;
+        s[d++] = Ie(A) * w;
       case 125 * p:
       case 59:
       case 0:
@@ -5604,7 +5603,7 @@ function Tt(e, t, o, a, r, i, l, s, u) {
           case 125:
             f = 0;
           case 59 + m:
-            C > 0 && ye(A) - g && At(C > 32 ? Hr(A + ";", a, o, g - 1) : Hr(Q(A, " ", "") + ";", a, o, g - 2), u);
+            C > 0 && Ie(A) - g && At(C > 32 ? Hr(A + ";", a, o, g - 1) : Hr(Q(A, " ", "") + ";", a, o, g - 2), u);
             break;
           case 59:
             A += ";";
@@ -5626,7 +5625,7 @@ function Tt(e, t, o, a, r, i, l, s, u) {
         d = m = C = 0, p = w = 1, I = A = "", g = l;
         break;
       case 58:
-        g = 1 + ye(A), C = b;
+        g = 1 + Ie(A), C = b;
       default:
         if (p < 1) {
           if (y == 123)
@@ -5639,13 +5638,13 @@ function Tt(e, t, o, a, r, i, l, s, u) {
             w = m > 0 ? 1 : (A += "\f", -1);
             break;
           case 44:
-            s[d++] = (ye(A) - 1) * w, w = 1;
+            s[d++] = (Ie(A) - 1) * w, w = 1;
             break;
           case 64:
-            Ae() === 45 && (A += St(be())), v = Ae(), m = g = ye(I = A += fl(Ft())), y++;
+            Ae() === 45 && (A += St(be())), v = Ae(), m = g = Ie(I = A += fl(Ft())), y++;
             break;
           case 45:
-            b === 45 && ye(A) == 2 && (p = 0);
+            b === 45 && Ie(A) == 2 && (p = 0);
         }
     }
   return i;
@@ -5679,7 +5678,7 @@ function wl(e, t, o, a) {
     case ar:
       e.value = e.props.join(",");
   }
-  return ye(o = nt(e.children, a)) ? e.return = e.value + "{" + o + "}" : "";
+  return Ie(o = nt(e.children, a)) ? e.return = e.value + "{" + o + "}" : "";
 }
 function Cl(e) {
   var t = sr(e);
@@ -5857,7 +5856,7 @@ function Co(e, t) {
     case 5789:
     case 5021:
     case 4765:
-      if (ye(e) - 1 - t > 6)
+      if (Ie(e) - 1 - t > 6)
         switch (de(e, t + 1)) {
           case 109:
             if (de(e, t + 4) !== 45)
@@ -5872,7 +5871,7 @@ function Co(e, t) {
       if (de(e, t + 1) !== 115)
         break;
     case 6444:
-      switch (de(e, ye(e) - 3 - (~Bn(e, "!important") && 10))) {
+      switch (de(e, Ie(e) - 3 - (~Bn(e, "!important") && 10))) {
         case 107:
           return Q(e, ":", ":" + Y) + e;
         case 101:
@@ -7224,7 +7223,7 @@ var Xc = function(t) {
     zIndex: 1
   };
 }, Yc = function(t) {
-  var o = t.appendTo, a = t.children, r = t.controlElement, i = t.innerProps, l = t.menuPlacement, s = t.menuPosition, u = fe(null), d = fe(null), m = ie(Oo(l)), g = Se(m, 2), v = g[0], C = g[1], b = Ie(function() {
+  var o = t.appendTo, a = t.children, r = t.controlElement, i = t.innerProps, l = t.menuPlacement, s = t.menuPosition, u = fe(null), d = fe(null), m = ie(Oo(l)), g = Se(m, 2), v = g[0], C = g[1], b = ye(function() {
     return {
       setPortalPlacement: C
     };
@@ -7825,9 +7824,9 @@ var j3 = process.env.NODE_ENV === "production" ? {
     return "".concat(a).concat(o ? " for search term " + o : "", ".");
   }
 }, Z3 = function(t) {
-  var o = t.ariaSelection, a = t.focusedOption, r = t.focusedValue, i = t.focusableOptions, l = t.isFocused, s = t.selectValue, u = t.selectProps, d = t.id, m = u.ariaLiveMessages, g = u.getOptionLabel, v = u.inputValue, C = u.isMulti, b = u.isOptionDisabled, p = u.isSearchable, f = u.menuIsOpen, w = u.options, y = u.screenReaderStatus, I = u.tabSelectsValue, L = u["aria-label"], x = u["aria-live"], k = Ie(function() {
+  var o = t.ariaSelection, a = t.focusedOption, r = t.focusedValue, i = t.focusableOptions, l = t.isFocused, s = t.selectValue, u = t.selectProps, d = t.id, m = u.ariaLiveMessages, g = u.getOptionLabel, v = u.inputValue, C = u.isMulti, b = u.isOptionDisabled, p = u.isSearchable, f = u.menuIsOpen, w = u.options, y = u.screenReaderStatus, I = u.tabSelectsValue, L = u["aria-label"], x = u["aria-live"], k = ye(function() {
     return H(H({}, W3), m || {});
-  }, [m]), A = Ie(function() {
+  }, [m]), A = ye(function() {
     var D = "";
     if (o && k.onChange) {
       var O = o.option, K = o.options, $ = o.removedValue, ne = o.removedValues, te = o.value, re = function(oe) {
@@ -7840,7 +7839,7 @@ var j3 = process.env.NODE_ENV === "production" ? {
       D = k.onChange(R);
     }
     return D;
-  }, [o, k, b, s, g]), M = Ie(function() {
+  }, [o, k, b, s, g]), M = ye(function() {
     var D = "", O = a || r, K = !!(a && s && s.includes(a));
     if (O && k.onFocus) {
       var $ = {
@@ -7855,7 +7854,7 @@ var j3 = process.env.NODE_ENV === "production" ? {
       D = k.onFocus($);
     }
     return D;
-  }, [a, r, g, b, k, i, s]), B = Ie(function() {
+  }, [a, r, g, b, k, i, s]), B = ye(function() {
     var D = "";
     if (f && w.length && k.onFilter) {
       var O = y({
@@ -7867,7 +7866,7 @@ var j3 = process.env.NODE_ENV === "production" ? {
       });
     }
     return D;
-  }, [i, v, f, k, w, y]), z = Ie(function() {
+  }, [i, v, f, k, w, y]), z = ye(function() {
     var D = "";
     if (k.guidance) {
       var O = r ? "value" : f ? "menu" : "input";
@@ -9452,12 +9451,12 @@ var x4 = ["allowCreateWhileLoading", "createOptionPosition", "formatCreateLabel"
   }
 };
 function E4(e) {
-  var t = e.allowCreateWhileLoading, o = t === void 0 ? !1 : t, a = e.createOptionPosition, r = a === void 0 ? "last" : a, i = e.formatCreateLabel, l = i === void 0 ? bn.formatCreateLabel : i, s = e.isValidNewOption, u = s === void 0 ? bn.isValidNewOption : s, d = e.getNewOptionData, m = d === void 0 ? bn.getNewOptionData : d, g = e.onCreateOption, v = e.options, C = v === void 0 ? [] : v, b = e.onChange, p = Qe(e, x4), f = p.getOptionValue, w = f === void 0 ? ea : f, y = p.getOptionLabel, I = y === void 0 ? $o : y, L = p.inputValue, x = p.isLoading, k = p.isMulti, A = p.value, M = p.name, B = Ie(function() {
+  var t = e.allowCreateWhileLoading, o = t === void 0 ? !1 : t, a = e.createOptionPosition, r = a === void 0 ? "last" : a, i = e.formatCreateLabel, l = i === void 0 ? bn.formatCreateLabel : i, s = e.isValidNewOption, u = s === void 0 ? bn.isValidNewOption : s, d = e.getNewOptionData, m = d === void 0 ? bn.getNewOptionData : d, g = e.onCreateOption, v = e.options, C = v === void 0 ? [] : v, b = e.onChange, p = Qe(e, x4), f = p.getOptionValue, w = f === void 0 ? ea : f, y = p.getOptionLabel, I = y === void 0 ? $o : y, L = p.inputValue, x = p.isLoading, k = p.isMulti, A = p.value, M = p.name, B = ye(function() {
     return u(L, Yt(A), C, {
       getOptionValue: w,
       getOptionLabel: I
     }) ? m(L, l(L)) : void 0;
-  }, [l, m, I, w, L, u, C, A]), z = Ie(function() {
+  }, [l, m, I, w, L, u, C, A]), z = ye(function() {
     return (o || !x) && B ? r === "first" ? [B].concat(ht(C)) : [].concat(ht(C), [B]) : C;
   }, [o, r, x, B, C]), V = me(function(F, j) {
     if (j.action !== "select-option")
@@ -9890,30 +9889,6 @@ V4.propTypes = {
   passwordResetUrl: c.string
 };
 var pa = { exports: {} };
-(function(e, t) {
-  (function(o, a) {
-    e.exports = a();
-  })(Fe, function() {
-    var o = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" };
-    return function(a, r, i) {
-      var l = r.prototype, s = l.format;
-      i.en.formats = o, l.format = function(u) {
-        u === void 0 && (u = "YYYY-MM-DDTHH:mm:ssZ");
-        var d = this.$locale().formats, m = function(g, v) {
-          return g.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(C, b, p) {
-            var f = p && p.toUpperCase();
-            return b || v[p] || o[p] || v[f].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(w, y, I) {
-              return y || I.slice(1);
-            });
-          });
-        }(u, d === void 0 ? {} : d);
-        return s.call(this, m);
-      };
-    };
-  });
-})(pa);
-const F4 = pa.exports;
-var ha = { exports: {} };
 (function(e, t) {
   (function(o, a) {
     e.exports = a();
@@ -10042,6 +10017,30 @@ var ha = { exports: {} };
       };
     };
   });
+})(pa);
+const F4 = pa.exports;
+var ha = { exports: {} };
+(function(e, t) {
+  (function(o, a) {
+    e.exports = a();
+  })(Fe, function() {
+    var o = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" };
+    return function(a, r, i) {
+      var l = r.prototype, s = l.format;
+      i.en.formats = o, l.format = function(u) {
+        u === void 0 && (u = "YYYY-MM-DDTHH:mm:ssZ");
+        var d = this.$locale().formats, m = function(g, v) {
+          return g.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(C, b, p) {
+            var f = p && p.toUpperCase();
+            return b || v[p] || o[p] || v[f].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(w, y, I) {
+              return y || I.slice(1);
+            });
+          });
+        }(u, d === void 0 ? {} : d);
+        return s.call(this, m);
+      };
+    };
+  });
 })(ha);
 const S4 = ha.exports;
 var ga = { exports: {} };
@@ -10073,6 +10072,70 @@ var ga = { exports: {} };
 })(ga);
 const T4 = ga.exports;
 var fa = { exports: {} };
+(function(e, t) {
+  (function(o, a) {
+    e.exports = a();
+  })(Fe, function() {
+    var o = { year: 0, month: 1, day: 2, hour: 3, minute: 4, second: 5 }, a = {};
+    return function(r, i, l) {
+      var s, u = function(v, C, b) {
+        b === void 0 && (b = {});
+        var p = new Date(v), f = function(w, y) {
+          y === void 0 && (y = {});
+          var I = y.timeZoneName || "short", L = w + "|" + I, x = a[L];
+          return x || (x = new Intl.DateTimeFormat("en-US", { hour12: !1, timeZone: w, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: I }), a[L] = x), x;
+        }(C, b);
+        return f.formatToParts(p);
+      }, d = function(v, C) {
+        for (var b = u(v, C), p = [], f = 0; f < b.length; f += 1) {
+          var w = b[f], y = w.type, I = w.value, L = o[y];
+          L >= 0 && (p[L] = parseInt(I, 10));
+        }
+        var x = p[3], k = x === 24 ? 0 : x, A = p[0] + "-" + p[1] + "-" + p[2] + " " + k + ":" + p[4] + ":" + p[5] + ":000", M = +v;
+        return (l.utc(A).valueOf() - (M -= M % 1e3)) / 6e4;
+      }, m = i.prototype;
+      m.tz = function(v, C) {
+        v === void 0 && (v = s);
+        var b = this.utcOffset(), p = this.toDate(), f = p.toLocaleString("en-US", { timeZone: v }), w = Math.round((p - new Date(f)) / 1e3 / 60), y = l(f, { locale: this.$L }).$set("millisecond", this.$ms).utcOffset(15 * -Math.round(p.getTimezoneOffset() / 15) - w, !0);
+        if (C) {
+          var I = y.utcOffset();
+          y = y.add(b - I, "minute");
+        }
+        return y.$x.$timezone = v, y;
+      }, m.offsetName = function(v) {
+        var C = this.$x.$timezone || l.tz.guess(), b = u(this.valueOf(), C, { timeZoneName: v }).find(function(p) {
+          return p.type.toLowerCase() === "timezonename";
+        });
+        return b && b.value;
+      };
+      var g = m.startOf;
+      m.startOf = function(v, C) {
+        if (!this.$x || !this.$x.$timezone)
+          return g.call(this, v, C);
+        var b = l(this.format("YYYY-MM-DD HH:mm:ss:SSS"), { locale: this.$L });
+        return g.call(b, v, C).tz(this.$x.$timezone, !0);
+      }, l.tz = function(v, C, b) {
+        var p = b && C, f = b || C || s, w = d(+l(), f);
+        if (typeof v != "string")
+          return l(v).tz(f);
+        var y = function(k, A, M) {
+          var B = k - 60 * A * 1e3, z = d(B, M);
+          if (A === z)
+            return [B, A];
+          var V = d(B -= 60 * (z - A) * 1e3, M);
+          return z === V ? [B, z] : [k - 60 * Math.min(z, V) * 1e3, Math.max(z, V)];
+        }(l.utc(v, p).valueOf(), w, f), I = y[0], L = y[1], x = l(I).utcOffset(L);
+        return x.$x.$timezone = f, x;
+      }, l.tz.guess = function() {
+        return Intl.DateTimeFormat().resolvedOptions().timeZone;
+      }, l.tz.setDefault = function(v) {
+        s = v;
+      };
+    };
+  });
+})(fa);
+const H4 = fa.exports;
+var va = { exports: {} };
 (function(e, t) {
   (function(o, a) {
     e.exports = a();
@@ -10152,77 +10215,13 @@ var fa = { exports: {} };
       };
     };
   });
-})(fa);
-const H4 = fa.exports;
-var va = { exports: {} };
-(function(e, t) {
-  (function(o, a) {
-    e.exports = a();
-  })(Fe, function() {
-    var o = { year: 0, month: 1, day: 2, hour: 3, minute: 4, second: 5 }, a = {};
-    return function(r, i, l) {
-      var s, u = function(v, C, b) {
-        b === void 0 && (b = {});
-        var p = new Date(v), f = function(w, y) {
-          y === void 0 && (y = {});
-          var I = y.timeZoneName || "short", L = w + "|" + I, x = a[L];
-          return x || (x = new Intl.DateTimeFormat("en-US", { hour12: !1, timeZone: w, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: I }), a[L] = x), x;
-        }(C, b);
-        return f.formatToParts(p);
-      }, d = function(v, C) {
-        for (var b = u(v, C), p = [], f = 0; f < b.length; f += 1) {
-          var w = b[f], y = w.type, I = w.value, L = o[y];
-          L >= 0 && (p[L] = parseInt(I, 10));
-        }
-        var x = p[3], k = x === 24 ? 0 : x, A = p[0] + "-" + p[1] + "-" + p[2] + " " + k + ":" + p[4] + ":" + p[5] + ":000", M = +v;
-        return (l.utc(A).valueOf() - (M -= M % 1e3)) / 6e4;
-      }, m = i.prototype;
-      m.tz = function(v, C) {
-        v === void 0 && (v = s);
-        var b = this.utcOffset(), p = this.toDate(), f = p.toLocaleString("en-US", { timeZone: v }), w = Math.round((p - new Date(f)) / 1e3 / 60), y = l(f, { locale: this.$L }).$set("millisecond", this.$ms).utcOffset(15 * -Math.round(p.getTimezoneOffset() / 15) - w, !0);
-        if (C) {
-          var I = y.utcOffset();
-          y = y.add(b - I, "minute");
-        }
-        return y.$x.$timezone = v, y;
-      }, m.offsetName = function(v) {
-        var C = this.$x.$timezone || l.tz.guess(), b = u(this.valueOf(), C, { timeZoneName: v }).find(function(p) {
-          return p.type.toLowerCase() === "timezonename";
-        });
-        return b && b.value;
-      };
-      var g = m.startOf;
-      m.startOf = function(v, C) {
-        if (!this.$x || !this.$x.$timezone)
-          return g.call(this, v, C);
-        var b = l(this.format("YYYY-MM-DD HH:mm:ss:SSS"), { locale: this.$L });
-        return g.call(b, v, C).tz(this.$x.$timezone, !0);
-      }, l.tz = function(v, C, b) {
-        var p = b && C, f = b || C || s, w = d(+l(), f);
-        if (typeof v != "string")
-          return l(v).tz(f);
-        var y = function(k, A, M) {
-          var B = k - 60 * A * 1e3, z = d(B, M);
-          if (A === z)
-            return [B, A];
-          var V = d(B -= 60 * (z - A) * 1e3, M);
-          return z === V ? [B, z] : [k - 60 * Math.min(z, V) * 1e3, Math.max(z, V)];
-        }(l.utc(v, p).valueOf(), w, f), I = y[0], L = y[1], x = l(I).utcOffset(L);
-        return x.$x.$timezone = f, x;
-      }, l.tz.guess = function() {
-        return Intl.DateTimeFormat().resolvedOptions().timeZone;
-      }, l.tz.setDefault = function(v) {
-        s = v;
-      };
-    };
-  });
 })(va);
 const R4 = va.exports;
-_.extend(S4);
 _.extend(F4);
+_.extend(S4);
 _.extend(T4);
-_.extend(H4);
 _.extend(R4);
+_.extend(H4);
 const ba = {
   DATE_ISO: "YYYY-MM-DD"
 }, G4 = (e) => {
@@ -10298,6 +10297,128 @@ br.propTypes = {
   date: c.objectOf(Date).isRequired,
   onChange: c.func.isRequired
 };
+const _t = ({ onPreviousClick: e, onNextClick: t, className: o, showNextButton: a, showPreviousButton: r }) => /* @__PURE__ */ n.createElement("div", { className: E("absolute right-1 top-1.5 z-50", o) }, /* @__PURE__ */ n.createElement(Gn, { isVisible: r, onClick: e }, /* @__PURE__ */ n.createElement(B1, null)), /* @__PURE__ */ n.createElement(Gn, { isVisible: a, onClick: t }, /* @__PURE__ */ n.createElement(Kt, null)));
+_t.propTypes = {
+  onPreviousClick: c.func,
+  onNextClick: c.func,
+  className: c.string,
+  showNextButton: c.bool,
+  showPreviousButton: c.bool
+};
+const Gn = ({ isVisible: e = !0, onClick: t, children: o }) => /* @__PURE__ */ n.createElement(
+  "button",
+  {
+    type: "button",
+    className: E(
+      e ? "inline-block" : "invisible",
+      "inline-flex h-7 w-7 items-center justify-center rounded-full border border-transparent leading-none text-black hover:border-black"
+    ),
+    onClick: () => t()
+  },
+  o
+);
+Gn.propTypes = {
+  isVisible: c.bool,
+  onClick: c.func.isRequired,
+  children: c.element.isRequired
+};
+const xa = ({
+  getTooltip: e,
+  value: t,
+  getDayContent: o,
+  isDateRangeStyle: a,
+  shouldShowYearPicker: r,
+  startMonth: i,
+  disabledDays: l,
+  endMonth: s,
+  modifiers: u,
+  selectedDays: d,
+  handleDayClick: m,
+  handleStartMonthChange: g,
+  handleEndMonthChange: v,
+  handleTodayClick: C,
+  timezoneName: b,
+  ...p
+}) => {
+  const f = G(t == null ? void 0 : t.from, b).isSame(G(t == null ? void 0 : t.to, b), "month"), w = G(t == null ? void 0 : t.from, b).isSame(G(t == null ? void 0 : t.to, b), "day"), y = (V, F) => r && V ? ({ date: j }) => /* @__PURE__ */ n.createElement(br, { date: j, currentMonth: V, onChange: F }) : void 0, I = y(i, g), L = y(s, v), x = (V) => x1(l) ? l(V) : E1(l) ? l.some((F) => G(F, b).isSame(V, "day")) : !1, k = (V) => x(V), A = (V) => {
+    const F = G(V, b).isBefore(t == null ? void 0 : t.from, "day");
+    return x(V) || F && !w;
+  }, M = (V, F, j) => {
+    const D = e == null ? void 0 : e(V), O = F(V), K = D ? tn : n.Fragment, $ = D ? { placement: "top", content: D } : {};
+    return /* @__PURE__ */ n.createElement(K, { ...$ }, /* @__PURE__ */ n.createElement(
+      Qt,
+      {
+        disabled: O,
+        selectedDate: t,
+        date: V,
+        getContent: o,
+        currentMonth: j
+      }
+    ));
+  }, B = (V) => M(V, k, i), z = (V) => M(V, A, s);
+  return /* @__PURE__ */ n.createElement("div", { className: "flex gap-4" }, /* @__PURE__ */ n.createElement(
+    En,
+    {
+      className: E(
+        "ui-date-picker max-w-[400px] rounded-lg pt-3",
+        a ? "date-range-picker" : null,
+        o ? "has-custom-content" : null,
+        u.waitlist ? "has-custom-content" : null
+      ),
+      month: i,
+      modifiers: { ...u, start: t == null ? void 0 : t.from },
+      disabledDays: k,
+      navbarElement: _t,
+      captionElement: I,
+      selectedDays: [d == null ? void 0 : d.from, d],
+      renderDay: B,
+      getTooltip: e,
+      onDayClick: (V, F, j) => m(V, F, j, !0),
+      onMonthChange: g,
+      onTodayButtonClick: C,
+      ...p
+    }
+  ), /* @__PURE__ */ n.createElement(
+    En,
+    {
+      className: E(
+        "ui-date-picker max-w-[400px] rounded-lg pt-3",
+        a ? "date-range-picker" : null,
+        o ? "has-custom-content" : null,
+        u.waitlist ? "has-custom-content" : null
+      ),
+      month: s,
+      modifiers: f ? {} : { ...u, end: t == null ? void 0 : t.to },
+      disabledDays: A,
+      navbarElement: _t,
+      captionElement: L,
+      selectedDays: f ? [] : d,
+      renderDay: z,
+      getTooltip: e,
+      onDayClick: (V, F, j) => m(V, F, j, !1),
+      onMonthChange: v,
+      onTodayButtonClick: C,
+      ...p
+    }
+  ));
+};
+xa.propTypes = {
+  getTooltip: c.func,
+  value: c.object,
+  getDayContent: c.func,
+  isDisabled: c.func,
+  isDateRangeStyle: c.bool,
+  startMonth: c.instanceOf(Date),
+  endMonth: c.instanceOf(Date),
+  modifiers: c.object,
+  disabledStartDays: c.func,
+  disabledEndDays: c.func,
+  handleDayClick: c.func,
+  handleStartMonthChange: c.func,
+  handleEndMonthChange: c.func,
+  handleTodayClick: c.func,
+  timezoneName: c.string
+};
 const q = {
   YESTERDAY: "P1D,yesterday",
   TODAY: "P1D,today",
@@ -10464,7 +10585,7 @@ const q = {
     from: Z(G(null, e).startOf("year")),
     to: Z(G(null, e).endOf("year"), !1)
   })
-}, xa = ({
+}, Ea = ({
   ranges: e = ["day", "week", "month", "quarter", "year"],
   value: t,
   showApply: o = !0,
@@ -10481,7 +10602,7 @@ const q = {
     return /* @__PURE__ */ n.createElement("optgroup", { key: s, label: u.label }, u.options.map((d) => /* @__PURE__ */ n.createElement("option", { key: d.value, value: d.value }, d.label)));
   })), o && /* @__PURE__ */ n.createElement(Te, { onClick: r }, "Apply"));
 };
-xa.propTypes = {
+Ea.propTypes = {
   ranges: c.arrayOf(c.oneOf(["day", "week", "month", "quarter", "year"])),
   onChange: c.func.isRequired,
   onSubmit: c.func.isRequired,
@@ -10489,128 +10610,6 @@ xa.propTypes = {
   value: c.string,
   timezoneName: c.string
 };
-const _t = ({ onPreviousClick: e, onNextClick: t, className: o, showNextButton: a, showPreviousButton: r }) => /* @__PURE__ */ n.createElement("div", { className: E("absolute right-1 top-1.5 z-50", o) }, /* @__PURE__ */ n.createElement(Gn, { isVisible: r, onClick: e }, /* @__PURE__ */ n.createElement(B1, null)), /* @__PURE__ */ n.createElement(Gn, { isVisible: a, onClick: t }, /* @__PURE__ */ n.createElement(Kt, null)));
-_t.propTypes = {
-  onPreviousClick: c.func,
-  onNextClick: c.func,
-  className: c.string,
-  showNextButton: c.bool,
-  showPreviousButton: c.bool
-};
-const Gn = ({ isVisible: e = !0, onClick: t, children: o }) => /* @__PURE__ */ n.createElement(
-  "button",
-  {
-    type: "button",
-    className: E(
-      e ? "inline-block" : "invisible",
-      "inline-flex h-7 w-7 items-center justify-center rounded-full border border-transparent leading-none text-black hover:border-black"
-    ),
-    onClick: () => t()
-  },
-  o
-);
-Gn.propTypes = {
-  isVisible: c.bool,
-  onClick: c.func.isRequired,
-  children: c.element.isRequired
-};
-const Ea = ({
-  getTooltip: e,
-  value: t,
-  getDayContent: o,
-  isDateRangeStyle: a,
-  shouldShowYearPicker: r,
-  startMonth: i,
-  disabledDays: l,
-  endMonth: s,
-  modifiers: u,
-  selectedDays: d,
-  handleDayClick: m,
-  handleStartMonthChange: g,
-  handleEndMonthChange: v,
-  handleTodayClick: C,
-  timezoneName: b,
-  ...p
-}) => {
-  const f = G(t == null ? void 0 : t.from, b).isSame(G(t == null ? void 0 : t.to, b), "month"), w = G(t == null ? void 0 : t.from, b).isSame(G(t == null ? void 0 : t.to, b), "day"), y = (V, F) => r && V ? ({ date: j }) => /* @__PURE__ */ n.createElement(br, { date: j, currentMonth: V, onChange: F }) : void 0, I = y(i, g), L = y(s, v), x = (V) => x1(l) ? l(V) : E1(l) ? l.some((F) => G(F, b).isSame(V, "day")) : !1, k = (V) => x(V), A = (V) => {
-    const F = G(V, b).isBefore(t == null ? void 0 : t.from, "day");
-    return x(V) || F && !w;
-  }, M = (V, F, j) => {
-    const D = e == null ? void 0 : e(V), O = F(V), K = D ? tn : n.Fragment, $ = D ? { placement: "top", content: D } : {};
-    return /* @__PURE__ */ n.createElement(K, { ...$ }, /* @__PURE__ */ n.createElement(
-      Qt,
-      {
-        disabled: O,
-        selectedDate: t,
-        date: V,
-        getContent: o,
-        currentMonth: j
-      }
-    ));
-  }, B = (V) => M(V, k, i), z = (V) => M(V, A, s);
-  return /* @__PURE__ */ n.createElement("div", { className: "flex gap-4" }, /* @__PURE__ */ n.createElement(
-    En,
-    {
-      className: E(
-        "ui-date-picker max-w-[400px] rounded-lg pt-3",
-        a ? "date-range-picker" : null,
-        o ? "has-custom-content" : null,
-        u.waitlist ? "has-custom-content" : null
-      ),
-      month: i,
-      modifiers: { ...u, start: t == null ? void 0 : t.from },
-      disabledDays: k,
-      navbarElement: _t,
-      captionElement: I,
-      selectedDays: [d == null ? void 0 : d.from, d],
-      renderDay: B,
-      getTooltip: e,
-      onDayClick: (V, F, j) => m(V, F, j, !0),
-      onMonthChange: g,
-      onTodayButtonClick: C,
-      ...p
-    }
-  ), /* @__PURE__ */ n.createElement(
-    En,
-    {
-      className: E(
-        "ui-date-picker max-w-[400px] rounded-lg pt-3",
-        a ? "date-range-picker" : null,
-        o ? "has-custom-content" : null,
-        u.waitlist ? "has-custom-content" : null
-      ),
-      month: s,
-      modifiers: f ? {} : { ...u, end: t == null ? void 0 : t.to },
-      disabledDays: A,
-      navbarElement: _t,
-      captionElement: L,
-      selectedDays: f ? [] : d,
-      renderDay: z,
-      getTooltip: e,
-      onDayClick: (V, F, j) => m(V, F, j, !1),
-      onMonthChange: v,
-      onTodayButtonClick: C,
-      ...p
-    }
-  ));
-};
-Ea.propTypes = {
-  getTooltip: c.func,
-  value: c.object,
-  getDayContent: c.func,
-  isDisabled: c.func,
-  isDateRangeStyle: c.bool,
-  startMonth: c.instanceOf(Date),
-  endMonth: c.instanceOf(Date),
-  modifiers: c.object,
-  disabledStartDays: c.func,
-  disabledEndDays: c.func,
-  handleDayClick: c.func,
-  handleStartMonthChange: c.func,
-  handleEndMonthChange: c.func,
-  handleTodayClick: c.func,
-  timezoneName: c.string
-};
 const ya = ({ value: e, upcomingDates: t, onChange: o, onMonthChange: a }) => /* @__PURE__ */ n.createElement("div", { className: "rounded-l-lg border-r border-gray pt-8" }, /* @__PURE__ */ n.createElement("p", { className: "mb-2 px-6 text-lg font-bold" }, "Upcoming"), (t == null ? void 0 : t.length) > 0 ? /* @__PURE__ */ n.createElement("div", { className: "mt-5" }, t == null ? void 0 : t.map((r) => {
   const i = _(r).isSame(_(e), "day"), l = _(r).format();
   return /* @__PURE__ */ n.createElement(
@@ -10692,7 +10691,7 @@ const Rt = {
           );
       else
         i(Z(G(R, b)), P, oe);
-  }, ne = r && w ? ({ date: R }) => /* @__PURE__ */ n.createElement(br, { date: R, currentMonth: w, onChange: D }) : void 0, te = (R) => {
+  }, ne = ye(() => r && w ? ({ date: R }) => /* @__PURE__ */ n.createElement(br, { date: R, currentMonth: w, onChange: D }) : void 0, [r, w]), te = (R) => {
     const P = v == null ? void 0 : v(R), oe = F(R);
     return P ? /* @__PURE__ */ n.createElement(tn, { placement: "top", content: P }, /* @__PURE__ */ n.createElement(
       Qt,
@@ -10723,7 +10722,7 @@ const Rt = {
       onMonthChange: D
     }
   ) : null, B ? /* @__PURE__ */ n.createElement(
-    Ea,
+    xa,
     {
       isDateRangeStyle: ce,
       shouldShowYearPicker: r,
@@ -10765,7 +10764,7 @@ const Rt = {
       ...p
     }
   )), g.Footer ? /* @__PURE__ */ n.createElement(g.Footer, null) : null, m && /* @__PURE__ */ n.createElement("div", { className: "max-w-200 " }, /* @__PURE__ */ n.createElement("div", { className: "ml-auto w-5/12" }, /* @__PURE__ */ n.createElement(
-    xa,
+    Ea,
     {
       value: A,
       ranges: d,
@@ -11815,7 +11814,7 @@ export {
   Vi as ReceptionBellIcon,
   Fi as ReceptionBellMoneyIcon,
   Si as RefreshIcon,
-  xa as RelativeDateRange,
+  Ea as RelativeDateRange,
   du as RosterIcon,
   mu as RoundedSquareIcon,
   Ti as RulerIcon,