@astral/ui 4.18.4 → 4.18.6

package/node/components/DataGridInfinite/useLogic/useLogic.js

@@ -4,8 +4,9 @@ exports.useLogic = void 0;
 const react_1 = require("react");
 const enums_1 = require("../../DataGrid/enums");
 const utils_1 = require("../../DataGrid/useLogic/utils");
-const useToggle_1 = require("../../hooks/useToggle");
-const utils_2 = require("../../utils");
+const useToggle_1 = require("../../useToggle");
+const prop_1 = require("../../utils/prop");
+const uniqueBy_1 = require("../../utils/uniqueBy");
 const constants_1 = require("../constants");
 const useLogic = ({ keyId, columns, rows, variant, tree, subrows, selectedRows = [], isLoading, isDisabled, isEndReached, onEndReached, onSelectRow, isHideSelectAll, isHideHeaderIfNoData = false, }) => {
     const virtuoso = (0, react_1.useRef)(null);
@@ -35,7 +36,7 @@ const useLogic = ({ keyId, columns, rows, variant, tree, subrows, selectedRows =
             return;
         }
         if (event.target.checked) {
-            const mergedSelectedRows = (0, utils_2.uniqueBy)([...selectedRows, ...availableRows], (0, utils_2.prop)(keyId));
+            const mergedSelectedRows = (0, uniqueBy_1.uniqueBy)([...selectedRows, ...availableRows], (0, prop_1.prop)(keyId));
             return onSelectRow(mergedSelectedRows);
         }
         const filteredRows = selectedRows.filter((selectedRow) => !rows.find((row) => row[keyId] === selectedRow[keyId]));

package/node/components/DataGridPagination/styles.d.ts

@@ -3,17 +3,11 @@ export declare const PaginationWrapper: import("@emotion/styled/dist/declaration
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Range: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const Range: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../Typography/types").TypographyPropsBase & {
     color?: import("../Typography").TypographyColor | undefined;
     variant?: import("../Typography").TypographyVariant | undefined;
     colorIntensity?: import("../Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "slot" | "style" | "title" | import("react").ComponentType<any> | "search" | "big" | "sub" | "sup" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view") | undefined;
+    component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/node/components/DataGridPaginationContainer/styles.d.ts

@@ -1,15 +1,9 @@
 /// <reference types="react" />
-export declare const Range: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const Range: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../Typography/types").TypographyPropsBase & {
     color?: import("../Typography").TypographyColor | undefined;
     variant?: import("../Typography").TypographyVariant | undefined;
     colorIntensity?: import("../Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "slot" | "style" | "title" | import("react").ComponentType<any> | "search" | "big" | "sub" | "sup" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view") | undefined;
+    component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/node/components/DatePicker/DateCalendar/DateCalendarHead/styles.d.ts

@@ -2,17 +2,11 @@
 export declare const HeadButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../../StaticCalendar/StaticCalendarButton/useLogic").UseLogicParams, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const HeadText: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const HeadText: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../../../Typography/types").TypographyPropsBase & {
     color?: import("../../../Typography").TypographyColor | undefined;
     variant?: import("../../../Typography").TypographyVariant | undefined;
     colorIntensity?: import("../../../Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "slot" | "style" | "title" | import("react").ComponentType<any> | "search" | "big" | "sub" | "sup" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view") | undefined;
+    component?: import("../../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/node/components/DatePicker/DatePicker.d.ts

@@ -1,112 +1,19 @@
-import { type ReactNode, type RefObject, type SyntheticEvent } from 'react';
-import { type TextFieldProps } from '../TextField';
-import { type CloseEventReason } from '../types';
-import { type DateMask } from '../utils/date';
-import { type MondayFirst } from './DayPicker';
-import { type MinMaxDate, type WithDoubleNavigationButtons } from './types';
-export type DatePickerProps = MondayFirst & WithDoubleNavigationButtons & Partial<MinMaxDate> & {
-    /**
-     * Маска для инпута даты
-     * @default 'DD.MM.YYYY'
-     */
-    mask?: DateMask;
-    /**
-     * Обработчик изменения состояния. Передает только Date object, если дата невалидна, то будет Invalid date
-     */
-    onChange?: (date?: Date | null) => void;
-    onBlur?: () => void;
-    onOpen?: () => void;
-    onClose?: (event?: SyntheticEvent<Element, Event> | Event, reason?: CloseEventReason) => void;
-    inputProps?: Omit<TextFieldProps, 'ref' | 'value' | 'onChange'>;
-    inputRef?: RefObject<HTMLInputElement>;
-    /**
-     * Блокирует взаимодействие с элементом
-     */
-    disabled?: boolean;
-    /**
-     * Принимает только Date object, включая невалидную дату Invalid date
-     */
-    value?: Date | null;
-    /**
-     * Название класса, применяется к корневому компоненту
-     */
-    className?: string;
-    /**
-     * Определяет размер компонента
-     * @default 	'medium'
-     */
-    size?: 'small' | 'medium';
-    /**
-     * Название текстового поля
-     */
-    label?: ReactNode;
-    /**
-     * Лейбл будет помечен как обязательный
-     */
-    required?: boolean;
-    /**
-     * Вспомогательный текст под полем ввода
-     */
-    helperText?: ReactNode;
-    /**
-     * Включает/отключает резервирование места под helperText
-     */
-    hideHelperText?: boolean;
-    /**
-     * Элемент в начале инпута
-     */
-    startAdornment?: ReactNode;
-} & Pick<TextFieldProps, 'label' | 'required' | 'helperText'>;
-export declare const DatePicker: import("react").ForwardRefExoticComponent<MondayFirst & WithDoubleNavigationButtons & Partial<MinMaxDate> & {
-    /**
-     * Маска для инпута даты
-     * @default 'DD.MM.YYYY'
-     */
+/// <reference types="react" />
+export declare const DatePicker: import("react").ForwardRefExoticComponent<import("./DayPicker").MondayFirst & import("./types").WithDoubleNavigationButtons & Partial<import("./types").MinMaxDate> & {
     mask?: string | undefined;
-    /**
-     * Обработчик изменения состояния. Передает только Date object, если дата невалидна, то будет Invalid date
-     */
-    onChange?: ((date?: Date | null) => void) | undefined;
+    onChange?: ((date?: Date | null | undefined) => void) | undefined;
     onBlur?: (() => void) | undefined;
     onOpen?: (() => void) | undefined;
-    onClose?: ((event?: SyntheticEvent<Element, Event> | Event, reason?: CloseEventReason) => void) | undefined;
-    inputProps?: Omit<TextFieldProps, "onChange" | "ref" | "value"> | undefined;
-    inputRef?: RefObject<HTMLInputElement> | undefined;
-    /**
-     * Блокирует взаимодействие с элементом
-     */
+    onClose?: ((event?: Event | import("react").SyntheticEvent<Element, Event> | undefined, reason?: import("..").CloseEventReason | undefined) => void) | undefined;
+    inputProps?: Omit<import("..").TextFieldProps, "onChange" | "ref" | "value"> | undefined;
+    inputRef?: import("react").RefObject<HTMLInputElement> | undefined;
     disabled?: boolean | undefined;
-    /**
-     * Принимает только Date object, включая невалидную дату Invalid date
-     */
     value?: Date | null | undefined;
-    /**
-     * Название класса, применяется к корневому компоненту
-     */
     className?: string | undefined;
-    /**
-     * Определяет размер компонента
-     * @default 	'medium'
-     */
     size?: "medium" | "small" | undefined;
-    /**
-     * Название текстового поля
-     */
-    label?: ReactNode;
-    /**
-     * Лейбл будет помечен как обязательный
-     */
+    label?: import("react").ReactNode;
     required?: boolean | undefined;
-    /**
-     * Вспомогательный текст под полем ввода
-     */
-    helperText?: ReactNode;
-    /**
-     * Включает/отключает резервирование места под helperText
-     */
+    helperText?: import("react").ReactNode;
     hideHelperText?: boolean | undefined;
-    /**
-     * Элемент в начале инпута
-     */
-    startAdornment?: ReactNode;
-} & Pick<TextFieldProps, "label" | "required" | "helperText"> & import("react").RefAttributes<HTMLDivElement>>;
+    startAdornment?: import("react").ReactNode;
+} & Pick<import("..").TextFieldProps, "label" | "required" | "helperText"> & import("react").RefAttributes<HTMLDivElement>>;

package/node/components/DatePicker/DatePickerPopover/DatePickerPopover.d.ts

@@ -1,6 +1,6 @@
 import { type PopperProps } from '@mui/material/Popper';
 import { type PropsWithChildren } from 'react';
-import { type WithoutEmotionSpecific } from '../../types';
+import { type WithoutEmotionSpecific } from '../../types/WithoutEmotionSpecific';
 export type DatePickerPopperProps = PropsWithChildren<Omit<WithoutEmotionSpecific<PopperProps>, 'children' | 'disablePortal' | 'transition'> & {
     /**
      * Обработчик закрытия Popper

package/node/components/DatePicker/DatePickerPopover/DatePickerPopover.js

@@ -4,8 +4,8 @@ exports.DatePickerPopover = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const BottomDrawer_1 = require("../../BottomDrawer");
 const ClickAwayListener_1 = require("../../ClickAwayListener");
-const usePopoverAnimation_1 = require("../../hooks/usePopoverAnimation");
-const useViewportType_1 = require("../../hooks/useViewportType");
+const usePopoverAnimation_1 = require("../../usePopoverAnimation");
+const useViewportType_1 = require("../../useViewportType");
 const constants_1 = require("../constants");
 const styles_1 = require("./styles");
 const DatePickerPopover = ({ children, onMouseEnter, onMouseLeave, onClose, anchorEl, title, open, ...props }) => {

package/node/components/DatePicker/DayPicker/DayPicker.js

@@ -6,7 +6,7 @@ const addMonths_1 = require("@astral/utils/date/addMonths");
 const addYears_1 = require("@astral/utils/date/addYears");
 const react_1 = require("react");
 const ConfigProvider_1 = require("../../ConfigProvider");
-const useLocaleDateTimeFormat_1 = require("../../hooks/useLocaleDateTimeFormat");
+const useLocaleDateTimeFormat_1 = require("../../useLocaleDateTimeFormat");
 const constants_1 = require("../constants");
 const DateCalendar_1 = require("../DateCalendar");
 const useCalendarNavigate_1 = require("../hooks/useCalendarNavigate");

package/node/components/DatePicker/MonthPicker/MonthPicker.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const addYears_1 = require("@astral/utils/date/addYears");
 const react_1 = require("react");
 const ConfigProvider_1 = require("../../ConfigProvider");
-const useLocaleDateTimeFormat_1 = require("../../hooks/useLocaleDateTimeFormat");
+const useLocaleDateTimeFormat_1 = require("../../useLocaleDateTimeFormat");
 const constants_1 = require("../constants");
 const DateCalendar_1 = require("../DateCalendar");
 const useCalendarNavigate_1 = require("../hooks/useCalendarNavigate");

package/node/components/DatePicker/MonthPicker/hooks/useMonthsGrid/useMonthsGrid.d.ts

@@ -1,4 +1,4 @@
-import { type CalendarGridBuilder } from '../../../../types';
+import { type CalendarGridBuilder } from '../../../../types/CalendarGridBuilder';
 export type MonthItem = {
     /**
      * нормализованный день месяца для использования в календаре

package/node/components/DatePicker/YearPicker/hooks/useYearsGrid/useYearsGrid.d.ts

@@ -1,4 +1,4 @@
-import { type CalendarGridBuilder } from '../../../../types';
+import { type CalendarGridBuilder } from '../../../../types/CalendarGridBuilder';
 export type YearItem = {
     /**
      * номер года для рендера в календаре

package/node/components/DatePicker/constants.js

@@ -1,18 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ELEMENTS_COUNT_IN_ROW_IN_LARGE_GRID = exports.DEFAULT_DATE_MASK = exports.russianMap = exports.datePickerClassnames = exports.DEFAULT_PLACEHOLDER = void 0;
-const utils_1 = require("../utils");
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 exports.DEFAULT_PLACEHOLDER = '__.__.____';
 exports.datePickerClassnames = {
-    popover: (0, utils_1.createUIKitClassname)('date-picker-calendar__popover'),
-    popoverContainer: (0, utils_1.createUIKitClassname)('date-picker-calendar__popover__container'),
-    headButtonsContainer: (0, utils_1.createUIKitClassname)('date-picker-calendar__head-buttons-container'),
-    headText: (0, utils_1.createUIKitClassname)('date-picker-calendar__head-text'),
-    headTextButton: (0, utils_1.createUIKitClassname)('date-picker-calendar__head-text-button'),
-    daysContainer: (0, utils_1.createUIKitClassname)('date-picker-calendar__days-container'),
-    monthsContainer: (0, utils_1.createUIKitClassname)('date-picker-calendar__months-container'),
-    yearsContainer: (0, utils_1.createUIKitClassname)('date-picker-calendar__years-container'),
-    wrapper: (0, utils_1.createUIKitClassname)('date-picker-calendar__wrapper'),
+    popover: (0, createUIKitClassname_1.createUIKitClassname)('date-picker-calendar__popover'),
+    popoverContainer: (0, createUIKitClassname_1.createUIKitClassname)('date-picker-calendar__popover__container'),
+    headButtonsContainer: (0, createUIKitClassname_1.createUIKitClassname)('date-picker-calendar__head-buttons-container'),
+    headText: (0, createUIKitClassname_1.createUIKitClassname)('date-picker-calendar__head-text'),
+    headTextButton: (0, createUIKitClassname_1.createUIKitClassname)('date-picker-calendar__head-text-button'),
+    daysContainer: (0, createUIKitClassname_1.createUIKitClassname)('date-picker-calendar__days-container'),
+    monthsContainer: (0, createUIKitClassname_1.createUIKitClassname)('date-picker-calendar__months-container'),
+    yearsContainer: (0, createUIKitClassname_1.createUIKitClassname)('date-picker-calendar__years-container'),
+    wrapper: (0, createUIKitClassname_1.createUIKitClassname)('date-picker-calendar__wrapper'),
 };
 exports.russianMap = {
     toYearPick: { single: 'К выбору года' },

package/node/components/DatePicker/index.d.ts

@@ -1,5 +1,6 @@
 export { datePickerClassnames, DEFAULT_DATE_MASK } from './constants';
-export { DatePicker, type DatePickerProps } from './DatePicker';
+export { DatePicker } from './DatePicker';
+export type { DatePickerProps } from './types/props';
 export { useMaskedValue, useSelectedBaseDate } from './hooks';
 export { DEFAULT_MAX_DATE, DEFAULT_MIN_DATE, MinMaxDateContextProvider, } from './MinMaxDateContext';
 export { YearMonthDayPicker } from './YearMonthDayPicker';

package/node/components/DatePicker/public.d.ts

@@ -1,7 +1,8 @@
 export { DEFAULT_DATE_MASK, datePickerClassnames, russianMap, } from './constants';
-export { DatePicker, type DatePickerProps } from './DatePicker';
+export { DatePicker } from './DatePicker';
 export { DatePickerPopover } from './DatePickerPopover';
 export { useMaskedValue, useSelectedBaseDate } from './hooks';
 export { DEFAULT_MAX_DATE, DEFAULT_MIN_DATE, MinMaxDateContextProvider, } from './MinMaxDateContext';
 export { PopoverHoveredContextProvider } from './PopoverHoveredContext';
+export type { DatePickerProps } from './types/props';
 export { YearMonthDayPicker } from './YearMonthDayPicker';

package/node/components/DatePicker/types/props.d.ts

@@ -0,0 +1,60 @@
+import { type ReactNode, type RefObject, type SyntheticEvent } from 'react';
+import { type TextFieldProps } from '../../TextField';
+import { type CloseEventReason } from '../../types/CloseEventReason';
+import { type DateMask } from '../../utils/date';
+import { type MondayFirst } from '../DayPicker';
+import { type WithDoubleNavigationButtons } from './configTypes';
+import { type MinMaxDate } from './minMaxDate';
+export type DatePickerProps = MondayFirst & WithDoubleNavigationButtons & Partial<MinMaxDate> & {
+    /**
+     * Маска для инпута даты
+     * @default 'DD.MM.YYYY'
+     */
+    mask?: DateMask;
+    /**
+     * Обработчик изменения состояния. Передает только Date object, если дата невалидна, то будет Invalid date
+     */
+    onChange?: (date?: Date | null) => void;
+    onBlur?: () => void;
+    onOpen?: () => void;
+    onClose?: (event?: SyntheticEvent<Element, Event> | Event, reason?: CloseEventReason) => void;
+    inputProps?: Omit<TextFieldProps, 'ref' | 'value' | 'onChange'>;
+    inputRef?: RefObject<HTMLInputElement>;
+    /**
+     * Блокирует взаимодействие с элементом
+     */
+    disabled?: boolean;
+    /**
+     * Принимает только Date object, включая невалидную дату Invalid date
+     */
+    value?: Date | null;
+    /**
+     * Название класса, применяется к корневому компоненту
+     */
+    className?: string;
+    /**
+     * Определяет размер компонента
+     * @default 	'medium'
+     */
+    size?: 'small' | 'medium';
+    /**
+     * Название текстового поля
+     */
+    label?: ReactNode;
+    /**
+     * Лейбл будет помечен как обязательный
+     */
+    required?: boolean;
+    /**
+     * Вспомогательный текст под полем ввода
+     */
+    helperText?: ReactNode;
+    /**
+     * Включает/отключает резервирование места под helperText
+     */
+    hideHelperText?: boolean;
+    /**
+     * Элемент в начале инпута
+     */
+    startAdornment?: ReactNode;
+} & Pick<TextFieldProps, 'label' | 'required' | 'helperText'>;

package/node/components/DatePicker/types/props.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/node/components/DatePicker/useLogic/useLogic.d.ts

@@ -1,5 +1,5 @@
 import { type Ref, type SyntheticEvent } from 'react';
-import { type DatePickerProps } from '../DatePicker';
+import { type DatePickerProps } from '../types/props';
 type UseLogicParams = DatePickerProps & {
     forwardedRef: Ref<HTMLDivElement>;
 };

package/node/components/DatePicker/useLogic/useLogic.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const useForwardedRef_1 = require("../../hooks/useForwardedRef");
-const usePopover_1 = require("../../hooks/usePopover");
-const useViewportType_1 = require("../../hooks/useViewportType");
+const useForwardedRef_1 = require("../../useForwardedRef");
+const usePopover_1 = require("../../usePopover");
+const useViewportType_1 = require("../../useViewportType");
 const constants_1 = require("../constants");
 const useDatePickerOptions_1 = require("../hooks/useDatePickerOptions");
 const useMaskedValue_1 = require("../hooks/useMaskedValue");

package/node/components/DateRangePicker/DateRangePicker.d.ts

@@ -1,76 +1,10 @@
 /// <reference types="react" />
-import { type DatePickerProps } from '../DatePicker';
-import { type WithDoubleNavigationButtons } from '../DatePicker/types';
-import { type GridProps } from '../Grid';
-import { type TextFieldProps } from '../TextField';
-export type DateRangePickerValue = {
-    start?: Date | null;
-    end?: Date | null;
-};
-type LimitedInputProps = {
-    inputProps: Omit<TextFieldProps, 'ref' | 'value' | 'inputProps' | 'onChange'>;
-}['inputProps'];
-export type DateItemProps = Pick<DatePickerProps, 'startAdornment' | 'inputProps' | 'label'> & LimitedInputProps;
-export type DateRangePickerProps = Omit<DatePickerProps, 'onChange' | 'value' | 'required' | 'disabled' | 'inputProps'> & WithDoubleNavigationButtons & {
-    /**
-     * Специфичные пропсы для управления датой слева
-     */
-    startDateProps?: DateItemProps;
-    /**
-     * Специфичные пропсы для управления датой справа
-     */
-    endDateProps?: DateItemProps;
-    /**
-     * Отступ между инпутами дат
-     * @default 1
-     */
-    spacing?: GridProps['spacing'];
-    /**
-     * Если true, поля будут недоступны для взаимодействия
-     */
-    isDisabled?: boolean;
-    /**
-     * Если true, поля будут подсвечены, как содержащие ошибку
-     */
-    isError?: boolean;
-    /**
-     * Текущее значение
-     */
-    value?: DateRangePickerValue;
-    /**
-     * Функция, которая запускается при изменении состояния
-     */
-    onChange?: (value?: DateRangePickerValue) => void;
-};
-export declare const DateRangePicker: import("react").ForwardRefExoticComponent<Omit<DatePickerProps, "onChange" | "disabled" | "value" | "required" | "inputProps"> & WithDoubleNavigationButtons & {
-    /**
-     * Специфичные пропсы для управления датой слева
-     */
-    startDateProps?: DateItemProps | undefined;
-    /**
-     * Специфичные пропсы для управления датой справа
-     */
-    endDateProps?: DateItemProps | undefined;
-    /**
-     * Отступ между инпутами дат
-     * @default 1
-     */
-    spacing?: GridProps['spacing'];
-    /**
-     * Если true, поля будут недоступны для взаимодействия
-     */
+export declare const DateRangePicker: import("react").ForwardRefExoticComponent<Omit<import("../DatePicker").DatePickerProps, "onChange" | "disabled" | "value" | "required" | "inputProps"> & import("../DatePicker/types").WithDoubleNavigationButtons & {
+    startDateProps?: import("./types").DateItemProps | undefined;
+    endDateProps?: import("./types").DateItemProps | undefined;
+    spacing?: number | [number, number] | undefined;
     isDisabled?: boolean | undefined;
-    /**
-     * Если true, поля будут подсвечены, как содержащие ошибку
-     */
     isError?: boolean | undefined;
-    /**
-     * Текущее значение
-     */
-    value?: DateRangePickerValue | undefined;
-    /**
-     * Функция, которая запускается при изменении состояния
-     */
-    onChange?: ((value?: DateRangePickerValue) => void) | undefined;
+    value?: import("./types").DateRangePickerValue | undefined;
+    onChange?: ((value?: import("./types").DateRangePickerValue | undefined) => void) | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
-export {};

package/node/components/DateRangePicker/index.d.ts

@@ -1 +1,2 @@
-export { type DateItemProps, type DateRangePickerProps, type DateRangePickerValue, DateRangePicker, } from './DateRangePicker';
+export { DateRangePicker } from './DateRangePicker';
+export type { DateItemProps, DateRangePickerProps, DateRangePickerValue, } from './types';

package/node/components/DateRangePicker/public.d.ts

@@ -1 +1,2 @@
-export { type DateItemProps, DateRangePicker, type DateRangePickerProps, type DateRangePickerValue, } from './DateRangePicker';
+export { DateRangePicker } from './DateRangePicker';
+export type { DateItemProps, DateRangePickerProps, DateRangePickerValue, } from './types';

package/node/components/DateRangePicker/types.d.ts

@@ -1 +1,45 @@
+import { type DatePickerProps } from '../DatePicker';
+import { type WithDoubleNavigationButtons } from '../DatePicker/types';
+import { type GridProps } from '../Grid';
+import { type TextFieldProps } from '../TextField';
 export type DateRangeInput = 'startDate' | 'endDate';
+export type DateRangePickerValue = {
+    start?: Date | null;
+    end?: Date | null;
+};
+type LimitedInputProps = {
+    inputProps: Omit<TextFieldProps, 'ref' | 'value' | 'inputProps' | 'onChange'>;
+}['inputProps'];
+export type DateItemProps = Pick<DatePickerProps, 'startAdornment' | 'inputProps' | 'label'> & LimitedInputProps;
+export type DateRangePickerProps = Omit<DatePickerProps, 'onChange' | 'value' | 'required' | 'disabled' | 'inputProps'> & WithDoubleNavigationButtons & {
+    /**
+     * Специфичные пропсы для управления датой слева
+     */
+    startDateProps?: DateItemProps;
+    /**
+     * Специфичные пропсы для управления датой справа
+     */
+    endDateProps?: DateItemProps;
+    /**
+     * Отступ между инпутами дат
+     * @default 1
+     */
+    spacing?: GridProps['spacing'];
+    /**
+     * Если true, поля будут недоступны для взаимодействия
+     */
+    isDisabled?: boolean;
+    /**
+     * Если true, поля будут подсвечены, как содержащие ошибку
+     */
+    isError?: boolean;
+    /**
+     * Текущее значение
+     */
+    value?: DateRangePickerValue;
+    /**
+     * Функция, которая запускается при изменении состояния
+     */
+    onChange?: (value?: DateRangePickerValue) => void;
+};
+export {};

package/node/components/DateRangePicker/useLogic/useLogic.d.ts

@@ -1,5 +1,5 @@
 import { type ForwardedRef, type SyntheticEvent } from 'react';
-import { type DateRangePickerProps } from '../DateRangePicker';
+import { type DateRangePickerProps } from '../types';
 type UseLogicParams = DateRangePickerProps;
 export declare const useLogic: ({ value, minDate, maxDate, mask, onChange, onOpen, onClose, onBlur, }: UseLogicParams, forwardedRef: ForwardedRef<HTMLDivElement>) => {
     ref: import("react").RefObject<HTMLDivElement | null>;

package/node/components/DateRangePicker/useLogic/useLogic.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
 const DatePicker_1 = require("../../DatePicker");
-const useForwardedRef_1 = require("../../hooks/useForwardedRef");
-const usePopover_1 = require("../../hooks/usePopover");
+const useForwardedRef_1 = require("../../useForwardedRef");
+const usePopover_1 = require("../../usePopover");
 const hooks_1 = require("./hooks");
 const utils_1 = require("./utils");
 const useLogic = ({ value, minDate = DatePicker_1.DEFAULT_MIN_DATE, maxDate = DatePicker_1.DEFAULT_MAX_DATE, mask = DatePicker_1.DEFAULT_DATE_MASK, onChange, onOpen, onClose, onBlur, }, forwardedRef) => {