@salutejs/plasma-new-hope 0.109.0-canary.1310.10007111729.0 → 0.109.1-canary.1301.10056166255.0

package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js

@@ -1,3 +1,7 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -5,40 +9,90 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useCallback, useEffect, useRef } from 'react';
-import { cx } from '../../../../utils';
 import { useMonths } from '../../hooks';
-import { classes } from '../../Calendar.tokens';
-import { StyledCalendarMonths, StyledFlex, StyledMonth, StyledMonthRoot } from './CalendarMonths.styles';
+import { innerTokens, tokens } from '../../Calendar.tokens';
+import { ROW_MONTH_STEP, canSelectDate, getInRange, getSideInRange, isSameDay, isSelectProcess } from '../../utils';
+import { DateStructureItem } from '../DateStructureItem/DateStructureItem';
+import { StyledCalendarMonths, StyledFlex } from './CalendarMonths.styles';
 
 /**
  * Компонент месяцев в календаре.
  */
 export var CalendarMonths = function CalendarMonths(_ref) {
   var currentDate = _ref.date,
+    value = _ref.value,
     selectIndexes = _ref.selectIndexes,
+    eventList = _ref.eventList,
+    disabledList = _ref.disabledList,
+    min = _ref.min,
+    max = _ref.max,
     outerRefs = _ref.outerRefs,
+    isDouble = _ref.isDouble,
+    isSecond = _ref.isSecond,
+    hoveredMonth = _ref.hoveredMonth,
     onChangeMonth = _ref.onChangeMonth,
+    onHoverMonth = _ref.onHoverMonth,
     onSetSelected = _ref.onSetSelected,
     onKeyDown = _ref.onKeyDown;
-  var _useMonths = useMonths(currentDate),
+  var _useMonths = useMonths({
+      date: currentDate,
+      value: value,
+      eventList: eventList,
+      disabledList: disabledList,
+      min: min,
+      max: max
+    }),
     _useMonths2 = _slicedToArray(_useMonths, 2),
     months = _useMonths2[0],
     selected = _useMonths2[1];
   var selectedRef = useRef(selected);
   var onSetSelectedRef = useRef(onSetSelected);
-  var handleOnChangeMonth = useCallback(function (event) {
-    /**
-     * нужно вызвать stopImmediatePropagation для случаев, когда
-     * обработчик события onClick навешивается снаружи.
-     * Как, например, в компоненте Popup
-     */
-    event.nativeEvent.stopImmediatePropagation();
-    var monthIndex = event.currentTarget.dataset.monthIndex;
-    onChangeMonth(Number(monthIndex));
-  }, [onChangeMonth]);
+  var offset = isSecond ? ROW_MONTH_STEP : 0;
+  var monthItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarMonthFontFamily, ")")), "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarMonthFontSize, ")")), "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarMonthFontWeight, ")")), "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarMonthFontLineHeight, ")")), "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarMonthFontLetterSpacing, ")")), "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarMonthFontStyle, ")")), "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarMonthSelectedFontWeight, ")")), "".concat(innerTokens.dateStructureWidth), "var(".concat(tokens.calendarMonthItemWidth, ")")), "".concat(innerTokens.dateStructureHeight), "var(".concat(tokens.calendarMonthItemHeight, ")")), "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarMonthItemBorderRadius, ")"));
+  var getSelectedDate = useCallback(function (event) {
+    var _event$currentTarget$ = event.currentTarget.dataset,
+      day = _event$currentTarget$.day,
+      monthIndex = _event$currentTarget$.monthIndex,
+      year = _event$currentTarget$.year;
+    var selectedDate = {
+      day: Number(day),
+      monthIndex: Number(monthIndex),
+      year: Number(year)
+    };
+    if (!canSelectDate(selectedDate, value, disabledList)) {
+      return;
+    }
+    return selectedDate;
+  }, [disabledList, value]);
+  var handleOnChangeMonth = useCallback(function (i, j) {
+    return function (event) {
+      /**
+       * нужно вызвать stopImmediatePropagation для случаев, когда
+       * обработчик события onClick навешивается снаружи.
+       * Как, например, в компоненте Popup
+       */
+      event.nativeEvent.stopImmediatePropagation();
+      var selectedDate = getSelectedDate(event);
+      if (!selectedDate) {
+        return;
+      }
+      onChangeMonth(selectedDate, [i + offset, j]);
+      if (isSelectProcess(value)) {
+        onHoverMonth === null || onHoverMonth === void 0 || onHoverMonth(undefined);
+      }
+    };
+  }, [getSelectedDate, onChangeMonth, offset, value, onHoverMonth]);
+  var handleOnHoverMonth = useCallback(function (event) {
+    var selectedDate = getSelectedDate(event);
+    var isSelectedDone = Array.isArray(value) && value[0] && value[1];
+    if (!selectedDate || !Array.isArray(value) || isSelectedDone) {
+      return;
+    }
+    onHoverMonth === null || onHoverMonth === void 0 || onHoverMonth(selectedDate);
+  }, [getSelectedDate, onHoverMonth, value]);
   var getRefs = useCallback(function (element, i, j) {
-    outerRefs.current[i][j] = element;
-  }, [outerRefs]);
+    outerRefs.current[i + offset][j] = element;
+  }, [offset, outerRefs]);
   useEffect(function () {
     if (selectedRef.current) {
       var _onSetSelectedRef$cur;
@@ -58,23 +112,40 @@ export var CalendarMonths = function CalendarMonths(_ref) {
         monthIndex = _ref2.monthIndex,
         isSelected = _ref2.isSelected,
         isCurrent = _ref2.isCurrent,
-        monthFullName = _ref2.monthFullName;
-      var selectedClass = isSelected ? classes.selectedItem : undefined;
-      var currentClass = isCurrent ? classes.currentItem : undefined;
-      return /*#__PURE__*/React.createElement(StyledMonthRoot, {
-        id: "month-test-".concat(i, "-").concat(j),
-        className: cx(selectedClass, currentClass, classes.selectableItem),
+        monthFullName = _ref2.monthFullName,
+        date = _ref2.date,
+        events = _ref2.events,
+        isOutOfMinMaxRange = _ref2.isOutOfMinMaxRange,
+        inRange = _ref2.inRange,
+        disabled = _ref2.disabled,
+        disabledArrowKey = _ref2.disabledArrowKey,
+        disabledDates = _ref2.disabledDates;
+      return /*#__PURE__*/React.createElement(DateStructureItem, {
         ref: function ref(element) {
           return getRefs(element, i, j);
         },
-        tabIndex: i === (selectIndexes === null || selectIndexes === void 0 ? void 0 : selectIndexes[0]) && j === (selectIndexes === null || selectIndexes === void 0 ? void 0 : selectIndexes[1]) ? 0 : -1,
-        onClick: handleOnChangeMonth,
-        "data-month-index": monthIndex,
-        "aria-selected": isSelected,
-        role: "gridcell",
+        style: monthItemTokens,
+        eventList: events,
+        disabled: disabled,
+        day: date.day,
+        year: date.year,
+        monthIndex: monthIndex,
+        isFocused: i + offset === (selectIndexes === null || selectIndexes === void 0 ? void 0 : selectIndexes[0]) && j === (selectIndexes === null || selectIndexes === void 0 ? void 0 : selectIndexes[1]) && !isOutOfMinMaxRange,
+        isSelected: isSelected,
+        isCurrent: isCurrent,
+        isDouble: isDouble,
+        isHovered: isSameDay(date, hoveredMonth),
+        inRange: getInRange(value, date, hoveredMonth, inRange),
+        sideInRange: getSideInRange(value, date, hoveredMonth, isSelected),
+        onClick: disabled ? undefined : handleOnChangeMonth(i, j),
+        onMouseOver: disabled ? undefined : handleOnHoverMonth,
         key: "StyledMonth-".concat(i, "-").concat(j),
-        "aria-label": monthFullName
-      }, /*#__PURE__*/React.createElement(StyledMonth, null, monthName));
+        role: "gridcell",
+        "aria-label": monthFullName,
+        disabledArrowKey: disabledArrowKey,
+        disabledMonths: disabledDates,
+        isDayInCurrentMonth: true
+      }, monthName);
     }));
   }));
 };

