@semcore/date-picker 16.3.0 → 16.3.1

package/lib/esm/components/DateRangeComparatorAbstract.mjs

@@ -6,12 +6,12 @@ import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled, assignProps, Component } from "@semcore/core";
-import { Flex } from "@semcore/base-components";
 import { LinkTrigger } from "@semcore/base-trigger";
 import Button from "@semcore/button";
 import Checkbox from "@semcore/checkbox";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import Dropdown from "@semcore/dropdown";
+import { Flex } from "@semcore/flex-box";
 import dayjs from "dayjs";
 import React from "react";
 import { localizedMessages } from "../translations/__intergalactic-dynamic-locales.mjs";
@@ -23,39 +23,39 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPopper_1h6ds_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1h6ds_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1h6ds_gg_:active,.___SPopper_1h6ds_gg_:focus{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1h6ds_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SHeader_1h6ds_gg_,.___STitle_1h6ds_gg_{display:flex;align-items:center}.___STitle_1h6ds_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));height:32px;width:100%;justify-content:center}.___SToday_1h6ds_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1h6ds_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1h6ds_gg_ .___SInner_1h6ds_gg_{justify-content:flex-start}.___SInputMask_1h6ds_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));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_1h6ds_gg_.__animationsDisabled_1h6ds_gg_{transition:none}.___SInputMask_1h6ds_gg_ .___SValue_1h6ds_gg_{letter-spacing:0}.___SInputMask_1h6ds_gg_ .___SValue_1h6ds_gg_:focus{outline:0}.___SIndicator_1h6ds_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SIndicator_1h6ds_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SIndicator_1h6ds_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SRangeIndicator_1h6ds_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1h6ds_gg_._range_value_1h6ds_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(118, 128, 231))}.___SRangeIndicator_1h6ds_gg_._range_compare_1h6ds_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253))}.___SRangeIndicator_1h6ds_gg_.__disabled_1h6ds_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SHumanizedDate_1h6ds_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_1h6ds_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_1h6ds_gg_ .___SMask_1h6ds_gg_,.___SDateRange_1h6ds_gg_ .___SValue_1h6ds_gg_,.___SSingleDateInput_1h6ds_gg_ .___SMask_1h6ds_gg_,.___SSingleDateInput_1h6ds_gg_ .___SValue_1h6ds_gg_{opacity:0}.___SSingleDateInput_1h6ds_gg_:focus-within .___SHumanizedDate_1h6ds_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_,.___SSingleDateInput_1h6ds_gg_:focus-within .___SValue_1h6ds_gg_{opacity:1}.___SDateRange_1h6ds_gg_:focus-within .___SHumanizedDate_1h6ds_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_,.___SDateRange_1h6ds_gg_:focus-within .___SValue_1h6ds_gg_{opacity:1}.___SInputMask_1h6ds_gg_.__noHumanizedDate_1h6ds_gg_ .___SMask_1h6ds_gg_,.___SInputMask_1h6ds_gg_.__noHumanizedDate_1h6ds_gg_ .___SValue_1h6ds_gg_{opacity:1}.___SDateRange_1h6ds_gg_ .___SInputMask_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SDateRange_1h6ds_gg_ .___SInputMask_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SDateRange_1h6ds_gg_ .___SInputMask_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_{background-color:var(--intergalactic-bg-highlight-focus, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SDateRange_1h6ds_gg_:focus-within .___SRangeSep_1h6ds_gg_,.___SRangeSep_1h6ds_gg_.__fulfilled_1h6ds_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRangeComparatorHeader_1h6ds_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));padding:var(--intergalactic-spacing-4x, 16px)}@supports (color:color(display-p3 0 0 0%)){.___SRangeComparatorHeader_1h6ds_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SRangeComparatorHeader_1h6ds_gg_{border-bottom:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_1h6ds_gg_,.___SRangeCalendar_1h6ds_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1h6ds_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SFooter_1h6ds_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_1h6ds_gg_{border-top:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPeriodsList_1h6ds_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_1h6ds_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_1h6ds_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_1h6ds_gg_{transition:none}}",
+    ".___SPopper_1xsj6_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1xsj6_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1xsj6_gg_:active,.___SPopper_1xsj6_gg_:focus{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1xsj6_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SHeader_1xsj6_gg_,.___STitle_1xsj6_gg_{display:flex;align-items:center}.___STitle_1xsj6_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));height:32px;width:100%;justify-content:center}.___SToday_1xsj6_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1xsj6_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1xsj6_gg_ .___SInner_1xsj6_gg_{justify-content:flex-start}.___SInputMask_1xsj6_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));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_1xsj6_gg_.__animationsDisabled_1xsj6_gg_{transition:none}.___SInputMask_1xsj6_gg_ .___SValue_1xsj6_gg_{letter-spacing:0}.___SInputMask_1xsj6_gg_ .___SValue_1xsj6_gg_:focus{outline:0}.___SIndicator_1xsj6_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SIndicator_1xsj6_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SIndicator_1xsj6_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SRangeIndicator_1xsj6_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1xsj6_gg_._range_value_1xsj6_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(118, 128, 231))}.___SRangeIndicator_1xsj6_gg_._range_compare_1xsj6_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253))}.___SRangeIndicator_1xsj6_gg_.__disabled_1xsj6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SHumanizedDate_1xsj6_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_1xsj6_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_1xsj6_gg_ .___SMask_1xsj6_gg_,.___SDateRange_1xsj6_gg_ .___SValue_1xsj6_gg_,.___SSingleDateInput_1xsj6_gg_ .___SMask_1xsj6_gg_,.___SSingleDateInput_1xsj6_gg_ .___SValue_1xsj6_gg_{opacity:0}.___SSingleDateInput_1xsj6_gg_:focus-within .___SHumanizedDate_1xsj6_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1xsj6_gg_:focus-within .___SMask_1xsj6_gg_,.___SSingleDateInput_1xsj6_gg_:focus-within .___SValue_1xsj6_gg_{opacity:1}.___SDateRange_1xsj6_gg_:focus-within .___SHumanizedDate_1xsj6_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1xsj6_gg_:focus-within .___SMask_1xsj6_gg_,.___SDateRange_1xsj6_gg_:focus-within .___SValue_1xsj6_gg_{opacity:1}.___SInputMask_1xsj6_gg_.__noHumanizedDate_1xsj6_gg_ .___SMask_1xsj6_gg_,.___SInputMask_1xsj6_gg_.__noHumanizedDate_1xsj6_gg_ .___SValue_1xsj6_gg_{opacity:1}.___SDateRange_1xsj6_gg_ .___SInputMask_1xsj6_gg_:focus-within .___SMask_1xsj6_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SDateRange_1xsj6_gg_ .___SInputMask_1xsj6_gg_:focus-within .___SMask_1xsj6_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SDateRange_1xsj6_gg_ .___SInputMask_1xsj6_gg_:focus-within .___SMask_1xsj6_gg_{background-color:var(--intergalactic-bg-highlight-focus, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SDateRange_1xsj6_gg_:focus-within .___SRangeSep_1xsj6_gg_,.___SRangeSep_1xsj6_gg_.__fulfilled_1xsj6_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRangeComparatorHeader_1xsj6_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));padding:var(--intergalactic-spacing-4x, 16px)}@supports (color:color(display-p3 0 0 0%)){.___SRangeComparatorHeader_1xsj6_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SRangeComparatorHeader_1xsj6_gg_{border-bottom:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_1xsj6_gg_,.___SRangeCalendar_1xsj6_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1xsj6_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SFooter_1xsj6_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_1xsj6_gg_{border-top:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPeriodsList_1xsj6_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_1xsj6_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_1xsj6_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_1xsj6_gg_{transition:none}}",
     /*__inner_css_end__*/
-    "1h6ds_gg_"
+    "1xsj6_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHeader": "___SHeader_1h6ds_gg_",
-    "__STitle": "___STitle_1h6ds_gg_",
-    "__SToday": "___SToday_1h6ds_gg_",
-    "__SPeriod": "___SPeriod_1h6ds_gg_",
-    "__SButton": "___SButton_1h6ds_gg_",
-    "__SInner": "___SInner_1h6ds_gg_",
-    "__SInputMask": "___SInputMask_1h6ds_gg_",
-    "_animationsDisabled": "__animationsDisabled_1h6ds_gg_",
-    "__SIndicator": "___SIndicator_1h6ds_gg_",
-    "__SRangeIndicator": "___SRangeIndicator_1h6ds_gg_",
-    "_range_value": "_range_value_1h6ds_gg_",
-    "_range_compare": "_range_compare_1h6ds_gg_",
-    "_disabled": "__disabled_1h6ds_gg_",
-    "__SHumanizedDate": "___SHumanizedDate_1h6ds_gg_",
-    "__SMask": "___SMask_1h6ds_gg_",
-    "__SSingleDateInput": "___SSingleDateInput_1h6ds_gg_",
-    "__SValue": "___SValue_1h6ds_gg_",
-    "__SDateRange": "___SDateRange_1h6ds_gg_",
-    "_noHumanizedDate": "__noHumanizedDate_1h6ds_gg_",
-    "__SRangeSep": "___SRangeSep_1h6ds_gg_",
-    "_fulfilled": "__fulfilled_1h6ds_gg_",
-    "__SRangeComparatorHeader": "___SRangeComparatorHeader_1h6ds_gg_",
-    "__SRangeCalendar": "___SRangeCalendar_1h6ds_gg_",
-    "__SFooter": "___SFooter_1h6ds_gg_",
-    "__SPeriodsList": "___SPeriodsList_1h6ds_gg_",
-    "__STooltip": "___STooltip_1h6ds_gg_",
-    "__SCompareToggle": "___SCompareToggle_1h6ds_gg_",
-    "__SPopper": "___SPopper_1h6ds_gg_"
+    "__SHeader": "___SHeader_1xsj6_gg_",
+    "__STitle": "___STitle_1xsj6_gg_",
+    "__SToday": "___SToday_1xsj6_gg_",
+    "__SPeriod": "___SPeriod_1xsj6_gg_",
+    "__SButton": "___SButton_1xsj6_gg_",
+    "__SInner": "___SInner_1xsj6_gg_",
+    "__SInputMask": "___SInputMask_1xsj6_gg_",
+    "_animationsDisabled": "__animationsDisabled_1xsj6_gg_",
+    "__SIndicator": "___SIndicator_1xsj6_gg_",
+    "__SRangeIndicator": "___SRangeIndicator_1xsj6_gg_",
+    "_range_value": "_range_value_1xsj6_gg_",
+    "_range_compare": "_range_compare_1xsj6_gg_",
+    "_disabled": "__disabled_1xsj6_gg_",
+    "__SHumanizedDate": "___SHumanizedDate_1xsj6_gg_",
+    "__SMask": "___SMask_1xsj6_gg_",
+    "__SSingleDateInput": "___SSingleDateInput_1xsj6_gg_",
+    "__SValue": "___SValue_1xsj6_gg_",
+    "__SDateRange": "___SDateRange_1xsj6_gg_",
+    "_noHumanizedDate": "__noHumanizedDate_1xsj6_gg_",
+    "__SRangeSep": "___SRangeSep_1xsj6_gg_",
+    "_fulfilled": "__fulfilled_1xsj6_gg_",
+    "__SRangeComparatorHeader": "___SRangeComparatorHeader_1xsj6_gg_",
+    "__SRangeCalendar": "___SRangeCalendar_1xsj6_gg_",
+    "__SFooter": "___SFooter_1xsj6_gg_",
+    "__SPeriodsList": "___SPeriodsList_1xsj6_gg_",
+    "__STooltip": "___STooltip_1xsj6_gg_",
+    "__SCompareToggle": "___SCompareToggle_1xsj6_gg_",
+    "__SPopper": "___SPopper_1xsj6_gg_"
   })
 );
 var INTERACTION_TAGS = ["INPUT"];

