@ozen-ui/kit 0.60.0 → 0.62.0

package/__inner__/cjs/components/Autocomplete/helper.d.ts

@@ -2,76 +2,13 @@ import type { AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, Auto
 export declare const defaultGetOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption>;
 export declare const defaultGetOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption>;
 export declare const defaultGetOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption>;
-export declare function withDefaultGetters<OPTION>(props: AutocompleteProps<OPTION>): ({
+export declare function withDefaultGetters<OPTION>(props: AutocompleteProps<OPTION>): {
     options: OPTION[];
     size?: import("../../types/FormElementSizeVariant").FormElementSizeVariant;
     value?: import("./types").AutocompletePropValue<OPTION>;
     defaultValue?: import("./types").AutocompletePropValue<OPTION>;
-    onChange?: ((e: import("react").SyntheticEvent | KeyboardEvent, value: OPTION | null) => void) | undefined;
-    inputValue?: string;
-    onInputChange?: (e: import("react").ChangeEvent<HTMLInputElement> | null, value: string) => void;
-    renderInput?: import("./types").AutocompleteRenderInput;
-    renderOption?: import("./types").AutocompletePropRenderOption<OPTION> | undefined;
-    getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
-    getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
-    getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
-    disableCloseOnSelect?: boolean;
-    allowCustomValue?: boolean;
-    loading?: boolean;
-    noOptionsText?: import("react").ReactNode;
-    clearText?: string;
-    openText?: string;
-    closeText?: string;
-    loadingText?: import("react").ReactNode;
-    onClose?: () => void;
-    onOpen?: () => void;
-    disableClearButton?: boolean;
-    searchFunction?: import("./types").AutocompleteSearchFunction<OPTION> | undefined;
-    disableShowEmptyOptionsList?: boolean;
-    disableShowChevron?: boolean;
-    dataListProps?: Partial<Omit<import("../DataList").DataListProps, "onSelect" | "open" | "onClose" | "multiple" | "selected" | "anchorRef">>;
-} & {
-    error?: boolean | undefined;
-    label?: string | undefined;
-    style?: import("react").CSSProperties | undefined;
-    className?: string | undefined;
-    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    autoFocus?: boolean | undefined;
-    disabled?: boolean | undefined;
-    placeholder?: string | undefined;
-    required?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    disableStroke?: boolean | undefined;
-    hint?: string | null | undefined;
-    renderLeft?: import("../FieldIcon").FieldIconProps["icon"];
-    renderRight?: import("../FieldIcon").FieldIconProps["icon"];
-    inputProps?: import("../FieldInput").FieldInputProps | undefined;
-    bodyProps?: import("react").ComponentPropsWithRef<"label"> | undefined;
-    hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;
-} & {
     open?: boolean;
-    defaultOpen?: never;
-} & (OPTION extends {
-    label: AutocompleteDefaultOption["label"];
-} ? Record<string, unknown> : {
-    getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
-}) & (OPTION extends {
-    id: AutocompleteDefaultOption["id"];
-} ? Record<string, unknown> : {
-    getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
-}) & (OPTION extends {
-    disabled: AutocompleteDefaultOption["disabled"];
-} ? Record<string, unknown> : {
-    getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
-}) & {
-    getOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption> | AutocompletePropGetOptionLabel<OPTION>;
-    getOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption> | AutocompletePropGetOptionKey<OPTION>;
-    getOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption> | AutocompletePropGetOptionDisabled<OPTION>;
-}) | ({
-    options: OPTION[];
-    size?: import("../../types/FormElementSizeVariant").FormElementSizeVariant;
-    value?: import("./types").AutocompletePropValue<OPTION>;
-    defaultValue?: import("./types").AutocompletePropValue<OPTION>;
+    defaultOpen?: boolean;
     onChange?: ((e: import("react").SyntheticEvent | KeyboardEvent, value: OPTION | null) => void) | undefined;
     inputValue?: string;
     onInputChange?: (e: import("react").ChangeEvent<HTMLInputElement> | null, value: string) => void;
@@ -95,6 +32,7 @@ export declare function withDefaultGetters<OPTION>(props: AutocompleteProps<OPTI
     disableShowEmptyOptionsList?: boolean;
     disableShowChevron?: boolean;
     dataListProps?: Partial<Omit<import("../DataList").DataListProps, "onSelect" | "open" | "onClose" | "multiple" | "selected" | "anchorRef">>;
+    ref?: import("react").Ref<HTMLDivElement>;
 } & {
     error?: boolean | undefined;
     label?: string | undefined;
@@ -113,23 +51,20 @@ export declare function withDefaultGetters<OPTION>(props: AutocompleteProps<OPTI
     inputProps?: import("../FieldInput").FieldInputProps | undefined;
     bodyProps?: import("react").ComponentPropsWithRef<"label"> | undefined;
     hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;
-} & {
-    open?: never;
-    defaultOpen?: boolean;
 } & (OPTION extends {
     label: AutocompleteDefaultOption["label"];
-} ? Record<string, unknown> : {
+} ? object : {
     getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
 }) & (OPTION extends {
     id: AutocompleteDefaultOption["id"];
-} ? Record<string, unknown> : {
+} ? object : {
     getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
 }) & (OPTION extends {
     disabled: AutocompleteDefaultOption["disabled"];
-} ? Record<string, unknown> : {
+} ? object : {
     getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
 }) & {
     getOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption> | AutocompletePropGetOptionLabel<OPTION>;
     getOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption> | AutocompletePropGetOptionKey<OPTION>;
     getOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption> | AutocompletePropGetOptionDisabled<OPTION>;
-});
+};

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

@@ -1,4 +1,4 @@
-import type { ChangeEvent, ReactElement, ReactNode, SyntheticEvent } from 'react';
+import type { ChangeEvent, ReactElement, ReactNode, Ref, SyntheticEvent } from 'react';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 import type { DataListProps } from '../DataList';
 import type { InputProps } from '../Input';
@@ -18,18 +18,6 @@ export type AutocompleteDefaultOption = {
 };
 export type AutocompleteSearchFunction<OPTION> = (options: OPTION[], searchValue: string) => OPTION[];
 export type AutocompleteRenderInput = (props: InputProps) => ReactNode;
-type AutocompleteOpenControlledProps = {
-    /** Текущее состояние списка. Если `true`, список отображается. */
-    open?: boolean;
-    /** Состояние открытие по умолчанию (неконтролируемый компонент) */
-    defaultOpen?: never;
-};
-type AutocompleteOpenUncontrolledProps = {
-    /** Текущее состояние списка. Если `true`, список отображается. */
-    open?: never;
-    /** Состояние открытие по умолчанию (неконтролируемый компонент) */
-    defaultOpen?: boolean;
-};
 type AutocompleteInputProps = Pick<InputProps, 'placeholder' | 'autoFocus' | 'fullWidth' | 'disabled' | 'label' | 'required' | 'disableStroke' | 'style' | 'error' | 'hint' | 'renderLeft' | 'renderRight' | 'className' | 'inputProps' | 'hintProps' | 'bodyProps' | 'onKeyDown'>;
 type AutocompleteDataListProps = Partial<Omit<DataListProps, 'onClose' | 'open' | 'anchorRef' | 'multiple' | 'selected' | 'onSelect'>>;
 export type AutocompleteProps<OPTION = AutocompleteDefaultOption> = {
@@ -41,6 +29,10 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption> = {
     value?: AutocompletePropValue<OPTION>;
     /** Выбранное значение опции по умолчанию */
     defaultValue?: AutocompletePropValue<OPTION>;
+    /** Текущее состояние списка. Если `true`, список отображается. */
+    open?: boolean;
+    /** Состояние открытие по умолчанию (неконтролируемый компонент) */
+    defaultOpen?: boolean;
     /** Функция обратного вызова, которая будет вызвана при выборе значения */
     onChange?: (e: SyntheticEvent | KeyboardEvent, value: OPTION | null) => void;
     /** Введённое значение в текстовом поле */
@@ -87,17 +79,19 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption> = {
     disableShowChevron?: boolean;
     /** Свойства компонента DataList */
     dataListProps?: AutocompleteDataListProps;
-} & AutocompleteInputProps & (AutocompleteOpenControlledProps | AutocompleteOpenUncontrolledProps) & (OPTION extends {
+    /** Ссылка на HTML элемент */
+    ref?: Ref<HTMLDivElement>;
+} & AutocompleteInputProps & (OPTION extends {
     label: AutocompleteDefaultOption['label'];
-} ? Record<string, unknown> : {
+} ? object : {
     getOptionLabel?: AutocompletePropGetOptionLabel<OPTION>;
 }) & (OPTION extends {
     id: AutocompleteDefaultOption['id'];
-} ? Record<string, unknown> : {
+} ? object : {
     getOptionKey?: AutocompletePropGetOptionKey<OPTION>;
 }) & (OPTION extends {
     disabled: AutocompleteDefaultOption['disabled'];
-} ? Record<string, unknown> : {
+} ? object : {
     getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION>;
 });
 export type AutocompleteComponent = <OPTION = AutocompleteDefaultOption>(props: AutocompleteProps<OPTION>) => ReactElement | null;

package/__inner__/cjs/components/AutocompleteNext/Autocomplete.css

@@ -187,7 +187,7 @@
 
   .AutocompleteNext-Dropdown {
     overflow: hidden auto;
-    max-block-size: 40vb;
+    max-block-size: 40vh;
 }
 .AutocompleteNext-Dropdown-animation-enter {
     opacity: 0;

package/__inner__/cjs/components/AutocompleteNext/helpers.d.ts

@@ -2,7 +2,7 @@ import type { AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, Auto
 export declare const defaultGetOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption>;
 export declare const defaultGetOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption>;
 export declare const defaultGetOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption>;
-export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false>(props: AutocompleteProps<OPTION, MULTIPLE>): ({
+export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false>(props: AutocompleteProps<OPTION, MULTIPLE>): {
     multiple?: MULTIPLE | undefined;
     limitTags?: number | "responsive";
     renderTag?: import("./types").AutocompletePropRenderTag;
@@ -11,76 +11,8 @@ export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, M
     size?: import("./types").AutocompletePropSize;
     value?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
     defaultValue?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
-    onChange?: import("./types").AutocompleteOnChange<OPTION, MULTIPLE> | undefined;
-    inputValue?: string;
-    onInputChange?: import("./types").AutocompleteOnInputChange;
-    renderInput?: import("./types").AutocompletePropRenderInput;
-    renderOption?: import("./types").AutocompletePropRenderOption<OPTION> | undefined;
-    getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
-    getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
-    getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
-    disableCloseOnSelect?: boolean;
-    allowCustomValue?: boolean;
-    loading?: boolean;
-    noOptionsText?: import("react").ReactNode;
-    clearText?: string;
-    openText?: string;
-    closeText?: string;
-    loadingText?: import("react").ReactNode;
-    onClose?(): void;
-    onOpen?(): void;
-    disableClearButton?: boolean;
-    searchFunction?: import("./types").AutocompletePropSearchFunction<OPTION> | undefined;
-    disableShowEmptyOptionsList?: boolean;
-    disableShowChevron?: boolean;
-    popoverProps?: import("./components").AutocompleteDropdownProps["popoverProps"];
-    listProps?: import("./components").AutocompleteDropdownProps["listProps"];
-} & {
-    error?: boolean | undefined;
-    label?: string | undefined;
-    style?: import("react").CSSProperties | undefined;
-    className?: string | undefined;
-    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    autoFocus?: boolean | undefined;
-    disabled?: boolean | undefined;
-    placeholder?: string | undefined;
-    required?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    disableStroke?: boolean | undefined;
-    hint?: string | null | undefined;
-    renderLeft?: import("../FieldIcon").FieldIconProps["icon"];
-    renderRight?: import("../FieldIcon").FieldIconProps["icon"];
-    inputProps?: import("../FieldInput").FieldInputProps | undefined;
-    bodyProps?: import("react").ComponentPropsWithRef<"label"> | undefined;
-    hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;
-} & {
     open?: boolean;
-    defaultOpen?: never;
-} & (OPTION extends {
-    label: AutocompleteDefaultOption["label"];
-} ? Record<string, unknown> : {
-    getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
-}) & (OPTION extends {
-    id: AutocompleteDefaultOption["id"];
-} ? Record<string, unknown> : {
-    getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
-}) & (OPTION extends {
-    disabled: AutocompleteDefaultOption["disabled"];
-} ? Record<string, unknown> : {
-    getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
-}) & {
-    getOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption> | AutocompletePropGetOptionLabel<OPTION>;
-    getOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption> | AutocompletePropGetOptionKey<OPTION>;
-    getOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption> | AutocompletePropGetOptionDisabled<OPTION>;
-}) | ({
-    multiple?: MULTIPLE | undefined;
-    limitTags?: number | "responsive";
-    renderTag?: import("./types").AutocompletePropRenderTag;
-    renderMoreTag?: import("./types").AutocompletePropRenderMoreTag<OPTION> | undefined;
-    options: OPTION[];
-    size?: import("./types").AutocompletePropSize;
-    value?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
-    defaultValue?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
+    defaultOpen?: boolean;
     onChange?: import("./types").AutocompleteOnChange<OPTION, MULTIPLE> | undefined;
     inputValue?: string;
     onInputChange?: import("./types").AutocompleteOnInputChange;
@@ -105,6 +37,7 @@ export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, M
     disableShowChevron?: boolean;
     popoverProps?: import("./components").AutocompleteDropdownProps["popoverProps"];
     listProps?: import("./components").AutocompleteDropdownProps["listProps"];
+    ref?: import("react").Ref<HTMLDivElement>;
 } & {
     error?: boolean | undefined;
     label?: string | undefined;
@@ -123,25 +56,22 @@ export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, M
     inputProps?: import("../FieldInput").FieldInputProps | undefined;
     bodyProps?: import("react").ComponentPropsWithRef<"label"> | undefined;
     hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;
-} & {
-    open?: never;
-    defaultOpen?: boolean;
 } & (OPTION extends {
     label: AutocompleteDefaultOption["label"];
-} ? Record<string, unknown> : {
+} ? object : {
     getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
 }) & (OPTION extends {
     id: AutocompleteDefaultOption["id"];
-} ? Record<string, unknown> : {
+} ? object : {
     getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
 }) & (OPTION extends {
     disabled: AutocompleteDefaultOption["disabled"];
-} ? Record<string, unknown> : {
+} ? object : {
     getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
 }) & {
     getOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption> | AutocompletePropGetOptionLabel<OPTION>;
     getOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption> | AutocompletePropGetOptionKey<OPTION>;
     getOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption> | AutocompletePropGetOptionDisabled<OPTION>;
-});
+};
 export declare const isMultipleParams: <OPTION>(params: AutocompleteProps<OPTION, boolean>) => params is AutocompleteProps<OPTION, true>;
 export declare const isNotMultipleParams: <OPTION>(params: AutocompleteProps<OPTION, boolean>) => params is AutocompleteProps<OPTION, false>;

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

@@ -33,18 +33,6 @@ export type AutocompleteRenderMoreTagProps<OPTION> = {
     omittedValues?: AutocompletePropValue<OPTION, true>;
 };
 export type AutocompletePropRenderMoreTag<OPTION> = (props: AutocompleteRenderMoreTagProps<OPTION>, ref?: Ref<TagRef>) => ReactNode;
-type AutocompleteOpenControlledProps = {
-    /** Текущее состояние списка. Если `true`, список отображается. */
-    open?: boolean;
-    /** Состояние открытие по умолчанию (неконтролируемый компонент) */
-    defaultOpen?: never;
-};
-type AutocompleteOpenUncontrolledProps = {
-    /** Текущее состояние списка. Если `true`, список отображается. */
-    open?: never;
-    /** Состояние открытие по умолчанию (неконтролируемый компонент) */
-    defaultOpen?: boolean;
-};
 type AutocompleteInputProps = Pick<InputProps, 'hint' | 'style' | 'error' | 'label' | 'disabled' | 'required' | 'autoFocus' | 'fullWidth' | 'className' | 'hintProps' | 'bodyProps' | 'onKeyDown' | 'inputProps' | 'renderLeft' | 'renderRight' | 'placeholder' | 'disableStroke'>;
 export type AutocompleteOnChange<OPTION, MULTIPLE extends boolean> = (e: SyntheticEvent | KeyboardEvent, value: (MULTIPLE extends true ? OPTION[] : OPTION) | null) => void;
 export type AutocompleteOnInputChange = (e: ChangeEvent<HTMLInputElement> | null, value: string) => void;
@@ -67,6 +55,10 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption, MULTIPLE exten
     value?: AutocompletePropValue<OPTION, MULTIPLE>;
     /** Выбранное значение опции по умолчанию */
     defaultValue?: AutocompletePropValue<OPTION, MULTIPLE>;
+    /** Текущее состояние списка. Если `true`, список отображается. */
+    open?: boolean;
+    /** Состояние открытие по умолчанию (неконтролируемый компонент) */
+    defaultOpen?: boolean;
     /** Функция обратного вызова, которая будет вызвана при выборе значения */
     onChange?: AutocompleteOnChange<OPTION, MULTIPLE>;
     /** Введённое значение в текстовом поле */
@@ -115,17 +107,19 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption, MULTIPLE exten
     popoverProps?: AutocompleteDropdownProps['popoverProps'];
     /** Свойства компонента List */
     listProps?: AutocompleteDropdownProps['listProps'];
-} & AutocompleteInputProps & (AutocompleteOpenControlledProps | AutocompleteOpenUncontrolledProps) & (OPTION extends {
+    /** Ссылка на HTML элемент */
+    ref?: Ref<HTMLDivElement>;
+} & AutocompleteInputProps & (OPTION extends {
     label: AutocompleteDefaultOption['label'];
-} ? Record<string, unknown> : {
+} ? object : {
     getOptionLabel?: AutocompletePropGetOptionLabel<OPTION>;
 }) & (OPTION extends {
     id: AutocompleteDefaultOption['id'];
-} ? Record<string, unknown> : {
+} ? object : {
     getOptionKey?: AutocompletePropGetOptionKey<OPTION>;
 }) & (OPTION extends {
     disabled: AutocompleteDefaultOption['disabled'];
-} ? Record<string, unknown> : {
+} ? object : {
     getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION>;
 });
 export type AutocompleteComponent = <OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false>(props: AutocompleteProps<OPTION, MULTIPLE>) => ReactElement | null;

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

@@ -19,8 +19,8 @@ exports.Calendar = (0, react_1.forwardRef)(function (inProps, ref) {
         props: inProps,
         name: 'Calendar',
     });
-    var _a = props.size, size = _a === void 0 ? constants_1.CALENDAR_DEFAULT_SIZE : _a, _b = props.mode, mode = _b === void 0 ? constants_1.CALENDAR_DEFAULT_MODE : _b, _c = props.startDay, startDay = _c === void 0 ? constants_1.CALENDAR_DEFAULT_START_DAY : _c, getPeriodSwitchAriaLabelProp = props.getPeriodSwitchAriaLabel, other = tslib_1.__rest(props, ["size", "mode", "startDay", "getPeriodSwitchAriaLabel"]);
+    var _a = props.size, size = _a === void 0 ? constants_1.CALENDAR_DEFAULT_SIZE : _a, _b = props.mode, mode = _b === void 0 ? constants_1.CALENDAR_DEFAULT_MODE : _b, _c = props.startDay, startDay = _c === void 0 ? constants_1.CALENDAR_DEFAULT_START_DAY : _c, _d = props.calendars, calendars = _d === void 0 ? constants_1.CALENDAR_DEFAULT_CALENDARS : _d, getPeriodSwitchAriaLabelProp = props.getPeriodSwitchAriaLabel, other = tslib_1.__rest(props, ["size", "mode", "startDay", "calendars", "getPeriodSwitchAriaLabel"]);
     var getPeriodSwitchAriaLabel = getPeriodSwitchAriaLabelProp || utils_1.getPeriodSwitchAriaLabel;
     var Component = (0, getByMap_1.getByMap)(typeMap, mode);
-    return (react_1.default.createElement(Component, tslib_1.__assign({ size: size, startDay: startDay, getPeriodSwitchAriaLabel: getPeriodSwitchAriaLabel }, other, { ref: ref })));
+    return (react_1.default.createElement(Component, tslib_1.__assign({ size: size, startDay: startDay, calendars: calendars, getPeriodSwitchAriaLabel: getPeriodSwitchAriaLabel }, other, { ref: ref })));
 });

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

@@ -1,10 +1,9 @@
 import React from 'react';
-import type { CalendarSizeVariant, CalendarProps } from './types';
+import type { CalendarPropSize, CalendarProps } from './types';
 export interface CalendarContextValue {
     minDate?: Date;
     maxDate?: Date;
-    size?: CalendarSizeVariant;
-    onOffsetChange?(d: Date): void;
+    size?: CalendarPropSize;
     onDayClick?: CalendarProps['onDayClick'];
     onYearClick?: CalendarProps['onYearClick'];
     onMonthClick?: CalendarProps['onMonthClick'];

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

@@ -1,12 +1,12 @@
 import type { ComponentRef } from 'react';
 import type { DPDayRange } from '@rehookify/datepicker';
 import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
-import type { CalendarSizeVariant } from '../../index';
+import type { CalendarPropSize } from '../../index';
 export type CalendarGridItemRef = ComponentRef<'button'>;
 export type CalendarGridItemProps = ExtendableComponentPropsWithRef<{
     current?: boolean;
     selected?: boolean;
     disabled?: boolean;
     range?: DPDayRange;
-    size?: CalendarSizeVariant;
+    size?: CalendarPropSize;
 }, 'button'>;

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

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

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

@@ -7,8 +7,8 @@ var datepicker_1 = require("@rehookify/datepicker");
 var useControlled_1 = require("../../../../hooks/useControlled");
 var useThemeProps_1 = require("../../../../hooks/useThemeProps");
 var CalendarContext_1 = require("../../CalendarContext");
-var constants_1 = require("../../constants");
 var utils_1 = require("../../utils");
+var index_1 = require("../index");
 var components_1 = require("./components");
 // eslint-disable-next-line react/display-name
 exports.CalendarModeRange = (0, react_1.forwardRef)(function (inProps, ref) {
@@ -16,41 +16,37 @@ exports.CalendarModeRange = (0, react_1.forwardRef)(function (inProps, ref) {
         props: inProps,
         name: 'Calendar',
     });
-    var _a = props.size, size = _a === void 0 ? constants_1.CALENDAR_DEFAULT_SIZE : _a, _b = props.startDay, startDay = _b === void 0 ? constants_1.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 = tslib_1.__rest(props, ["size", "startDay", "renderAdditionalControls", "locale", "onChange", "onOffsetDateChange", "onMonthClick", "onDayClick", "onYearClick", "value", "defaultValue", "offsetDate", "defaultOffsetDate", "exclude", "minDate", "maxDate", "className", "getPeriodSwitchAriaLabel"]);
-    var _c = tslib_1.__read((0, useControlled_1.useControlled)({
+    var size = props.size, startDay = props.startDay, renderAdditionalControls = props.renderAdditionalControls, locale = props.locale, onChangeProp = props.onChange, onCalendarsChange = props.onCalendarsChange, onOffsetDateChangeProp = props.onOffsetDateChange, calendars = props.calendars, 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 = tslib_1.__rest(props, ["size", "startDay", "renderAdditionalControls", "locale", "onChange", "onCalendarsChange", "onOffsetDateChange", "calendars", "onMonthClick", "onDayClick", "onYearClick", "value", "defaultValue", "offsetDate", "defaultOffsetDate", "exclude", "minDate", "maxDate", "className", "getPeriodSwitchAriaLabel"]);
+    var _a = tslib_1.__read((0, useControlled_1.useControlled)({
         value: valueProp,
         defaultValue: defaultValue,
         name: 'Calendar',
         state: 'value',
-    }), 2), value = _c[0], setValue = _c[1];
-    var _d = tslib_1.__read((0, useControlled_1.useControlled)({
+    }), 2), value = _a[0], setValue = _a[1];
+    var _b = tslib_1.__read((0, useControlled_1.useControlled)({
         value: offsetDateProp,
         defaultValue: defaultOffsetDate,
         name: 'Calendar',
         state: 'offsetDate',
-    }), 2), offsetDate = _d[0], setOffsetDateState = _d[1];
+    }), 2), offsetDate = _b[0], setOffsetDateState = _b[1];
+    var onOffsetChange = function (date) {
+        setOffsetDateState(date);
+        onOffsetDateChangeProp === null || onOffsetDateChangeProp === void 0 ? void 0 : onOffsetDateChangeProp(date);
+    };
     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],
-        },
+        calendar: tslib_1.__assign({ startDay: startDay }, (calendars && calendars > 1 && { offsets: [1] })),
         locale: {
             locale: locale,
             day: 'numeric',
             weekday: 'short',
         },
         exclude: exclude,
-        offsetDate: offsetDate,
         onDatesChange: onDatesChange,
         onOffsetChange: onOffsetChange,
         dates: {
@@ -59,8 +55,9 @@ exports.CalendarModeRange = (0, react_1.forwardRef)(function (inProps, ref) {
             mode: 'range',
             selectSameDate: true,
         },
-        years: { numberOfYears: 15 },
         selectedDates: value || [],
+        years: { numberOfYears: 15 },
+        offsetDate: offsetDate || undefined,
     };
     return (react_1.default.createElement(datepicker_1.DatePickerProvider, { config: config },
         react_1.default.createElement(CalendarContext_1.CalendarContext.Provider, { value: {
@@ -71,9 +68,8 @@ exports.CalendarModeRange = (0, react_1.forwardRef)(function (inProps, ref) {
                 onYearClick: onYearClick,
                 onMonthClick: onMonthClick,
                 getPeriodSwitchAriaLabel: getPeriodSwitchAriaLabel,
-                onOffsetChange: onOffsetChange,
             } },
             react_1.default.createElement("div", tslib_1.__assign({ className: (0, utils_1.cnCalendar)({ size: size }, [className]) }, other, { ref: ref }),
-                react_1.default.createElement(components_1.CalendarConsumer, null),
+                react_1.default.createElement(index_1.Calendars, { onCalendarsChange: onCalendarsChange }),
                 react_1.default.createElement(components_1.CalendarAdditionalControls, { renderAdditionalControls: renderAdditionalControls })))));
 });

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

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

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

@@ -2,4 +2,3 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./CalendarAdditionalControls"), exports);
-tslib_1.__exportStar(require("./CalendarConsumer"), exports);

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

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

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

@@ -5,30 +5,25 @@ var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var datepicker_1 = require("@rehookify/datepicker");
 var useControlled_1 = require("../../../../hooks/useControlled");
-var useThemeProps_1 = require("../../../../hooks/useThemeProps");
 var CalendarContext_1 = require("../../CalendarContext");
-var constants_1 = require("../../constants");
 var utils_1 = require("../../utils");
+var index_1 = require("../index");
 var components_1 = require("./components");
 // eslint-disable-next-line react/display-name
-exports.CalendarModeSingle = (0, react_1.forwardRef)(function (inProps, ref) {
-    var props = (0, useThemeProps_1.useThemeProps)({
-        props: inProps,
-        name: 'Calendar',
-    });
-    var _a = props.size, size = _a === void 0 ? constants_1.CALENDAR_DEFAULT_SIZE : _a, _b = props.startDay, startDay = _b === void 0 ? constants_1.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 = tslib_1.__rest(props, ["size", "startDay", "renderAdditionalControls", "locale", "onChange", "onOffsetDateChange", "onMonthClick", "onDayClick", "onYearClick", "value", "defaultValue", "offsetDate", "defaultOffsetDate", "exclude", "minDate", "maxDate", "className", "getPeriodSwitchAriaLabel"]);
-    var _c = tslib_1.__read((0, useControlled_1.useControlled)({
+exports.CalendarModeSingle = (0, react_1.forwardRef)(function (props, ref) {
+    var size = props.size, startDay = props.startDay, 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, onCalendarsChange = props.onCalendarsChange, defaultOffsetDate = props.defaultOffsetDate, exclude = props.exclude, minDate = props.minDate, maxDate = props.maxDate, calendars = props.calendars, className = props.className, getPeriodSwitchAriaLabel = props.getPeriodSwitchAriaLabel, other = tslib_1.__rest(props, ["size", "startDay", "renderAdditionalControls", "locale", "onChange", "onOffsetDateChange", "onMonthClick", "onDayClick", "onYearClick", "value", "defaultValue", "offsetDate", "onCalendarsChange", "defaultOffsetDate", "exclude", "minDate", "maxDate", "calendars", "className", "getPeriodSwitchAriaLabel"]);
+    var _a = tslib_1.__read((0, useControlled_1.useControlled)({
         value: valueProp,
         defaultValue: defaultValue,
         name: 'Calendar',
         state: 'value',
-    }), 2), value = _c[0], setValue = _c[1];
-    var _d = tslib_1.__read((0, useControlled_1.useControlled)({
+    }), 2), value = _a[0], setValue = _a[1];
+    var _b = tslib_1.__read((0, useControlled_1.useControlled)({
         value: offsetDateProp,
         defaultValue: defaultOffsetDate,
         name: 'Calendar',
         state: 'offsetDate',
-    }), 2), offsetDate = _d[0], setOffsetDateState = _d[1];
+    }), 2), offsetDate = _b[0], setOffsetDateState = _b[1];
     var onDatesChange = function (data) {
         var value = data[0];
         if (value) {
@@ -41,20 +36,18 @@ exports.CalendarModeSingle = (0, react_1.forwardRef)(function (inProps, ref) {
         onOffsetDateChangeProp === null || onOffsetDateChangeProp === void 0 ? void 0 : onOffsetDateChangeProp(date);
     };
     var config = {
-        calendar: {
-            startDay: startDay,
-        },
+        calendar: tslib_1.__assign({ startDay: startDay }, (calendars && calendars > 1 && { offsets: [1] })),
         locale: {
             locale: locale,
             day: 'numeric',
             weekday: 'short',
         },
         exclude: exclude,
-        offsetDate: offsetDate,
         onDatesChange: onDatesChange,
         onOffsetChange: onOffsetChange,
         dates: { minDate: minDate, maxDate: maxDate },
         years: { numberOfYears: 15 },
+        offsetDate: offsetDate || undefined,
         selectedDates: value ? [value] : [],
     };
     return (react_1.default.createElement(datepicker_1.DatePickerProvider, { config: config },
@@ -66,9 +59,8 @@ exports.CalendarModeSingle = (0, react_1.forwardRef)(function (inProps, ref) {
                 onYearClick: onYearClick,
                 onMonthClick: onMonthClick,
                 getPeriodSwitchAriaLabel: getPeriodSwitchAriaLabel,
-                onOffsetChange: onOffsetChange,
             } },
             react_1.default.createElement("div", tslib_1.__assign({ className: (0, utils_1.cnCalendar)({ size: size }, [className]) }, other, { ref: ref }),
-                react_1.default.createElement(components_1.CalendarConsumer, null),
+                react_1.default.createElement(index_1.Calendars, { onCalendarsChange: onCalendarsChange }),
                 react_1.default.createElement(components_1.CalendarAdditionalControls, { renderAdditionalControls: renderAdditionalControls })))));
 });

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

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

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

@@ -2,4 +2,3 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./CalendarAdditionalControls"), exports);
-tslib_1.__exportStar(require("./CalendarConsumer"), exports);

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

@@ -0,0 +1,5 @@
+import type { FC } from 'react';
+import type { CalendarProps } from '../../index';
+type CalendarsProps = Pick<CalendarProps, 'onCalendarsChange'>;
+export declare const Calendars: FC<CalendarsProps>;
+export {};