@ozen-ui/kit 0.45.0 → 0.47.0

package/__inner__/cjs/components/Calendar/types.d.ts

@@ -0,0 +1,54 @@
+import type { ElementType, MouseEvent, ReactElement } from 'react';
+import type { DPExcludeConfig, DPDayInteger } from '@rehookify/datepicker';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import type { CalendarSwitcherProps } from './components';
+import type { CALENDAR_DEFAULT_AS } from './constants';
+export declare const calendarStepVariant: readonly ["days", "months", "years"];
+export declare const calendarSizeVariant: readonly ["s", "m", "l"];
+export type CalendarStepVariant = (typeof calendarStepVariant)[number];
+export type CalendarOnChange = (date: Date) => void;
+export type CalendarOnOffsetDateChange = (date: Date) => void;
+export type CalendarSizeVariant = (typeof calendarSizeVariant)[number];
+export type CalendarExclude = DPExcludeConfig;
+export type CalendarStartDay = DPDayInteger;
+export type CalendarRenderAdditionalControls = (props: {
+    date?: Date;
+}) => ReactElement;
+export type CalendarBaseProps = {
+    /** Выбранная дата */
+    value?: Date | null;
+    /** Выбранная дата по умолчанию (неконтролируемое состояние) */
+    defaultValue?: Date;
+    /** Смещение календаря – на какой странице показать календарь */
+    offsetDate?: Date;
+    /** Смещение календаря по умолчанию */
+    defaultOffsetDate?: Date;
+    /** Обработчик событий выбора даты */
+    onChange?: CalendarOnChange;
+    /** Обработчик событий на смещение календаря */
+    onOffsetDateChange?: CalendarOnOffsetDateChange;
+    /** Локализация */
+    locale?: Intl.LocalesArgument;
+    /** Первый день недели календаря */
+    startDay?: CalendarStartDay;
+    /** Размер */
+    size?: CalendarSizeVariant;
+    /** Исключенные даты календаря */
+    exclude?: CalendarExclude;
+    /** Ограничение выбора дат по меньшей дате */
+    minDate?: Date;
+    /** Ограничение выбора дат по большей дате */
+    maxDate?: Date;
+    /** Обработчик нажатия на кнопку месяца */
+    onMonthClick?: (e: MouseEvent<HTMLElement>, date: Date) => void;
+    /** Обработчик нажатия на кнопку дня */
+    onDayClick?: (e: MouseEvent<HTMLElement>, date: Date) => void;
+    /** Обработчик нажатия на кнопку года */
+    onYearClick?: (e: MouseEvent<HTMLElement>, date: Date) => void;
+    /** Дополнительные контролы – рендер функция */
+    renderAdditionalControls?: CalendarRenderAdditionalControls;
+    /** Cвойства компонента CalendarSwitcher */
+    calendarSwitcherProps?: CalendarSwitcherProps;
+    children?: never;
+};
+export type CalendarProps<As extends ElementType = typeof CALENDAR_DEFAULT_AS> = PolymorphicComponentPropsWithoutRef<CalendarBaseProps, As>;

package/__inner__/cjs/components/Calendar/types.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calendarSizeVariant = exports.calendarStepVariant = void 0;
+exports.calendarStepVariant = ['days', 'months', 'years'];
+exports.calendarSizeVariant = ['s', 'm', 'l'];

package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_bBusinessDark.css

@@ -62,7 +62,7 @@
   --color-background-action-secondary: #7e8194;
   --color-background-action-secondary-hover: #9a9eb5;
   --color-background-action-secondary-pressed: #aeb1c4;
-  --color-background-action-secondary-disabled: #636574;
+  --color-background-action-secondary-active-disabled: #636574;
   --color-background-action-secondary-light: #2c2c33;
   --color-background-action-secondary-light-hover: #474853;
   --color-background-action-secondary-light-pressed: #636574;

package/__inner__/cjs/components/ThemeProvider/types.d.ts

@@ -6,6 +6,7 @@ import type { BackdropProps } from '../Backdrop';
 import type { BadgeProps } from '../Badge';
 import type { ButtonProps } from '../Button';
 import type { ButtonProps as ButtonPropsNext } from '../ButtonNext';
+import type { CalendarProps } from '../Calendar';
 import type { CardProps } from '../Card';
 import type { CheckboxProps } from '../Checkbox';
 import type { CheckboxGroupProps } from '../CheckboxGroup';
