@ozen-ui/kit 0.53.0 → 0.55.0

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

@@ -1,88 +1,5 @@
-import React from 'react';
-import type { ReactNode, HTMLAttributes } from 'react';
 import './Collapse.css';
+import React from 'react';
+import type { CollapseProps } from './index';
 export declare const cnCollapse: import("@bem-react/classname").ClassNameFormatter;
-export type CollapseProps = {
-    /** Содержимое */
-    children: ReactNode;
-    /** Если {true} раскрыт */
-    expanded?: boolean;
-    /** Если {true} размонтирует контент при закрытии */
-    unmountOnClosed?: boolean;
-    /**
-     * Время анимации
-     *
-     * @default 120
-     * */
-    timeout?: number;
-    /**
-     * Размер в полностью закрытом состоянии
-     * При передаче числа размерность будет в пикселях
-     * Например: '10px', 0, '1vh'.
-     *
-     * @default 0
-     */
-    collapsedSize?: number | string;
-    /** Дополнительные CSS-классы */
-    className?: string;
-    /** Анимирует состояние expanded при первом рендере */
-    appear?: boolean;
-    /** Функция обратного вызова которая будет вызвана до начала
-     * перехода компонента в состояние представлен */
-    onEnter?: (node: HTMLElement, isAppeared: boolean) => void;
-    /** Функция обратного вызова которая будет вызвана после onEnter и до onEntered */
-    onEntering?: (node: HTMLElement, isAppeared: boolean) => void;
-    /** Функция обратного вызова которая будет вызвана после завершения
-     * перехода компонента в состояние представлен */
-    onEntered?: (node: HTMLElement, isAppeared: boolean) => void;
-    /** Функция обратного вызова которая будет вызвана до начала
-     * перехода компонента в состояние не представлен */
-    onExit?: (node: HTMLElement) => void;
-    /** Функция обратного вызова которая будет вызвана до начала
-     * перехода компонента в состояние не представлен */
-    onExiting?: (node: HTMLElement) => void;
-    /** Функция обратного вызова которая будет вызвана после onExit и до onExited */
-    onExited?: (node: HTMLElement) => void;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const Collapse: React.ForwardRefExoticComponent<{
-    /** Содержимое */
-    children: ReactNode;
-    /** Если {true} раскрыт */
-    expanded?: boolean | undefined;
-    /** Если {true} размонтирует контент при закрытии */
-    unmountOnClosed?: boolean | undefined;
-    /**
-     * Время анимации
-     *
-     * @default 120
-     * */
-    timeout?: number | undefined;
-    /**
-     * Размер в полностью закрытом состоянии
-     * При передаче числа размерность будет в пикселях
-     * Например: '10px', 0, '1vh'.
-     *
-     * @default 0
-     */
-    collapsedSize?: string | number | undefined;
-    /** Дополнительные CSS-классы */
-    className?: string | undefined;
-    /** Анимирует состояние expanded при первом рендере */
-    appear?: boolean | undefined;
-    /** Функция обратного вызова которая будет вызвана до начала
-     * перехода компонента в состояние представлен */
-    onEnter?: ((node: HTMLElement, isAppeared: boolean) => void) | undefined;
-    /** Функция обратного вызова которая будет вызвана после onEnter и до onEntered */
-    onEntering?: ((node: HTMLElement, isAppeared: boolean) => void) | undefined;
-    /** Функция обратного вызова которая будет вызвана после завершения
-     * перехода компонента в состояние представлен */
-    onEntered?: ((node: HTMLElement, isAppeared: boolean) => void) | undefined;
-    /** Функция обратного вызова которая будет вызвана до начала
-     * перехода компонента в состояние не представлен */
-    onExit?: ((node: HTMLElement) => void) | undefined;
-    /** Функция обратного вызова которая будет вызвана до начала
-     * перехода компонента в состояние не представлен */
-    onExiting?: ((node: HTMLElement) => void) | undefined;
-    /** Функция обратного вызова которая будет вызвана после onExit и до onExited */
-    onExited?: ((node: HTMLElement) => void) | undefined;
-} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const Collapse: React.ForwardRefExoticComponent<Omit<CollapseProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/Collapse/Collapse.js

@@ -1,18 +1,21 @@
 import { __assign, __rest } from "tslib";
+import './Collapse.css';
 import React, { forwardRef, useRef, useMemo } from 'react';
 import { Transition } from 'react-transition-group';
+import { useMultiRef } from '../../hooks/useMultiRef';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 import { isNumber } from '../../utils/isNumber';
 import { isString } from '../../utils/isString';
 import { DEFAULT_COLLAPSE_TIMEOUT, DEFAULT_COLLAPSED_SIZE } from './constants';
-import './Collapse.css';
 export var cnCollapse = cn('Collapse');
 export var Collapse = forwardRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'Collapse' });