package/lib/esm/components/InputTrigger.mjs

@@ -8,57 +8,58 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
-import { Box, NeighborLocation, Flex } from "@semcore/base-components";
+import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
 import BaseTrigger from "@semcore/base-trigger";
 import assignProps$1 from "@semcore/core/lib/utils/assignProps";
 import useEnhancedEffect from "@semcore/core/lib/utils/use/useEnhancedEffect";
+import { Box, Flex } from "@semcore/flex-box";
 import Calendar from "@semcore/icon/Calendar/m";
 import InputMask from "@semcore/input-mask";
+import NeighborLocation from "@semcore/neighbor-location";
 import Tooltip from "@semcore/tooltip";
 import dayjs from "dayjs";
 import React from "react";
 import { datesIntersects } from "../utils/datesIntersects.mjs";
 import { includesDate } from "../utils/includesDate.mjs";
-var _excluded = ["children", "id", "role", "aria-haspopup", "aria-label", "style"], _excluded2 = ["children", "id", "role", "aria-haspopup", "aria-label", "style"], _excluded3 = ["value", "onChange", "onDisplayedPeriodChange", "locale", "w", "ariaHasPopup", "showError", "neighborLocation"], _excluded4 = ["value", "locale", "onDisplayedPeriodChange", "ariaHasPopup", "showError", "neighborLocation"], _excluded5 = ["value", "locale", "onDisplayedPeriodChange", "ariaHasPopup", "inputId", "showError", "neighborLocation"], _excluded6 = ["date", "onDateChange", "onDisplayedPeriodChange", "locale", "styles", "parts", "disabledDates", "forwardRef", "placeholders", "labelPrefix", "onMaskPipeBlock", "containerFocused", "animationsDisabled", "getI18nText", "inputId", "inputRole", "__excludeProps", "Root"];
+var _excluded = ["children", "id", "role", "aria-haspopup", "aria-label", "style"], _excluded2 = ["children", "id", "role", "aria-haspopup", "aria-label", "style"], _excluded3 = ["value", "onChange", "onDisplayedPeriodChange", "locale", "w", "ariaHasPopup", "showError"], _excluded4 = ["value", "locale", "onDisplayedPeriodChange", "ariaHasPopup", "showError"], _excluded5 = ["value", "locale", "onDisplayedPeriodChange", "ariaHasPopup", "inputId", "showError"], _excluded6 = ["date", "onDateChange", "onDisplayedPeriodChange", "locale", "styles", "parts", "disabledDates", "forwardRef", "placeholders", "labelPrefix", "onMaskPipeBlock", "containerFocused", "animationsDisabled", "getI18nText", "inputId", "inputRole", "__excludeProps", "Root"];
 /*!__reshadow-styles__:"../style/date-picker.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPopper_1h6ds_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1h6ds_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1h6ds_gg_:active,.___SPopper_1h6ds_gg_:focus{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1h6ds_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SHeader_1h6ds_gg_,.___STitle_1h6ds_gg_{display:flex;align-items:center}.___STitle_1h6ds_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));height:32px;width:100%;justify-content:center}.___SToday_1h6ds_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1h6ds_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1h6ds_gg_ .___SInner_1h6ds_gg_{justify-content:flex-start}.___SInputMask_1h6ds_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));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_1h6ds_gg_.__animationsDisabled_1h6ds_gg_{transition:none}.___SInputMask_1h6ds_gg_ .___SValue_1h6ds_gg_{letter-spacing:0}.___SInputMask_1h6ds_gg_ .___SValue_1h6ds_gg_:focus{outline:0}.___SIndicator_1h6ds_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SIndicator_1h6ds_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SIndicator_1h6ds_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SRangeIndicator_1h6ds_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1h6ds_gg_._range_value_1h6ds_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(118, 128, 231))}.___SRangeIndicator_1h6ds_gg_._range_compare_1h6ds_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253))}.___SRangeIndicator_1h6ds_gg_.__disabled_1h6ds_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SHumanizedDate_1h6ds_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_1h6ds_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_1h6ds_gg_ .___SMask_1h6ds_gg_,.___SDateRange_1h6ds_gg_ .___SValue_1h6ds_gg_,.___SSingleDateInput_1h6ds_gg_ .___SMask_1h6ds_gg_,.___SSingleDateInput_1h6ds_gg_ .___SValue_1h6ds_gg_{opacity:0}.___SSingleDateInput_1h6ds_gg_:focus-within .___SHumanizedDate_1h6ds_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_,.___SSingleDateInput_1h6ds_gg_:focus-within .___SValue_1h6ds_gg_{opacity:1}.___SDateRange_1h6ds_gg_:focus-within .___SHumanizedDate_1h6ds_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_,.___SDateRange_1h6ds_gg_:focus-within .___SValue_1h6ds_gg_{opacity:1}.___SInputMask_1h6ds_gg_.__noHumanizedDate_1h6ds_gg_ .___SMask_1h6ds_gg_,.___SInputMask_1h6ds_gg_.__noHumanizedDate_1h6ds_gg_ .___SValue_1h6ds_gg_{opacity:1}.___SDateRange_1h6ds_gg_ .___SInputMask_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SDateRange_1h6ds_gg_ .___SInputMask_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SDateRange_1h6ds_gg_ .___SInputMask_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_{background-color:var(--intergalactic-bg-highlight-focus, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SDateRange_1h6ds_gg_:focus-within .___SRangeSep_1h6ds_gg_,.___SRangeSep_1h6ds_gg_.__fulfilled_1h6ds_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRangeComparatorHeader_1h6ds_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));padding:var(--intergalactic-spacing-4x, 16px)}@supports (color:color(display-p3 0 0 0%)){.___SRangeComparatorHeader_1h6ds_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SRangeComparatorHeader_1h6ds_gg_{border-bottom:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_1h6ds_gg_,.___SRangeCalendar_1h6ds_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1h6ds_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SFooter_1h6ds_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_1h6ds_gg_{border-top:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPeriodsList_1h6ds_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_1h6ds_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_1h6ds_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_1h6ds_gg_{transition:none}}",
+    ".___SPopper_1xsj6_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1xsj6_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1xsj6_gg_:active,.___SPopper_1xsj6_gg_:focus{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1xsj6_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SHeader_1xsj6_gg_,.___STitle_1xsj6_gg_{display:flex;align-items:center}.___STitle_1xsj6_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));height:32px;width:100%;justify-content:center}.___SToday_1xsj6_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1xsj6_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1xsj6_gg_ .___SInner_1xsj6_gg_{justify-content:flex-start}.___SInputMask_1xsj6_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));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_1xsj6_gg_.__animationsDisabled_1xsj6_gg_{transition:none}.___SInputMask_1xsj6_gg_ .___SValue_1xsj6_gg_{letter-spacing:0}.___SInputMask_1xsj6_gg_ .___SValue_1xsj6_gg_:focus{outline:0}.___SIndicator_1xsj6_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SIndicator_1xsj6_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SIndicator_1xsj6_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SRangeIndicator_1xsj6_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1xsj6_gg_._range_value_1xsj6_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(118, 128, 231))}.___SRangeIndicator_1xsj6_gg_._range_compare_1xsj6_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253))}.___SRangeIndicator_1xsj6_gg_.__disabled_1xsj6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SHumanizedDate_1xsj6_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_1xsj6_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_1xsj6_gg_ .___SMask_1xsj6_gg_,.___SDateRange_1xsj6_gg_ .___SValue_1xsj6_gg_,.___SSingleDateInput_1xsj6_gg_ .___SMask_1xsj6_gg_,.___SSingleDateInput_1xsj6_gg_ .___SValue_1xsj6_gg_{opacity:0}.___SSingleDateInput_1xsj6_gg_:focus-within .___SHumanizedDate_1xsj6_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1xsj6_gg_:focus-within .___SMask_1xsj6_gg_,.___SSingleDateInput_1xsj6_gg_:focus-within .___SValue_1xsj6_gg_{opacity:1}.___SDateRange_1xsj6_gg_:focus-within .___SHumanizedDate_1xsj6_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1xsj6_gg_:focus-within .___SMask_1xsj6_gg_,.___SDateRange_1xsj6_gg_:focus-within .___SValue_1xsj6_gg_{opacity:1}.___SInputMask_1xsj6_gg_.__noHumanizedDate_1xsj6_gg_ .___SMask_1xsj6_gg_,.___SInputMask_1xsj6_gg_.__noHumanizedDate_1xsj6_gg_ .___SValue_1xsj6_gg_{opacity:1}.___SDateRange_1xsj6_gg_ .___SInputMask_1xsj6_gg_:focus-within .___SMask_1xsj6_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SDateRange_1xsj6_gg_ .___SInputMask_1xsj6_gg_:focus-within .___SMask_1xsj6_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SDateRange_1xsj6_gg_ .___SInputMask_1xsj6_gg_:focus-within .___SMask_1xsj6_gg_{background-color:var(--intergalactic-bg-highlight-focus, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SDateRange_1xsj6_gg_:focus-within .___SRangeSep_1xsj6_gg_,.___SRangeSep_1xsj6_gg_.__fulfilled_1xsj6_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRangeComparatorHeader_1xsj6_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));padding:var(--intergalactic-spacing-4x, 16px)}@supports (color:color(display-p3 0 0 0%)){.___SRangeComparatorHeader_1xsj6_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SRangeComparatorHeader_1xsj6_gg_{border-bottom:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_1xsj6_gg_,.___SRangeCalendar_1xsj6_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1xsj6_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SFooter_1xsj6_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_1xsj6_gg_{border-top:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPeriodsList_1xsj6_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_1xsj6_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_1xsj6_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_1xsj6_gg_{transition:none}}",
     /*__inner_css_end__*/
