@ozen-ui/kit 0.53.0 → 0.55.0

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

@@ -0,0 +1,5 @@
+import React, { useContext } from 'react';
+export var CalendarItemContext = React.createContext({
+    step: 'days',
+});
+export var useCalendarItem = function () { return useContext(CalendarItemContext); };

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CalendarItemNextMonth: () => React.JSX.Element;

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

@@ -0,0 +1,12 @@
+import { __assign, __read } from "tslib";
+import React from 'react';
+import { ChevronRightIcon } from '@ozen-ui/icons';
+import { useDatePickerContext } from '@rehookify/datepicker';
+import { IconButton } from '../../../../../IconButtonNext';
+import { useCalendar } from '../../../../CalendarContext';
+export var CalendarItemNextMonth = function () {
+    var _a = useCalendar(), getPeriodSwitchAriaLabel = _a.getPeriodSwitchAriaLabel, size = _a.size;
+    var _b = __read((getPeriodSwitchAriaLabel === null || getPeriodSwitchAriaLabel === void 0 ? void 0 : getPeriodSwitchAriaLabel('days')) || [], 2), NEXT = _b[1];
+    var addOffset = useDatePickerContext().propGetters.addOffset;
+    return (React.createElement(IconButton, __assign({ variant: "function", color: "primary", icon: ChevronRightIcon, size: size, "aria-label": NEXT, title: NEXT }, addOffset({ months: 1 }))));
+};

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

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

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

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

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CalendarItemPreviousMonth: () => React.JSX.Element;

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

@@ -0,0 +1,12 @@
+import { __assign, __read } from "tslib";
+import React from 'react';
+import { ChevronLeftIcon } from '@ozen-ui/icons';
+import { useDatePickerContext } from '@rehookify/datepicker';
+import { IconButton } from '../../../../../IconButtonNext';
+import { useCalendar } from '../../../../CalendarContext';
+export var CalendarItemPreviousMonth = function () {
+    var _a = useCalendar(), getPeriodSwitchAriaLabel = _a.getPeriodSwitchAriaLabel, size = _a.size;
+    var _b = __read((getPeriodSwitchAriaLabel === null || getPeriodSwitchAriaLabel === void 0 ? void 0 : getPeriodSwitchAriaLabel('days')) || [], 1), PREVIOUS = _b[0];
+    var subtractOffset = useDatePickerContext().propGetters.subtractOffset;
+    return (React.createElement(IconButton, __assign({ variant: "function", type: "button", color: "primary", icon: ChevronLeftIcon, size: size, "aria-label": PREVIOUS, title: PREVIOUS }, subtractOffset({ months: 1 }))));
+};

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

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

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

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

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

@@ -0,0 +1,2 @@
+export * from './CalendarItemNextMonth';
+export * from './CalendarItemPreviousMonth';

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

@@ -0,0 +1,2 @@
+export * from './CalendarItemNextMonth';
+export * from './CalendarItemPreviousMonth';

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

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

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

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

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

@@ -0,0 +1,9 @@
+import type { ComponentRef } from 'react';
+import type { DPCalendar } from '@rehookify/datepicker';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+import type { CalendarSwitcherProps } from '../index';
+export type CalendarItemProp = ExtendableComponentPropsWithRef<{
+    calendar: DPCalendar;
+    type?: 'first' | 'last' | 'single';
+} & Pick<CalendarSwitcherProps, 'nextButton' | 'prevButton'>, 'div'>;
+export type CalendarItemRef = ComponentRef<'div'>;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+import type { CalendarTypeComponent } from '../../types';
+export declare const CalendarModeRange: CalendarTypeComponent<'range'>;

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