@@ -75,6 +76,7 @@ export type Theme = {
         Badge?: Partial<BadgeProps>;
         Button?: Partial<ButtonProps>;
         ButtonNext?: Partial<ButtonPropsNext>;
+        Calendar?: Partial<CalendarProps>;
         Card?: Partial<CardProps>;
         Checkbox?: Partial<CheckboxProps>;
         CheckboxGroup?: Partial<CheckboxGroupProps>;

package/__inner__/cjs/locale/locale.js

@@ -54,6 +54,20 @@ exports.ruRU = {
                 return '';
             },
         },
+        Calendar: {
+            locale: 'ru-RU',
+            calendarSwitcherProps: {
+                getPeriodSwitchAriaLabel: function (step) {
+                    if (step === 'days') {
+                        return ['Предыдущий месяц', 'Следующий месяц'];
+                    }
+                    if (step === 'months') {
+                        return ['Предыдущий год', 'Следующий год'];
+                    }
+                    return ['Предыдущий период', 'Следующий период'];
+                },
+            },
+        },
     },
 };
 exports.kkKZ = {
@@ -108,6 +122,20 @@ exports.kkKZ = {
                 return '';
             },
         },
+        Calendar: {
+            locale: 'kk-KZ',
+            calendarSwitcherProps: {
+                getPeriodSwitchAriaLabel: function (step) {
+                    if (step === 'days') {
+                        return ['Алдыңғы ай', 'Келесі ай'];
+                    }
+                    if (step === 'months') {
+                        return ['Өткен жыл', 'Келесі жыл'];
+                    }
+                    return ['Алдыңғы кезең', 'Келесі кезең'];
+                },
+            },
+        },
     },
 };
 exports.enUS = {
@@ -162,5 +190,20 @@ exports.enUS = {
                 return '';
             },
         },
+        Calendar: {
+            locale: 'en-US',
+            startDay: 0,
+            calendarSwitcherProps: {
+                getPeriodSwitchAriaLabel: function (step) {
+                    if (step === 'days') {
+                        return ['Previous month', 'Next month'];
+                    }
+                    if (step === 'months') {
+                        return ['Previous year', 'Next year'];
+                    }
+                    return ['Previous period', 'Next period'];
+                },
+            },
+        },
     },
 };

package/__inner__/esm/components/Alert/Alert.css

@@ -32,7 +32,7 @@
       --alert-title-text-color: var(--color-content-primary-inverse);
       --alert-body-text-color: var(--color-content-primary-inverse);
       --alert-icon-color: var(--color-content-primary-inverse);