-    var onEnter = props.onEnter, onEntering = props.onEntering, onEntered = props.onEntered, onExit = props.onExit, onExiting = props.onExiting, onExited = props.onExited, unmountOnClosed = props.unmountOnClosed, expanded = props.expanded, appear = props.appear, children = props.children, className = props.className, style = props.style, _a = props.collapsedSize, collapsedSizeProp = _a === void 0 ? DEFAULT_COLLAPSED_SIZE : _a, _b = props.timeout, timeout = _b === void 0 ? DEFAULT_COLLAPSE_TIMEOUT : _b, other = __rest(props, ["onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "unmountOnClosed", "expanded", "appear", "children", "className", "style", "collapsedSize", "timeout"]);
+    var _a = props.collapsedSize, collapsedSizeProp = _a === void 0 ? DEFAULT_COLLAPSED_SIZE : _a, _b = props.timeout, timeout = _b === void 0 ? DEFAULT_COLLAPSE_TIMEOUT : _b, onEnter = props.onEnter, onEntering = props.onEntering, onEntered = props.onEntered, onExit = props.onExit, onExiting = props.onExiting, onExited = props.onExited, unmountOnClosed = props.unmountOnClosed, expanded = props.expanded, appear = props.appear, children = props.children, className = props.className, style = props.style, other = __rest(props, ["collapsedSize", "timeout", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "unmountOnClosed", "expanded", "appear", "children", "className", "style"]);
+    var rootRef = useRef(null);
     // Для высчитывания высоты Collapse
     var collapseInnerRef = useRef(null);
+    var collapseRef = useMultiRef([ref, rootRef]);
     var collapsedSize = useMemo(function () {
         if (!collapsedSizeProp ||
             (!isString(collapsedSizeProp) && !isNumber(collapsedSizeProp))) {
@@ -22,7 +25,7 @@ export var Collapse = forwardRef(function (inProps, ref) {
             ? collapsedSizeProp
             : "".concat(collapsedSizeProp, "px");
     }, [collapsedSizeProp]);
-    return (React.createElement(Transition, { timeout: timeout, in: expanded, unmountOnExit: unmountOnClosed, appear: appear, onEntering: onEntering, onExiting: onExiting, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited }, function (state) {
+    return (React.createElement(Transition, { nodeRef: rootRef, timeout: timeout, in: expanded, unmountOnExit: unmountOnClosed, appear: appear, onEnter: function (isAppeared) { return onEnter === null || onEnter === void 0 ? void 0 : onEnter(rootRef === null || rootRef === void 0 ? void 0 : rootRef.current, isAppeared); }, onEntering: function (isAppeared) { return onEntering === null || onEntering === void 0 ? void 0 : onEntering(rootRef === null || rootRef === void 0 ? void 0 : rootRef.current, isAppeared); }, onEntered: function (isAppeared) { return onEntered === null || onEntered === void 0 ? void 0 : onEntered(rootRef === null || rootRef === void 0 ? void 0 : rootRef.current, isAppeared); }, onExit: function () { return onExit === null || onExit === void 0 ? void 0 : onExit(rootRef === null || rootRef === void 0 ? void 0 : rootRef.current); }, onExiting: function () { return onExiting === null || onExiting === void 0 ? void 0 : onExiting(rootRef === null || rootRef === void 0 ? void 0 : rootRef.current); }, onExited: function () { return onExited === null || onExited === void 0 ? void 0 : onExited(rootRef === null || rootRef === void 0 ? void 0 : rootRef.current); } }, function (state) {
         var _a, _b;
         var transitionStyles = {
             entering: {
@@ -35,9 +38,7 @@ export var Collapse = forwardRef(function (inProps, ref) {
             },
             exited: __assign({}, (collapsedSize === '0px' && { visibility: 'hidden' })),
         };
-        return (React.createElement("div", __assign({ className: cnCollapse({
-                animation: state,
-            }, [className]), style: __assign(__assign({ height: collapsedSize, transitionDuration: "".concat(timeout, "ms") }, transitionStyles[state]), style) }, other, { ref: ref }),
+        return (React.createElement("div", __assign({ className: cnCollapse({ animation: state }, [className]), style: __assign(__assign({ height: collapsedSize, transitionDuration: "".concat(timeout, "ms") }, transitionStyles[state]), style) }, other, { ref: collapseRef }),
             React.createElement("div", { ref: collapseInnerRef, className: cnCollapse('Inner') }, children)));
     }));
 });

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

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

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

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

package/__inner__/esm/components/Collapse/types.d.ts

@@ -0,0 +1,45 @@
+import type { ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
+export type CollapseRef = ComponentRef<'div'>;
+export type CollapseProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое */
+    children?: ReactNode;
+    /** Если {true} раскрыт */
+    expanded?: boolean;
+    /** Если {true} размонтирует контент при закрытии */
+    unmountOnClosed?: boolean;
+    /**
+     * Время анимации
+     *
+     * @default 120
+     * */
+    timeout?: number;
+    /**
+     * Размер в полностью закрытом состоянии
+     * При передаче числа размерность будет в пикселях
+     * Например: '10px', 0, '1vh'.
+     *
+     * @default 0
+     */
+    collapsedSize?: number | string;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** Анимирует состояние expanded при первом рендере */
+    appear?: boolean;
+    /** Функция обратного вызова которая будет вызвана до начала
+     * перехода компонента в состояние представлен */
+    onEnter?(node: HTMLElement | null, isAppeared: boolean): void;
+    /** Функция обратного вызова которая будет вызвана после onEnter и до onEntered */
+    onEntering?(node: HTMLElement | null, isAppeared: boolean): void;
+    /** Функция обратного вызова которая будет вызвана после завершения
+     * перехода компонента в состояние представлен */
+    onEntered?(node: HTMLElement | null, isAppeared: boolean): void;
+    /** Функция обратного вызова которая будет вызвана до начала
+     * перехода компонента в состояние не представлен */
+    onExit?(node: HTMLElement | null): void;
+    /** Функция обратного вызова которая будет вызвана до начала
+     * перехода компонента в состояние не представлен */
+    onExiting?(node: HTMLElement | null): void;
+    /** Функция обратного вызова которая будет вызвана после onExit и до onExited */
+    onExited?(node: HTMLElement | null): void;
+}, 'div'>;

package/__inner__/esm/components/Collapse/types.js

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

package/__inner__/esm/components/DataList/components/DataListCheckIcon/DataListCheckIcon.d.ts

@@ -1,8 +1,8 @@
 import './DataListCheckIcon.css';
-import React from 'react';
+import type { FC } from 'react';
 import { type IconSize } from '@ozen-ui/icons';
-export type SelectCheckIconProps = {
+export type DataListCheckIconProps = {
     size?: IconSize;
     selected?: boolean;
 };
-export declare const DataListCheckIcon: React.FC<SelectCheckIconProps>;
+export declare const DataListCheckIcon: FC<DataListCheckIconProps>;

package/__inner__/esm/components/DataList/components/DataListContent/DataListContent.d.ts

@@ -0,0 +1,7 @@
+import type { FC } from 'react';
+import type { ListItemTextProps } from '../../../List';
+export type DataListContentProps = {
+    label: ListItemTextProps['primary'];
+    selected?: boolean;
+};
+export declare const DataListContent: FC<DataListContentProps>;

package/__inner__/esm/components/DataList/components/DataListContent/DataListContent.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { getIconSizeToFormElement } from '../../../../utils/getIconSizeToFormElement';
+import { ListItemText, useListContext } from '../../../List';
+import { DataListCheckIcon } from '../DataListCheckIcon';
+import { cnDataListOption } from '../DataListOption';
+export var DataListContent = function (_a) {
+    var label = _a.label, selected = _a.selected;
+    var size = useListContext().size;
+    var iconSize = getIconSizeToFormElement(size);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(ListItemText, { className: cnDataListOption('Text'), primary: label }),
+        React.createElement(DataListCheckIcon, { selected: selected, size: iconSize })));
+};

package/__inner__/esm/components/DataList/components/DataListContent/index.d.ts

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

package/__inner__/esm/components/DataList/components/DataListContent/index.js

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

package/__inner__/esm/components/DataList/components/DataListOption/DataListOption.d.ts

@@ -1,26 +1,5 @@
 import './DataListOption.css';
 import React from 'react';
-import type { KeyboardEventHandler, MouseEventHandler, ReactNode, ComponentPropsWithRef } from 'react';
-import type { DATA_LIST_OPTION_DEFAULT_TAG } from '../../constants';
+import type { DataListOptionProps } from './index';
 export declare const cnDataListOption: import("@bem-react/classname").ClassNameFormatter;
-export type DataListOptionProps = {
-    /** Значение опции */
-    value: string | number;
-    /** Лейбл опции */
-    label?: string | number;
-    /** Если {true} отображает опцию заблокированной */
-    disabled?: boolean;
-    /** Если {true} отображает опцию сфокусированной (клавиатура) */
-    focused?: boolean;
-    /** Если {true} отображает опцию выбранной */
-    selected?: boolean;
-    /** Функция обратного вызова обработчик нажатий на клавиатуре */
-    onKeyDown?: KeyboardEventHandler<HTMLLIElement>;
-    /** Функция обратного вызова обработчик нажатий на клавиатуре */
-    onMouseMove?: MouseEventHandler<HTMLLIElement>;
-    /** Функция обратного вызова обработчик нажатий на клавиатуре */
-    onMouseLeave?: MouseEventHandler<HTMLLIElement>;
-    /** Содержимое компонента */
-    children?: ReactNode;
-} & Omit<ComponentPropsWithRef<typeof DATA_LIST_OPTION_DEFAULT_TAG>, 'value'>;
 export declare const DataListOption: React.ForwardRefExoticComponent<Omit<DataListOptionProps, "ref"> & React.RefAttributes<HTMLLIElement>>;

package/__inner__/esm/components/DataList/components/DataListOption/DataListOption.js

@@ -2,21 +2,12 @@ import { __assign, __rest } from "tslib";
 import './DataListOption.css';
 import React, { forwardRef } from 'react';
 import { cn } from '../../../../utils/classname';
-import { getIconSizeToFormElement } from '../../../../utils/getIconSizeToFormElement';
 import { isNumber } from '../../../../utils/isNumber';
 import { isString } from '../../../../utils/isString';
-import { ListItem, ListItemText, useListContext } from '../../../List';
+import { ListItem } from '../../../List';
 import { DATA_LIST_OPTION_DEFAULT_DISABLED } from '../../constants';
-import { DataListCheckIcon } from '../DataListCheckIcon';
+import { DataListContent } from '../DataListContent';
 export var cnDataListOption = cn('DataListOption');
-var DataListContent = function (_a) {
-    var label = _a.label, selected = _a.selected;
-    var size = useListContext().size;
-    var iconSize = getIconSizeToFormElement(size);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(ListItemText, { className: cnDataListOption('Text'), primary: label }),
-        React.createElement(DataListCheckIcon, { selected: selected, size: iconSize })));
-};
 export var DataListOption = forwardRef(function (_a, ref) {
     var _b = _a.disabled, disabled = _b === void 0 ? DATA_LIST_OPTION_DEFAULT_DISABLED : _b, value = _a.value, label = _a.label, children = _a.children, className = _a.className, selected = _a.selected, focused = _a.focused, other = __rest(_a, ["disabled", "value", "label", "children", "className", "selected", "focused"]);
     var renderChildren = function () {

package/__inner__/esm/components/DataList/components/DataListOption/index.d.ts

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

package/__inner__/esm/components/DataList/components/DataListOption/index.js

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

package/__inner__/esm/components/DataList/components/DataListOption/types.d.ts

@@ -0,0 +1,24 @@
+import type { ComponentRef, KeyboardEventHandler, MouseEventHandler, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+import type { DATA_LIST_OPTION_DEFAULT_TAG } from '../../constants';
+export type DataListOptionRef = ComponentRef<typeof DATA_LIST_OPTION_DEFAULT_TAG>;
+export type DataListOptionProps = ExtendableComponentPropsWithRef<{
+    /** Значение опции */
+    value: string | number;
+    /** Лейбл опции */
+    label?: string | number;
+    /** Если {true} отображает опцию заблокированной */
+    disabled?: boolean;
+    /** Если {true} отображает опцию сфокусированной (клавиатура) */
+    focused?: boolean;
+    /** Если {true} отображает опцию выбранной */
+    selected?: boolean;
+    /** Функция обратного вызова обработчик нажатий на клавиатуре */
+    onKeyDown?: KeyboardEventHandler<HTMLLIElement>;
+    /** Функция обратного вызова обработчик нажатий на клавиатуре */
+    onMouseMove?: MouseEventHandler<HTMLLIElement>;
+    /** Функция обратного вызова обработчик нажатий на клавиатуре */
+    onMouseLeave?: MouseEventHandler<HTMLLIElement>;
+    /** Содержимое компонента */
+    children?: ReactNode;
+}, typeof DATA_LIST_OPTION_DEFAULT_TAG>;

package/__inner__/esm/components/DataList/components/DataListOption/types.js

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

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

@@ -1,39 +1,39 @@
 import './DatePicker.css';
 import React from 'react';
-import type { CalendarOnChange } from '../Calendar';
+import type { DatePickerOnChange } from './types';
 export declare const cnDatePicker: import("@bem-react/classname").ClassNameFormatter;
 export declare const DatePicker: React.ForwardRefExoticComponent<(Omit<{
     value?: Date | null | undefined;
     defaultValue?: Date | null | undefined;
-    onChange?: CalendarOnChange | undefined;
+    onChange?: DatePickerOnChange | undefined;
     onInputChange?: import("./types").DatePickerOnInputChange | undefined;
     onClose?: (() => void) | undefined;
     onOpen?: (() => void) | undefined;
-    calendarProps?: import("../Calendar").CalendarBaseProps | undefined;
+    calendarProps?: import("../Calendar").CalendarProps | undefined;
     popoverProps?: import("../Popover").PopoverBaseProps | undefined;
     clearText?: string | undefined;
     disableClearButton?: boolean | undefined;
-    onError?: import("./types").DatePickerPropOnError | undefined;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "defaultValue" | "onChange" | "onError"> & Pick<import("../Calendar").CalendarBaseProps, "exclude" | "offsetDate" | "minDate" | "maxDate"> & Pick<import("../Input").InputProps, "error" | "label" | "onKeyDown" | "disabled" | "placeholder" | "required" | "size" | "fullWidth" | "hint" | "renderLeft" | "renderRight" | "inputProps"> & {
+    onError?: import("./types").DatePickerPropOnError | undefined; /** Соотношение размера календаря к размеру элемента контроля */
+} & Pick<import("../Calendar").CalendarProps, "exclude" | "offsetDate" | "minDate" | "maxDate"> & Pick<import("../Input").InputProps, "error" | "label" | "onKeyDown" | "disabled" | "placeholder" | "required" | "size" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps"> & {
     open?: boolean | undefined;
     defaultOpen?: undefined;
-}, "ref"> | Omit<{
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "value" | "defaultValue" | "error" | "label" | "onChange" | "onError" | "onKeyDown" | "disabled" | "open" | "onClose" | "placeholder" | "required" | "size" | "exclude" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps" | "clearText" | "disableClearButton" | "onInputChange" | "onOpen" | "defaultOpen" | "offsetDate" | "minDate" | "maxDate" | "calendarProps" | "popoverProps">, "ref"> | Omit<{
     value?: Date | null | undefined;
     defaultValue?: Date | null | undefined;
-    onChange?: CalendarOnChange | undefined;
+    onChange?: DatePickerOnChange | undefined;
     onInputChange?: import("./types").DatePickerOnInputChange | undefined;
     onClose?: (() => void) | undefined;
     onOpen?: (() => void) | undefined;
-    calendarProps?: import("../Calendar").CalendarBaseProps | undefined;
+    calendarProps?: import("../Calendar").CalendarProps | undefined;
     popoverProps?: import("../Popover").PopoverBaseProps | undefined;
     clearText?: string | undefined;
     disableClearButton?: boolean | undefined;
-    onError?: import("./types").DatePickerPropOnError | undefined;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "defaultValue" | "onChange" | "onError"> & Pick<import("../Calendar").CalendarBaseProps, "exclude" | "offsetDate" | "minDate" | "maxDate"> & Pick<import("../Input").InputProps, "error" | "label" | "onKeyDown" | "disabled" | "placeholder" | "required" | "size" | "fullWidth" | "hint" | "renderLeft" | "renderRight" | "inputProps"> & {
+    onError?: import("./types").DatePickerPropOnError | undefined; /** Соотношение размера календаря к размеру элемента контроля */
+} & Pick<import("../Calendar").CalendarProps, "exclude" | "offsetDate" | "minDate" | "maxDate"> & Pick<import("../Input").InputProps, "error" | "label" | "onKeyDown" | "disabled" | "placeholder" | "required" | "size" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps"> & {
     open?: undefined;
     defaultOpen?: boolean | undefined;
-}, "ref">) & React.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "value" | "defaultValue" | "error" | "label" | "onChange" | "onError" | "onKeyDown" | "disabled" | "open" | "onClose" | "placeholder" | "required" | "size" | "exclude" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps" | "clearText" | "disableClearButton" | "onInputChange" | "onOpen" | "defaultOpen" | "offsetDate" | "minDate" | "maxDate" | "calendarProps" | "popoverProps">, "ref">) & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/DatePicker/DatePicker.js

@@ -12,7 +12,7 @@ import { Popover } from '../Popover';
 import { DateInput, DatePickerRenderRight } from './components';
 import { isCompleted } from './components/DateInput/utils';
 import { DATE_PICKER_DEFAULT_SIZE } from './constants';
-import { formatDateToString, formatStringToDate, isInExclude, isOutOfRange, matchCalendarSizeToFormElement, } from './utils';
+import { formatDateToString, formatStringToDate, isInExclude, isOutOfRange, getCalendarSizeToFormElement, } from './utils';
 export var cnDatePicker = cn('DatePicker');
 export var DatePicker = forwardRef(function (inProps, ref) {
     var props = useThemeProps({
@@ -41,7 +41,7 @@ export var DatePicker = forwardRef(function (inProps, ref) {
         state: 'value',
     }), 2), value = _d[0], setValue = _d[1];
     /** Соотношение размера календаря к размеру элемента контроля */
-    var calendarSize = matchCalendarSizeToFormElement[size];
+    var calendarSize = getCalendarSizeToFormElement(size);
     /** Вычисление border-radius по размеру компонента */
     var radius = getPaperSizeToFormElement(size);
     var callOnChange = function (value) {
@@ -56,13 +56,13 @@ export var DatePicker = forwardRef(function (inProps, ref) {
         if (isCompleted(value) || value === '')
             callOnChange(value);
     };
-    /** Эффект – автофокусировка в текстовом поле */
+    /** Эффект — автофокусировка в текстовом поле */
     useEffect(function () {
         var _a;
         if (autoFocus)
             (_a = anchorRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }, [autoFocus]);
-    /** Эффект – синхронизируем значение текстового поля со значением в списке */
+    /** Эффект — синхронизируем значение текстового поля со значением в списке */
     useEffect(function () {
         var formattedDate = formatDateToString(value);
         if (formattedDate !== inputValue) {

package/__inner__/esm/components/DatePicker/components/DateInput/DateInput.d.ts

@@ -1,6 +1,3 @@
 import React from 'react';
-import type { InputProps } from '../../../Input';
-export declare const DateInput: React.ForwardRefExoticComponent<Omit<Omit<InputProps, "value" | "defaultValue"> & {
-    value?: string | undefined;
-    defaultValue?: string | undefined;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+import type { DateInputProps } from './index';
+export declare const DateInput: React.ForwardRefExoticComponent<Omit<DateInputProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/DatePicker/components/DateInput/index.d.ts

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

package/__inner__/esm/components/DatePicker/components/DateInput/index.js

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

package/__inner__/esm/components/DatePicker/components/DateInput/types.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+import type { FIELD_CONTROL_DEFAULT_TAG } from '../../../FieldControl';
+import type { InputProps } from '../../../Input';
+export type DateInputRef = ComponentRef<typeof FIELD_CONTROL_DEFAULT_TAG>;
+export type DateInputProps = ExtendableComponentPropsWithRef<{
+    value?: string;
+    defaultValue?: string;
+} & Omit<InputProps, 'value' | 'defaultValue'>, typeof FIELD_CONTROL_DEFAULT_TAG>;

package/__inner__/esm/components/DatePicker/components/DateInput/types.js

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

package/__inner__/esm/components/DatePicker/components/DatePickerRenderRight/DatePickerRenderRight.d.ts

@@ -1,8 +1,8 @@
 import type { FC, MouseEvent } from 'react';
 import type { DatePickerProps } from '../../index';
-type AutocompleteRenderRightProps = {
+type DatePickerRenderRightProps = {
     onClear: (e: MouseEvent<HTMLElement>) => void;
     hasValue: boolean;
 } & Pick<DatePickerProps, 'clearText' | 'renderRight' | 'size' | 'open' | 'disableClearButton'>;
-export declare const DatePickerRenderRight: FC<AutocompleteRenderRightProps>;
+export declare const DatePickerRenderRight: FC<DatePickerRenderRightProps>;
 export {};

package/__inner__/esm/components/DatePicker/types.d.ts

@@ -1,8 +1,10 @@
-import type { ComponentPropsWithRef, ChangeEvent } from 'react';
-import type { CalendarBaseProps, CalendarOnChange } from '../Calendar';
+import type { ChangeEvent, ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
+import type { CalendarProps, CalendarOnChange } from '../Calendar';
+import type { FIELD_CONTROL_DEFAULT_TAG } from '../FieldControl';
 import type { InputProps } from '../Input';
 import type { PopoverBaseProps } from '../Popover';
-export type DatePickerOnChange = CalendarOnChange;
+export type DatePickerOnChange = CalendarOnChange<'single'>;
 export type DatePickerOnInputChange = (e: ChangeEvent<HTMLInputElement> | null, value: string) => void;
 export type DatePickerPropOnError = (props: {
     type: 'outOfRange';
@@ -25,7 +27,8 @@ type DatePickerOpenUncontrolledProps = {
     /** Состояние открытие по умолчанию (неконтролируемый компонент) */
     defaultOpen?: boolean;
 };
-export type DatePickerProps = {
+export type DatePickerRef = ComponentRef<typeof FIELD_CONTROL_DEFAULT_TAG>;
+export type DatePickerProps = ExtendableComponentPropsWithRef<{
     /** Выбранная дата */
     value?: Date | null;
     /** Выбранная дата по умолчанию (неконтролируемое состояние) */
@@ -39,7 +42,7 @@ export type DatePickerProps = {
     /** Функция обратного вызова, которая будет вызвана когда компонент запрашивает открытие */
     onOpen?: () => void;
     /** Свойства компонента Calendar */
-    calendarProps?: CalendarBaseProps;
+    calendarProps?: CalendarProps;
     /** Свойства компонента Popover */
     popoverProps?: PopoverBaseProps;
     /** Текст для кнопки очистки поля */
@@ -48,5 +51,5 @@ export type DatePickerProps = {
     disableClearButton?: boolean;
     /** Функция обратно вызова, которая сработает если пользователь ввёл дату с ошибкой */
     onError?: DatePickerPropOnError;
-} & Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'defaultValue' | 'onError'> & Pick<CalendarBaseProps, 'minDate' | 'maxDate' | 'exclude' | 'offsetDate'> & Pick<InputProps, 'label' | 'hint' | 'onKeyDown' | 'size' | 'error' | 'required' | 'fullWidth' | 'disabled' | 'renderLeft' | 'renderRight' | 'placeholder' | 'inputProps'> & (DatePickerOpenControlledProps | DatePickerOpenUncontrolledProps);
+} & Pick<CalendarProps, 'minDate' | 'maxDate' | 'exclude' | 'offsetDate'> & Pick<InputProps, 'label' | 'hint' | 'onKeyDown' | 'size' | 'error' | 'required' | 'fullWidth' | 'disableStroke' | 'disabled' | 'renderLeft' | 'renderRight' | 'placeholder' | 'inputProps' | 'hintProps'> & (DatePickerOpenControlledProps | DatePickerOpenUncontrolledProps), typeof FIELD_CONTROL_DEFAULT_TAG>;
 export {};

package/__inner__/esm/components/DatePicker/utils/getCalendarSizeToFormElement/getCalendarSizeToFormElement.d.ts

@@ -0,0 +1,2 @@
+import type { FormElementSizeVariant } from '../../../../types/FormElementSizeVariant';
+export declare const getCalendarSizeToFormElement: (size: FormElementSizeVariant) => "s" | "m" | "l";

package/__inner__/esm/components/DatePicker/utils/getCalendarSizeToFormElement/getCalendarSizeToFormElement.js

@@ -0,0 +1,11 @@
+import { getByMap } from '../../../../utils/getByMap';
+var typeMap = {
+    '2xs': 's',
+    xs: 's',
+    s: 's',
+    m: 'm',
+    l: 'l',
+};
+export var getCalendarSizeToFormElement = function (size) {
+    return getByMap(typeMap, size);
+};

package/__inner__/esm/components/DatePicker/utils/getCalendarSizeToFormElement/index.d.ts

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

package/__inner__/esm/components/DatePicker/utils/getCalendarSizeToFormElement/index.js

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

package/__inner__/esm/components/DatePicker/utils/index.d.ts

@@ -1,4 +1,4 @@
-export * from './matchCalendarSizeToFormElement';
+export * from './getCalendarSizeToFormElement';
 export * from './formatDateToString';
 export * from './formatStringToDate';
 export * from './isOutOfRange';

package/__inner__/esm/components/DatePicker/utils/index.js

@@ -1,4 +1,4 @@
-export * from './matchCalendarSizeToFormElement';
+export * from './getCalendarSizeToFormElement';
 export * from './formatDateToString';
 export * from './formatStringToDate';
 export * from './isOutOfRange';