@@ -0,0 +1,76 @@
+import { __assign, __read, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { DatePickerProvider } from '@rehookify/datepicker';
+import { useControlled } from '../../../../hooks/useControlled';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { CalendarContext } from '../../CalendarContext';
+import { CALENDAR_DEFAULT_SIZE, CALENDAR_DEFAULT_START_DAY, } from '../../constants';
+import { cnCalendar } from '../../utils';
+import { CalendarAdditionalControls, CalendarConsumer } from './components';
+// eslint-disable-next-line react/display-name
+export var CalendarModeRange = forwardRef(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, 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, getPeriodSwitchAriaLabel = props.getPeriodSwitchAriaLabel, other = __rest(props, ["size", "startDay", "renderAdditionalControls", "locale", "onChange", "onOffsetDateChange", "onMonthClick", "onDayClick", "onYearClick", "value", "defaultValue", "offsetDate", "defaultOffsetDate", "exclude", "minDate", "maxDate", "className", "getPeriodSwitchAriaLabel"]);
+    var _c = __read(useControlled({
+        value: valueProp,
+        defaultValue: defaultValue,
+        name: 'Calendar',
+        state: 'value',
+    }), 2), value = _c[0], setValue = _c[1];
+    var _d = __read(useControlled({
+        value: offsetDateProp,
+        defaultValue: defaultOffsetDate,
+        name: 'Calendar',
+        state: 'offsetDate',
+    }), 2), offsetDate = _d[0], setOffsetDateState = _d[1];
+    var onDatesChange = function (data) {
+        if (data) {
+            setValue(data);
+            onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(data);
+        }
+    };
+    var onOffsetChange = function (date) {
+        setOffsetDateState(date);
+        onOffsetDateChangeProp === null || onOffsetDateChangeProp === void 0 ? void 0 : onOffsetDateChangeProp(date);
+    };
+    var config = {
+        calendar: {
+            startDay: startDay,
+            offsets: [1],
+        },
+        locale: {
+            locale: locale,
+            day: 'numeric',
+            weekday: 'short',
+        },
+        exclude: exclude,
+        offsetDate: offsetDate,
+        onDatesChange: onDatesChange,
+        onOffsetChange: onOffsetChange,
+        dates: {
+            minDate: minDate,
+            maxDate: maxDate,
+            mode: 'range',
+            selectSameDate: true,
+        },
+        years: { numberOfYears: 15 },
+        selectedDates: value || [],
+    };
+    return (React.createElement(DatePickerProvider, { config: config },
+        React.createElement(CalendarContext.Provider, { value: {
+                size: size,
+                minDate: minDate,
+                maxDate: maxDate,
+                onDayClick: onDayClick,
+                onYearClick: onYearClick,
+                onMonthClick: onMonthClick,
+                getPeriodSwitchAriaLabel: getPeriodSwitchAriaLabel,
+                onOffsetChange: onOffsetChange,
+            } },
+            React.createElement("div", __assign({ className: cnCalendar({ size: size }, [className]) }, other, { ref: ref }),
+                React.createElement(CalendarConsumer, null),
+                React.createElement(CalendarAdditionalControls, { renderAdditionalControls: renderAdditionalControls })))));
+});

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

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

package/__inner__/{cjs/components/Calendar → esm/components/Calendar/components/CalendarModeRange}/components/CalendarAdditionalControls/CalendarAdditionalControls.d.ts

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

package/__inner__/esm/components/Calendar/components/CalendarModeRange/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 },
+        }))));
+};

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

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

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CalendarConsumer: () => React.JSX.Element | null;

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

@@ -0,0 +1,41 @@
+import { __read } from "tslib";
+import React, { useEffect } from 'react';
+import { useDatePickerContext } from '@rehookify/datepicker';
+import { useMutableRef } from '../../../../../../hooks/useMutableRef';
+import { monthDiff } from '../../../../../../utils/date/monthDiff';
+import { useCalendar } from '../../../../../Calendar/CalendarContext';
+import { Stack } from '../../../../../Stack';
+import { CalendarItem } from '../../../CalendarItem';
+export var CalendarConsumer = function () {
+    var _a = useDatePickerContext().data, calendars = _a.calendars, selectedDates = _a.selectedDates;
+    var onOffsetChange = useCalendar().onOffsetChange;
+    var savedFirstCalendar = useMutableRef(calendars[0]);
+    var savedSecondCalendar = useMutableRef(calendars[1]);
+    useEffect(function () {
+        if (!savedFirstCalendar.current || !savedSecondCalendar.current)
+            return;
+        var res;
+        var _a = __read(selectedDates, 2), start = _a[0], end = _a[1];
+        if (start && end) {
+            if (monthDiff(start, end) === 0) {
+                res = start;
+            }
+            if (monthDiff(start, end) === 1) {
+                res = start;
+            }
+            if (monthDiff(start, end) > 1) {
+                var d = new Date(end);
+                d.setDate(1);
+                d.setMonth(d.getMonth() - 1);
+                res = d;
+            }
+        }
+        if (res)
+            onOffsetChange === null || onOffsetChange === void 0 ? void 0 : onOffsetChange(res);
+    }, [selectedDates]);
+    if (!calendars[0] || !calendars[1])
+        return null;
+    return (React.createElement(Stack, null,
+        React.createElement(CalendarItem, { calendar: calendars[0], type: "first" }),
+        React.createElement(CalendarItem, { calendar: calendars[1], type: "last" })));
+};