-      --alert-close-button-color: var(--color-content-action-on);
+      --alert-close-button-color: var(--color-content-primary-inverse);
     }
 .Alert_status_info {
       --alert-icon-color: var(--color-content-info);

package/__inner__/esm/components/Calendar/Calendar.css

@@ -0,0 +1,43 @@
+/* stylelint-disable */
+.Calendar {
+  --calendar-grid-gap: var(--spacing-4xs);
+  --calendar-grid-margin: var(--spacing-2xs);
+  display: inline-flex;
+  flex-direction: column;
+}
+.Calendar_size_s {
+      --calendar-grid-size: 236px;
+      --calendar-switcher-height: var(--control-height-s);
+      --calendar-switcher-margin: 0 var(--spacing-xs);
+      --calendar-switcher-padding: 0 var(--control-padding-2xs);
+
+      font: var(--typography-text-s-font);
+
+      letter-spacing: var(--typography-text-s-letter_spacing, 0);
+
+      text-transform: var(--typography-text-s-text_transform, none);
+    }
+.Calendar_size_m {
+      --calendar-grid-size: 292px;
+      --calendar-switcher-height: var(--control-height-m);
+      --calendar-switcher-margin: 0 var(--spacing-xs);
+      --calendar-switcher-padding: 0 var(--control-padding-xs);
+
+      font: var(--typography-text-m-font);
+
+      letter-spacing: var(--typography-text-m-letter_spacing, 0);
+
+      text-transform: var(--typography-text-m-text_transform, none);
+    }
+.Calendar_size_l {
+      --calendar-grid-size: 348px;
+      --calendar-switcher-height: var(--control-height-l);
+      --calendar-switcher-margin: 0 var(--spacing-xs);
+      --calendar-switcher-padding: 0 var(--control-padding-s);
+
+      font: var(--typography-text-l-font);
+
+      letter-spacing: var(--typography-text-l-letter_spacing, 0);
+
+      text-transform: var(--typography-text-l-text_transform, none);
+    }

package/__inner__/esm/components/Calendar/Calendar.d.ts

@@ -0,0 +1,4 @@
+import './Calendar.css';
+import type { CalendarBaseProps } from './types';
+export declare const cnCalendar: import("@bem-react/classname").ClassNameFormatter;
+export declare const Calendar: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<CalendarBaseProps, "div">;

package/__inner__/esm/components/Calendar/Calendar.js

@@ -0,0 +1,87 @@
+import { __assign, __read, __rest } from "tslib";
+import './Calendar.css';
+import React, { useState, useEffect } from 'react';
+import { DatePickerProvider } from '@rehookify/datepicker';
+import { useControlled } from '../../hooks/useControlled';
+import { useThemeProps } from '../../hooks/useThemeProps';
+import { cn } from '../../utils/classname';
+import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
+import { Divider } from '../Divider';
+import { CalendarContext } from './CalendarContext';
+import { CalendarAdditionalControls, CalendarGrid, CalendarSwitcher, } from './components';
+import { CALENDAR_DEFAULT_AS, CALENDAR_DEFAULT_SIZE, CALENDAR_DEFAULT_START_DAY, } from './constants';
+export var cnCalendar = cn('Calendar');
+export var Calendar = polymorphicComponentWithRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'Calendar',
+    });
+    var _a = props.size, size = _a === void 0 ? CALENDAR_DEFAULT_SIZE : _a, _b = props.startDay, startDay = _b === void 0 ? CALENDAR_DEFAULT_START_DAY : _b, _c = props.as, Tag = _c === void 0 ? CALENDAR_DEFAULT_AS : _c, renderAdditionalControls = props.renderAdditionalControls, locale = props.locale, onChangeProp = props.onChange, onOffsetDateChangeProp = props.onOffsetDateChange, onMonthClick = props.onMonthClick, onDayClick = props.onDayClick, onYearClick = props.onYearClick, valueProp = props.value, defaultValue = props.defaultValue, offsetDateProp = props.offsetDate, defaultOffsetDate = props.defaultOffsetDate, exclude = props.exclude, minDate = props.minDate, maxDate = props.maxDate, className = props.className, calendarSwitcherProps = props.calendarSwitcherProps, other = __rest(props, ["size", "startDay", "as", "renderAdditionalControls", "locale", "onChange", "onOffsetDateChange", "onMonthClick", "onDayClick", "onYearClick", "value", "defaultValue", "offsetDate", "defaultOffsetDate", "exclude", "minDate", "maxDate", "className", "calendarSwitcherProps"]);
+    var _d = __read(useState('days'), 2), step = _d[0], setStep = _d[1];
+    var _e = __read(useControlled({
+        value: valueProp,
+        defaultValue: defaultValue,
+        name: 'Calendar',
+        state: 'value',
+    }), 2), valueState = _e[0], setValueState = _e[1];
+    var _f = __read(useControlled({
+        value: offsetDateProp,
+        defaultValue: defaultOffsetDate,
+        name: 'Calendar',
+        state: 'offsetDate',
+    }), 2), offsetDateState = _f[0], setOffsetDateState = _f[1];
+    var onChange = function (data) {
+        var value = data[0];
+        if (value) {
+            setValueState(value);
+            onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(value);
+        }
+    };
+    var onOffsetDateChange = function (date) {
+        setOffsetDateState(date);
+        onOffsetDateChangeProp === null || onOffsetDateChangeProp === void 0 ? void 0 : onOffsetDateChangeProp(date);
+    };
+    useEffect(function () {
+        if (valueState)
+            onOffsetDateChange(valueState);
+    }, [valueState]);
+    var config = {
+        calendar: {
+            startDay: startDay,
+        },
+        locale: {
+            locale: locale,
+            weekday: 'short',
+            day: 'numeric',
+        },
+        exclude: exclude,
+        onDatesChange: onChange,
+        years: { numberOfYears: 15 },
+        onOffsetChange: onOffsetDateChange,
+        offsetDate: offsetDateState || new Date(),
+        dates: { minDate: minDate, maxDate: maxDate },
+        selectedDates: valueState ? [valueState] : [],
+    };
+    // Управление представлениями календаря
+    var goStep = function (step) {
+        setStep(step);
+    };
+    return (React.createElement(DatePickerProvider, { config: config },
+        React.createElement(CalendarContext.Provider, { value: {
+                size: size,
+                step: step,
+                goStep: goStep,
+                minDate: minDate,
+                maxDate: maxDate,
+                onMonthClick: onMonthClick,
+                onDayClick: onDayClick,
+                onYearClick: onYearClick,
+                onOffsetChange: setOffsetDateState,
+            } },
+            React.createElement(Tag, __assign({ className: cnCalendar({ size: size }, [className]) }, other, { ref: ref }),
+                React.createElement(CalendarSwitcher, __assign({}, calendarSwitcherProps)),
+                React.createElement(Divider, { color: "secondary" }),
+                React.createElement(CalendarGrid, null),
+                React.createElement(CalendarAdditionalControls, { renderAdditionalControls: renderAdditionalControls })))));
+});
+Calendar.displayName = 'Calendar';