-    "1h6ds_gg_"
+    "1xsj6_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHeader": "___SHeader_1h6ds_gg_",
-    "__STitle": "___STitle_1h6ds_gg_",
-    "__SToday": "___SToday_1h6ds_gg_",
-    "__SPeriod": "___SPeriod_1h6ds_gg_",
-    "__SButton": "___SButton_1h6ds_gg_",
-    "__SInner": "___SInner_1h6ds_gg_",
-    "__SInputMask": "___SInputMask_1h6ds_gg_",
-    "_animationsDisabled": "__animationsDisabled_1h6ds_gg_",
-    "__SIndicator": "___SIndicator_1h6ds_gg_",
-    "__SRangeIndicator": "___SRangeIndicator_1h6ds_gg_",
-    "_range_value": "_range_value_1h6ds_gg_",
-    "_range_compare": "_range_compare_1h6ds_gg_",
-    "_disabled": "__disabled_1h6ds_gg_",
-    "__SHumanizedDate": "___SHumanizedDate_1h6ds_gg_",
-    "__SMask": "___SMask_1h6ds_gg_",
-    "__SSingleDateInput": "___SSingleDateInput_1h6ds_gg_",
-    "__SValue": "___SValue_1h6ds_gg_",
-    "__SDateRange": "___SDateRange_1h6ds_gg_",
-    "_noHumanizedDate": "__noHumanizedDate_1h6ds_gg_",
-    "__SRangeSep": "___SRangeSep_1h6ds_gg_",
-    "_fulfilled": "__fulfilled_1h6ds_gg_",
-    "__SRangeComparatorHeader": "___SRangeComparatorHeader_1h6ds_gg_",
-    "__SRangeCalendar": "___SRangeCalendar_1h6ds_gg_",
-    "__SFooter": "___SFooter_1h6ds_gg_",
-    "__SPeriodsList": "___SPeriodsList_1h6ds_gg_",
-    "__STooltip": "___STooltip_1h6ds_gg_",
-    "__SCompareToggle": "___SCompareToggle_1h6ds_gg_",
-    "__SPopper": "___SPopper_1h6ds_gg_"
+    "__SHeader": "___SHeader_1xsj6_gg_",
+    "__STitle": "___STitle_1xsj6_gg_",
+    "__SToday": "___SToday_1xsj6_gg_",
+    "__SPeriod": "___SPeriod_1xsj6_gg_",
+    "__SButton": "___SButton_1xsj6_gg_",
+    "__SInner": "___SInner_1xsj6_gg_",
+    "__SInputMask": "___SInputMask_1xsj6_gg_",
+    "_animationsDisabled": "__animationsDisabled_1xsj6_gg_",
+    "__SIndicator": "___SIndicator_1xsj6_gg_",
+    "__SRangeIndicator": "___SRangeIndicator_1xsj6_gg_",
+    "_range_value": "_range_value_1xsj6_gg_",
+    "_range_compare": "_range_compare_1xsj6_gg_",
+    "_disabled": "__disabled_1xsj6_gg_",
+    "__SHumanizedDate": "___SHumanizedDate_1xsj6_gg_",
+    "__SMask": "___SMask_1xsj6_gg_",
+    "__SSingleDateInput": "___SSingleDateInput_1xsj6_gg_",
+    "__SValue": "___SValue_1xsj6_gg_",
+    "__SDateRange": "___SDateRange_1xsj6_gg_",
+    "_noHumanizedDate": "__noHumanizedDate_1xsj6_gg_",
+    "__SRangeSep": "___SRangeSep_1xsj6_gg_",
+    "_fulfilled": "__fulfilled_1xsj6_gg_",
+    "__SRangeComparatorHeader": "___SRangeComparatorHeader_1xsj6_gg_",
+    "__SRangeCalendar": "___SRangeCalendar_1xsj6_gg_",
+    "__SFooter": "___SFooter_1xsj6_gg_",
+    "__SPeriodsList": "___SPeriodsList_1xsj6_gg_",
+    "__STooltip": "___STooltip_1xsj6_gg_",
+    "__SCompareToggle": "___SCompareToggle_1xsj6_gg_",
+    "__SPopper": "___SPopper_1xsj6_gg_"
   })
 );
 var defaultAllowedParts = {
@@ -76,7 +77,14 @@ var InputTriggerRoot = /* @__PURE__ */ (function(_Component) {
   return _createClass(InputTriggerRoot2, [{
     key: "getSingleDateInputProps",
     value: function getSingleDateInputProps() {
-      var _this$asProps = this.asProps, _children = _this$asProps.children, id = _this$asProps.id, _role = _this$asProps.role, ariaHasPopup = _this$asProps["aria-haspopup"], _ariaLabel = _this$asProps["aria-label"], _style = _this$asProps.style, otherProps = _objectWithoutProperties(_this$asProps, _excluded);
+      var _this$asProps = this.asProps;
+      _this$asProps.children;
+      var id = _this$asProps.id;
+      _this$asProps.role;
+      var ariaHasPopup = _this$asProps["aria-haspopup"];
+      _this$asProps["aria-label"];
+      _this$asProps.style;
+      var otherProps = _objectWithoutProperties(_this$asProps, _excluded);
       return _objectSpread(_objectSpread({}, otherProps), {}, {
         ariaHasPopup,
         inputId: id
@@ -85,7 +93,14 @@ var InputTriggerRoot = /* @__PURE__ */ (function(_Component) {
   }, {
     key: "getDateRangeProps",
     value: function getDateRangeProps() {
-      var _this$asProps2 = this.asProps, _children = _this$asProps2.children, id = _this$asProps2.id, _rolw = _this$asProps2.role, ariaHasPopup = _this$asProps2["aria-haspopup"], _ariaLabel = _this$asProps2["aria-label"], _style = _this$asProps2.style, otherProps = _objectWithoutProperties(_this$asProps2, _excluded2);
+      var _this$asProps2 = this.asProps;
+      _this$asProps2.children;
+      var id = _this$asProps2.id;
+      _this$asProps2.role;
+      var ariaHasPopup = _this$asProps2["aria-haspopup"];
+      _this$asProps2["aria-label"];
+      _this$asProps2.style;
+      var otherProps = _objectWithoutProperties(_this$asProps2, _excluded2);
       return _objectSpread(_objectSpread({}, otherProps), {}, {
         ariaHasPopup,
         inputId: id
@@ -172,7 +187,11 @@ var SingleDateInputRoot = /* @__PURE__ */ (function(_Component2) {
   }, {
     key: "getMaskedInputProps",
     value: function getMaskedInputProps() {
-      var _this$asProps4 = this.asProps, value = _this$asProps4.value, onChange = _this$asProps4.onChange, onDisplayedPeriodChange = _this$asProps4.onDisplayedPeriodChange, locale = _this$asProps4.locale, _w = _this$asProps4.w, _ariaHasPopup = _this$asProps4.ariaHasPopup, _showError = _this$asProps4.showError, neighborLocation = _this$asProps4.neighborLocation, otherProps = _objectWithoutProperties(_this$asProps4, _excluded3);
+      var _this$asProps4 = this.asProps, value = _this$asProps4.value, onChange = _this$asProps4.onChange, onDisplayedPeriodChange = _this$asProps4.onDisplayedPeriodChange, locale = _this$asProps4.locale;
+      _this$asProps4.w;
+      _this$asProps4.ariaHasPopup;
+      _this$asProps4.showError;
+      var otherProps = _objectWithoutProperties(_this$asProps4, _excluded3);
       return _objectSpread({
         "date": value,
         "onDateChange": onChange,
@@ -355,7 +374,9 @@ var DateRangeRoot = /* @__PURE__ */ (function(_Component3) {
   }, {
     key: "getFromMaskedInputProps",
     value: function getFromMaskedInputProps() {
-      var _this$asProps6 = this.asProps, value = _this$asProps6.value, locale = _this$asProps6.locale, onDisplayedPeriodChange = _this$asProps6.onDisplayedPeriodChange, ariaHasPopup = _this$asProps6.ariaHasPopup, _showError = _this$asProps6.showError, neighborLocation = _this$asProps6.neighborLocation, otherProps = _objectWithoutProperties(_this$asProps6, _excluded4);
+      var _this$asProps6 = this.asProps, value = _this$asProps6.value, locale = _this$asProps6.locale, onDisplayedPeriodChange = _this$asProps6.onDisplayedPeriodChange, ariaHasPopup = _this$asProps6.ariaHasPopup;
+      _this$asProps6.showError;
+      var otherProps = _objectWithoutProperties(_this$asProps6, _excluded4);
       return assignProps$1({
         "ref": this.fromRef,
         "date": value === null || value === void 0 ? void 0 : value[0],
@@ -372,7 +393,10 @@ var DateRangeRoot = /* @__PURE__ */ (function(_Component3) {
   }, {
     key: "getToMaskedInputProps",
     value: function getToMaskedInputProps() {
-      var _this$asProps7 = this.asProps, value = _this$asProps7.value, locale = _this$asProps7.locale, onDisplayedPeriodChange = _this$asProps7.onDisplayedPeriodChange, ariaHasPopup = _this$asProps7.ariaHasPopup, _inputId = _this$asProps7.inputId, _showError = _this$asProps7.showError, neighborLocation = _this$asProps7.neighborLocation, otherProps = _objectWithoutProperties(_this$asProps7, _excluded5);
+      var _this$asProps7 = this.asProps, value = _this$asProps7.value, locale = _this$asProps7.locale, onDisplayedPeriodChange = _this$asProps7.onDisplayedPeriodChange, ariaHasPopup = _this$asProps7.ariaHasPopup;
+      _this$asProps7.inputId;
+      _this$asProps7.showError;
+      var otherProps = _objectWithoutProperties(_this$asProps7, _excluded5);
       var ariaLabel = this.asProps.getI18nText("toDate", {
         date: this.asProps.getI18nText("input")
       });
@@ -481,7 +505,10 @@ function RangeSep(props) {
 }
 function MaskedInput(_ref14) {
   var _ref13;
-  var outerValue = _ref14.date, onDateChange = _ref14.onDateChange, onDisplayedPeriodChange = _ref14.onDisplayedPeriodChange, locale = _ref14.locale, styles = _ref14.styles, _ref14$parts = _ref14.parts, allowedParts = _ref14$parts === void 0 ? defaultAllowedParts : _ref14$parts, disabledDates = _ref14.disabledDates, forwardRef = _ref14.forwardRef, providedPlaceholders = _ref14.placeholders, _ref14$labelPrefix = _ref14.labelPrefix, labelPrefix = _ref14$labelPrefix === void 0 ? "Date" : _ref14$labelPrefix, onMaskPipeBlock = _ref14.onMaskPipeBlock, containerFocused = _ref14.containerFocused, animationsDisabled = _ref14.animationsDisabled, getI18nText = _ref14.getI18nText, inputId = _ref14.inputId, _ref14$inputRole = _ref14.inputRole, inputRole = _ref14$inputRole === void 0 ? "combobox" : _ref14$inputRole, __excludeProps = _ref14.__excludeProps, _root = _ref14.Root, otherProps = _objectWithoutProperties(_ref14, _excluded6);
+  var outerValue = _ref14.date, onDateChange = _ref14.onDateChange, onDisplayedPeriodChange = _ref14.onDisplayedPeriodChange, locale = _ref14.locale, styles = _ref14.styles, _ref14$parts = _ref14.parts, allowedParts = _ref14$parts === void 0 ? defaultAllowedParts : _ref14$parts, disabledDates = _ref14.disabledDates, forwardRef = _ref14.forwardRef, providedPlaceholders = _ref14.placeholders, _ref14$labelPrefix = _ref14.labelPrefix, labelPrefix = _ref14$labelPrefix === void 0 ? "Date" : _ref14$labelPrefix, onMaskPipeBlock = _ref14.onMaskPipeBlock, containerFocused = _ref14.containerFocused, animationsDisabled = _ref14.animationsDisabled, getI18nText = _ref14.getI18nText, inputId = _ref14.inputId, _ref14$inputRole = _ref14.inputRole, inputRole = _ref14$inputRole === void 0 ? "combobox" : _ref14$inputRole;
+  _ref14.__excludeProps;
+  _ref14.Root;
+  var otherProps = _objectWithoutProperties(_ref14, _excluded6);
   var ref = React.useRef();
   var _React$useState = React.useState(void 0), _React$useState2 = _slicedToArray(_React$useState, 2), width = _React$useState2[0], setWidth = _React$useState2[1];
   var placeholders = React.useMemo(function() {
@@ -781,7 +808,7 @@ function MaskedInput(_ref14) {
     for (var _i3 = 0, _stringsToMeasure = stringsToMeasure; _i3 < _stringsToMeasure.length; _i3++) {
       var string = _stringsToMeasure[_i3];
       measureSpan.innerHTML = string;
-      widths.push(Math.ceil(measureSpan.getBoundingClientRect().width));
+      widths.push(measureSpan.offsetWidth);
     }
     measureSpan.remove();
     var maxWidth = Math.max.apply(Math, widths);

package/lib/esm/components/PickerAbstract.mjs

@@ -3,7 +3,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, CORE_INSTANCE, assignProps, Component } from "@semcore/core";
+import { CORE_INSTANCE, sstyled, assignProps, Component } from "@semcore/core";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import Dropdown from "@semcore/dropdown";
 import dayjs from "dayjs";
@@ -16,39 +16,39 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPopper_1h6ds_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1h6ds_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1h6ds_gg_:active,.___SPopper_1h6ds_gg_:focus{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1h6ds_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SHeader_1h6ds_gg_,.___STitle_1h6ds_gg_{display:flex;align-items:center}.___STitle_1h6ds_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));height:32px;width:100%;justify-content:center}.___SToday_1h6ds_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1h6ds_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1h6ds_gg_ .___SInner_1h6ds_gg_{justify-content:flex-start}.___SInputMask_1h6ds_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));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_1h6ds_gg_.__animationsDisabled_1h6ds_gg_{transition:none}.___SInputMask_1h6ds_gg_ .___SValue_1h6ds_gg_{letter-spacing:0}.___SInputMask_1h6ds_gg_ .___SValue_1h6ds_gg_:focus{outline:0}.___SIndicator_1h6ds_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SIndicator_1h6ds_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SIndicator_1h6ds_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SRangeIndicator_1h6ds_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1h6ds_gg_._range_value_1h6ds_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(118, 128, 231))}.___SRangeIndicator_1h6ds_gg_._range_compare_1h6ds_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253))}.___SRangeIndicator_1h6ds_gg_.__disabled_1h6ds_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SHumanizedDate_1h6ds_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_1h6ds_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_1h6ds_gg_ .___SMask_1h6ds_gg_,.___SDateRange_1h6ds_gg_ .___SValue_1h6ds_gg_,.___SSingleDateInput_1h6ds_gg_ .___SMask_1h6ds_gg_,.___SSingleDateInput_1h6ds_gg_ .___SValue_1h6ds_gg_{opacity:0}.___SSingleDateInput_1h6ds_gg_:focus-within .___SHumanizedDate_1h6ds_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_,.___SSingleDateInput_1h6ds_gg_:focus-within .___SValue_1h6ds_gg_{opacity:1}.___SDateRange_1h6ds_gg_:focus-within .___SHumanizedDate_1h6ds_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_,.___SDateRange_1h6ds_gg_:focus-within .___SValue_1h6ds_gg_{opacity:1}.___SInputMask_1h6ds_gg_.__noHumanizedDate_1h6ds_gg_ .___SMask_1h6ds_gg_,.___SInputMask_1h6ds_gg_.__noHumanizedDate_1h6ds_gg_ .___SValue_1h6ds_gg_{opacity:1}.___SDateRange_1h6ds_gg_ .___SInputMask_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SDateRange_1h6ds_gg_ .___SInputMask_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SDateRange_1h6ds_gg_ .___SInputMask_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_{background-color:var(--intergalactic-bg-highlight-focus, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SDateRange_1h6ds_gg_:focus-within .___SRangeSep_1h6ds_gg_,.___SRangeSep_1h6ds_gg_.__fulfilled_1h6ds_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRangeComparatorHeader_1h6ds_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));padding:var(--intergalactic-spacing-4x, 16px)}@supports (color:color(display-p3 0 0 0%)){.___SRangeComparatorHeader_1h6ds_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SRangeComparatorHeader_1h6ds_gg_{border-bottom:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_1h6ds_gg_,.___SRangeCalendar_1h6ds_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1h6ds_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SFooter_1h6ds_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_1h6ds_gg_{border-top:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPeriodsList_1h6ds_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_1h6ds_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_1h6ds_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_1h6ds_gg_{transition:none}}",
+    ".___SPopper_1xsj6_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1xsj6_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1xsj6_gg_:active,.___SPopper_1xsj6_gg_:focus{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1xsj6_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SHeader_1xsj6_gg_,.___STitle_1xsj6_gg_{display:flex;align-items:center}.___STitle_1xsj6_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));height:32px;width:100%;justify-content:center}.___SToday_1xsj6_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1xsj6_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1xsj6_gg_ .___SInner_1xsj6_gg_{justify-content:flex-start}.___SInputMask_1xsj6_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));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_1xsj6_gg_.__animationsDisabled_1xsj6_gg_{transition:none}.___SInputMask_1xsj6_gg_ .___SValue_1xsj6_gg_{letter-spacing:0}.___SInputMask_1xsj6_gg_ .___SValue_1xsj6_gg_:focus{outline:0}.___SIndicator_1xsj6_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SIndicator_1xsj6_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SIndicator_1xsj6_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SRangeIndicator_1xsj6_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1xsj6_gg_._range_value_1xsj6_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(118, 128, 231))}.___SRangeIndicator_1xsj6_gg_._range_compare_1xsj6_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253))}.___SRangeIndicator_1xsj6_gg_.__disabled_1xsj6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SHumanizedDate_1xsj6_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_1xsj6_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_1xsj6_gg_ .___SMask_1xsj6_gg_,.___SDateRange_1xsj6_gg_ .___SValue_1xsj6_gg_,.___SSingleDateInput_1xsj6_gg_ .___SMask_1xsj6_gg_,.___SSingleDateInput_1xsj6_gg_ .___SValue_1xsj6_gg_{opacity:0}.___SSingleDateInput_1xsj6_gg_:focus-within .___SHumanizedDate_1xsj6_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1xsj6_gg_:focus-within .___SMask_1xsj6_gg_,.___SSingleDateInput_1xsj6_gg_:focus-within .___SValue_1xsj6_gg_{opacity:1}.___SDateRange_1xsj6_gg_:focus-within .___SHumanizedDate_1xsj6_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1xsj6_gg_:focus-within .___SMask_1xsj6_gg_,.___SDateRange_1xsj6_gg_:focus-within .___SValue_1xsj6_gg_{opacity:1}.___SInputMask_1xsj6_gg_.__noHumanizedDate_1xsj6_gg_ .___SMask_1xsj6_gg_,.___SInputMask_1xsj6_gg_.__noHumanizedDate_1xsj6_gg_ .___SValue_1xsj6_gg_{opacity:1}.___SDateRange_1xsj6_gg_ .___SInputMask_1xsj6_gg_:focus-within .___SMask_1xsj6_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SDateRange_1xsj6_gg_ .___SInputMask_1xsj6_gg_:focus-within .___SMask_1xsj6_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SDateRange_1xsj6_gg_ .___SInputMask_1xsj6_gg_:focus-within .___SMask_1xsj6_gg_{background-color:var(--intergalactic-bg-highlight-focus, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SDateRange_1xsj6_gg_:focus-within .___SRangeSep_1xsj6_gg_,.___SRangeSep_1xsj6_gg_.__fulfilled_1xsj6_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRangeComparatorHeader_1xsj6_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));padding:var(--intergalactic-spacing-4x, 16px)}@supports (color:color(display-p3 0 0 0%)){.___SRangeComparatorHeader_1xsj6_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SRangeComparatorHeader_1xsj6_gg_{border-bottom:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_1xsj6_gg_,.___SRangeCalendar_1xsj6_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1xsj6_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SFooter_1xsj6_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_1xsj6_gg_{border-top:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPeriodsList_1xsj6_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_1xsj6_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_1xsj6_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_1xsj6_gg_{transition:none}}",
     /*__inner_css_end__*/
-    "1h6ds_gg_"
+    "1xsj6_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHeader": "___SHeader_1h6ds_gg_",
-    "__STitle": "___STitle_1h6ds_gg_",
-    "__SToday": "___SToday_1h6ds_gg_",
-    "__SPeriod": "___SPeriod_1h6ds_gg_",
-    "__SButton": "___SButton_1h6ds_gg_",
-    "__SInner": "___SInner_1h6ds_gg_",
-    "__SInputMask": "___SInputMask_1h6ds_gg_",
-    "_animationsDisabled": "__animationsDisabled_1h6ds_gg_",
-    "__SIndicator": "___SIndicator_1h6ds_gg_",
-    "__SRangeIndicator": "___SRangeIndicator_1h6ds_gg_",
-    "_range_value": "_range_value_1h6ds_gg_",
-    "_range_compare": "_range_compare_1h6ds_gg_",
-    "_disabled": "__disabled_1h6ds_gg_",
-    "__SHumanizedDate": "___SHumanizedDate_1h6ds_gg_",
-    "__SMask": "___SMask_1h6ds_gg_",
-    "__SSingleDateInput": "___SSingleDateInput_1h6ds_gg_",
-    "__SValue": "___SValue_1h6ds_gg_",
-    "__SDateRange": "___SDateRange_1h6ds_gg_",
-    "_noHumanizedDate": "__noHumanizedDate_1h6ds_gg_",
-    "__SRangeSep": "___SRangeSep_1h6ds_gg_",
-    "_fulfilled": "__fulfilled_1h6ds_gg_",
-    "__SRangeComparatorHeader": "___SRangeComparatorHeader_1h6ds_gg_",
-    "__SRangeCalendar": "___SRangeCalendar_1h6ds_gg_",
-    "__SFooter": "___SFooter_1h6ds_gg_",
-    "__SPeriodsList": "___SPeriodsList_1h6ds_gg_",
-    "__STooltip": "___STooltip_1h6ds_gg_",
-    "__SCompareToggle": "___SCompareToggle_1h6ds_gg_",
-    "__SPopper": "___SPopper_1h6ds_gg_"
+    "__SHeader": "___SHeader_1xsj6_gg_",
+    "__STitle": "___STitle_1xsj6_gg_",
+    "__SToday": "___SToday_1xsj6_gg_",
+    "__SPeriod": "___SPeriod_1xsj6_gg_",
+    "__SButton": "___SButton_1xsj6_gg_",
+    "__SInner": "___SInner_1xsj6_gg_",
+    "__SInputMask": "___SInputMask_1xsj6_gg_",
+    "_animationsDisabled": "__animationsDisabled_1xsj6_gg_",
+    "__SIndicator": "___SIndicator_1xsj6_gg_",
+    "__SRangeIndicator": "___SRangeIndicator_1xsj6_gg_",
+    "_range_value": "_range_value_1xsj6_gg_",
+    "_range_compare": "_range_compare_1xsj6_gg_",
+    "_disabled": "__disabled_1xsj6_gg_",
+    "__SHumanizedDate": "___SHumanizedDate_1xsj6_gg_",
+    "__SMask": "___SMask_1xsj6_gg_",
+    "__SSingleDateInput": "___SSingleDateInput_1xsj6_gg_",
+    "__SValue": "___SValue_1xsj6_gg_",
+    "__SDateRange": "___SDateRange_1xsj6_gg_",
+    "_noHumanizedDate": "__noHumanizedDate_1xsj6_gg_",
+    "__SRangeSep": "___SRangeSep_1xsj6_gg_",
+    "_fulfilled": "__fulfilled_1xsj6_gg_",
+    "__SRangeComparatorHeader": "___SRangeComparatorHeader_1xsj6_gg_",
+    "__SRangeCalendar": "___SRangeCalendar_1xsj6_gg_",
+    "__SFooter": "___SFooter_1xsj6_gg_",
+    "__SPeriodsList": "___SPeriodsList_1xsj6_gg_",
+    "__STooltip": "___STooltip_1xsj6_gg_",
+    "__SCompareToggle": "___SCompareToggle_1xsj6_gg_",
+    "__SPopper": "___SPopper_1xsj6_gg_"
   })
 );
 var INTERACTION_TAGS = ["INPUT"];
@@ -82,7 +82,9 @@ var PickerAbstract = /* @__PURE__ */ (function(_Component) {
     });
     _defineProperty(_this, "handlerKeyDown", function(place) {
       return function(e) {
-        var _this$asProps = _this.asProps, value = _this$asProps.value, displayedPeriod = _this$asProps.displayedPeriod, highlighted = _this$asProps.highlighted, _disabled = _this$asProps.disabled, visible = _this$asProps.visible;
+        var _this$asProps = _this.asProps, value = _this$asProps.value, displayedPeriod = _this$asProps.displayedPeriod, highlighted = _this$asProps.highlighted;
+        _this$asProps.disabled;
+        var visible = _this$asProps.visible;
         var key = e.key, target = e.target;
         if ([" ", "Enter"].includes(key) && [_this.prevButtonRef.current, _this.nextButtonRef.current].includes(target)) return;
         if (place === "trigger" && INTERACTION_KEYS.includes(key)) {

package/lib/esm/components/RangePickerAbstract.mjs

@@ -4,12 +4,12 @@ import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { sstyled, CORE_INSTANCE, assignProps, Component } from "@semcore/core";
-import { Flex, Box } from "@semcore/base-components";
+import { assignProps, CORE_INSTANCE, sstyled, Component } from "@semcore/core";
 import Button from "@semcore/button";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import Divider from "@semcore/divider";
 import Dropdown from "@semcore/dropdown";
+import { Flex, Box } from "@semcore/flex-box";
 import dayjs from "dayjs";
 import React from "react";
 import { localizedMessages } from "../translations/__intergalactic-dynamic-locales.mjs";
@@ -20,39 +20,39 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPopper_1h6ds_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1h6ds_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1h6ds_gg_:active,.___SPopper_1h6ds_gg_:focus{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1h6ds_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SHeader_1h6ds_gg_,.___STitle_1h6ds_gg_{display:flex;align-items:center}.___STitle_1h6ds_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));height:32px;width:100%;justify-content:center}.___SToday_1h6ds_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1h6ds_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1h6ds_gg_ .___SInner_1h6ds_gg_{justify-content:flex-start}.___SInputMask_1h6ds_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));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_1h6ds_gg_.__animationsDisabled_1h6ds_gg_{transition:none}.___SInputMask_1h6ds_gg_ .___SValue_1h6ds_gg_{letter-spacing:0}.___SInputMask_1h6ds_gg_ .___SValue_1h6ds_gg_:focus{outline:0}.___SIndicator_1h6ds_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SIndicator_1h6ds_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SIndicator_1h6ds_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SRangeIndicator_1h6ds_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1h6ds_gg_._range_value_1h6ds_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(118, 128, 231))}.___SRangeIndicator_1h6ds_gg_._range_compare_1h6ds_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253))}.___SRangeIndicator_1h6ds_gg_.__disabled_1h6ds_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SHumanizedDate_1h6ds_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_1h6ds_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_1h6ds_gg_ .___SMask_1h6ds_gg_,.___SDateRange_1h6ds_gg_ .___SValue_1h6ds_gg_,.___SSingleDateInput_1h6ds_gg_ .___SMask_1h6ds_gg_,.___SSingleDateInput_1h6ds_gg_ .___SValue_1h6ds_gg_{opacity:0}.___SSingleDateInput_1h6ds_gg_:focus-within .___SHumanizedDate_1h6ds_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_,.___SSingleDateInput_1h6ds_gg_:focus-within .___SValue_1h6ds_gg_{opacity:1}.___SDateRange_1h6ds_gg_:focus-within .___SHumanizedDate_1h6ds_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_,.___SDateRange_1h6ds_gg_:focus-within .___SValue_1h6ds_gg_{opacity:1}.___SInputMask_1h6ds_gg_.__noHumanizedDate_1h6ds_gg_ .___SMask_1h6ds_gg_,.___SInputMask_1h6ds_gg_.__noHumanizedDate_1h6ds_gg_ .___SValue_1h6ds_gg_{opacity:1}.___SDateRange_1h6ds_gg_ .___SInputMask_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SDateRange_1h6ds_gg_ .___SInputMask_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SDateRange_1h6ds_gg_ .___SInputMask_1h6ds_gg_:focus-within .___SMask_1h6ds_gg_{background-color:var(--intergalactic-bg-highlight-focus, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SDateRange_1h6ds_gg_:focus-within .___SRangeSep_1h6ds_gg_,.___SRangeSep_1h6ds_gg_.__fulfilled_1h6ds_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRangeComparatorHeader_1h6ds_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));padding:var(--intergalactic-spacing-4x, 16px)}@supports (color:color(display-p3 0 0 0%)){.___SRangeComparatorHeader_1h6ds_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SRangeComparatorHeader_1h6ds_gg_{border-bottom:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_1h6ds_gg_,.___SRangeCalendar_1h6ds_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1h6ds_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SFooter_1h6ds_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_1h6ds_gg_{border-top:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPeriodsList_1h6ds_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_1h6ds_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_1h6ds_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_1h6ds_gg_{transition:none}}",
+    ".___SPopper_1xsj6_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1xsj6_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1xsj6_gg_:active,.___SPopper_1xsj6_gg_:focus{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1xsj6_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SHeader_1xsj6_gg_,.___STitle_1xsj6_gg_{display:flex;align-items:center}.___STitle_1xsj6_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));height:32px;width:100%;justify-content:center}.___SToday_1xsj6_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1xsj6_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1xsj6_gg_ .___SInner_1xsj6_gg_{justify-content:flex-start}.___SInputMask_1xsj6_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));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_1xsj6_gg_.__animationsDisabled_1xsj6_gg_{transition:none}.___SInputMask_1xsj6_gg_ .___SValue_1xsj6_gg_{letter-spacing:0}.___SInputMask_1xsj6_gg_ .___SValue_1xsj6_gg_:focus{outline:0}.___SIndicator_1xsj6_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SIndicator_1xsj6_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SIndicator_1xsj6_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SRangeIndicator_1xsj6_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1xsj6_gg_._range_value_1xsj6_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(118, 128, 231))}.___SRangeIndicator_1xsj6_gg_._range_compare_1xsj6_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253))}.___SRangeIndicator_1xsj6_gg_.__disabled_1xsj6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SHumanizedDate_1xsj6_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_1xsj6_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_1xsj6_gg_ .___SMask_1xsj6_gg_,.___SDateRange_1xsj6_gg_ .___SValue_1xsj6_gg_,.___SSingleDateInput_1xsj6_gg_ .___SMask_1xsj6_gg_,.___SSingleDateInput_1xsj6_gg_ .___SValue_1xsj6_gg_{opacity:0}.___SSingleDateInput_1xsj6_gg_:focus-within .___SHumanizedDate_1xsj6_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1xsj6_gg_:focus-within .___SMask_1xsj6_gg_,.___SSingleDateInput_1xsj6_gg_:focus-within .___SValue_1xsj6_gg_{opacity:1}.___SDateRange_1xsj6_gg_:focus-within .___SHumanizedDate_1xsj6_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1xsj6_gg_:focus-within .___SMask_1xsj6_gg_,.___SDateRange_1xsj6_gg_:focus-within .___SValue_1xsj6_gg_{opacity:1}.___SInputMask_1xsj6_gg_.__noHumanizedDate_1xsj6_gg_ .___SMask_1xsj6_gg_,.___SInputMask_1xsj6_gg_.__noHumanizedDate_1xsj6_gg_ .___SValue_1xsj6_gg_{opacity:1}.___SDateRange_1xsj6_gg_ .___SInputMask_1xsj6_gg_:focus-within .___SMask_1xsj6_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SDateRange_1xsj6_gg_ .___SInputMask_1xsj6_gg_:focus-within .___SMask_1xsj6_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SDateRange_1xsj6_gg_ .___SInputMask_1xsj6_gg_:focus-within .___SMask_1xsj6_gg_{background-color:var(--intergalactic-bg-highlight-focus, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SDateRange_1xsj6_gg_:focus-within .___SRangeSep_1xsj6_gg_,.___SRangeSep_1xsj6_gg_.__fulfilled_1xsj6_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRangeComparatorHeader_1xsj6_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));padding:var(--intergalactic-spacing-4x, 16px)}@supports (color:color(display-p3 0 0 0%)){.___SRangeComparatorHeader_1xsj6_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SRangeComparatorHeader_1xsj6_gg_{border-bottom:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_1xsj6_gg_,.___SRangeCalendar_1xsj6_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1xsj6_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SFooter_1xsj6_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_1xsj6_gg_{border-top:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPeriodsList_1xsj6_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_1xsj6_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_1xsj6_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_1xsj6_gg_{transition:none}}",
     /*__inner_css_end__*/
-    "1h6ds_gg_"
+    "1xsj6_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHeader": "___SHeader_1h6ds_gg_",
-    "__STitle": "___STitle_1h6ds_gg_",
-    "__SToday": "___SToday_1h6ds_gg_",
-    "__SPeriod": "___SPeriod_1h6ds_gg_",
-    "__SButton": "___SButton_1h6ds_gg_",
-    "__SInner": "___SInner_1h6ds_gg_",
-    "__SInputMask": "___SInputMask_1h6ds_gg_",
-    "_animationsDisabled": "__animationsDisabled_1h6ds_gg_",
-    "__SIndicator": "___SIndicator_1h6ds_gg_",
-    "__SRangeIndicator": "___SRangeIndicator_1h6ds_gg_",
-    "_range_value": "_range_value_1h6ds_gg_",
-    "_range_compare": "_range_compare_1h6ds_gg_",
-    "_disabled": "__disabled_1h6ds_gg_",
-    "__SHumanizedDate": "___SHumanizedDate_1h6ds_gg_",
-    "__SMask": "___SMask_1h6ds_gg_",
-    "__SSingleDateInput": "___SSingleDateInput_1h6ds_gg_",
-    "__SValue": "___SValue_1h6ds_gg_",
-    "__SDateRange": "___SDateRange_1h6ds_gg_",
-    "_noHumanizedDate": "__noHumanizedDate_1h6ds_gg_",
-    "__SRangeSep": "___SRangeSep_1h6ds_gg_",
-    "_fulfilled": "__fulfilled_1h6ds_gg_",
-    "__SRangeComparatorHeader": "___SRangeComparatorHeader_1h6ds_gg_",
-    "__SRangeCalendar": "___SRangeCalendar_1h6ds_gg_",
-    "__SFooter": "___SFooter_1h6ds_gg_",
-    "__SPeriodsList": "___SPeriodsList_1h6ds_gg_",
-    "__STooltip": "___STooltip_1h6ds_gg_",
-    "__SCompareToggle": "___SCompareToggle_1h6ds_gg_",
-    "__SPopper": "___SPopper_1h6ds_gg_"
+    "__SHeader": "___SHeader_1xsj6_gg_",
+    "__STitle": "___STitle_1xsj6_gg_",
+    "__SToday": "___SToday_1xsj6_gg_",
+    "__SPeriod": "___SPeriod_1xsj6_gg_",
+    "__SButton": "___SButton_1xsj6_gg_",
+    "__SInner": "___SInner_1xsj6_gg_",
+    "__SInputMask": "___SInputMask_1xsj6_gg_",
+    "_animationsDisabled": "__animationsDisabled_1xsj6_gg_",
+    "__SIndicator": "___SIndicator_1xsj6_gg_",
+    "__SRangeIndicator": "___SRangeIndicator_1xsj6_gg_",
+    "_range_value": "_range_value_1xsj6_gg_",
+    "_range_compare": "_range_compare_1xsj6_gg_",
+    "_disabled": "__disabled_1xsj6_gg_",
+    "__SHumanizedDate": "___SHumanizedDate_1xsj6_gg_",
+    "__SMask": "___SMask_1xsj6_gg_",
+    "__SSingleDateInput": "___SSingleDateInput_1xsj6_gg_",
+    "__SValue": "___SValue_1xsj6_gg_",
+    "__SDateRange": "___SDateRange_1xsj6_gg_",
+    "_noHumanizedDate": "__noHumanizedDate_1xsj6_gg_",
+    "__SRangeSep": "___SRangeSep_1xsj6_gg_",
+    "_fulfilled": "__fulfilled_1xsj6_gg_",
+    "__SRangeComparatorHeader": "___SRangeComparatorHeader_1xsj6_gg_",
+    "__SRangeCalendar": "___SRangeCalendar_1xsj6_gg_",
+    "__SFooter": "___SFooter_1xsj6_gg_",
+    "__SPeriodsList": "___SPeriodsList_1xsj6_gg_",
+    "__STooltip": "___STooltip_1xsj6_gg_",
+    "__SCompareToggle": "___SCompareToggle_1xsj6_gg_",
+    "__SPopper": "___SPopper_1xsj6_gg_"
   })
 );
 var INTERACTION_TAGS = ["INPUT"];

package/lib/esm/components/index.mjs

@@ -7,10 +7,10 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { assignProps, sstyled, Component } from "@semcore/core";
-import { Box } from "@semcore/base-components";
 import Button from "@semcore/button";
 import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
 import Dropdown from "@semcore/dropdown";
+import { Box } from "@semcore/flex-box";
 import ChevronLeft from "@semcore/icon/ChevronLeft/m";
 import ChevronRight from "@semcore/icon/ChevronRight/m";
 import dayjs from "dayjs";

package/lib/esm/style/calendar.shadow.css

@@ -86,7 +86,7 @@ SCalendarUnit[today] {
     width: calc(100% - 2px);
     height: calc(100% - 2px);
     box-sizing: border-box;
-    border: 1px solid var(--intergalactic-date-picker-cell-current, oklch(0.104 0.023 162.3 / 0.385));
+    border: 1px solid var(--intergalactic-date-picker-cell-current, oklch(0.109 0.023 165.5 / 0.337));
   }
 }
 

package/lib/esm/utils/shortDateRangeFormat.mjs

@@ -44,7 +44,8 @@ function shortDateRangeFormat(dates, _ref) {
       }).format(normalizeDates[0]), " ").concat(normalizeDates[0].getFullYear());
     }
     if (isSimilarYear) {
-      var _year = options.year, newOptions = _objectWithoutProperties(options, _excluded2);
+      options.year;
+      var newOptions = _objectWithoutProperties(options, _excluded2);
       if (getDayJSLocale(locale) === "en") {
         return "".concat(new Intl.DateTimeFormat(locale, newOptions).format(normalizeDates[0]), "-").concat(new Intl.DateTimeFormat(locale, newOptions).format(normalizeDates[1]), ", ").concat(normalizeDates[0].getFullYear());
       }