package/__inner__/esm/components/Calendar/components/CalendarModeRange/components/CalendarConsumer/index.d.ts

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

package/__inner__/esm/components/Calendar/components/CalendarModeRange/components/CalendarConsumer/index.js

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+import type { CalendarTypeComponent } from '../../types';
+export declare const CalendarModeSingle: CalendarTypeComponent<'single'>;

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

@@ -0,0 +1,71 @@
+import { __assign, __read, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { DatePickerProvider } from '@rehookify/datepicker';
+import { useControlled } from '../../../../hooks/useControlled';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { CalendarContext } from '../../CalendarContext';
+import { CALENDAR_DEFAULT_SIZE, CALENDAR_DEFAULT_START_DAY, } from '../../constants';
+import { cnCalendar } from '../../utils';
+import { CalendarAdditionalControls, CalendarConsumer } from './components';
+// eslint-disable-next-line react/display-name
+export var CalendarModeSingle = forwardRef(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, 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, getPeriodSwitchAriaLabel = props.getPeriodSwitchAriaLabel, other = __rest(props, ["size", "startDay", "renderAdditionalControls", "locale", "onChange", "onOffsetDateChange", "onMonthClick", "onDayClick", "onYearClick", "value", "defaultValue", "offsetDate", "defaultOffsetDate", "exclude", "minDate", "maxDate", "className", "getPeriodSwitchAriaLabel"]);
+    var _c = __read(useControlled({
+        value: valueProp,
+        defaultValue: defaultValue,
+        name: 'Calendar',
+        state: 'value',
+    }), 2), value = _c[0], setValue = _c[1];
+    var _d = __read(useControlled({
+        value: offsetDateProp,
+        defaultValue: defaultOffsetDate,
+        name: 'Calendar',
+        state: 'offsetDate',
+    }), 2), offsetDate = _d[0], setOffsetDateState = _d[1];
+    var onDatesChange = function (data) {
+        var value = data[0];
+        if (value) {
+            setValue(value);
+            onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(value);
+        }
+    };
+    var onOffsetChange = function (date) {
+        setOffsetDateState(date);
+        onOffsetDateChangeProp === null || onOffsetDateChangeProp === void 0 ? void 0 : onOffsetDateChangeProp(date);
+    };
+    var config = {
+        calendar: {
+            startDay: startDay,
+        },
+        locale: {
+            locale: locale,
+            day: 'numeric',
+            weekday: 'short',
+        },
+        exclude: exclude,
+        offsetDate: offsetDate,
+        onDatesChange: onDatesChange,
+        onOffsetChange: onOffsetChange,
+        dates: { minDate: minDate, maxDate: maxDate },
+        years: { numberOfYears: 15 },
+        selectedDates: value ? [value] : [],
+    };
+    return (React.createElement(DatePickerProvider, { config: config },
+        React.createElement(CalendarContext.Provider, { value: {
+                size: size,
+                minDate: minDate,
+                maxDate: maxDate,
+                onDayClick: onDayClick,
+                onYearClick: onYearClick,
+                onMonthClick: onMonthClick,
+                getPeriodSwitchAriaLabel: getPeriodSwitchAriaLabel,
+                onOffsetChange: onOffsetChange,
+            } },
+            React.createElement("div", __assign({ className: cnCalendar({ size: size }, [className]) }, other, { ref: ref }),
+                React.createElement(CalendarConsumer, null),
+                React.createElement(CalendarAdditionalControls, { renderAdditionalControls: renderAdditionalControls })))));
+});

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

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

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

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

package/__inner__/esm/components/Calendar/components/{CalendarAdditionalControls → CalendarModeSingle/components/CalendarAdditionalControls}/CalendarAdditionalControls.js

@@ -1,9 +1,9 @@
 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';
+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;

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

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

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

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

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CalendarConsumer: () => React.JSX.Element | null;

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