package/__inner__/esm/components/Calendar/CalendarContext.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { CalendarStepVariant, CalendarSizeVariant, CalendarBaseProps } from './types';
+export interface CalendarContextValue {
+    size?: CalendarSizeVariant;
+    step: CalendarStepVariant;
+    goStep?: (step: CalendarStepVariant) => void;
+    onMonthClick?: CalendarBaseProps['onMonthClick'];
+    onDayClick?: CalendarBaseProps['onDayClick'];
+    onYearClick?: CalendarBaseProps['onYearClick'];
+    minDate?: Date;
+    maxDate?: Date;
+    onOffsetChange?(d: Date): void;
+}
+export declare const CalendarContext: React.Context<CalendarContextValue>;

package/__inner__/esm/components/Calendar/CalendarContext.js

@@ -0,0 +1,4 @@
+import React from 'react';
+export var CalendarContext = React.createContext({
+    step: 'days',
+});

package/__inner__/esm/components/Calendar/components/CalendarAdditionalControls/CalendarAdditionalControls.css

@@ -0,0 +1,3 @@
+.CalendarAdditionalControls {
+  margin: var(--calendar-grid-margin);
+}

package/__inner__/esm/components/Calendar/components/CalendarAdditionalControls/CalendarAdditionalControls.d.ts

@@ -0,0 +1,9 @@
+import './CalendarAdditionalControls.css';
+import type { FC } from 'react';
+import type { CalendarBaseProps } from '../../index';
+export declare const cnCalendarAdditionalControls: import("@bem-react/classname").ClassNameFormatter;
+type CalendarAdditionalControlsProps = {
+    renderAdditionalControls?: CalendarBaseProps['renderAdditionalControls'];
+};
+export declare const CalendarAdditionalControls: FC<CalendarAdditionalControlsProps>;
+export {};

package/__inner__/esm/components/Calendar/components/CalendarAdditionalControls/CalendarAdditionalControls.js

@@ -0,0 +1,20 @@
+import './CalendarAdditionalControls.css';
+import React from 'react';
+import { useDatePickerContext } from '@rehookify/datepicker';
+import { cn } from '../../../../utils/classname';
+import { renderContent } from '../../../../utils/renderContent';
+import { Divider } from '../../../Divider';
+export var cnCalendarAdditionalControls = cn('CalendarAdditionalControls');
+export var CalendarAdditionalControls = function (_a) {
+    var renderAdditionalControls = _a.renderAdditionalControls;
+    var selectedDates = useDatePickerContext().data.selectedDates;
+    if (!renderAdditionalControls) {
+        return null;
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Divider, { color: "secondary" }),
+        React.createElement("div", { className: cnCalendarAdditionalControls() }, renderContent({
+            content: renderAdditionalControls,
+            props: { date: selectedDates[0] },
+        }))));
+};

package/__inner__/esm/components/Calendar/components/CalendarAdditionalControls/index.d.ts

@@ -0,0 +1 @@
+export * from './CalendarAdditionalControls';

package/__inner__/esm/components/Calendar/components/CalendarAdditionalControls/index.js

@@ -0,0 +1 @@
+export * from './CalendarAdditionalControls';

package/__inner__/esm/components/Calendar/components/CalendarGrid/CalendarGrid.css

