@semcore/date-picker 4.55.1 → 16.0.0-prerelease.2

package/lib/esm/components/DateRangeComparatorAbstract.mjs

@@ -1,70 +1,69 @@
-import U from "@babel/runtime/helpers/esm/objectSpread2";
-import q from "@babel/runtime/helpers/esm/slicedToArray";
+import G from "@babel/runtime/helpers/esm/objectSpread2";
+import U from "@babel/runtime/helpers/esm/slicedToArray";
 import J from "@babel/runtime/helpers/esm/classCallCheck";
 import Q from "@babel/runtime/helpers/esm/createClass";
-import j from "@babel/runtime/helpers/esm/assertThisInitialized";
+import q from "@babel/runtime/helpers/esm/assertThisInitialized";
 import W from "@babel/runtime/helpers/esm/inherits";
 import X from "@babel/runtime/helpers/esm/createSuper";
-import S from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as Z } from "@semcore/utils/lib/core/index";
-import { sstyled as R, assignProps as M, Component as ee } from "@semcore/core";
-import b from "react";
-import f from "dayjs";
+import y from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as R, assignProps as M, Component as Z } from "@semcore/core";
+import P from "react";
+import S from "dayjs";
 import F from "@semcore/button";
 import { Flex as E } from "@semcore/flex-box";
 import O from "@semcore/dropdown";
-import ae from "@semcore/utils/lib/enhances/i18nEnhance";
+import ee from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { localizedMessages as Y } from "../translations/__intergalactic-dynamic-locales.mjs";
 import N from "../utils/shortDateRangeFormat.mjs";