@@ -0,0 +1,35 @@
+import { __read } from "tslib";
+import React, { useEffect } from 'react';
+import { useDatePickerContext } from '@rehookify/datepicker';
+import { useMutableRef } from '../../../../../../hooks/useMutableRef';
+import { useCalendar } from '../../../../../Calendar/CalendarContext';
+import { isOutOfRange } from '../../../../../DatePicker/utils';
+import { CalendarItem } from '../../../CalendarItem';
+export var CalendarConsumer = function () {
+    var _a = useDatePickerContext().data, calendars = _a.calendars, selectedDates = _a.selectedDates;
+    var onOffsetChange = useCalendar().onOffsetChange;
+    var calendar = calendars[0];
+    var savedCalendar = useMutableRef(calendar);
+    var _b = __read(selectedDates, 1), value = _b[0];
+    useEffect(function () {
+        var _a, _b;
+        if (!savedCalendar.current)
+            return;
+        var daysInCurrentMonth = savedCalendar.current.days.filter(function (_a) {
+            var inCurrentMonth = _a.inCurrentMonth;
+            return inCurrentMonth;
+        });
+        var valueIsOutOfRange = isOutOfRange({
+            minDate: (_a = daysInCurrentMonth[0]) === null || _a === void 0 ? void 0 : _a.$date,
+            maxDate: (_b = daysInCurrentMonth[daysInCurrentMonth.length - 1]) === null || _b === void 0 ? void 0 : _b.$date,
+            value: value,
+        });
+        if (valueIsOutOfRange && value) {
+            onOffsetChange === null || onOffsetChange === void 0 ? void 0 : onOffsetChange(value);
+        }
+    }, [value]);
+    if (!calendars[0]) {
+        return null;
+    }
+    return React.createElement(CalendarItem, { calendar: calendars[0], type: "single" });
+};

package/__inner__/esm/components/Calendar/components/CalendarModeSingle/components/CalendarConsumer/index.d.ts

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

package/__inner__/esm/components/Calendar/components/CalendarModeSingle/components/CalendarConsumer/index.js

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

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

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

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

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

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

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

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

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

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

@@ -10,16 +10,14 @@
   box-sizing: border-box;
 }
 