@@ -0,0 +1,44 @@
+.CalendarGrid {
+  display: grid;
+  justify-content: start;
+  gap: var(--calendar-grid-gap);
+  block-size: var(--calendar-grid-size);
+  inline-size: var(--calendar-grid-size);
+  margin: var(--calendar-grid-margin);
+}
+
+  .CalendarGrid > * {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+.CalendarDays {
+  grid-template-columns: repeat(7, 1fr);
+}
+
+.CalendarDays > * {
+    inline-size: calc(
+      (var(--calendar-grid-size) - var(--calendar-grid-gap) * 6) / 7
+    );
+  }
+
+.CalendarMonths {
+  grid-template-columns: repeat(3, 1fr);
+}
+
+.CalendarMonths > * {
+    block-size: calc(
+      (var(--calendar-grid-size) - var(--calendar-grid-gap) * 3) / 4
+    );
+  }
+
+.CalendarYears {
+  grid-template-columns: repeat(3, 1fr);
+}
+
+.CalendarYears > * {
+    block-size: calc(
+      (var(--calendar-grid-size) - var(--calendar-grid-gap) * 4) / 5
+    );
+  }

package/__inner__/esm/components/Calendar/components/CalendarGrid/CalendarGrid.d.ts

@@ -0,0 +1,7 @@
+import './CalendarGrid.css';
+import React from 'react';
+export declare const cnCalendarGrid: import("@bem-react/classname").ClassNameFormatter;
+export declare const cnCalendarDays: import("@bem-react/classname").ClassNameFormatter;
+export declare const cnCalendarMoths: import("@bem-react/classname").ClassNameFormatter;
+export declare const cnCalendarYears: import("@bem-react/classname").ClassNameFormatter;
+export declare const CalendarGrid: () => React.JSX.Element;

package/__inner__/esm/components/Calendar/components/CalendarGrid/CalendarGrid.js

@@ -0,0 +1,44 @@
+import { __assign } from "tslib";
+import './CalendarGrid.css';
+import React, { useContext } from 'react';
+import { classnames } from '@bem-react/classnames';
+import { useDatePickerContext } from '@rehookify/datepicker';
+import { capitalizeFirstLetter as capitalize } from '../../../../utils/capitalizeFirstLetter';
+import { cn } from '../../../../utils/classname';
+import { Typography } from '../../../Typography';
+import { CalendarContext } from '../../CalendarContext';
+import { CalendarItem } from '../CalendarItem';
+export var cnCalendarGrid = cn('CalendarGrid');
+export var cnCalendarDays = cn('CalendarDays');
+export var cnCalendarMoths = cn('CalendarMonths');
+export var cnCalendarYears = cn('CalendarYears');
+export var CalendarGrid = function () {
+    var _a = useContext(CalendarContext), step = _a.step, goStep = _a.goStep, size = _a.size, onYearClick = _a.onYearClick, onDayClick = _a.onDayClick, onMonthClick = _a.onMonthClick;
+    var _b = useDatePickerContext(), _c = _b.data, weekDays = _c.weekDays, calendars = _c.calendars, years = _c.years, months = _c.months, _d = _b.propGetters, dayButton = _d.dayButton, monthButton = _d.monthButton, yearButton = _d.yearButton;
+    var _e = calendars[0] || {}, days = _e.days, month = _e.month, year = _e.year;
+    var handleClickOnDay = function (e, date) {
+        onDayClick === null || onDayClick === void 0 ? void 0 : onDayClick(e, date);
+    };
+    var handleClickOnMonth = function (e, date) {
+        goStep === null || goStep === void 0 ? void 0 : goStep('days');
+        onMonthClick === null || onMonthClick === void 0 ? void 0 : onMonthClick(e, date);
+    };
+    var handleClickOnYear = function (e, date) {
+        goStep === null || goStep === void 0 ? void 0 : goStep('months');
+        onYearClick === null || onYearClick === void 0 ? void 0 : onYearClick(e, date);
+    };
+    return (React.createElement(React.Fragment, null,
+        step === 'days' && (React.createElement("div", { className: classnames(cnCalendarGrid(), cnCalendarDays()) },
+            weekDays.map(function (day) { return (React.createElement(Typography, __assign({ key: "".concat(month, "-").concat(day), color: "tertiary" }, (size && { variant: "text-".concat(size) })), day && capitalize(day))); }), days === null || days === void 0 ? void 0 :
+            days.map(function (dpDay) { return (React.createElement(CalendarItem, __assign({ size: size, current: dpDay.now, selected: dpDay.selected, key: dpDay.$date.toDateString() }, dayButton(dpDay, {
+                onClick: handleClickOnDay,
+                disabled: dpDay.disabled || !dpDay.inCurrentMonth,
+            }), { tabIndex: dpDay.disabled || !dpDay.inCurrentMonth ? -1 : 0 }), dpDay.day)); }))),
+        step === 'months' && (React.createElement("div", { className: classnames(cnCalendarGrid(), cnCalendarMoths()) }, months === null || months === void 0 ? void 0 : months.map(function (dpMonth) { return (React.createElement(CalendarItem, __assign({ size: size, current: dpMonth.now, key: dpMonth.$date.toDateString(), selected: (dpMonth.selected && dpMonth.active) ||
+                (dpMonth.active && !dpMonth.selected) }, monthButton(dpMonth, {
+            onClick: handleClickOnMonth,
+        }), { tabIndex: dpMonth.disabled ? -1 : 0 }), dpMonth.month && capitalize(dpMonth.month))); }))),
+        step === 'years' && (React.createElement("div", { className: classnames(cnCalendarGrid(), cnCalendarYears()) }, years === null || years === void 0 ? void 0 : years.map(function (dpYear) { return (React.createElement(CalendarItem, __assign({ key: dpYear.$date.toDateString(), current: dpYear.now, selected: String(dpYear.year) === year, size: size }, yearButton(dpYear, {
+            onClick: handleClickOnYear,
+        }), { tabIndex: dpYear.disabled ? -1 : 0 }), dpYear.year)); })))));
+};

package/__inner__/esm/components/Calendar/components/CalendarGrid/index.d.ts

@@ -0,0 +1 @@
+export * from './CalendarGrid';

package/__inner__/esm/components/Calendar/components/CalendarGrid/index.js

@@ -0,0 +1 @@
+export * from './CalendarGrid';

package/__inner__/esm/components/Calendar/components/CalendarGrid/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const isBeforeMinMonth: (month: Date, minDate: Date | undefined) => boolean;
+export declare const isAfterMaxMonth: (month: Date, maxDate: Date | undefined) => boolean;

package/__inner__/esm/components/Calendar/components/CalendarGrid/utils.js

@@ -0,0 +1,16 @@
+export var isBeforeMinMonth = function (month, minDate) {
+    var _a;
+    if (!minDate) {
+        return false;
+    }
+    return (month.getTime() <
+        ((_a = new Date(minDate === null || minDate === void 0 ? void 0 : minDate.getFullYear(), minDate === null || minDate === void 0 ? void 0 : minDate.getMonth(), 1)) === null || _a === void 0 ? void 0 : _a.getTime()));
+};
+export var isAfterMaxMonth = function (month, maxDate) {
+    var _a;
+    if (!maxDate) {
+        return false;
+    }
+    return (month.getTime() >
+        ((_a = new Date(maxDate === null || maxDate === void 0 ? void 0 : maxDate.getFullYear(), maxDate === null || maxDate === void 0 ? void 0 : maxDate.getMonth(), 1)) === null || _a === void 0 ? void 0 : _a.getTime()));
+};

package/__inner__/esm/components/Calendar/components/CalendarItem/CalendarItem.d.ts

@@ -0,0 +1,13 @@
+import './CalendatItem.css';
+import type { ComponentPropsWithRef } from 'react';
+import React from 'react';
+import type { CALENDAR_ITEM_DEFAULT_TAG } from '../../constants';
+import type { CalendarSizeVariant } from '../../index';
+export declare const cnCalendarItem: import("@bem-react/classname").ClassNameFormatter;
+export type CalendarItemProps = Omit<ComponentPropsWithRef<typeof CALENDAR_ITEM_DEFAULT_TAG>, 'size'> & {
+    current?: boolean;
+    selected?: boolean;
+    disabled?: boolean;
+    size?: CalendarSizeVariant;
+};
+export declare const CalendarItem: React.ForwardRefExoticComponent<Omit<CalendarItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/__inner__/esm/components/Calendar/components/CalendarItem/CalendarItem.js

@@ -0,0 +1,16 @@
+import { __assign, __rest } from "tslib";
+import './CalendatItem.css';
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { ButtonBase } from '../../../ButtonBase';
+export var cnCalendarItem = cn('CalendarItem');
+export var CalendarItem = forwardRef(function (_a, ref) {
+    var current = _a.current, selected = _a.selected, disabled = _a.disabled, className = _a.className, size = _a.size, children = _a.children, other = __rest(_a, ["current", "selected", "disabled", "className", "size", "children"]);
+    return (React.createElement(ButtonBase, __assign({ className: cnCalendarItem({
+            size: size,
+            current: current,
+            selected: selected,
+            disabled: disabled,
+        }, [className]), disabled: disabled }, other, { ref: ref }), children));
+});
+CalendarItem.displayName = 'CalendarItem';

package/__inner__/esm/components/Calendar/components/CalendarItem/CalendatItem.css

@@ -0,0 +1,55 @@
+/* stylelint-disable */
+.CalendarItem {
+  border: none;
+  color: var(--color-content-primary);
+  background-color: inherit;
+  cursor: pointer;
+  transition:
+    background-color var(--transition-default),
+    border-color var(--transition-default),
+    box-shadow var(--transition-default),
+    opacity var(--transition-default);
+}
+.CalendarItem_current {
+    color: var(--color-content-action);
+  }
+.CalendarItem_size_s {
+      font: var(--typography-text-s-font);
+      letter-spacing: var(--typography-text-s-letter_spacing, 0);
+      text-transform: var(--typography-text-s-text_transform, none);
+      border-radius: var(--border-radius-m);
+    }
+.CalendarItem_size_m {
+      font: var(--typography-text-m-font);
+      letter-spacing: var(--typography-text-m-letter_spacing, 0);
+      text-transform: var(--typography-text-m-text_transform, none);
+      border-radius: var(--border-radius-m);
+    }
+.CalendarItem_size_l {
+      font: var(--typography-text-l-font);
+      letter-spacing: var(--typography-text-l-letter_spacing, 0);
+      text-transform: var(--typography-text-l-text_transform, none);
+      border-radius: var(--border-radius-m);
+    }
+.CalendarItem:hover:not(.CalendarItem_selected) {
+    background-color: var(--color-background-main-hover);
+  }
+.CalendarItem:active:not(.CalendarItem_selected) {
+    background-color: var(--color-background-main-pressed);
+  }
+.CalendarItem_selected {
+    color: var(--color-content-action-on);
+    background-color: var(--color-background-action);
+  }
+.CalendarItem_disabled {
+    pointer-events: none;
+    background-color: inherit;
+    color: var(--color-content-tertiary);
+  }
+.CalendarItem:focus:not(:focus-visible) {
+    box-shadow: none;
+  }
+.CalendarItem:focus {
+    outline: 0;
+    box-shadow: var(--shadow-outline-focused);
+  }

package/__inner__/esm/components/Calendar/components/CalendarItem/index.d.ts

@@ -0,0 +1 @@
+export * from './CalendarItem';

package/__inner__/esm/components/Calendar/components/CalendarItem/index.js

@@ -0,0 +1 @@
+export * from './CalendarItem';

package/__inner__/esm/components/Calendar/components/CalendarSwitcher/CalendarSwitcher.css

@@ -0,0 +1,25 @@
+.CalendarSwitcher {
+  block-size: var(--calendar-switcher-height);
+  margin: var(--calendar-switcher-margin);
+  padding: var(--calendar-switcher-padding);
+
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  justify-content: space-between;
+  box-sizing: border-box;
+}
+
+  .CalendarSwitcher-StartActions,
+  .CalendarSwitcher-EndActions {
+    display: flex;
+    align-items: center;
+  }
+
+  .CalendarSwitcher-StartActions {
+    gap: var(--spacing-2xs);
+  }
+
+  .CalendarSwitcher-EndActions {
+    gap: var(--spacing-m);
+  }

package/__inner__/esm/components/Calendar/components/CalendarSwitcher/CalendarSwitcher.d.ts

@@ -0,0 +1,10 @@
+import './CalendarSwitcher.css';
+import type { ComponentPropsWithRef, ComponentRef } from 'react';
+import React from 'react';
+import type { CalendarStepVariant } from '../../index';
+export declare const cnCalendarSwitcher: import("@bem-react/classname").ClassNameFormatter;
+export type CalendarSwitcherProps = {
+    getPeriodSwitchAriaLabel?: (step: CalendarStepVariant) => [string, string];
+} & ComponentPropsWithRef<'div'>;
+export type CalendarSwitcherRef = ComponentRef<'div'>;
+export declare const CalendarSwitcher: React.ForwardRefExoticComponent<Omit<CalendarSwitcherProps, "ref"> & React.RefAttributes<HTMLDivElement>>;