package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js

@@ -1,40 +1,11 @@
 import _styled from "@emotion/styled/base";
-import { classes, tokens } from '../../Calendar.tokens';
-import { addFocus } from '../../../../mixins';
-import { addSelected, flexCenter } from '../../mixins';
+import { tokens } from '../../Calendar.tokens';
+import { flexCenter } from '../../mixins';
 export var StyledCalendarMonths = /*#__PURE__*/_styled("div", {
-  target: "e1ifyd4q3",
+  target: "e1ifyd4q1",
   label: "plasma-new-hope__StyledCalendarMonths"
-})("padding:var(", tokens.calendarMonthsPadding, ");box-sizing:border-box;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJNb250aHMvQ2FsZW5kYXJNb250aHMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU04QyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NhbGVuZGFyL3VpL0NhbGVuZGFyTW9udGhzL0NhbGVuZGFyTW9udGhzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vQ2FsZW5kYXIudG9rZW5zJztcbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vLi4vLi4vbWl4aW5zJztcbmltcG9ydCB7IGFkZFNlbGVjdGVkLCBmbGV4Q2VudGVyIH0gZnJvbSAnLi4vLi4vbWl4aW5zJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENhbGVuZGFyTW9udGhzID0gc3R5bGVkLmRpdmBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aHNQYWRkaW5nfSk7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGbGV4ID0gc3R5bGVkLmRpdmBcbiAgICAke1N0cmluZyhmbGV4Q2VudGVyKX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTW9udGggPSBzdHlsZWQuZGl2YFxuICAgIGJvcmRlci1yYWRpdXM6IGNhbGModmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhJdGVtQm9yZGVyUmFkaXVzfSkgLSAwLjEyNXJlbSk7XG5cbiAgICAke1N0cmluZyhmbGV4Q2VudGVyKX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTW9udGhSb290ID0gc3R5bGVkLmRpdmBcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aEZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoRm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhGb250TGluZUhlaWdodH0pO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgbWluLWhlaWdodDogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhJdGVtSGVpZ2h0fSk7XG4gICAgbWluLXdpZHRoOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aEl0ZW1XaWR0aH0pO1xuXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhJdGVtQm9yZGVyUmFkaXVzfSk7XG5cbiAgICAke1N0cmluZyhmbGV4Q2VudGVyKX07XG5cbiAgICAke2FkZFNlbGVjdGVkKHtcbiAgICAgICAgbWluV2lkdGg6IGBjYWxjKHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoSXRlbVdpZHRofSkgLSAwLjI1cmVtKWAsXG4gICAgICAgIG1pbkhlaWdodDogYGNhbGModmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhJdGVtSGVpZ2h0fSkgLSAwLjI1cmVtKWAsXG4gICAgICAgIHNlbGVjdGVkRm9udFdlaWdodDogYHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoU2VsZWN0ZWRGb250V2VpZ2h0fSlgLFxuICAgICAgICBzZWxlY3RlZEJhY2tncm91bmQ6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJTZWxlY3RlZEl0ZW1CYWNrZ3JvdW5kfSlgLFxuICAgICAgICBzZWxlY3RlZENvbG9yOiBgdmFyKCR7dG9rZW5zLmNhbGVuZGFyU2VsZWN0ZWRJdGVtQ29sb3J9KWAsXG4gICAgICAgIHNlbGVjdGFibGVCYWNrZ3JvdW5kSG92ZXI6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJTZWxlY3RhYmxlSXRlbUJhY2tncm91bmRIb3Zlcn0pYCxcbiAgICAgICAgY3VycmVudEJvcmRlckNvbG9yOiBgdmFyKCR7dG9rZW5zLmNhbGVuZGFyQ3VycmVudEl0ZW1Cb3JkZXJDb2xvcn0pYCxcbiAgICAgICAgYWN0aXZlQmFja2dyb3VuZDogYHZhcigke3Rva2Vucy5jYWxlbmRhckFjdGl2ZUl0ZW1CYWNrZ3JvdW5kfSlgLFxuICAgICAgICBhY3RpdmVDb2xvcjogYHZhcigke3Rva2Vucy5jYWxlbmRhckFjdGl2ZUl0ZW1Db2xvcn0pYCxcbiAgICB9KX07XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJPdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogYGNhbGModmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhJdGVtQm9yZGVyUmFkaXVzfSkgKyAwLjEyNXJlbSlgLFxuICAgIH0pfTtcblxuICAgICYuJHtjbGFzc2VzLmN1cnJlbnRJdGVtfSB7XG4gICAgICAgICR7YWRkRm9jdXMoe1xuICAgICAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTAuMTg3NXJlbScsXG4gICAgICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJPdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgICAgIG91dGxpbmVSYWRpdXM6IGBjYWxjKHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoSXRlbUJvcmRlclJhZGl1c30pICsgMC4xMjVyZW0pYCxcbiAgICAgICAgfSl9O1xuICAgIH1cbmA7XG4iXX0= */"));
+})("padding:var(", tokens.calendarMonthsPadding, ");box-sizing:border-box;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJNb250aHMvQ2FsZW5kYXJNb250aHMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUs4QyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NhbGVuZGFyL3VpL0NhbGVuZGFyTW9udGhzL0NhbGVuZGFyTW9udGhzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vQ2FsZW5kYXIudG9rZW5zJztcbmltcG9ydCB7IGZsZXhDZW50ZXIgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXJNb250aHMgPSBzdHlsZWQuZGl2YFxuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoc1BhZGRpbmd9KTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZsZXggPSBzdHlsZWQuZGl2YFxuICAgICR7U3RyaW5nKGZsZXhDZW50ZXIpfTtcbmA7XG4iXX0= */"));
 export var StyledFlex = /*#__PURE__*/_styled("div", {
-  target: "e1ifyd4q2",
-  label: "plasma-new-hope__StyledFlex"
-})( /*#__PURE__*/String(flexCenter), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJNb250aHMvQ2FsZW5kYXJNb250aHMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdvQyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NhbGVuZGFyL3VpL0NhbGVuZGFyTW9udGhzL0NhbGVuZGFyTW9udGhzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vQ2FsZW5kYXIudG9rZW5zJztcbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vLi4vLi4vbWl4aW5zJztcbmltcG9ydCB7IGFkZFNlbGVjdGVkLCBmbGV4Q2VudGVyIH0gZnJvbSAnLi4vLi4vbWl4aW5zJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENhbGVuZGFyTW9udGhzID0gc3R5bGVkLmRpdmBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aHNQYWRkaW5nfSk7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGbGV4ID0gc3R5bGVkLmRpdmBcbiAgICAke1N0cmluZyhmbGV4Q2VudGVyKX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTW9udGggPSBzdHlsZWQuZGl2YFxuICAgIGJvcmRlci1yYWRpdXM6IGNhbGModmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhJdGVtQm9yZGVyUmFkaXVzfSkgLSAwLjEyNXJlbSk7XG5cbiAgICAke1N0cmluZyhmbGV4Q2VudGVyKX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTW9udGhSb290ID0gc3R5bGVkLmRpdmBcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aEZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoRm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhGb250TGluZUhlaWdodH0pO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgbWluLWhlaWdodDogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhJdGVtSGVpZ2h0fSk7XG4gICAgbWluLXdpZHRoOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aEl0ZW1XaWR0aH0pO1xuXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhJdGVtQm9yZGVyUmFkaXVzfSk7XG5cbiAgICAke1N0cmluZyhmbGV4Q2VudGVyKX07XG5cbiAgICAke2FkZFNlbGVjdGVkKHtcbiAgICAgICAgbWluV2lkdGg6IGBjYWxjKHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoSXRlbVdpZHRofSkgLSAwLjI1cmVtKWAsXG4gICAgICAgIG1pbkhlaWdodDogYGNhbGModmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhJdGVtSGVpZ2h0fSkgLSAwLjI1cmVtKWAsXG4gICAgICAgIHNlbGVjdGVkRm9udFdlaWdodDogYHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoU2VsZWN0ZWRGb250V2VpZ2h0fSlgLFxuICAgICAgICBzZWxlY3RlZEJhY2tncm91bmQ6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJTZWxlY3RlZEl0ZW1CYWNrZ3JvdW5kfSlgLFxuICAgICAgICBzZWxlY3RlZENvbG9yOiBgdmFyKCR7dG9rZW5zLmNhbGVuZGFyU2VsZWN0ZWRJdGVtQ29sb3J9KWAsXG4gICAgICAgIHNlbGVjdGFibGVCYWNrZ3JvdW5kSG92ZXI6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJTZWxlY3RhYmxlSXRlbUJhY2tncm91bmRIb3Zlcn0pYCxcbiAgICAgICAgY3VycmVudEJvcmRlckNvbG9yOiBgdmFyKCR7dG9rZW5zLmNhbGVuZGFyQ3VycmVudEl0ZW1Cb3JkZXJDb2xvcn0pYCxcbiAgICAgICAgYWN0aXZlQmFja2dyb3VuZDogYHZhcigke3Rva2Vucy5jYWxlbmRhckFjdGl2ZUl0ZW1CYWNrZ3JvdW5kfSlgLFxuICAgICAgICBhY3RpdmVDb2xvcjogYHZhcigke3Rva2Vucy5jYWxlbmRhckFjdGl2ZUl0ZW1Db2xvcn0pYCxcbiAgICB9KX07XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJPdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogYGNhbGModmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhJdGVtQm9yZGVyUmFkaXVzfSkgKyAwLjEyNXJlbSlgLFxuICAgIH0pfTtcblxuICAgICYuJHtjbGFzc2VzLmN1cnJlbnRJdGVtfSB7XG4gICAgICAgICR7YWRkRm9jdXMoe1xuICAgICAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTAuMTg3NXJlbScsXG4gICAgICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJPdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgICAgIG91dGxpbmVSYWRpdXM6IGBjYWxjKHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoSXRlbUJvcmRlclJhZGl1c30pICsgMC4xMjVyZW0pYCxcbiAgICAgICAgfSl9O1xuICAgIH1cbmA7XG4iXX0= */"));
-export var StyledMonth = /*#__PURE__*/_styled("div", {
-  target: "e1ifyd4q1",
-  label: "plasma-new-hope__StyledMonth"
-})("border-radius:calc(var(", tokens.calendarMonthItemBorderRadius, ") - 0.125rem);", /*#__PURE__*/String(flexCenter), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJNb250aHMvQ2FsZW5kYXJNb250aHMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVxQyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NhbGVuZGFyL3VpL0NhbGVuZGFyTW9udGhzL0NhbGVuZGFyTW9udGhzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vQ2FsZW5kYXIudG9rZW5zJztcbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vLi4vLi4vbWl4aW5zJztcbmltcG9ydCB7IGFkZFNlbGVjdGVkLCBmbGV4Q2VudGVyIH0gZnJvbSAnLi4vLi4vbWl4aW5zJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENhbGVuZGFyTW9udGhzID0gc3R5bGVkLmRpdmBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aHNQYWRkaW5nfSk7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGbGV4ID0gc3R5bGVkLmRpdmBcbiAgICAke1N0cmluZyhmbGV4Q2VudGVyKX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTW9udGggPSBzdHlsZWQuZGl2YFxuICAgIGJvcmRlci1yYWRpdXM6IGNhbGModmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhJdGVtQm9yZGVyUmFkaXVzfSkgLSAwLjEyNXJlbSk7XG5cbiAgICAke1N0cmluZyhmbGV4Q2VudGVyKX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTW9udGhSb290ID0gc3R5bGVkLmRpdmBcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aEZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoRm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhGb250TGluZUhlaWdodH0pO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgbWluLWhlaWdodDogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhJdGVtSGVpZ2h0fSk7XG4gICAgbWluLXdpZHRoOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aEl0ZW1XaWR0aH0pO1xuXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhJdGVtQm9yZGVyUmFkaXVzfSk7XG5cbiAgICAke1N0cmluZyhmbGV4Q2VudGVyKX07XG5cbiAgICAke2FkZFNlbGVjdGVkKHtcbiAgICAgICAgbWluV2lkdGg6IGBjYWxjKHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoSXRlbVdpZHRofSkgLSAwLjI1cmVtKWAsXG4gICAgICAgIG1pbkhlaWdodDogYGNhbGModmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhJdGVtSGVpZ2h0fSkgLSAwLjI1cmVtKWAsXG4gICAgICAgIHNlbGVjdGVkRm9udFdlaWdodDogYHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoU2VsZWN0ZWRGb250V2VpZ2h0fSlgLFxuICAgICAgICBzZWxlY3RlZEJhY2tncm91bmQ6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJTZWxlY3RlZEl0ZW1CYWNrZ3JvdW5kfSlgLFxuICAgICAgICBzZWxlY3RlZENvbG9yOiBgdmFyKCR7dG9rZW5zLmNhbGVuZGFyU2VsZWN0ZWRJdGVtQ29sb3J9KWAsXG4gICAgICAgIHNlbGVjdGFibGVCYWNrZ3JvdW5kSG92ZXI6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJTZWxlY3RhYmxlSXRlbUJhY2tncm91bmRIb3Zlcn0pYCxcbiAgICAgICAgY3VycmVudEJvcmRlckNvbG9yOiBgdmFyKCR7dG9rZW5zLmNhbGVuZGFyQ3VycmVudEl0ZW1Cb3JkZXJDb2xvcn0pYCxcbiAgICAgICAgYWN0aXZlQmFja2dyb3VuZDogYHZhcigke3Rva2Vucy5jYWxlbmRhckFjdGl2ZUl0ZW1CYWNrZ3JvdW5kfSlgLFxuICAgICAgICBhY3RpdmVDb2xvcjogYHZhcigke3Rva2Vucy5jYWxlbmRhckFjdGl2ZUl0ZW1Db2xvcn0pYCxcbiAgICB9KX07XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJPdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogYGNhbGModmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhJdGVtQm9yZGVyUmFkaXVzfSkgKyAwLjEyNXJlbSlgLFxuICAgIH0pfTtcblxuICAgICYuJHtjbGFzc2VzLmN1cnJlbnRJdGVtfSB7XG4gICAgICAgICR7YWRkRm9jdXMoe1xuICAgICAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTAuMTg3NXJlbScsXG4gICAgICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJPdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgICAgIG91dGxpbmVSYWRpdXM6IGBjYWxjKHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoSXRlbUJvcmRlclJhZGl1c30pICsgMC4xMjVyZW0pYCxcbiAgICAgICAgfSl9O1xuICAgIH1cbmA7XG4iXX0= */"));
-export var StyledMonthRoot = /*#__PURE__*/_styled("div", {
   target: "e1ifyd4q0",
-  label: "plasma-new-hope__StyledMonthRoot"
-})("font-family:var(", tokens.calendarMonthFontFamily, ");font-size:var(", tokens.calendarMonthFontSize, ");font-style:var(", tokens.calendarMonthFontStyle, ");font-weight:var(", tokens.calendarMonthFontWeight, ");letter-spacing:var(", tokens.calendarMonthFontLetterSpacing, ");line-height:var(", tokens.calendarMonthFontLineHeight, ");position:relative;box-sizing:border-box;min-height:var(", tokens.calendarMonthItemHeight, ");min-width:var(", tokens.calendarMonthItemWidth, ");border-radius:var(", tokens.calendarMonthItemBorderRadius, ");", /*#__PURE__*/String(flexCenter), ";", /*#__PURE__*/addSelected({
-  minWidth: /*#__PURE__*/"calc(var(".concat(tokens.calendarMonthItemWidth, ") - 0.25rem)"),
-  minHeight: /*#__PURE__*/"calc(var(".concat(tokens.calendarMonthItemHeight, ") - 0.25rem)"),
-  selectedFontWeight: /*#__PURE__*/"var(".concat(tokens.calendarMonthSelectedFontWeight, ")"),
-  selectedBackground: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemBackground, ")"),
-  selectedColor: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemColor, ")"),
-  selectableBackgroundHover: /*#__PURE__*/"var(".concat(tokens.calendarSelectableItemBackgroundHover, ")"),
-  currentBorderColor: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemBorderColor, ")"),
-  activeBackground: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemBackground, ")"),
-  activeColor: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemColor, ")")
-}), ";", /*#__PURE__*/addFocus({
-  outlineSize: '0.063rem',
-  outlineOffset: '-0.125rem',
-  outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
-  outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarMonthItemBorderRadius, ") + 0.125rem)")
-}), ";&.", classes.currentItem, "{", /*#__PURE__*/addFocus({
-  outlineSize: '0.063rem',
-  outlineOffset: '-0.1875rem',
-  outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
-  outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarMonthItemBorderRadius, ") + 0.125rem)")
-}), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJNb250aHMvQ2FsZW5kYXJNb250aHMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCeUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYWxlbmRhci91aS9DYWxlbmRhck1vbnRocy9DYWxlbmRhck1vbnRocy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL0NhbGVuZGFyLnRva2Vucyc7XG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uLy4uLy4uL21peGlucyc7XG5pbXBvcnQgeyBhZGRTZWxlY3RlZCwgZmxleENlbnRlciB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhck1vbnRocyA9IHN0eWxlZC5kaXZgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhzUGFkZGluZ30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRmxleCA9IHN0eWxlZC5kaXZgXG4gICAgJHtTdHJpbmcoZmxleENlbnRlcil9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE1vbnRoID0gc3R5bGVkLmRpdmBcbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoSXRlbUJvcmRlclJhZGl1c30pIC0gMC4xMjVyZW0pO1xuXG4gICAgJHtTdHJpbmcoZmxleENlbnRlcil9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE1vbnRoUm9vdCA9IHN0eWxlZC5kaXZgXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhGb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoRm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoRm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aEZvbnRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoRm9udExpbmVIZWlnaHR9KTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIG1pbi1oZWlnaHQ6IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoSXRlbUhlaWdodH0pO1xuICAgIG1pbi13aWR0aDogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhJdGVtV2lkdGh9KTtcblxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoSXRlbUJvcmRlclJhZGl1c30pO1xuXG4gICAgJHtTdHJpbmcoZmxleENlbnRlcil9O1xuXG4gICAgJHthZGRTZWxlY3RlZCh7XG4gICAgICAgIG1pbldpZHRoOiBgY2FsYyh2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aEl0ZW1XaWR0aH0pIC0gMC4yNXJlbSlgLFxuICAgICAgICBtaW5IZWlnaHQ6IGBjYWxjKHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoSXRlbUhlaWdodH0pIC0gMC4yNXJlbSlgLFxuICAgICAgICBzZWxlY3RlZEZvbnRXZWlnaHQ6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aFNlbGVjdGVkRm9udFdlaWdodH0pYCxcbiAgICAgICAgc2VsZWN0ZWRCYWNrZ3JvdW5kOiBgdmFyKCR7dG9rZW5zLmNhbGVuZGFyU2VsZWN0ZWRJdGVtQmFja2dyb3VuZH0pYCxcbiAgICAgICAgc2VsZWN0ZWRDb2xvcjogYHZhcigke3Rva2Vucy5jYWxlbmRhclNlbGVjdGVkSXRlbUNvbG9yfSlgLFxuICAgICAgICBzZWxlY3RhYmxlQmFja2dyb3VuZEhvdmVyOiBgdmFyKCR7dG9rZW5zLmNhbGVuZGFyU2VsZWN0YWJsZUl0ZW1CYWNrZ3JvdW5kSG92ZXJ9KWAsXG4gICAgICAgIGN1cnJlbnRCb3JkZXJDb2xvcjogYHZhcigke3Rva2Vucy5jYWxlbmRhckN1cnJlbnRJdGVtQm9yZGVyQ29sb3J9KWAsXG4gICAgICAgIGFjdGl2ZUJhY2tncm91bmQ6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJBY3RpdmVJdGVtQmFja2dyb3VuZH0pYCxcbiAgICAgICAgYWN0aXZlQ29sb3I6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJBY3RpdmVJdGVtQ29sb3J9KWAsXG4gICAgfSl9O1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjNyZW0nLFxuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLmNhbGVuZGFyT3V0bGluZUZvY3VzQ29sb3J9KWAsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6IGBjYWxjKHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoSXRlbUJvcmRlclJhZGl1c30pICsgMC4xMjVyZW0pYCxcbiAgICB9KX07XG5cbiAgICAmLiR7Y2xhc3Nlcy5jdXJyZW50SXRlbX0ge1xuICAgICAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjNyZW0nLFxuICAgICAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjE4NzVyZW0nLFxuICAgICAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLmNhbGVuZGFyT3V0bGluZUZvY3VzQ29sb3J9KWAsXG4gICAgICAgICAgICBvdXRsaW5lUmFkaXVzOiBgY2FsYyh2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aEl0ZW1Cb3JkZXJSYWRpdXN9KSArIDAuMTI1cmVtKWAsXG4gICAgICAgIH0pfTtcbiAgICB9XG5gO1xuIl19 */"));
+  label: "plasma-new-hope__StyledFlex"
+})( /*#__PURE__*/String(flexCenter), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJNb250aHMvQ2FsZW5kYXJNb250aHMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVvQyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NhbGVuZGFyL3VpL0NhbGVuZGFyTW9udGhzL0NhbGVuZGFyTW9udGhzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vQ2FsZW5kYXIudG9rZW5zJztcbmltcG9ydCB7IGZsZXhDZW50ZXIgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXJNb250aHMgPSBzdHlsZWQuZGl2YFxuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoc1BhZGRpbmd9KTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZsZXggPSBzdHlsZWQuZGl2YFxuICAgICR7U3RyaW5nKGZsZXhDZW50ZXIpfTtcbmA7XG4iXX0= */"));

package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js

@@ -0,0 +1,149 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useCallback, useEffect, useRef } from 'react';
+import { useQuarters } from '../../hooks';
+import { innerTokens, tokens } from '../../Calendar.tokens';
+import { ROW_QUARTER_STEP, canSelectDate, getInRange, getSideInRange, isSameDay, isSelectProcess } from '../../utils';
+import { DateStructureItem } from '../DateStructureItem/DateStructureItem';
+import { StyledCalendarQuarters, StyledFlex } from './CalendarQuarters.styles';
+
+/**
+ * Компонент кварталов в календаре.
+ */
+export var CalendarQuarters = function CalendarQuarters(_ref) {
+  var currentDate = _ref.date,
+    value = _ref.value,
+    selectIndexes = _ref.selectIndexes,
+    eventList = _ref.eventList,
+    disabledList = _ref.disabledList,
+    min = _ref.min,
+    max = _ref.max,
+    outerRefs = _ref.outerRefs,
+    isDouble = _ref.isDouble,
+    isSecond = _ref.isSecond,
+    hoveredQuarter = _ref.hoveredQuarter,
+    onChangeQuarter = _ref.onChangeQuarter,
+    onHoverQuarter = _ref.onHoverQuarter,
+    onSetSelected = _ref.onSetSelected,
+    onKeyDown = _ref.onKeyDown;
+  var _useQuarters = useQuarters({
+      date: currentDate,
+      value: value,
+      eventList: eventList,
+      disabledList: disabledList,
+      min: min,
+      max: max
+    }),
+    _useQuarters2 = _slicedToArray(_useQuarters, 2),
+    quarters = _useQuarters2[0],
+    selected = _useQuarters2[1];
+  var selectedRef = useRef(selected);
+  var onSetSelectedRef = useRef(onSetSelected);
+  var offset = isSecond ? ROW_QUARTER_STEP : 0;
+  var quarterItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarQuarterFontFamily, ")")), "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarQuarterFontSize, ")")), "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarQuarterFontWeight, ")")), "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarQuarterFontLineHeight, ")")), "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarQuarterFontLetterSpacing, ")")), "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarQuarterFontStyle, ")")), "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarQuarterSelectedFontWeight, ")")), "".concat(innerTokens.dateStructureWidth), "var(".concat(tokens.calendarQuarterItemWidth, ")")), "".concat(innerTokens.dateStructureHeight), "var(".concat(tokens.calendarQuarterItemHeight, ")")), "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarQuarterItemBorderRadius, ")"));
+  var getSelectedDate = useCallback(function (event) {
+    var _event$currentTarget$ = event.currentTarget.dataset,
+      day = _event$currentTarget$.day,
+      monthIndex = _event$currentTarget$.monthIndex,
+      year = _event$currentTarget$.year;
+    var selectedDate = {
+      day: Number(day),
+      monthIndex: Number(monthIndex),
+      year: Number(year)
+    };
+    if (!canSelectDate(selectedDate, value, disabledList)) {
+      return;
+    }
+    return selectedDate;
+  }, [disabledList, value]);
+  var handleOnChangeQuarter = useCallback(function (i, j, quarterName) {
+    return function (event) {
+      /**
+       * нужно вызвать stopImmediatePropagation для случаев, когда
+       * обработчик события onClick навешивается снаружи.
+       * Как, например, в компоненте Popup
+       */
+      event.nativeEvent.stopImmediatePropagation();
+      var selectedDate = getSelectedDate(event);
+      if (!selectedDate) {
+        return;
+      }
+      onChangeQuarter(selectedDate, [i + offset, j], quarterName);
+      if (isSelectProcess(value)) {
+        onHoverQuarter === null || onHoverQuarter === void 0 || onHoverQuarter(undefined);
+      }
+    };
+  }, [getSelectedDate, onChangeQuarter, offset, value, onHoverQuarter]);
+  var handleOnHoverQuarter = useCallback(function (event) {
+    var selectedDate = getSelectedDate(event);
+    var isSelectedDone = Array.isArray(value) && value[0] && value[1];
+    if (!selectedDate || !Array.isArray(value) || isSelectedDone) {
+      return;
+    }
+    onHoverQuarter === null || onHoverQuarter === void 0 || onHoverQuarter(selectedDate);
+  }, [getSelectedDate, onHoverQuarter, value]);
+  var getRefs = useCallback(function (element, i, j) {
+    outerRefs.current[i + offset][j] = element;
+  }, [offset, outerRefs]);
+  useEffect(function () {
+    if (selectedRef.current) {
+      var _onSetSelectedRef$cur;
+      (_onSetSelectedRef$cur = onSetSelectedRef.current) === null || _onSetSelectedRef$cur === void 0 || _onSetSelectedRef$cur.call(onSetSelectedRef, selectedRef.current);
+    }
+  }, []);
+  return /*#__PURE__*/React.createElement(StyledCalendarQuarters, {
+    role: "grid",
+    "aria-labelledby": "id-grid-label",
+    onKeyDown: onKeyDown
+  }, quarters.map(function (quarter, i) {
+    return /*#__PURE__*/React.createElement(StyledFlex, {
+      role: "row",
+      key: i
+    }, quarter.map(function (_ref2, j) {
+      var quarterName = _ref2.quarterName,
+        isSelected = _ref2.isSelected,
+        isCurrent = _ref2.isCurrent,
+        date = _ref2.date,
+        events = _ref2.events,
+        isOutOfMinMaxRange = _ref2.isOutOfMinMaxRange,
+        inRange = _ref2.inRange,
+        disabled = _ref2.disabled,
+        disabledArrowKey = _ref2.disabledArrowKey,
+        disabledDates = _ref2.disabledDates;
+      return /*#__PURE__*/React.createElement(DateStructureItem, {
+        ref: function ref(element) {
+          return getRefs(element, i, j);
+        },
+        style: quarterItemTokens,
+        eventList: events,
+        disabled: disabled,
+        day: date.day,
+        year: date.year,
+        monthIndex: date.monthIndex,
+        isFocused: i + offset === (selectIndexes === null || selectIndexes === void 0 ? void 0 : selectIndexes[0]) && j === (selectIndexes === null || selectIndexes === void 0 ? void 0 : selectIndexes[1]) && !isOutOfMinMaxRange,
+        isSelected: isSelected,
+        isCurrent: isCurrent,
+        isDouble: isDouble,
+        isHovered: isSameDay(date, hoveredQuarter),
+        inRange: getInRange(value, date, hoveredQuarter, inRange),
+        sideInRange: getSideInRange(value, date, hoveredQuarter, isSelected),
+        onClick: disabled ? undefined : handleOnChangeQuarter(i, j, String(quarterName)),
+        onMouseOver: disabled ? undefined : handleOnHoverQuarter,
+        key: "StyledQuarter-".concat(i, "-").concat(j),
+        role: "gridcell",
+        "aria-label": quarterName,
+        disabledArrowKey: disabledArrowKey,
+        disabledMonths: disabledDates,
+        isDayInCurrentMonth: true
+      }, quarterName);
+    }));
+  }));
+};