-  .CalendarSwitcher-StartActions,
-  .CalendarSwitcher-EndActions {
+  .CalendarSwitcher > * {
     display: flex;
     align-items: center;
+    gap: var(--spacing-m);
   }
 
-  .CalendarSwitcher-StartActions {
+  .CalendarSwitcher-Actions {
+    display: flex;
+    align-items: center;
     gap: var(--spacing-2xs);
   }
-
-  .CalendarSwitcher-EndActions {
-    gap: var(--spacing-m);
-  }

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

@@ -1,10 +1,5 @@
 import './CalendarSwitcher.css';
-import type { ComponentPropsWithRef, ComponentRef } from 'react';
 import React from 'react';
-import type { CalendarStepVariant } from '../../index';
+import type { CalendarSwitcherProps } 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>>;

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

@@ -1,6 +1,6 @@
 import { __assign, __read, __rest } from "tslib";
 import './CalendarSwitcher.css';
-import React, { forwardRef, useContext } from 'react';
+import React, { forwardRef } from 'react';
 import { ChevronLeftIcon, ChevronRightIcon } from '@ozen-ui/icons';
 import { useDatePickerContext } from '@rehookify/datepicker';
 import { capitalizeFirstLetter as capitalize } from '../../../../utils/capitalizeFirstLetter';
@@ -8,30 +8,30 @@ import { cn } from '../../../../utils/classname';
 import { Button } from '../../../ButtonNext';
 import { IconButton } from '../../../IconButtonNext';
 import { Typography } from '../../../Typography';
-import { CalendarContext } from '../../CalendarContext';
-import { getPeriodSwitchAriaLabel as createPeriodSwitchAriaLabel } from './utils';
+import { useCalendar } from '../../CalendarContext';
+import { useCalendarItem } from '../CalendarItem/CalendarItemContext';
 export var cnCalendarSwitcher = cn('CalendarSwitcher');
 export var CalendarSwitcher = forwardRef(function (_a, ref) {
     var _b, _c;
-    var className = _a.className, _d = _a.getPeriodSwitchAriaLabel, getPeriodSwitchAriaLabel = _d === void 0 ? createPeriodSwitchAriaLabel : _d, other = __rest(_a, ["className", "getPeriodSwitchAriaLabel"]);
-    var _e = useContext(CalendarContext), step = _e.step, goStep = _e.goStep, size = _e.size;
-    var _f = useDatePickerContext(), _g = _f.data, calendars = _g.calendars, years = _g.years, _h = _f.propGetters, subtractOffset = _h.subtractOffset, addOffset = _h.addOffset, nextYearsButton = _h.nextYearsButton, previousYearsButton = _h.previousYearsButton;
-    var _j = calendars[0] || {}, year = _j.year, month = _j.month;
+    var className = _a.className, prevButton = _a.prevButton, nextButton = _a.nextButton, other = __rest(_a, ["className", "prevButton", "nextButton"]);
+    var _d = useCalendar(), size = _d.size, getPeriodSwitchAriaLabel = _d.getPeriodSwitchAriaLabel;
+    var _e = useCalendarItem(), step = _e.step, goStep = _e.goStep, calendar = _e.calendar;
+    var _f = useDatePickerContext(), years = _f.data.years, _g = _f.propGetters, addOffset = _g.addOffset, subtractOffset = _g.subtractOffset, nextYearsButton = _g.nextYearsButton, previousYearsButton = _g.previousYearsButton;
+    var _h = calendar || {}, year = _h.year, month = _h.month;
     var handleClickOnMonths = function () {
         goStep === null || goStep === void 0 ? void 0 : goStep('months');
     };
     var handleClickOnYears = function () {
         goStep === null || goStep === void 0 ? void 0 : goStep('years');
     };
-    var _k = __read(getPeriodSwitchAriaLabel(step), 2), PREVIOUS = _k[0], NEXT = _k[1];
+    var _j = __read((getPeriodSwitchAriaLabel === null || getPeriodSwitchAriaLabel === void 0 ? void 0 : getPeriodSwitchAriaLabel(step)) || [], 2), PREVIOUS = _j[0], NEXT = _j[1];
     return (React.createElement("div", __assign({ className: cnCalendarSwitcher({ size: size }, [className]) }, other, { ref: ref }),
         step === 'days' && (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: cnCalendarSwitcher('StartActions') },
+            prevButton,
+            React.createElement("div", { className: cnCalendarSwitcher('Actions') },
                 React.createElement(Button, { variant: "function", type: "button", color: "primary", onClick: handleClickOnMonths, size: size }, month && capitalize(month)),
                 React.createElement(Button, { variant: "function", type: "button", color: "primary", onClick: handleClickOnYears, size: size }, year)),
-            React.createElement("div", { className: cnCalendarSwitcher('EndActions') },
-                React.createElement(IconButton, __assign({ variant: "function", type: "button", color: "primary", icon: ChevronLeftIcon, size: size, "aria-label": PREVIOUS, title: PREVIOUS }, subtractOffset({ months: 1 }))),
-                React.createElement(IconButton, __assign({ variant: "function", color: "primary", icon: ChevronRightIcon, size: size, "aria-label": NEXT, title: NEXT }, addOffset({ months: 1 })))))),
+            nextButton)),
         step === 'months' && (React.createElement(React.Fragment, null,
             React.createElement("div", { className: cnCalendarSwitcher('StartActions') },
                 React.createElement(Button, { variant: "function", type: "button", color: "primary", onClick: handleClickOnYears, size: size }, year)),

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

@@ -1 +1,2 @@
 export * from './CalendarSwitcher';
+export * from './types';

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

@@ -1 +1,2 @@
 export * from './CalendarSwitcher';
+export * from './types';

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

@@ -0,0 +1,7 @@
+import type { ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export type CalendarSwitcherProps = ExtendableComponentPropsWithRef<{
+    prevButton?: ReactNode;
+    nextButton?: ReactNode;
+}, 'div'>;
+export type CalendarSwitcherRef = ComponentRef<'div'>;

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

@@ -0,0 +1 @@
+export {};

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

@@ -1,4 +1,6 @@
-export * from './CalendarItem';
+export * from './CalendarGridItem';
 export * from './CalendarSwitcher';
 export * from './CalendarGrid';
-export * from './CalendarAdditionalControls';
+export * from './CalendarModeSingle';
+export * from './CalendarModeRange';
+export * from './CalendarItem';

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

@@ -1,4 +1,6 @@
-export * from './CalendarItem';
+export * from './CalendarGridItem';
 export * from './CalendarSwitcher';
 export * from './CalendarGrid';
-export * from './CalendarAdditionalControls';
+export * from './CalendarModeSingle';
+export * from './CalendarModeRange';
+export * from './CalendarItem';

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

@@ -1,4 +1,4 @@
-export declare const CALENDAR_DEFAULT_AS = "div";
 export declare const CALENDAR_DEFAULT_START_DAY = 1;
 export declare const CALENDAR_ITEM_DEFAULT_TAG = "button";
 export declare const CALENDAR_DEFAULT_SIZE = "m";
+export declare const CALENDAR_DEFAULT_MODE = "single";

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

@@ -1,4 +1,4 @@
-export var CALENDAR_DEFAULT_AS = 'div';
 export var CALENDAR_DEFAULT_START_DAY = 1;
 export var CALENDAR_ITEM_DEFAULT_TAG = 'button';
 export var CALENDAR_DEFAULT_SIZE = 'm';
+export var CALENDAR_DEFAULT_MODE = 'single';