@semcore/date-picker 4.56.1 → 4.57.0

package/lib/esm/components/DateRangeComparatorAbstract.mjs

@@ -1,21 +1,21 @@
-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 b from "@babel/runtime/helpers/esm/assertThisInitialized";
+import D from "@babel/runtime/helpers/esm/assertThisInitialized";
 import W from "@babel/runtime/helpers/esm/inherits";
 import X from "@babel/runtime/helpers/esm/createSuper";
 import P from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled as Z } from "@semcore/utils/lib/core/index";
-import { sstyled as T, assignProps as E, Component as ee } from "@semcore/core";
-import S from "react";
-import f from "dayjs";
-import O from "@semcore/button";
-import { Flex as A } from "@semcore/flex-box";
-import Y from "@semcore/dropdown";
+import { sstyled as b, assignProps as V, Component as ee } from "@semcore/core";
+import y from "react";
+import S from "dayjs";
+import N from "@semcore/button";
+import { Flex as M } from "@semcore/flex-box";
+import F from "@semcore/dropdown";
 import ae from "@semcore/utils/lib/enhances/i18nEnhance";
-import { localizedMessages as B } from "../translations/__intergalactic-dynamic-locales.mjs";
-import F from "../utils/shortDateRangeFormat.mjs";
+import { localizedMessages as O } from "../translations/__intergalactic-dynamic-locales.mjs";
+import z from "../utils/shortDateRangeFormat.mjs";
 import re from "@semcore/checkbox";
 import { LinkTrigger as te } from "@semcore/base-trigger";
 import { includesDate as ne } from "../utils/includesDate.mjs";