-import re from "@semcore/checkbox";
-import { LinkTrigger as te } from "@semcore/base-trigger";
-import { includesDate as oe } from "../utils/includesDate.mjs";
-import { formatMMYY as ie, formatDDMMYY as ne } from "../utils/formatDate.mjs";
-var le = (
+import ae from "@semcore/checkbox";
+import { LinkTrigger as re } from "@semcore/base-trigger";
+import { includesDate as te } from "../utils/includesDate.mjs";
+import { formatMMYY as le, formatDDMMYY as ne } from "../utils/formatDate.mjs";
+var oe = (
   /*__reshadow_css_start__*/
-  (Z.insert(
+  (R.insert(
     /*__inner_css_start__*/
-    ".___SPopper_yijbo_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_yijbo_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_yijbo_gg_:active,.___SPopper_yijbo_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_yijbo_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_yijbo_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_yijbo_gg_,.___STitle_yijbo_gg_{display:flex;align-items:center}.___STitle_yijbo_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_yijbo_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_yijbo_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_yijbo_gg_ .___SInner_yijbo_gg_{justify-content:flex-start}.___SInputMask_yijbo_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_yijbo_gg_.__animationsDisabled_yijbo_gg_{transition:none}.___SInputMask_yijbo_gg_ .___SValue_yijbo_gg_{letter-spacing:0}.___SIndicator_yijbo_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_yijbo_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_yijbo_gg_._range_value_yijbo_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_yijbo_gg_._range_compare_yijbo_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_yijbo_gg_.__disabled_yijbo_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_yijbo_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_yijbo_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_yijbo_gg_ .___SMask_yijbo_gg_,.___SDateRange_yijbo_gg_ .___SValue_yijbo_gg_,.___SSingleDateInput_yijbo_gg_ .___SMask_yijbo_gg_,.___SSingleDateInput_yijbo_gg_ .___SValue_yijbo_gg_{opacity:0}.___SSingleDateInput_yijbo_gg_:focus-within .___SHumanizedDate_yijbo_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_yijbo_gg_:focus-within .___SMask_yijbo_gg_,.___SSingleDateInput_yijbo_gg_:focus-within .___SValue_yijbo_gg_{opacity:1}.___SDateRange_yijbo_gg_:focus-within .___SHumanizedDate_yijbo_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_yijbo_gg_:focus-within .___SMask_yijbo_gg_,.___SDateRange_yijbo_gg_:focus-within .___SValue_yijbo_gg_{opacity:1}.___SInputMask_yijbo_gg_.__noHumanizedDate_yijbo_gg_ .___SMask_yijbo_gg_,.___SInputMask_yijbo_gg_.__noHumanizedDate_yijbo_gg_ .___SValue_yijbo_gg_{opacity:1}.___SDateRange_yijbo_gg_ .___SInputMask_yijbo_gg_:focus-within .___SMask_yijbo_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_yijbo_gg_:focus-within .___SRangeSep_yijbo_gg_,.___SRangeSep_yijbo_gg_.__fulfilled_yijbo_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_yijbo_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_yijbo_gg_,.___SRangeComparatorHeader_yijbo_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_yijbo_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_yijbo_gg_,.___SPeriodsList_yijbo_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_yijbo_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_yijbo_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_yijbo_gg_{transition:none}}",
-    "yijbo_gg_"
+    ".___SPopper_1plgq_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1plgq_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1plgq_gg_:active,.___SPopper_1plgq_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1plgq_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_1plgq_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_1plgq_gg_,.___STitle_1plgq_gg_{display:flex;align-items:center}.___STitle_1plgq_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_1plgq_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1plgq_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1plgq_gg_ .___SInner_1plgq_gg_{justify-content:flex-start}.___SInputMask_1plgq_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_1plgq_gg_.__animationsDisabled_1plgq_gg_{transition:none}.___SInputMask_1plgq_gg_ .___SValue_1plgq_gg_{letter-spacing:0}.___SIndicator_1plgq_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_1plgq_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1plgq_gg_._range_value_1plgq_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_1plgq_gg_._range_compare_1plgq_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_1plgq_gg_.__disabled_1plgq_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_1plgq_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_1plgq_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_1plgq_gg_ .___SMask_1plgq_gg_,.___SDateRange_1plgq_gg_ .___SValue_1plgq_gg_,.___SSingleDateInput_1plgq_gg_ .___SMask_1plgq_gg_,.___SSingleDateInput_1plgq_gg_ .___SValue_1plgq_gg_{opacity:0}.___SSingleDateInput_1plgq_gg_:focus-within .___SHumanizedDate_1plgq_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1plgq_gg_:focus-within .___SMask_1plgq_gg_,.___SSingleDateInput_1plgq_gg_:focus-within .___SValue_1plgq_gg_{opacity:1}.___SDateRange_1plgq_gg_:focus-within .___SHumanizedDate_1plgq_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1plgq_gg_:focus-within .___SMask_1plgq_gg_,.___SDateRange_1plgq_gg_:focus-within .___SValue_1plgq_gg_{opacity:1}.___SInputMask_1plgq_gg_.__noHumanizedDate_1plgq_gg_ .___SMask_1plgq_gg_,.___SInputMask_1plgq_gg_.__noHumanizedDate_1plgq_gg_ .___SValue_1plgq_gg_{opacity:1}.___SDateRange_1plgq_gg_ .___SInputMask_1plgq_gg_:focus-within .___SMask_1plgq_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_1plgq_gg_:focus-within .___SRangeSep_1plgq_gg_,.___SRangeSep_1plgq_gg_.__fulfilled_1plgq_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_1plgq_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_1plgq_gg_,.___SRangeComparatorHeader_1plgq_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1plgq_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_1plgq_gg_,.___SPeriodsList_1plgq_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_1plgq_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_1plgq_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_1plgq_gg_{transition:none}}",
+    "1plgq_gg_"
   ), {
-    __SHeader: "___SHeader_yijbo_gg_",
-    __STitle: "___STitle_yijbo_gg_",
-    __SToday: "___SToday_yijbo_gg_",
-    __SPeriod: "___SPeriod_yijbo_gg_",
-    __SButton: "___SButton_yijbo_gg_",
-    __SInner: "___SInner_yijbo_gg_",
-    __SInputMask: "___SInputMask_yijbo_gg_",
-    _animationsDisabled: "__animationsDisabled_yijbo_gg_",
-    __SValue: "___SValue_yijbo_gg_",
-    __SIndicator: "___SIndicator_yijbo_gg_",
-    __SRangeIndicator: "___SRangeIndicator_yijbo_gg_",
-    _range_value: "_range_value_yijbo_gg_",
-    _range_compare: "_range_compare_yijbo_gg_",
-    _disabled: "__disabled_yijbo_gg_",
-    __SHumanizedDate: "___SHumanizedDate_yijbo_gg_",
-    __SMask: "___SMask_yijbo_gg_",
-    __SSingleDateInput: "___SSingleDateInput_yijbo_gg_",
-    __SDateRange: "___SDateRange_yijbo_gg_",
-    _noHumanizedDate: "__noHumanizedDate_yijbo_gg_",
-    __SRangeSep: "___SRangeSep_yijbo_gg_",
-    _fulfilled: "__fulfilled_yijbo_gg_",
-    __SRangeComparatorHeader: "___SRangeComparatorHeader_yijbo_gg_",
-    __SRangeCalendar: "___SRangeCalendar_yijbo_gg_",
-    __SFooter: "___SFooter_yijbo_gg_",
-    __SPeriodsList: "___SPeriodsList_yijbo_gg_",
-    __STooltip: "___STooltip_yijbo_gg_",
-    __SCompareToggle: "___SCompareToggle_yijbo_gg_",
-    __SPopper: "___SPopper_yijbo_gg_"
+    __SHeader: "___SHeader_1plgq_gg_",
+    __STitle: "___STitle_1plgq_gg_",
+    __SToday: "___SToday_1plgq_gg_",
+    __SPeriod: "___SPeriod_1plgq_gg_",
+    __SButton: "___SButton_1plgq_gg_",
+    __SInner: "___SInner_1plgq_gg_",
+    __SInputMask: "___SInputMask_1plgq_gg_",
+    _animationsDisabled: "__animationsDisabled_1plgq_gg_",
+    __SValue: "___SValue_1plgq_gg_",
+    __SIndicator: "___SIndicator_1plgq_gg_",
+    __SRangeIndicator: "___SRangeIndicator_1plgq_gg_",
+    _range_value: "_range_value_1plgq_gg_",
+    _range_compare: "_range_compare_1plgq_gg_",
+    _disabled: "__disabled_1plgq_gg_",
+    __SHumanizedDate: "___SHumanizedDate_1plgq_gg_",
+    __SMask: "___SMask_1plgq_gg_",
+    __SSingleDateInput: "___SSingleDateInput_1plgq_gg_",
+    __SDateRange: "___SDateRange_1plgq_gg_",
+    _noHumanizedDate: "__noHumanizedDate_1plgq_gg_",
+    __SRangeSep: "___SRangeSep_1plgq_gg_",
+    _fulfilled: "__fulfilled_1plgq_gg_",
+    __SRangeComparatorHeader: "___SRangeComparatorHeader_1plgq_gg_",
+    __SRangeCalendar: "___SRangeCalendar_1plgq_gg_",
+    __SFooter: "___SFooter_1plgq_gg_",
+    __SPeriodsList: "___SPeriodsList_1plgq_gg_",
+    __STooltip: "___STooltip_1plgq_gg_",
+    __SCompareToggle: "___SCompareToggle_1plgq_gg_",
+    __SPopper: "___SPopper_1plgq_gg_"
   })
-), _e = ["INPUT"], ge = ["ArrowDown", "Enter", " "], se = new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0)), V = function() {
+), ie = ["INPUT"], ge = ["ArrowDown", "Enter", " "], _e = new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0)), V = function() {
   for (var s = arguments.length, p = new Array(s), e = 0; e < s; e++)
     p[e] = arguments[e];
   var a = p.flat().filter(Boolean).filter(function(t) {
     return !Number.isNaN(new Date(t).getTime());
   });
   if (!a.length) return null;
-  a.sort(function(t, o) {
-    return new Date(o).getTime() - new Date(t).getTime();
+  a.sort(function(t, l) {
+    return new Date(l).getTime() - new Date(t).getTime();
   });
   var r = a[0];
   return r;
@@ -76,96 +75,96 @@ var le = (
     J(this, p);
     for (var a = arguments.length, r = new Array(a), t = 0; t < a; t++)
       r[t] = arguments[t];
-    return e = s.call.apply(s, [this].concat(r)), S(j(e), "popperRef", /* @__PURE__ */ b.createRef()), S(j(e), "unitRefs", {}), S(j(e), "navigateView", function(o) {
-      var i = e.asProps.displayedPeriod, _ = o >= 1 ? "add" : "subtract", n = f(i)[_](1, e.navigateStep).toDate();
-      e.handlers.displayedPeriod(n);
-    }), S(j(e), "bindHandlerNavigateClick", function(o) {
+    return e = s.call.apply(s, [this].concat(r)), y(q(e), "popperRef", /* @__PURE__ */ P.createRef()), y(q(e), "unitRefs", {}), y(q(e), "navigateView", function(l) {
+      var n = e.asProps.displayedPeriod, g = l >= 1 ? "add" : "subtract", o = S(n)[g](1, e.navigateStep).toDate();
+      e.handlers.displayedPeriod(o);
+    }), y(q(e), "bindHandlerNavigateClick", function(l) {
       return function() {
-        return e.navigateView(o);
+        return e.navigateView(l);
       };
-    }), S(j(e), "handleApplyClick", function() {
-      var o = e.asProps, i = o.value, _ = o.preselectedValue, n = o.preselectedCompare;
-      return e.handleApply(_ ?? (i == null ? void 0 : i.value), n ?? (i == null ? void 0 : i.compare));
-    }), S(j(e), "handleApply", function(o, i) {
+    }), y(q(e), "handleApplyClick", function() {
+      var l = e.asProps, n = l.value, g = l.preselectedValue, o = l.preselectedCompare;
+      return e.handleApply(g ?? (n == null ? void 0 : n.value), o ?? (n == null ? void 0 : n.compare));
+    }), y(q(e), "handleApply", function(l, n) {
       e.handlers.value({
-        value: o,
-        compare: i
+        value: l,
+        compare: n
       }), e.handlers.visible(!1);
-    }), S(j(e), "handleKeydownDown", function(o) {
-      return function(i) {
-        var _ = e.asProps, n = _.displayedPeriod, c = _.preselectedValue, h = _.visible, u = _.focusedRange, v = i.key, g = u === "compare" ? e.asProps.compareHighlighted : e.asProps.highlighted;
-        o === "trigger" && ge.includes(v) && (i.preventDefault(), i.stopPropagation(), e.handlers.visible(!h), setTimeout(function() {
+    }), y(q(e), "handleKeydownDown", function(l) {
+      return function(n) {
+        var g = e.asProps, o = g.displayedPeriod, c = g.preselectedValue, h = g.visible, u = g.focusedRange, v = n.key, _ = u === "compare" ? e.asProps.compareHighlighted : e.asProps.highlighted;
+        l === "trigger" && ge.includes(v) && (n.preventDefault(), n.stopPropagation(), e.handlers.visible(!h), setTimeout(function() {
           var k = e.popperRef.current;
           k && k.focus();
         }, 0));
-        var l = e.keyDiff[v], m = function(L) {
-          var A = q(L, 2), $ = A[0], G = A[1], C = G || $, w = n == null ? void 0 : n.getDate(), H = C == null ? void 0 : C.getDate();
-          e.navigateStep === "month" && (w = n == null ? void 0 : n.getMonth(), H = C == null ? void 0 : C.getMonth()), e.navigateStep === "year" && (w = n == null ? void 0 : n.getYear(), H = C == null ? void 0 : C.getYear());
+        var i = e.keyDiff[v], m = function(L) {
+          var A = U(L, 2), j = A[0], $ = A[1], D = $ || j, w = o == null ? void 0 : o.getDate(), H = D == null ? void 0 : D.getDate();
+          e.navigateStep === "month" && (w = o == null ? void 0 : o.getMonth(), H = D == null ? void 0 : D.getMonth()), e.navigateStep === "year" && (w = o == null ? void 0 : o.getYear(), H = D == null ? void 0 : D.getYear());
           var z = H - w;
-          return z < 0 || z > 1 ? C : n;
+          return z < 0 || z > 1 ? D : o;
         };
-        if (o === "popper" && i.key === " " && g.length) {
-          var y = g[1] || g[0];
-          e.isDisabled(y) || e.handleChange(y), i.preventDefault();
+        if (l === "popper" && n.key === " " && _.length) {
+          var f = _[1] || _[0];
+          e.isDisabled(f) || e.handleChange(f), n.preventDefault();
         }
-        if (o === "popper" && i.key === "Enter" && (i.metaKey || i.ctrlKey))
+        if (l === "popper" && n.key === "Enter" && (n.metaKey || n.ctrlKey))
           return e.handleApplyClick();
-        var P = void 0;
-        if (l) {
-          if (_e.includes(i.target.tagName)) return;
-          if (g.length) {
-            var D;
-            (c == null ? void 0 : c.length) === 1 ? (D = [c[0], f(g[1] || g[0]).add(l, e.keyStep).toDate()], P = D[1]) : (D = [f(g[0]).add(l, e.keyStep).toDate()], P = D[0]), u === "compare" ? e.handlers.compareHighlighted(D) : e.handlers.highlighted(D), e.handlers.displayedPeriod(m(D));
+        var C = void 0;
+        if (i) {
+          if (ie.includes(n.target.tagName)) return;
+          if (_.length) {
+            var b;
+            (c == null ? void 0 : c.length) === 1 ? (b = [c[0], S(_[1] || _[0]).add(i, e.keyStep).toDate()], C = b[1]) : (b = [S(_[0]).add(i, e.keyStep).toDate()], C = b[0]), u === "compare" ? e.handlers.compareHighlighted(b) : e.handlers.highlighted(b), e.handlers.displayedPeriod(m(b));
           } else {
-            var x = [n || f().toDate()];
-            u === "compare" ? e.handlers.compareHighlighted(x) : e.handlers.highlighted(x), P = x[0];
+            var x = [o || S().toDate()];
+            u === "compare" ? e.handlers.compareHighlighted(x) : e.handlers.highlighted(x), C = x[0];
           }
-          if (i.preventDefault(), P) {
-            var I, B = e.keyStep === "month" ? ie : ne, K = B(P, e.asProps.locale);
+          if (n.preventDefault(), C) {
+            var I, B = e.keyStep === "month" ? le : ne, K = B(C, e.asProps.locale);
             (I = e.unitRefs[K]) === null || I === void 0 || I.focus();
           }
         }
       };
-    }), S(j(e), "triggerFormattingProps", {
+    }), y(q(e), "triggerFormattingProps", {
       day: "numeric",
       month: "short",
       year: "numeric"
-    }), S(j(e), "handleChange", function(o) {
-      var i, _, n, c = e.asProps, h = c.focusedRange, u = c.preselectedCompare, v = c.preselectedValue, g = [], l = h === "compare" ? u : v;
-      if (Array.isArray(o))
-        l = o;
-      else if (!((i = l) !== null && i !== void 0 && i.length))
-        l = [o], g = [o];
-      else if (((_ = l) === null || _ === void 0 ? void 0 : _.length) >= 2)
-        l = [o], g = [o];
-      else if (((n = l) === null || n === void 0 ? void 0 : n[0]) > o) {
+    }), y(q(e), "handleChange", function(l) {
+      var n, g, o, c = e.asProps, h = c.focusedRange, u = c.preselectedCompare, v = c.preselectedValue, _ = [], i = h === "compare" ? u : v;
+      if (Array.isArray(l))
+        i = l;
+      else if (!((n = i) !== null && n !== void 0 && n.length))
+        i = [l], _ = [l];
+      else if (((g = i) === null || g === void 0 ? void 0 : g.length) >= 2)
+        i = [l], _ = [l];
+      else if (((o = i) === null || o === void 0 ? void 0 : o[0]) > l) {
         var m;
-        l = [o, (m = l) === null || m === void 0 ? void 0 : m[0]];
+        i = [l, (m = i) === null || m === void 0 ? void 0 : m[0]];
       } else {
-        var y;
-        l = [(y = l) === null || y === void 0 ? void 0 : y[0], o];
+        var f;
+        i = [(f = i) === null || f === void 0 ? void 0 : f[0], l];
       }
-      h === "compare" ? (e.handlers.preselectedCompare(l), e.handlers.compareHighlighted(g)) : (e.handlers.preselectedValue(l), e.handlers.highlighted(g));
+      h === "compare" ? (e.handlers.preselectedCompare(i), e.handlers.compareHighlighted(_)) : (e.handlers.preselectedValue(i), e.handlers.highlighted(_));
     }), e;
   }
   return Q(p, [{
     key: "getPeriodProps",
     value: function() {
-      var a, r = this, t = this.asProps, o = t.periods, i = o === void 0 ? this.getDefaultPeriods() : o, _ = t.onHighlightedChange, n = t.onCompareHighlightedChange, c = t.onDisplayedPeriodChange, h = t.preselectedValue, u = t.preselectedCompare, v = t.focusedRange, g = t.getI18nText, l = h ?? ((a = this.asProps.value) === null || a === void 0 ? void 0 : a.value);
+      var a, r = this, t = this.asProps, l = t.periods, n = l === void 0 ? this.getDefaultPeriods() : l, g = t.onHighlightedChange, o = t.onCompareHighlightedChange, c = t.onDisplayedPeriodChange, h = t.preselectedValue, u = t.preselectedCompare, v = t.focusedRange, _ = t.getI18nText, i = h ?? ((a = this.asProps.value) === null || a === void 0 ? void 0 : a.value);
       if (v === "compare") {
         var m;
-        l = u ?? ((m = this.asProps.value) === null || m === void 0 ? void 0 : m.compare);
+        i = u ?? ((m = this.asProps.value) === null || m === void 0 ? void 0 : m.compare);
       }
       return {
-        periods: i,
-        value: l,
-        onChange: function(P) {
-          v === "compare" ? r.handlers.preselectedCompare(P) : r.handlers.preselectedValue(P);
+        periods: n,
+        value: i,
+        onChange: function(C) {
+          v === "compare" ? r.handlers.preselectedCompare(C) : r.handlers.preselectedValue(C);
         },
-        onHighlightedChange: v === "compare" ? n : _,
+        onHighlightedChange: v === "compare" ? o : g,
         onDisplayedPeriodChange: c,
         role: "listbox",
-        "aria-label": g("periods")
+        "aria-label": _("periods")
       };
     }
   }, {
@@ -198,12 +197,12 @@ var le = (
           if (!r)
             a.handlers.highlighted([]), a.handlers.compareHighlighted([]), a.handlers.preselectedValue(void 0), a.handlers.preselectedCompare(void 0), a.handlers.compareToggle(void 0), a.handlers.focusedRange("value");
           else {
-            var t, o;
-            a.handlers.compareToggle(!!((t = a.asProps.value) !== null && t !== void 0 && (o = t.compare) !== null && o !== void 0 && o.length));
+            var t, l;
+            a.handlers.compareToggle(!!((t = a.asProps.value) !== null && t !== void 0 && (l = t.compare) !== null && l !== void 0 && l.length));
           }
-          var i = a.asProps, _ = i.value, n = i.displayedPeriod, c = _ ? V(_.value, _.compare) : void 0;
+          var n = a.asProps, g = n.value, o = n.displayedPeriod, c = g ? V(g.value, g.compare) : void 0;
           if (r) {
-            if (c && c !== n)
+            if (c && c !== o)
               a.handlers.displayedPeriod(c);
             else if (!c) {
               var h = a.props, u = h.displayedPeriod, v = h.defaultDisplayedPeriod;
@@ -218,9 +217,9 @@ var le = (
         compareToggle: null,
         focusedRange: null,
         value: [null, function(r) {
-          var t = [r == null ? void 0 : r.value, r == null ? void 0 : r.compare].flat(2).filter(function(o) {
-            var i;
-            return o == null || (i = o.isValid) === null || i === void 0 ? void 0 : i.call(o);
+          var t = [r == null ? void 0 : r.value, r == null ? void 0 : r.compare].flat(2).filter(function(l) {
+            var n;
+            return l == null || (n = l.isValid) === null || n === void 0 ? void 0 : n.call(l);
           });
           t.length > 0 && a.handlers.displayedPeriod(V(r));
         }]
@@ -250,7 +249,7 @@ var le = (
     key: "isDisabled",
     value: function(a) {
       var r = this.asProps.disabled;
-      return r.some(oe(f(a), "date"));
+      return r.some(te(S(a), "date"));
     }
   }, {
     key: "getDefaultPeriods",
@@ -258,40 +257,40 @@ var le = (
       var a = this.asProps.getI18nText, r = new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0));
       return [{
         children: a("lastMonth"),
-        value: [f(r).subtract(1, "month").startOf("month").toDate(), f(r).startOf("month").toDate()]
+        value: [S(r).subtract(1, "month").startOf("month").toDate(), S(r).startOf("month").toDate()]
       }, {
         children: a("last3Months"),
-        value: [f(r).subtract(2, "month").startOf("month").toDate(), f(r).startOf("month").toDate()]
+        value: [S(r).subtract(2, "month").startOf("month").toDate(), S(r).startOf("month").toDate()]
       }, {
         children: a("last6Months"),
-        value: [f(r).subtract(5, "month").startOf("month").toDate(), f(r).startOf("month").toDate()]
+        value: [S(r).subtract(5, "month").startOf("month").toDate(), S(r).startOf("month").toDate()]
       }, {
         children: a("last12Months"),
-        value: [f(r).subtract(11, "month").startOf("month").toDate(), f(r).startOf("month").toDate()]
+        value: [S(r).subtract(11, "month").startOf("month").toDate(), S(r).startOf("month").toDate()]
       }];
     }
   }, {
     key: "getTitleProps",
     value: function(a, r) {
-      var t = this.asProps, o = t.locale, i = t.displayedPeriod;
+      var t = this.asProps, l = t.locale, n = t.displayedPeriod;
       return {
-        children: new Intl.DateTimeFormat(o, {
+        children: new Intl.DateTimeFormat(l, {
           month: "long",
           year: "numeric"
-        }).format(f(i).add(r, this.navigateStep).startOf(this.navigateStep).toDate())
+        }).format(S(n).add(r, this.navigateStep).startOf(this.navigateStep).toDate())
       };
     }
   }, {
     key: "getTriggerProps",
     value: function(a) {
-      var r, t, o = this, i = a.placeholder, _ = i === void 0 ? "Select date ranges" : i, n = a.separator, c = n === void 0 ? "vs." : n, h = this.asProps, u = h.locale, v = h.visible, g = (r = this.asProps.value) === null || r === void 0 ? void 0 : r.value, l = (t = this.asProps.value) === null || t === void 0 ? void 0 : t.compare, m = U({
+      var r, t, l = this, n = a.placeholder, g = n === void 0 ? "Select date ranges" : n, o = a.separator, c = o === void 0 ? "vs." : o, h = this.asProps, u = h.locale, v = h.visible, _ = (r = this.asProps.value) === null || r === void 0 ? void 0 : r.value, i = (t = this.asProps.value) === null || t === void 0 ? void 0 : t.compare, m = G({
         locale: u
-      }, this.triggerFormattingProps), y = _;
-      return g != null && g[0] && g !== null && g !== void 0 && g[1] && (y = N(g, m)), l != null && l[0] && l !== null && l !== void 0 && l[1] && (y = "".concat(y || "", " ").concat(c, " ").concat(N(l, m))), {
-        children: y,
+      }, this.triggerFormattingProps), f = g;
+      return _ != null && _[0] && _ !== null && _ !== void 0 && _[1] && (f = N(_, m)), i != null && i[0] && i !== null && i !== void 0 && i[1] && (f = "".concat(f || "", " ").concat(c, " ").concat(N(i, m))), {
+        children: f,
         visible: v,
         onClick: function() {
-          return o.handlers.visible(!v);
+          return l.handlers.visible(!v);
         },
         onKeyDown: this.handleKeydownDown("trigger")
       };
@@ -311,18 +310,18 @@ var le = (
   }, {
     key: "getValueDateRangeProps",
     value: function() {
-      var a = this, r = this.asProps, t = r.value, o = r.onDisplayedPeriodChange, i = r.locale, _ = r.disabled, n = r.disabledErrorText, c = r.getI18nText, h = r.focusedRange, u = r.preselectedValue, v = r.animationsDisabled, g = r.visible;
+      var a = this, r = this.asProps, t = r.value, l = r.onDisplayedPeriodChange, n = r.locale, g = r.disabled, o = r.disabledErrorText, c = r.getI18nText, h = r.focusedRange, u = r.preselectedValue, v = r.animationsDisabled, _ = r.visible;
       return {
-        popoverVisible: g,
+        popoverVisible: _,
         focused: h === "value" ? !0 : void 0,
         value: u ?? (t == null ? void 0 : t.value),
         onChange: function(m) {
           return a.handlers.preselectedValue(m);
         },
-        onDisplayedPeriodChange: o,
-        locale: i,
-        disabledDates: _,
-        disabledErrorText: n,
+        onDisplayedPeriodChange: l,
+        locale: n,
+        disabledDates: g,
+        disabledErrorText: o,
         children: this.getRangeInput(),
         getI18nText: c,
         onFocus: function() {
@@ -334,25 +333,25 @@ var le = (
   }, {
     key: "getCompareDateRangeProps",
     value: function() {
-      var a, r = this, t = this.asProps, o = t.value, i = t.onDisplayedPeriodChange, _ = t.locale, n = t.disabled, c = t.disabledErrorText, h = t.getI18nText, u = t.focusedRange, v = t.preselectedCompare, g = t.compareToggle, l = t.animationsDisabled, m = t.visible;
+      var a, r = this, t = this.asProps, l = t.value, n = t.onDisplayedPeriodChange, g = t.locale, o = t.disabled, c = t.disabledErrorText, h = t.getI18nText, u = t.focusedRange, v = t.preselectedCompare, _ = t.compareToggle, i = t.animationsDisabled, m = t.visible;
       return {
         popoverVisible: m,
         focused: u === "compare" ? !0 : void 0,
-        disabled: !(g ?? (o == null || (a = o.compare) === null || a === void 0 ? void 0 : a.length)),
-        value: v ?? (o == null ? void 0 : o.compare),
-        onChange: function(P) {
-          return r.handlers.preselectedCompare(P);
+        disabled: !(_ ?? (l == null || (a = l.compare) === null || a === void 0 ? void 0 : a.length)),
+        value: v ?? (l == null ? void 0 : l.compare),
+        onChange: function(C) {
+          return r.handlers.preselectedCompare(C);
         },
-        onDisplayedPeriodChange: i,
-        locale: _,
-        disabledDates: n,
+        onDisplayedPeriodChange: n,
+        locale: g,
+        disabledDates: o,
         children: this.getRangeInput(),
         getI18nText: h,
         disabledErrorText: c,
         onFocus: function() {
           r.handlers.focusedRange("compare");
         },
-        animationsDisabled: l
+        animationsDisabled: i
       };
     }
   }, {
@@ -360,33 +359,33 @@ var le = (
     value: function() {
       var a = this, r = this.asProps, t = r.getI18nText;
       r.value;
-      var o = r.compareToggle;
+      var l = r.compareToggle;
       return {
         getI18nText: t,
-        checked: o,
-        onChange: function(_) {
-          _ ? (a.handlers.compareToggle(!0), a.handlers.focusedRange("compare")) : (a.handlers.compareToggle(!1), a.handlers.focusedRange("value"), a.handlers.preselectedCompare([]));
+        checked: l,
+        onChange: function(g) {
+          g ? (a.handlers.compareToggle(!0), a.handlers.focusedRange("compare")) : (a.handlers.compareToggle(!1), a.handlers.focusedRange("value"), a.handlers.preselectedCompare([]));
         }
       };
     }
   }, {
     key: "getCalendarProps",
     value: function(a, r) {
-      var t = this.asProps, o = t.locale, i = t.displayedPeriod, _ = t.disabled, n = t.value, c = t.onCompareHighlightedChange, h = t.highlighted, u = t.compareHighlighted, v = t.onHighlightedChange, g = t.preselectedCompare, l = t.preselectedValue, m = t.focusedRange, y = t.getI18nText;
+      var t = this.asProps, l = t.locale, n = t.displayedPeriod, g = t.disabled, o = t.value, c = t.onCompareHighlightedChange, h = t.highlighted, u = t.compareHighlighted, v = t.onHighlightedChange, _ = t.preselectedCompare, i = t.preselectedValue, m = t.focusedRange, f = t.getI18nText;
       return {
-        locale: o,
-        displayedPeriod: f(i).add(r, this.navigateStep).startOf(this.navigateStep).toDate(),
-        disabled: _,
+        locale: l,
+        displayedPeriod: S(n).add(r, this.navigateStep).startOf(this.navigateStep).toDate(),
+        disabled: g,
         onChange: this.handleChange,
         highlighted: h,
         compareHighlighted: u,
         onCompareHighlightedChange: c,
         onHighlightedChange: v,
         range: m,
-        value: l ?? (n == null ? void 0 : n.value),
-        compare: g ?? (n == null ? void 0 : n.compare),
+        value: i ?? (o == null ? void 0 : o.value),
+        compare: _ ?? (o == null ? void 0 : o.compare),
         unitRefs: this.unitRefs,
-        getI18nText: y,
+        getI18nText: f,
         actionsDescribing: r === 0 ? "range-compare" : null,
         tabIndex: r === 0 ? 0 : -1
       };
@@ -403,23 +402,23 @@ var le = (
   }, {
     key: "render",
     value: function() {
-      var a = this.asProps, r, t = this.asProps, o = t.Children, i = t.styles, _ = t["aria-label"];
-      return /* @__PURE__ */ b.createElement(b.Fragment, null, (r = R(i), /* @__PURE__ */ b.createElement(O, M({
-        "use:aria-label": _,
+      var a = this.asProps, r, t = this.asProps, l = t.Children, n = t.styles, g = t["aria-label"];
+      return /* @__PURE__ */ P.createElement(P.Fragment, null, (r = R(n), /* @__PURE__ */ P.createElement(O, M({
+        "use:aria-label": g,
         __excludeProps: ["onChange", "value"]
-      }, a), /* @__PURE__ */ b.createElement(o, r.cn("Children", {})))));
+      }, a), /* @__PURE__ */ P.createElement(l, r.cn("Children", {})))));
     }
   }], [{
     key: "defaultProps",
     value: function(a) {
-      var r = a.primaryRange, t = a.defaultPrimaryRange, o = a.secondaryRange, i = a.defaultSecondaryRange;
+      var r = a.primaryRange, t = a.defaultPrimaryRange, l = a.secondaryRange, n = a.defaultSecondaryRange;
       return {
         i18n: Y,
         locale: "en",
         defaultValue: null,
         defaultHighlighted: [],
         defaultCompareHighlighted: [],
-        defaultDisplayedPeriod: V(r, t, o, i) || se,
+        defaultDisplayedPeriod: V(r, t, l, n) || _e,
         defaultVisible: !1,
         defaultPreselectedValue: null,
         defaultPreselectedCompare: null,
@@ -430,71 +429,71 @@ var le = (
       };
     }
   }]), p;
-}(ee);
-S(T, "displayName", "DateRangeComparator");
-S(T, "style", le);
-S(T, "enhance", [ae(Y)]);
-S(T, "subtract", function(d, s, p) {
-  return f(d).subtract(s, p).toDate();
+}(Z);
+y(T, "displayName", "DateRangeComparator");
+y(T, "style", oe);
+y(T, "enhance", [ee(Y)]);
+y(T, "subtract", function(d, s, p) {
+  return S(d).subtract(s, p).toDate();
 });
-function Ve(d) {
+function we(d) {
   var s = arguments[0], p = d.getI18nText;
-  return /* @__PURE__ */ b.createElement(F, M({
+  return /* @__PURE__ */ P.createElement(F, M({
     use: "primary",
     children: p("apply")
   }, s));
 }
-function Me(d) {
+function He(d) {
   var s = arguments[0], p = d.getI18nText;
-  return /* @__PURE__ */ b.createElement(F, M({
+  return /* @__PURE__ */ P.createElement(F, M({
     use: "tertiary",
     theme: "muted",
     children: p("reset")
   }, s));
 }
-function Ee(d) {
+function Ve(d) {
   var s, p = d.Root, e = d.styles;
-  return s = R(e), /* @__PURE__ */ b.createElement(p, s.cn("STrigger", {
+  return s = R(e), /* @__PURE__ */ P.createElement(p, s.cn("STrigger", {
     render: O.Trigger,
-    tag: te
+    tag: re
   }));
 }
-function Ae(d) {
+function Me(d) {
   var s, p = d.Root, e = d.styles, a = d.getI18nText;
-  return s = R(e), /* @__PURE__ */ b.createElement(p, s.cn("SCompareToggle", {
-    render: re,
+  return s = R(e), /* @__PURE__ */ P.createElement(p, s.cn("SCompareToggle", {
+    render: ae,
     label: a("compare")
   }));
 }
-function ze(d) {
+function Ee(d) {
   var s, p = d.Root, e = d.Children, a = d.styles;
-  return s = R(a), /* @__PURE__ */ b.createElement(p, s.cn("SRangeComparatorHeader", {
+  return s = R(a), /* @__PURE__ */ P.createElement(p, s.cn("SRangeComparatorHeader", {
     render: E,
     gap: 4,
     alignItems: "center"
-  }), /* @__PURE__ */ b.createElement(e, s.cn("Children", {})));
+  }), /* @__PURE__ */ P.createElement(e, s.cn("Children", {})));
 }
-function Ne(d) {
+function Ae(d) {
   var s, p = d.Root, e = d.Children, a = d.styles;
-  return s = R(a), /* @__PURE__ */ b.createElement(p, s.cn("SBody", {
+  return s = R(a), /* @__PURE__ */ P.createElement(p, s.cn("SBody", {
     render: E,
     gap: 4
-  }), /* @__PURE__ */ b.createElement(e, s.cn("Children", {})));
+  }), /* @__PURE__ */ P.createElement(e, s.cn("Children", {})));
 }
-function Fe(d) {
+function ze(d) {
   var s, p = d.Root, e = d.styles, a = d.Children;
-  return s = R(e), /* @__PURE__ */ b.createElement(p, s.cn("SFooter", {
+  return s = R(e), /* @__PURE__ */ P.createElement(p, s.cn("SFooter", {
     render: E,
     gap: 2
-  }), /* @__PURE__ */ b.createElement(a, s.cn("Children", {})));
+  }), /* @__PURE__ */ P.createElement(a, s.cn("Children", {})));
 }
 export {
-  Ve as Apply,
-  Ne as Body,
-  Ae as CompareToggle,
-  Fe as Footer,
-  ze as Header,
-  Me as Reset,
-  Ee as Trigger,
+  we as Apply,
+  Ae as Body,
+  Me as CompareToggle,
+  ze as Footer,
+  Ee as Header,
+  He as Reset,
+  Ve as Trigger,
   T as default
 };