package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js

@@ -0,0 +1,11 @@
+import _styled from "@emotion/styled/base";
+import { tokens } from '../../Calendar.tokens';
+import { flexCenter } from '../../mixins';
+export var StyledCalendarQuarters = /*#__PURE__*/_styled("div", {
+  target: "e1upfrix1",
+  label: "plasma-new-hope__StyledCalendarQuarters"
+})("padding:var(", tokens.calendarQuartersPadding, ");box-sizing:border-box;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJRdWFydGVycy9DYWxlbmRhclF1YXJ0ZXJzLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLZ0QiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYWxlbmRhci91aS9DYWxlbmRhclF1YXJ0ZXJzL0NhbGVuZGFyUXVhcnRlcnMuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9DYWxlbmRhci50b2tlbnMnO1xuaW1wb3J0IHsgZmxleENlbnRlciB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhclF1YXJ0ZXJzID0gc3R5bGVkLmRpdmBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJRdWFydGVyc1BhZGRpbmd9KTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZsZXggPSBzdHlsZWQuZGl2YFxuICAgICR7U3RyaW5nKGZsZXhDZW50ZXIpfTtcbmA7XG4iXX0= */"));
+export var StyledFlex = /*#__PURE__*/_styled("div", {
+  target: "e1upfrix0",
+  label: "plasma-new-hope__StyledFlex"
+})( /*#__PURE__*/String(flexCenter), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJRdWFydGVycy9DYWxlbmRhclF1YXJ0ZXJzLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVb0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYWxlbmRhci91aS9DYWxlbmRhclF1YXJ0ZXJzL0NhbGVuZGFyUXVhcnRlcnMuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9DYWxlbmRhci50b2tlbnMnO1xuaW1wb3J0IHsgZmxleENlbnRlciB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhclF1YXJ0ZXJzID0gc3R5bGVkLmRpdmBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJRdWFydGVyc1BhZGRpbmd9KTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZsZXggPSBzdHlsZWQuZGl2YFxuICAgICR7U3RyaW5nKGZsZXhDZW50ZXIpfTtcbmA7XG4iXX0= */"));

package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.js

@@ -1,3 +1,7 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -5,40 +9,91 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useCallback, useEffect, useRef } from 'react';
-import { cx } from '../../../../utils';
 import { useYears } from '../../hooks';