@@ -24,42 +24,42 @@ var le = (
   /*__reshadow_css_start__*/
   (Z.insert(
     /*__inner_css_start__*/
-    ".___SPopper_e0y8u_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_e0y8u_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_e0y8u_gg_:active,.___SPopper_e0y8u_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_e0y8u_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_e0y8u_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_e0y8u_gg_,.___STitle_e0y8u_gg_{display:flex;align-items:center}.___STitle_e0y8u_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_e0y8u_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_e0y8u_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_e0y8u_gg_ .___SInner_e0y8u_gg_{justify-content:flex-start}.___SInputMask_e0y8u_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_e0y8u_gg_.__animationsDisabled_e0y8u_gg_{transition:none}.___SInputMask_e0y8u_gg_ .___SValue_e0y8u_gg_{letter-spacing:0}.___SIndicator_e0y8u_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_e0y8u_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_e0y8u_gg_._range_value_e0y8u_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_e0y8u_gg_._range_compare_e0y8u_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_e0y8u_gg_.__disabled_e0y8u_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_e0y8u_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_e0y8u_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_e0y8u_gg_ .___SMask_e0y8u_gg_,.___SDateRange_e0y8u_gg_ .___SValue_e0y8u_gg_,.___SSingleDateInput_e0y8u_gg_ .___SMask_e0y8u_gg_,.___SSingleDateInput_e0y8u_gg_ .___SValue_e0y8u_gg_{opacity:0}.___SSingleDateInput_e0y8u_gg_:focus-within .___SHumanizedDate_e0y8u_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_e0y8u_gg_:focus-within .___SMask_e0y8u_gg_,.___SSingleDateInput_e0y8u_gg_:focus-within .___SValue_e0y8u_gg_{opacity:1}.___SDateRange_e0y8u_gg_:focus-within .___SHumanizedDate_e0y8u_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_e0y8u_gg_:focus-within .___SMask_e0y8u_gg_,.___SDateRange_e0y8u_gg_:focus-within .___SValue_e0y8u_gg_{opacity:1}.___SInputMask_e0y8u_gg_.__noHumanizedDate_e0y8u_gg_ .___SMask_e0y8u_gg_,.___SInputMask_e0y8u_gg_.__noHumanizedDate_e0y8u_gg_ .___SValue_e0y8u_gg_{opacity:1}.___SDateRange_e0y8u_gg_ .___SInputMask_e0y8u_gg_:focus-within .___SMask_e0y8u_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_e0y8u_gg_:focus-within .___SRangeSep_e0y8u_gg_,.___SRangeSep_e0y8u_gg_.__fulfilled_e0y8u_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_e0y8u_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_e0y8u_gg_,.___SRangeComparatorHeader_e0y8u_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_e0y8u_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_e0y8u_gg_,.___SPeriodsList_e0y8u_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_e0y8u_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_e0y8u_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_e0y8u_gg_{transition:none}}",
-    "e0y8u_gg_"
+    ".___SPopper_182qj_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_182qj_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_182qj_gg_:active,.___SPopper_182qj_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_182qj_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_182qj_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_182qj_gg_,.___STitle_182qj_gg_{display:flex;align-items:center}.___STitle_182qj_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_182qj_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_182qj_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_182qj_gg_ .___SInner_182qj_gg_{justify-content:flex-start}.___SInputMask_182qj_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_182qj_gg_.__animationsDisabled_182qj_gg_{transition:none}.___SInputMask_182qj_gg_ .___SValue_182qj_gg_{letter-spacing:0}.___SIndicator_182qj_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_182qj_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_182qj_gg_._range_value_182qj_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_182qj_gg_._range_compare_182qj_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_182qj_gg_.__disabled_182qj_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_182qj_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_182qj_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_182qj_gg_ .___SMask_182qj_gg_,.___SDateRange_182qj_gg_ .___SValue_182qj_gg_,.___SSingleDateInput_182qj_gg_ .___SMask_182qj_gg_,.___SSingleDateInput_182qj_gg_ .___SValue_182qj_gg_{opacity:0}.___SSingleDateInput_182qj_gg_:focus-within .___SHumanizedDate_182qj_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_182qj_gg_:focus-within .___SMask_182qj_gg_,.___SSingleDateInput_182qj_gg_:focus-within .___SValue_182qj_gg_{opacity:1}.___SDateRange_182qj_gg_:focus-within .___SHumanizedDate_182qj_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_182qj_gg_:focus-within .___SMask_182qj_gg_,.___SDateRange_182qj_gg_:focus-within .___SValue_182qj_gg_{opacity:1}.___SInputMask_182qj_gg_.__noHumanizedDate_182qj_gg_ .___SMask_182qj_gg_,.___SInputMask_182qj_gg_.__noHumanizedDate_182qj_gg_ .___SValue_182qj_gg_{opacity:1}.___SDateRange_182qj_gg_ .___SInputMask_182qj_gg_:focus-within .___SMask_182qj_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_182qj_gg_:focus-within .___SRangeSep_182qj_gg_,.___SRangeSep_182qj_gg_.__fulfilled_182qj_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_182qj_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_182qj_gg_,.___SRangeComparatorHeader_182qj_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_182qj_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_182qj_gg_,.___SPeriodsList_182qj_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_182qj_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_182qj_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_182qj_gg_{transition:none}}",
+    "182qj_gg_"
   ), {
-    __SHeader: "___SHeader_e0y8u_gg_",
-    __STitle: "___STitle_e0y8u_gg_",
-    __SToday: "___SToday_e0y8u_gg_",
-    __SPeriod: "___SPeriod_e0y8u_gg_",
-    __SButton: "___SButton_e0y8u_gg_",
-    __SInner: "___SInner_e0y8u_gg_",
-    __SInputMask: "___SInputMask_e0y8u_gg_",
-    _animationsDisabled: "__animationsDisabled_e0y8u_gg_",
-    __SValue: "___SValue_e0y8u_gg_",
-    __SIndicator: "___SIndicator_e0y8u_gg_",
-    __SRangeIndicator: "___SRangeIndicator_e0y8u_gg_",
-    _range_value: "_range_value_e0y8u_gg_",
-    _range_compare: "_range_compare_e0y8u_gg_",
-    _disabled: "__disabled_e0y8u_gg_",
-    __SHumanizedDate: "___SHumanizedDate_e0y8u_gg_",
-    __SMask: "___SMask_e0y8u_gg_",
-    __SSingleDateInput: "___SSingleDateInput_e0y8u_gg_",
-    __SDateRange: "___SDateRange_e0y8u_gg_",
-    _noHumanizedDate: "__noHumanizedDate_e0y8u_gg_",
-    __SRangeSep: "___SRangeSep_e0y8u_gg_",
-    _fulfilled: "__fulfilled_e0y8u_gg_",
-    __SRangeComparatorHeader: "___SRangeComparatorHeader_e0y8u_gg_",
-    __SRangeCalendar: "___SRangeCalendar_e0y8u_gg_",
-    __SFooter: "___SFooter_e0y8u_gg_",
-    __SPeriodsList: "___SPeriodsList_e0y8u_gg_",
-    __STooltip: "___STooltip_e0y8u_gg_",
-    __SCompareToggle: "___SCompareToggle_e0y8u_gg_",
-    __SPopper: "___SPopper_e0y8u_gg_"
+    __SHeader: "___SHeader_182qj_gg_",
+    __STitle: "___STitle_182qj_gg_",
+    __SToday: "___SToday_182qj_gg_",
+    __SPeriod: "___SPeriod_182qj_gg_",
+    __SButton: "___SButton_182qj_gg_",
+    __SInner: "___SInner_182qj_gg_",
+    __SInputMask: "___SInputMask_182qj_gg_",
+    _animationsDisabled: "__animationsDisabled_182qj_gg_",
+    __SValue: "___SValue_182qj_gg_",
+    __SIndicator: "___SIndicator_182qj_gg_",
+    __SRangeIndicator: "___SRangeIndicator_182qj_gg_",
+    _range_value: "_range_value_182qj_gg_",
+    _range_compare: "_range_compare_182qj_gg_",
+    _disabled: "__disabled_182qj_gg_",
+    __SHumanizedDate: "___SHumanizedDate_182qj_gg_",
+    __SMask: "___SMask_182qj_gg_",
+    __SSingleDateInput: "___SSingleDateInput_182qj_gg_",
+    __SDateRange: "___SDateRange_182qj_gg_",
+    _noHumanizedDate: "__noHumanizedDate_182qj_gg_",
+    __SRangeSep: "___SRangeSep_182qj_gg_",
+    _fulfilled: "__fulfilled_182qj_gg_",
+    __SRangeComparatorHeader: "___SRangeComparatorHeader_182qj_gg_",
+    __SRangeCalendar: "___SRangeCalendar_182qj_gg_",
+    __SFooter: "___SFooter_182qj_gg_",
+    __SPeriodsList: "___SPeriodsList_182qj_gg_",
+    __STooltip: "___STooltip_182qj_gg_",
+    __SCompareToggle: "___SCompareToggle_182qj_gg_",
+    __SPopper: "___SPopper_182qj_gg_"
   })
-), _e = ["INPUT"], ge = ["ArrowDown", "Enter", " "], se = new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0)), M = function() {
-  for (var s = arguments.length, u = new Array(s), e = 0; e < s; e++)
-    u[e] = arguments[e];
-  var a = u.flat().filter(Boolean).filter(function(t) {
+), _e = ["INPUT"], ge = ["ArrowDown", "Enter", " "], se = new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0)), H = 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;
@@ -68,45 +68,45 @@ var le = (
   });
   var r = a[0];
   return r;
-}, x = /* @__PURE__ */ function(d) {
-  W(u, d);
-  var s = X(u);
-  function u() {
+}, R = /* @__PURE__ */ function(d) {
+  W(p, d);
+  var s = X(p);
+  function p() {
     var e;
-    J(this, u);
+    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)), P(b(e), "popperRef", /* @__PURE__ */ S.createRef()), P(b(e), "unitRefs", {}), P(b(e), "navigateView", function(n) {
-      var o = e.asProps.displayedPeriod, _ = n >= 1 ? "add" : "subtract", i = f(o)[_](1, e.navigateStep).toDate();
+    return e = s.call.apply(s, [this].concat(r)), P(D(e), "popperRef", /* @__PURE__ */ y.createRef()), P(D(e), "unitRefs", {}), P(D(e), "navigateView", function(n) {
+      var o = e.asProps.displayedPeriod, _ = n >= 1 ? "add" : "subtract", i = S(o)[_](1, e.navigateStep).toDate();
       e.handlers.displayedPeriod(i);
-    }), P(b(e), "bindHandlerNavigateClick", function(n) {
+    }), P(D(e), "bindHandlerNavigateClick", function(n) {
       return function() {
         return e.navigateView(n);
       };
-    }), P(b(e), "handleApplyClick", function() {
+    }), P(D(e), "handleApplyClick", function() {
       var n = e.asProps, o = n.value, _ = n.preselectedValue, i = n.preselectedCompare;
       return e.handleApply(_ ?? (o == null ? void 0 : o.value), i ?? (o == null ? void 0 : o.compare));
-    }), P(b(e), "handleApply", function(n, o) {
+    }), P(D(e), "handleApply", function(n, o) {
       e.handlers.value({
         value: n,
         compare: o
       }), e.handlers.visible(!1);
-    }), P(b(e), "handleKeydownDown", function(n) {
+    }), P(D(e), "handleKeydownDown", function(n) {
       return function(o) {
-        var _ = e.asProps, i = _.displayedPeriod, p = _.preselectedValue, h = _.visible, c = _.focusedRange, v = o.key, g = c === "compare" ? e.asProps.compareHighlighted : e.asProps.highlighted;
+        var _ = e.asProps, i = _.displayedPeriod, c = _.preselectedValue, h = _.visible, u = _.focusedRange, v = o.key, g = u === "compare" ? e.asProps.compareHighlighted : e.asProps.highlighted;
         n === "trigger" && ge.includes(v) && (o.preventDefault(), o.stopPropagation(), e.handlers.visible(!h), setTimeout(function() {
-          var w = e.popperRef.current;
-          w && w.focus();
+          var I = e.popperRef.current;
+          I && I.focus();
         }, 0));
-        var l = e.keyDiff[v], m = function($) {
-          var z = q($, 2), j = z[0], G = z[1], D = G || j, H = i == null ? void 0 : i.getDate(), V = D == null ? void 0 : D.getDate();
-          e.navigateStep === "month" && (H = i == null ? void 0 : i.getMonth(), V = D == null ? void 0 : D.getMonth()), e.navigateStep === "year" && (H = i == null ? void 0 : i.getYear(), V = D == null ? void 0 : D.getYear());
-          var N = V - H;
-          return N < 0 || N > 1 ? D : i;
+        var l = e.keyDiff[v], m = function(K) {
+          var E = U(K, 2), L = E[0], $ = E[1], j = $ || L, k = i == null ? void 0 : i.getDate(), w = j == null ? void 0 : j.getDate();
+          e.navigateStep === "month" && (k = i == null ? void 0 : i.getMonth(), w = j == null ? void 0 : j.getMonth()), e.navigateStep === "year" && (k = i == null ? void 0 : i.getYear(), w = j == null ? void 0 : j.getYear());
+          var A = w - k;
+          return A < 0 || A > 1 ? j : i;
         };
         if (n === "popper" && o.key === " " && g.length) {
-          var y = g[1] || g[0];
-          e.isDisabled(y) || e.handleChange(y), o.preventDefault();
+          var f = g[1] || g[0];
+          e.isDisabled(f) || e.handleChange(f), o.preventDefault();
         }
         if (n === "popper" && o.key === "Enter" && (o.metaKey || o.ctrlKey))
           return e.handleApplyClick();
@@ -114,24 +114,24 @@ var le = (
         if (l) {
           if (_e.includes(o.target.tagName)) return;
           if (g.length) {
-            var R;
-            (p == null ? void 0 : p.length) === 1 ? (R = [p[0], f(g[1] || g[0]).add(l, e.keyStep).toDate()], C = R[1]) : (R = [f(g[0]).add(l, e.keyStep).toDate()], C = R[0]), c === "compare" ? e.handlers.compareHighlighted(R) : e.handlers.highlighted(R), e.handlers.displayedPeriod(m(R));
+            var q;
+            (c == null ? void 0 : c.length) === 1 ? (q = [c[0], S(g[1] || g[0]).add(l, e.keyStep).toDate()], C = q[1]) : (q = [S(g[0]).add(l, e.keyStep).toDate()], C = q[0]), u === "compare" ? e.handlers.compareHighlighted(q) : e.handlers.highlighted(q), e.handlers.displayedPeriod(m(q));
           } else {
-            var I = [i || f().toDate()];
-            c === "compare" ? e.handlers.compareHighlighted(I) : e.handlers.highlighted(I), C = I[0];
+            var T = [i || S().toDate()];
+            u === "compare" ? e.handlers.compareHighlighted(T) : e.handlers.highlighted(T), C = T[0];
           }
           if (o.preventDefault(), C) {
-            var k, K = e.keyStep === "month" ? oe : ie, L = K(C, e.asProps.locale);
-            (k = e.unitRefs[L]) === null || k === void 0 || k.focus();
+            var x, Y = e.keyStep === "month" ? oe : ie, B = Y(C, e.asProps.locale);
+            (x = e.unitRefs[B]) === null || x === void 0 || x.focus();
           }
         }
       };
-    }), P(b(e), "triggerFormattingProps", {
+    }), P(D(e), "triggerFormattingProps", {
       day: "numeric",
       month: "short",
       year: "numeric"
-    }), P(b(e), "handleChange", function(n) {
-      var o, _, i, p = e.asProps, h = p.focusedRange, c = p.preselectedCompare, v = p.preselectedValue, g = [], l = h === "compare" ? c : v;
+    }), P(D(e), "handleChange", function(n) {
+      var o, _, i, c = e.asProps, h = c.focusedRange, u = c.preselectedCompare, v = c.preselectedValue, g = [], l = h === "compare" ? u : v;
       if (Array.isArray(n))
         l = n;
       else if (!((o = l) !== null && o !== void 0 && o.length))
@@ -142,19 +142,19 @@ var le = (
         var m;
         l = [n, (m = l) === null || m === void 0 ? void 0 : m[0]];
       } else {
-        var y;
-        l = [(y = l) === null || y === void 0 ? void 0 : y[0], n];
+        var f;
+        l = [(f = l) === null || f === void 0 ? void 0 : f[0], n];
       }
       h === "compare" ? (e.handlers.preselectedCompare(l), e.handlers.compareHighlighted(g)) : (e.handlers.preselectedValue(l), e.handlers.highlighted(g));
     }), e;
   }
-  return Q(u, [{
+  return Q(p, [{
     key: "getPeriodProps",
     value: function() {
-      var a, r = this, t = this.asProps, n = t.periods, o = n === void 0 ? this.getDefaultPeriods() : n, _ = t.onHighlightedChange, i = t.onCompareHighlightedChange, p = t.onDisplayedPeriodChange, h = t.preselectedValue, c = 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, n = t.periods, o = n === void 0 ? this.getDefaultPeriods() : n, _ = t.onHighlightedChange, i = 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);
       if (v === "compare") {
         var m;
-        l = c ?? ((m = this.asProps.value) === null || m === void 0 ? void 0 : m.compare);
+        l = u ?? ((m = this.asProps.value) === null || m === void 0 ? void 0 : m.compare);
       }
       return {
         periods: o,
@@ -163,7 +163,7 @@ var le = (
           v === "compare" ? r.handlers.preselectedCompare(C) : r.handlers.preselectedValue(C);
         },
         onHighlightedChange: v === "compare" ? i : _,
-        onDisplayedPeriodChange: p,
+        onDisplayedPeriodChange: c,
         role: "listbox",
         "aria-label": g("periods")
       };
@@ -201,13 +201,13 @@ var le = (
             var t, n;
             a.handlers.compareToggle(!!((t = a.asProps.value) !== null && t !== void 0 && (n = t.compare) !== null && n !== void 0 && n.length));
           }
-          var o = a.asProps, _ = o.value, i = o.displayedPeriod, p = _ ? M(_.value, _.compare) : void 0;
+          var o = a.asProps, _ = o.value, i = o.displayedPeriod, c = _ ? H(_.value, _.compare) : void 0;
           if (r) {
-            if (p && p !== i)
-              a.handlers.displayedPeriod(p);
-            else if (!p) {
-              var h = a.props, c = h.displayedPeriod, v = h.defaultDisplayedPeriod;
-              a.handlers.displayedPeriod(c || v);
+            if (c && c !== i)
+              a.handlers.displayedPeriod(c);
+            else if (!c) {
+              var h = a.props, u = h.displayedPeriod, v = h.defaultDisplayedPeriod;
+              a.handlers.displayedPeriod(u || v);
             }
           }
         }],
@@ -222,7 +222,7 @@ var le = (
             var o;
             return n == null || (o = n.isValid) === null || o === void 0 ? void 0 : o.call(n);
           });
-          t.length > 0 && a.handlers.displayedPeriod(M(r));
+          t.length > 0 && a.handlers.displayedPeriod(H(r));
         }]
       };
     }
@@ -250,7 +250,7 @@ var le = (
     key: "isDisabled",
     value: function(a) {
       var r = this.asProps.disabled;
-      return r.some(ne(f(a), "date"));
+      return r.some(ne(S(a), "date"));
     }
   }, {
     key: "getDefaultPeriods",
@@ -258,16 +258,16 @@ 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()]
       }];
     }
   }, {
@@ -278,17 +278,17 @@ var le = (
         children: new Intl.DateTimeFormat(n, {
           month: "long",
           year: "numeric"
-        }).format(f(o).add(r, this.navigateStep).startOf(this.navigateStep).toDate())
+        }).format(S(o).add(r, this.navigateStep).startOf(this.navigateStep).toDate())
       };
     }
   }, {
     key: "getTriggerProps",
     value: function(a) {
-      var r, t, n = this, o = a.placeholder, _ = o === void 0 ? "Select date ranges" : o, i = a.separator, p = i === void 0 ? "vs." : i, h = this.asProps, c = 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({
-        locale: c
-      }, this.triggerFormattingProps), y = _;
-      return g != null && g[0] && g !== null && g !== void 0 && g[1] && (y = F(g, m)), l != null && l[0] && l !== null && l !== void 0 && l[1] && (y = "".concat(y || "", " ").concat(p, " ").concat(F(l, m))), {
-        children: y,
+      var r, t, n = this, o = a.placeholder, _ = o === void 0 ? "Select date ranges" : o, i = a.separator, c = i === void 0 ? "vs." : i, 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 = G({
+        locale: u
+      }, this.triggerFormattingProps), f = _;
+      return g != null && g[0] && g !== null && g !== void 0 && g[1] && (f = z(g, m)), l != null && l[0] && l !== null && l !== void 0 && l[1] && (f = "".concat(f || "", " ").concat(c, " ").concat(z(l, m))), {
+        children: f,
         visible: v,
         onClick: function() {
           return n.handlers.visible(!v);
@@ -311,11 +311,11 @@ var le = (
   }, {
     key: "getValueDateRangeProps",
     value: function() {
-      var a = this, r = this.asProps, t = r.value, n = r.onDisplayedPeriodChange, o = r.locale, _ = r.disabled, i = r.disabledErrorText, p = r.getI18nText, h = r.focusedRange, c = r.preselectedValue, v = r.animationsDisabled, g = r.visible;
+      var a = this, r = this.asProps, t = r.value, n = r.onDisplayedPeriodChange, o = r.locale, _ = r.disabled, i = r.disabledErrorText, c = r.getI18nText, h = r.focusedRange, u = r.preselectedValue, v = r.animationsDisabled, g = r.visible;
       return {
         popoverVisible: g,
         focused: h === "value" ? !0 : void 0,
-        value: c ?? (t == null ? void 0 : t.value),
+        value: u ?? (t == null ? void 0 : t.value),
         onChange: function(m) {
           return a.handlers.preselectedValue(m);
         },
@@ -324,7 +324,7 @@ var le = (
         disabledDates: _,
         disabledErrorText: i,
         children: this.getRangeInput(),
-        getI18nText: p,
+        getI18nText: c,
         onFocus: function() {
           a.handlers.focusedRange("value");
         },
@@ -334,10 +334,10 @@ var le = (
   }, {
     key: "getCompareDateRangeProps",
     value: function() {
-      var a, r = this, t = this.asProps, n = t.value, o = t.onDisplayedPeriodChange, _ = t.locale, i = t.disabled, p = t.disabledErrorText, h = t.getI18nText, c = t.focusedRange, v = t.preselectedCompare, g = t.compareToggle, l = t.animationsDisabled, m = t.visible;
+      var a, r = this, t = this.asProps, n = t.value, o = t.onDisplayedPeriodChange, _ = t.locale, i = t.disabled, c = t.disabledErrorText, h = t.getI18nText, u = t.focusedRange, v = t.preselectedCompare, g = t.compareToggle, l = t.animationsDisabled, m = t.visible;
       return {
         popoverVisible: m,
-        focused: c === "compare" ? !0 : void 0,
+        focused: u === "compare" ? !0 : void 0,
         disabled: !(g ?? (n == null || (a = n.compare) === null || a === void 0 ? void 0 : a.length)),
         value: v ?? (n == null ? void 0 : n.compare),
         onChange: function(C) {
@@ -348,7 +348,7 @@ var le = (
         disabledDates: i,
         children: this.getRangeInput(),
         getI18nText: h,
-        disabledErrorText: p,
+        disabledErrorText: c,
         onFocus: function() {
           r.handlers.focusedRange("compare");
         },
@@ -372,21 +372,21 @@ var le = (
   }, {
     key: "getCalendarProps",
     value: function(a, r) {
-      var t = this.asProps, n = t.locale, o = t.displayedPeriod, _ = t.disabled, i = t.value, p = t.onCompareHighlightedChange, h = t.highlighted, c = t.compareHighlighted, v = t.onHighlightedChange, g = t.preselectedCompare, l = t.preselectedValue, m = t.focusedRange, y = t.getI18nText;
+      var t = this.asProps, n = t.locale, o = t.displayedPeriod, _ = t.disabled, i = t.value, c = t.onCompareHighlightedChange, h = t.highlighted, u = t.compareHighlighted, v = t.onHighlightedChange, g = t.preselectedCompare, l = t.preselectedValue, m = t.focusedRange, f = t.getI18nText;
       return {
         locale: n,
-        displayedPeriod: f(o).add(r, this.navigateStep).startOf(this.navigateStep).toDate(),
+        displayedPeriod: S(o).add(r, this.navigateStep).startOf(this.navigateStep).toDate(),
         disabled: _,
         onChange: this.handleChange,
         highlighted: h,
-        compareHighlighted: c,
-        onCompareHighlightedChange: p,
+        compareHighlighted: u,
+        onCompareHighlightedChange: c,
         onHighlightedChange: v,
         range: m,
         value: l ?? (i == null ? void 0 : i.value),
         compare: g ?? (i == null ? void 0 : i.compare),
         unitRefs: this.unitRefs,
-        getI18nText: y,
+        getI18nText: f,
         actionsDescribing: r === 0 ? "range-compare" : null,
         tabIndex: r === 0 ? 0 : -1
       };
@@ -404,22 +404,22 @@ var le = (
     key: "render",
     value: function() {
       var a = this.asProps, r, t = this.asProps, n = t.Children, o = t.styles, _ = t["aria-label"];
-      return /* @__PURE__ */ S.createElement(S.Fragment, null, (r = T(o), /* @__PURE__ */ S.createElement(Y, E({
+      return /* @__PURE__ */ y.createElement(y.Fragment, null, (r = b(o), /* @__PURE__ */ y.createElement(F, V({
         "use:aria-label": _,
         __excludeProps: ["onChange", "value"]
-      }, a), /* @__PURE__ */ S.createElement(n, r.cn("Children", {})))));
+      }, a), /* @__PURE__ */ y.createElement(n, r.cn("Children", {})))));
     }
   }], [{
     key: "defaultProps",
     value: function(a) {
       var r = a.primaryRange, t = a.defaultPrimaryRange, n = a.secondaryRange, o = a.defaultSecondaryRange;
       return {
-        i18n: B,
+        i18n: O,
         locale: "en",
         defaultValue: null,
         defaultHighlighted: [],
         defaultCompareHighlighted: [],
-        defaultDisplayedPeriod: M(r, t, n, o) || se,
+        defaultDisplayedPeriod: H(r, t, n, o) || se,
         defaultVisible: !1,
         defaultPreselectedValue: null,
         defaultPreselectedCompare: null,
@@ -429,72 +429,72 @@ var le = (
         size: "m"
       };
     }
-  }]), u;
+  }]), p;
 }(ee);
-P(x, "displayName", "DateRangeComparator");
-P(x, "style", le);
-P(x, "enhance", [ae(B)]);
-P(x, "subtract", function(d, s, u) {
-  return f(d).subtract(s, u).toDate();
+P(R, "displayName", "DateRangeComparator");
+P(R, "style", le);
+P(R, "enhance", [ae(O)]);
+P(R, "subtract", function(d, s, p) {
+  return S(d).subtract(s, p).toDate();
 });
-function Me(d) {
-  var s = arguments[0], u = d.getI18nText;
-  return /* @__PURE__ */ S.createElement(O, E({
+function He(d) {
+  var s = arguments[0], p = d.getI18nText;
+  return /* @__PURE__ */ y.createElement(N, V({
     use: "primary",
-    children: u("apply")
+    children: p("apply")
   }, s));
 }
-function Ee(d) {
-  var s = arguments[0], u = d.getI18nText;
-  return /* @__PURE__ */ S.createElement(O, E({
+function Ve(d) {
+  var s = arguments[0], p = d.getI18nText;
+  return /* @__PURE__ */ y.createElement(N, V({
     use: "tertiary",
     theme: "muted",
-    children: u("reset")
+    children: p("reset")
   }, s));
 }
-function Ae(d) {
-  var s, u = d.Root, e = d.styles;
-  return s = T(e), /* @__PURE__ */ S.createElement(u, s.cn("STrigger", {
-    render: Y.Trigger,
+function Me(d) {
+  var s, p = d.Root, e = d.styles;
+  return s = b(e), /* @__PURE__ */ y.createElement(p, s.cn("STrigger", {
+    render: F.Trigger,
     tag: te
   }));
 }
-function ze(d) {
-  var s, u = d.Root, e = d.styles, a = d.getI18nText;
-  return s = T(e), /* @__PURE__ */ S.createElement(u, s.cn("SCompareToggle", {
+function Ee(d) {
+  var s, p = d.Root, e = d.styles, a = d.getI18nText;
+  return s = b(e), /* @__PURE__ */ y.createElement(p, s.cn("SCompareToggle", {
     render: re,
     label: a("compare")
   }));
 }
-function Ne(d) {
-  var s, u = d.Root, e = d.Children, a = d.styles;
-  return s = T(a), /* @__PURE__ */ S.createElement(u, s.cn("SRangeComparatorHeader", {
-    render: A,
+function Ae(d) {
+  var s, p = d.Root, e = d.Children, a = d.styles;
+  return s = b(a), /* @__PURE__ */ y.createElement(p, s.cn("SRangeComparatorHeader", {
+    render: M,
     gap: 4,
     alignItems: "center"
-  }), /* @__PURE__ */ S.createElement(e, s.cn("Children", {})));
+  }), /* @__PURE__ */ y.createElement(e, s.cn("Children", {})));
 }
-function Fe(d) {
-  var s, u = d.Root, e = d.Children, a = d.styles;
-  return s = T(a), /* @__PURE__ */ S.createElement(u, s.cn("SBody", {
-    render: A,
+function ze(d) {
+  var s, p = d.Root, e = d.Children, a = d.styles;
+  return s = b(a), /* @__PURE__ */ y.createElement(p, s.cn("SBody", {
+    render: M,
     gap: 4
-  }), /* @__PURE__ */ S.createElement(e, s.cn("Children", {})));
+  }), /* @__PURE__ */ y.createElement(e, s.cn("Children", {})));
 }
-function Oe(d) {
-  var s, u = d.Root, e = d.styles, a = d.Children;
-  return s = T(e), /* @__PURE__ */ S.createElement(u, s.cn("SFooter", {
-    render: A,
+function Ne(d) {
+  var s, p = d.Root, e = d.styles, a = d.Children;
+  return s = b(e), /* @__PURE__ */ y.createElement(p, s.cn("SFooter", {
+    render: M,
     gap: 2
-  }), /* @__PURE__ */ S.createElement(a, s.cn("Children", {})));
+  }), /* @__PURE__ */ y.createElement(a, s.cn("Children", {})));
 }
 export {
-  Me as Apply,
-  Fe as Body,
-  ze as CompareToggle,
-  Oe as Footer,
-  Ne as Header,
-  Ee as Reset,
-  Ae as Trigger,
-  x as default
+  He as Apply,
+  ze as Body,
+  Ee as CompareToggle,
+  Ne as Footer,
+  Ae as Header,
+  Ve as Reset,
+  Me as Trigger,
+  R as default
 };