-import { classes } from '../../Calendar.tokens';
-import { StyledCalendarYears, StyledFlex, StyledYear, StyledYearRoot } from './CalendarYears.styles';
+import { innerTokens, tokens } from '../../Calendar.tokens';
+import { ROW_YEAR_STEP, canSelectDate, getInRange, getSideInRange, isSameDay, isSelectProcess } from '../../utils';
+import { DateStructureItem } from '../DateStructureItem/DateStructureItem';
+import { StyledCalendarYears, StyledFlex } from './CalendarYears.styles';
 
 /**
  * Компонент годов в календаре.
  */
 export var CalendarYears = function CalendarYears(_ref) {
   var currentDate = _ref.date,
+    value = _ref.value,
     startYear = _ref.startYear,
     selectIndexes = _ref.selectIndexes,
+    eventList = _ref.eventList,
+    disabledList = _ref.disabledList,
+    min = _ref.min,
+    max = _ref.max,
     outerRefs = _ref.outerRefs,
+    isDouble = _ref.isDouble,
+    isSecond = _ref.isSecond,
+    hoveredYear = _ref.hoveredYear,
     onChangeYear = _ref.onChangeYear,
+    onHoverYear = _ref.onHoverYear,
     onSetSelected = _ref.onSetSelected,
     onKeyDown = _ref.onKeyDown;
-  var _useYears = useYears(currentDate, startYear),
+  var _useYears = useYears({
+      date: currentDate,
+      value: value,
+      startYear: startYear,
+      eventList: eventList,
+      disabledList: disabledList,
+      min: min,
+      max: max
+    }),
     _useYears2 = _slicedToArray(_useYears, 2),
     years = _useYears2[0],
     selected = _useYears2[1];
   var selectedRef = useRef(selected);
   var onSetSelectedRef = useRef(onSetSelected);
-  var handleOnChangeYear = useCallback(function (event) {
-    /**
-     * нужно вызвать stopImmediatePropagation для случаев, когда
-     * обработчик события onClick навешивается снаружи.
-     * Как, например, в компоненте Popup
-     */
-    event.nativeEvent.stopImmediatePropagation();
-    var year = event.currentTarget.dataset.year;
-    onChangeYear(Number(year));
-  }, [onChangeYear]);
+  var offset = isSecond ? ROW_YEAR_STEP : 0;
+  var yearItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarYearFontFamily, ")")), "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarYearFontSize, ")")), "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarYearFontWeight, ")")), "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarYearFontLineHeight, ")")), "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarYearFontLetterSpacing, ")")), "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarYearFontStyle, ")")), "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarYearSelectedFontWeight, ")")), "".concat(innerTokens.dateStructureWidth), "var(".concat(tokens.calendarYearItemWidth, ")")), "".concat(innerTokens.dateStructureHeight), "var(".concat(tokens.calendarYearItemHeight, ")")), "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarYearItemBorderRadius, ")"));
+  var getSelectedDate = useCallback(function (event) {
+    var _event$currentTarget$ = event.currentTarget.dataset,
+      day = _event$currentTarget$.day,
+      monthIndex = _event$currentTarget$.monthIndex,
+      year = _event$currentTarget$.year;
+    var selectedDate = {
+      day: Number(day),
+      monthIndex: Number(monthIndex),
+      year: Number(year)
+    };
+    if (!canSelectDate(selectedDate, value, disabledList)) {
+      return;
+    }
+    return selectedDate;
+  }, [disabledList, value]);
+  var handleOnChangeYear = useCallback(function (i, j) {
+    return function (event) {
+      /**
+       * нужно вызвать stopImmediatePropagation для случаев, когда
+       * обработчик события onClick навешивается снаружи.
+       * Как, например, в компоненте Popup
+       */
+      event.nativeEvent.stopImmediatePropagation();
+      var selectedDate = getSelectedDate(event);
+      if (!selectedDate) {
+        return;
+      }
+      onChangeYear(selectedDate, [i + offset, j]);
+      if (isSelectProcess(value)) {
+        onHoverYear === null || onHoverYear === void 0 || onHoverYear(undefined);
+      }
+    };
+  }, [getSelectedDate, onChangeYear, offset, value, onHoverYear]);
+  var handleOnHoverYear = useCallback(function (event) {
+    var selectedDate = getSelectedDate(event);
+    var isSelectedDone = Array.isArray(value) && value[0] && value[1];
+    if (!selectedDate || !Array.isArray(value) || isSelectedDone) {
+      return;
+    }
+    onHoverYear === null || onHoverYear === void 0 || onHoverYear(selectedDate);
+  }, [getSelectedDate, onHoverYear, value]);
   var getRefs = useCallback(function (element, i, j) {
-    outerRefs.current[i][j] = element;
+    outerRefs.current[i + offset][j] = element;
   }, [outerRefs]);
   useEffect(function () {
     if (selectedRef.current) {
@@ -57,22 +112,43 @@ export var CalendarYears = function CalendarYears(_ref) {
     }, year.map(function (_ref2, j) {
       var yearValue = _ref2.yearValue,
         isSelected = _ref2.isSelected,
-        isCurrent = _ref2.isCurrent;
-      var selectedClass = isSelected ? classes.selectedItem : undefined;
-      var currentClass = isCurrent ? classes.currentItem : undefined;
-      return /*#__PURE__*/React.createElement(StyledYearRoot, {
-        className: cx(selectedClass, currentClass, classes.selectableItem),
+        isCurrent = _ref2.isCurrent,
+        date = _ref2.date,
+        events = _ref2.events,
+        isOutOfMinMaxRange = _ref2.isOutOfMinMaxRange,
+        inRange = _ref2.inRange,
+        disabled = _ref2.disabled,
+        disabledArrowKey = _ref2.disabledArrowKey,
+        disabledDates = _ref2.disabledDates;
+      return /*#__PURE__*/React.createElement(DateStructureItem, {
         ref: function ref(element) {
           return getRefs(element, i, j);
         },
-        tabIndex: i === (selectIndexes === null || selectIndexes === void 0 ? void 0 : selectIndexes[0]) && j === (selectIndexes === null || selectIndexes === void 0 ? void 0 : selectIndexes[1]) ? 0 : -1,
-        onClick: handleOnChangeYear,
-        "data-year": yearValue,
-        "aria-selected": isSelected,
-        role: "gridcell",
+        style: yearItemTokens,
+        eventList: events,
+        disabled: disabled,
+        day: date.day,
+        year: yearValue,
+        monthIndex: date.monthIndex,
+        isFocused: i + offset === (selectIndexes === null || selectIndexes === void 0 ? void 0 : selectIndexes[0]) && j === (selectIndexes === null || selectIndexes === void 0 ? void 0 : selectIndexes[1]) && !isOutOfMinMaxRange,
+        isSelected: isSelected,
+        isCurrent: isCurrent,
+        isDouble: isDouble,
+        isHovered: isSameDay(date, hoveredYear),
+        inRange: getInRange(value, date, hoveredYear, inRange),
+        sideInRange: getSideInRange(value, date, hoveredYear, isSelected),
+        onClick: disabled ? undefined : handleOnChangeYear(i, j),
+        onMouseOver: disabled ? undefined : handleOnHoverYear,
         key: "StyledYear-".concat(i, "-").concat(j),
-        "aria-label": String(yearValue)
-      }, /*#__PURE__*/React.createElement(StyledYear, null, yearValue));
+        role: "gridcell",
+        "data-year": yearValue,
+        "data-month-index": date.monthIndex,
+        "data-day": date.day,
+        "aria-label": String(yearValue),
+        disabledArrowKey: disabledArrowKey,
+        disabledMonths: disabledDates,
+        isDayInCurrentMonth: true
+      }, yearValue);
     }));
   }));
 };