@astral/ui 4.18.2 → 4.18.4

package/node/components/DataGridActionCell/DataGridSecondaryActions/DataGridSecondaryActions.js

@@ -6,7 +6,7 @@ const react_1 = require("react");
 const Menu_1 = require("../../Menu");
 const MenuItem_1 = require("../../MenuItem");
 const constants_1 = require("../constants");
-const hooks_1 = require("../hooks");
+const useBlockingActions_1 = require("../hooks/useBlockingActions");
 const SecondaryActionsMenuContext_1 = require("../SecondaryActionsMenuContext");
 const DataGridSecondaryActionsSkeleton_1 = require("./DataGridSecondaryActionsSkeleton");
 /**
@@ -45,7 +45,7 @@ const DataGridSecondaryActionsSkeleton_1 = require("./DataGridSecondaryActionsSk
  * ```
  */
 const DataGridSecondaryActions = ({ actions, isLoading, }) => {
-    const { onActionClick } = (0, hooks_1.useBlockingActions)(actions);
+    const { onActionClick } = (0, useBlockingActions_1.useBlockingActions)(actions);
     const { open, anchorEl } = (0, SecondaryActionsMenuContext_1.useSecondaryActionsMenu)();
     const renderActions = () => {
         return actions?.map((action) => {

package/node/components/DataGridActionCell/DataGridSecondaryActions/DataGridSecondaryActionsSkeleton/styles.js

@@ -1,8 +1,11 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SkeletonWrapper = void 0;
-const material_1 = require("@mui/material");
-exports.SkeletonWrapper = (0, material_1.styled)('div') `
+const styled_1 = __importDefault(require("@mui/material/styles/styled"));
+exports.SkeletonWrapper = (0, styled_1.default)('div') `
   display: flex;
   flex-direction: column;
   gap: ${({ theme }) => theme.spacing(5)};

package/node/components/DataGridActionCell/SecondaryActionsButton/SecondaryActionsButton.js

@@ -1,18 +1,21 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SecondaryActionsButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const ClickAwayListener_1 = __importDefault(require("@mui/material/ClickAwayListener"));
 const react_1 = require("react");
-const icons_1 = require("../../../icons");
-const hooks_1 = require("../../hooks");
+const DotsVOutlineMd_1 = require("../../../icons/DotsVOutlineMd");
+const useMenu_1 = require("../../hooks/useMenu");
 const IconButton_1 = require("../../IconButton");
 const ActionCellContext_1 = require("../ActionCellContext");
 const DataGridSecondaryActions_1 = require("../DataGridSecondaryActions");
 const SecondaryActionsMenuContext_1 = require("../SecondaryActionsMenuContext");
 const SecondaryActionsButton = ({ actions, renderActions, }) => {
     const buttonRef = (0, react_1.useRef)(null);
-    const { open, anchorRef, handleOpenMenu, handleCloseMenu } = (0, hooks_1.useMenu)(buttonRef);
+    const { open, anchorRef, handleOpenMenu, handleCloseMenu } = (0, useMenu_1.useMenu)(buttonRef);
     const { isDisabled } = (0, react_1.useContext)(ActionCellContext_1.ActionCellContext);
     // Если контент единожды отрендерился, то будем рендерить его дальше,
     // чтобы были актуальные статусы loading для блокировки действий
@@ -27,6 +30,6 @@ const SecondaryActionsButton = ({ actions, renderActions, }) => {
         }
         return (0, jsx_runtime_1.jsx)(DataGridSecondaryActions_1.DataGridSecondaryActions, { actions: actions });
     };
-    return ((0, jsx_runtime_1.jsxs)(SecondaryActionsMenuContext_1.SecondaryActionsMenuProvider, { value: { open, anchorEl: anchorRef.current }, children: [(0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, { onClickAway: handleCloseMenu, mouseEvent: "onMouseUp", children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { ref: anchorRef, onClick: handleOpen, selected: open, variant: "text", disabled: isDisabled, children: (0, jsx_runtime_1.jsx)(icons_1.DotsVOutlineMd, {}) }) }), isOnceOpen && renderContent()] }));
+    return ((0, jsx_runtime_1.jsxs)(SecondaryActionsMenuContext_1.SecondaryActionsMenuProvider, { value: { open, anchorEl: anchorRef.current }, children: [(0, jsx_runtime_1.jsx)(ClickAwayListener_1.default, { onClickAway: handleCloseMenu, mouseEvent: "onMouseUp", children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { ref: anchorRef, onClick: handleOpen, selected: open, variant: "text", disabled: isDisabled, children: (0, jsx_runtime_1.jsx)(DotsVOutlineMd_1.DotsVOutlineMd, {}) }) }), isOnceOpen && renderContent()] }));
 };
 exports.SecondaryActionsButton = SecondaryActionsButton;

package/node/components/DataGridColumnHintIcon/DataGridColumnHintIcon.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataGridColumnHintIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_1 = require("../../icons");
+const InfoOutlineSm_1 = require("../../icons/InfoOutlineSm");
 const HintIcon_1 = require("../HintIcon");
 const DataGridColumnHintIcon = (props) => {
-    return ((0, jsx_runtime_1.jsx)(HintIcon_1.HintIcon, { renderIcon: () => (0, jsx_runtime_1.jsx)(icons_1.InfoOutlineSm, {}), variant: "info", ...props }));
+    return ((0, jsx_runtime_1.jsx)(HintIcon_1.HintIcon, { renderIcon: () => (0, jsx_runtime_1.jsx)(InfoOutlineSm_1.InfoOutlineSm, {}), variant: "info", ...props }));
 };
 exports.DataGridColumnHintIcon = DataGridColumnHintIcon;

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

@@ -4,13 +4,13 @@ exports.useLogic = void 0;
 const react_1 = require("react");
 const enums_1 = require("../../DataGrid/enums");
 const utils_1 = require("../../DataGrid/useLogic/utils");
-const hooks_1 = require("../../hooks");
+const useToggle_1 = require("../../hooks/useToggle");
 const utils_2 = require("../../utils");
 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);
     const [hasVerticalScroll, setHasVerticalScroll] = (0, react_1.useState)(false);
-    const [isStickyButtonActive, showStickyButton, hideStickyButton] = (0, hooks_1.useToggle)();
+    const [isStickyButtonActive, showStickyButton, hideStickyButton] = (0, useToggle_1.useToggle)();
     const isNoData = Boolean(rows?.length);
     const isSelectable = Boolean(onSelectRow);
     const isDataGridDisabled = isDisabled || (!isNoData && isLoading);

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

@@ -5,7 +5,7 @@ export declare const PaginationWrapper: import("@emotion/styled/dist/declaration
 }, 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" | "left" | "right" | "center" | "justify" | undefined;
+    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
     paragraph?: boolean | undefined;
@@ -13,7 +13,7 @@ export declare const Range: import("@emotion/styled/dist/declarations/src/types"
     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" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "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" | "label" | "legend" | "li" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "search" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "clipPath" | "filter" | "marker" | "mask" | "big" | "center" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "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" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | 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;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/node/components/DataGridPagination/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RangeWrapper = exports.Range = exports.PaginationWrapper = void 0;
-const material_1 = require("@mui/material");
+const FormControl_1 = require("@mui/material/FormControl");
 const styled_1 = require("../styled");
 const Typography_1 = require("../Typography");
 exports.PaginationWrapper = styled_1.styled.div `
@@ -20,7 +20,7 @@ exports.RangeWrapper = styled_1.styled.div `
   gap: ${({ theme }) => theme.spacing(3)};
   align-items: center;
 
-  .${material_1.formControlClasses.root} {
+  .${FormControl_1.formControlClasses.root} {
     flex-direction: unset;
   }
 `;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const Range: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
-    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
+    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
     paragraph?: boolean | undefined;
@@ -9,7 +9,7 @@ export declare const Range: import("@emotion/styled/dist/declarations/src/types"
     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" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "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" | "label" | "legend" | "li" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "search" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "clipPath" | "filter" | "marker" | "mask" | "big" | "center" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "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" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | 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;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/node/components/DataGridPaginationContainer/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PaginationWrapper = exports.RangeWrapper = exports.Range = void 0;
-const material_1 = require("@mui/material");
+const FormControl_1 = require("@mui/material/FormControl");
 const styled_1 = require("../styled");
 const Typography_1 = require("../Typography");
 exports.Range = (0, styled_1.styled)(Typography_1.Typography) `
@@ -12,7 +12,7 @@ exports.RangeWrapper = styled_1.styled.div `
   gap: ${({ theme }) => theme.spacing(3)};
   align-items: center;
 
-  .${material_1.formControlClasses.root} {
+  .${FormControl_1.formControlClasses.root} {
     flex-direction: unset;
   }
 

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

@@ -1,4 +1,4 @@
-import type { SelectChangeEvent } from '@mui/material';
+import type { SelectChangeEvent } from '@mui/material/Select';
 import type { DataGridPaginationContainerProps } from '../types';
 type UseLogicParams = Pick<DataGridPaginationContainerProps, 'onSetCountPerPage'>;
 export declare const useLogic: ({ onSetCountPerPage }: UseLogicParams) => {

package/node/components/DatePicker/DateCalendar/DateCalendarChevronButton/DateCalendarNextButton/styles.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DoubleNextIcon = exports.Container = exports.NextIcon = exports.Wrapper = void 0;
-const icons_1 = require("../../../../../icons");
+const DoubleNextOutlineMd_1 = require("../../../../../icons/DoubleNextOutlineMd");
+const NextOutlineMd_1 = require("../../../../../icons/NextOutlineMd");
 const StaticCalendar_1 = require("../../../../StaticCalendar");
 const styled_1 = require("../../../../styled");
 const calendarGridPositions_1 = require("../../enums/calendarGridPositions");
@@ -14,7 +15,7 @@ exports.Wrapper = (0, styled_1.styled)(StaticCalendar_1.StaticCalendarButton) `
     padding: 0;
   }
 `;
-exports.NextIcon = (0, styled_1.styled)(icons_1.NextOutlineMd) `
+exports.NextIcon = (0, styled_1.styled)(NextOutlineMd_1.NextOutlineMd) `
   ${({ theme }) => theme.breakpoints.down('sm')} {
     width: 24px;
     height: 24px;
@@ -25,4 +26,4 @@ exports.Container = styled_1.styled.div `
   grid-area: ${calendarGridPositions_1.CalendarGridPositions.Next};
   gap: ${({ theme }) => theme.spacing(1)};
 `;
-exports.DoubleNextIcon = exports.NextIcon.withComponent(icons_1.DoubleNextOutlineMd);
+exports.DoubleNextIcon = exports.NextIcon.withComponent(DoubleNextOutlineMd_1.DoubleNextOutlineMd);

package/node/components/DatePicker/DateCalendar/DateCalendarChevronButton/DateCalendarPrevButton/styles.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DoublePrevIcon = exports.Container = exports.PrevIcon = exports.Wrapper = void 0;
-const icons_1 = require("../../../../../icons");
+const DoublePreviousOutlineMd_1 = require("../../../../../icons/DoublePreviousOutlineMd");
+const PreviousOutlineMd_1 = require("../../../../../icons/PreviousOutlineMd");
 const StaticCalendar_1 = require("../../../../StaticCalendar");
 const styled_1 = require("../../../../styled");
 const calendarGridPositions_1 = require("../../enums/calendarGridPositions");
@@ -14,7 +15,7 @@ exports.Wrapper = (0, styled_1.styled)(StaticCalendar_1.StaticCalendarButton) `
     padding: 0;
   }
 `;
-exports.PrevIcon = (0, styled_1.styled)(icons_1.PreviousOutlineMd) `
+exports.PrevIcon = (0, styled_1.styled)(PreviousOutlineMd_1.PreviousOutlineMd) `
   ${({ theme }) => theme.breakpoints.down('sm')} {
     width: 24px;
     height: 24px;
@@ -24,4 +25,4 @@ exports.Container = styled_1.styled.div `
   display: flex;
   grid-area: ${calendarGridPositions_1.CalendarGridPositions.Prev};
 `;
-exports.DoublePrevIcon = exports.PrevIcon.withComponent(icons_1.DoublePreviousOutlineMd);
+exports.DoublePrevIcon = exports.PrevIcon.withComponent(DoublePreviousOutlineMd_1.DoublePreviousOutlineMd);

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

@@ -4,7 +4,7 @@ export declare const HeadButton: import("@emotion/styled/dist/declarations/src/t
 }, {}, {}>;
 export declare const HeadText: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
-    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
+    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
     paragraph?: boolean | undefined;
@@ -12,7 +12,7 @@ export declare const HeadText: import("@emotion/styled/dist/declarations/src/typ
     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" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "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" | "label" | "legend" | "li" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "search" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "clipPath" | "filter" | "marker" | "mask" | "big" | "center" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "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" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | 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;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;

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

@@ -70,7 +70,7 @@ export declare const DatePicker: import("react").ForwardRefExoticComponent<Monda
     onBlur?: (() => void) | undefined;
     onOpen?: (() => void) | undefined;
     onClose?: ((event?: SyntheticEvent<Element, Event> | Event, reason?: CloseEventReason) => void) | undefined;
-    inputProps?: Omit<TextFieldProps, "ref" | "onChange" | "value"> | undefined;
+    inputProps?: Omit<TextFieldProps, "onChange" | "ref" | "value"> | undefined;
     inputRef?: RefObject<HTMLInputElement> | undefined;
     /**
      * Блокирует взаимодействие с элементом

package/node/components/DatePicker/DatePickerInput/DatePickerInput.js

@@ -4,7 +4,7 @@ exports.DatePickerInput = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_imask_1 = require("react-imask");
-const icons_1 = require("../../../icons");
+const CalendarOutlineMd_1 = require("../../../icons/CalendarOutlineMd");
 const constants_1 = require("../constants");
 const styles_1 = require("./styles");
 /**
@@ -34,7 +34,7 @@ exports.DatePickerInput = (0, react_1.forwardRef)(({ onClick, mask, size = 'medi
     //Определяем активный обработчик focus для обертки если состояние не disabled
     const handleFocusWrapper = (0, react_1.useMemo)(() => (!disabled ? onFocus : undefined), [disabled, onFocus]);
     return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { onFocus: handleFocusWrapper, tabIndex: -1, "aria-disabled": disabled, children: (0, jsx_runtime_1.jsx)(styles_1.StyledMaskField, { ...props, ref: ref, size: size, disabled: disabled, mask: normalizedMask, unmask: false, blocks: maskBlocks, placeholder: placeholder, autofix: false, fullWidth: true, InputProps: {
-                endAdornment: (0, jsx_runtime_1.jsx)(icons_1.CalendarOutlineMd, {}),
+                endAdornment: (0, jsx_runtime_1.jsx)(CalendarOutlineMd_1.CalendarOutlineMd, {}),
                 startAdornment,
             }, inputProps: {
                 autoComplete: 'off',

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

@@ -1,4 +1,4 @@
-import { type PopperProps } from '@mui/material';
+import { type PopperProps } from '@mui/material/Popper';
 import { type PropsWithChildren } from 'react';
 import { type WithoutEmotionSpecific } from '../../types';
 export type DatePickerPopperProps = PropsWithChildren<Omit<WithoutEmotionSpecific<PopperProps>, 'children' | 'disablePortal' | 'transition'> & {

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

@@ -4,12 +4,13 @@ exports.DatePickerPopover = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const BottomDrawer_1 = require("../../BottomDrawer");
 const ClickAwayListener_1 = require("../../ClickAwayListener");
-const hooks_1 = require("../../hooks");
+const usePopoverAnimation_1 = require("../../hooks/usePopoverAnimation");
+const useViewportType_1 = require("../../hooks/useViewportType");
 const constants_1 = require("../constants");
 const styles_1 = require("./styles");
 const DatePickerPopover = ({ children, onMouseEnter, onMouseLeave, onClose, anchorEl, title, open, ...props }) => {
-    const { isMobile } = (0, hooks_1.useViewportType)();
-    const { shouldRender, handleAnimationEnd } = (0, hooks_1.usePopoverAnimation)(open);
+    const { isMobile } = (0, useViewportType_1.useViewportType)();
+    const { shouldRender, handleAnimationEnd } = (0, usePopoverAnimation_1.usePopoverAnimation)(open);
     if (isMobile) {
         return ((0, jsx_runtime_1.jsx)(BottomDrawer_1.BottomDrawer, { className: constants_1.datePickerClassnames.popover, title: title, open: open, onClose: onClose, 
             // Отключает простановку фокуса в инпут при закрытии Drawer

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledPopper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material").PopperProps & import("react").RefAttributes<HTMLDivElement> & {
+export declare const StyledPopper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material/Popper").PopperProps & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const AnimatedWrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{

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

@@ -1,11 +1,14 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InnerContainer = exports.AnimatedWrapper = exports.StyledPopper = void 0;
-const material_1 = require("@mui/material");
+const Popper_1 = __importDefault(require("@mui/material/Popper"));
 const styled_1 = require("../../styled");
 const mixins_1 = require("../../styled/mixins");
 const constants_1 = require("../constants");
-exports.StyledPopper = (0, styled_1.styled)(material_1.Popper) `
+exports.StyledPopper = (0, styled_1.styled)(Popper_1.default) `
   z-index: ${({ theme }) => theme.zIndex.tooltip};
   
   border-radius: ${({ theme }) => theme.shape.medium};

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

@@ -2,21 +2,22 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DayPicker = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("@astral/utils");
+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 hooks_1 = require("../../hooks");
+const useLocaleDateTimeFormat_1 = require("../../hooks/useLocaleDateTimeFormat");
 const constants_1 = require("../constants");
 const DateCalendar_1 = require("../DateCalendar");
 const useCalendarNavigate_1 = require("../hooks/useCalendarNavigate");
 const MinMaxDateContext_1 = require("../MinMaxDateContext");
 const PopoverHoveredContext_1 = require("../PopoverHoveredContext");
 const DayPicker = ({ date: initialDate, selectedDate, onChange, isMondayFirst, rangeDate, onDayHover, hoveredDayDate, isDoubleNavigationButtonsEnabled, ...headProps }) => {
-    const monthYearFormat = (0, hooks_1.useLocaleDateTimeFormat)({
+    const monthYearFormat = (0, useLocaleDateTimeFormat_1.useLocaleDateTimeFormat)({
         month: 'long',
         year: 'numeric',
     });
-    const dayFormat = (0, hooks_1.useLocaleDateTimeFormat)({
+    const dayFormat = (0, useLocaleDateTimeFormat_1.useLocaleDateTimeFormat)({
         weekday: 'short',
         year: '2-digit',
         month: 'short',
@@ -26,8 +27,8 @@ const DayPicker = ({ date: initialDate, selectedDate, onChange, isMondayFirst, r
     const { month: monthCaption, year: yearCaption } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext).datePickerLanguageMap;
     const { baseDate, handlePrevClick, handleNextClick, handleDoubleNextClick, handleDoublePrevClick, } = (0, useCalendarNavigate_1.useCalendarNavigate)({
         date: initialDate,
-        addCb: utils_1.addMonths,
-        addDoubleCb: isDoubleNavigationButtonsEnabled ? utils_1.addYears : undefined,
+        addCb: addMonths_1.addMonths,
+        addDoubleCb: isDoubleNavigationButtonsEnabled ? addYears_1.addYears : undefined,
     });
     const { popoverHovered } = (0, react_1.useContext)(PopoverHoveredContext_1.PopoverHoveredContext);
     const { maxDate, minDate } = (0, react_1.useContext)(MinMaxDateContext_1.MinMaxDateContext);

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

@@ -2,27 +2,27 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MonthPicker = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("@astral/utils");
+const addYears_1 = require("@astral/utils/date/addYears");
 const react_1 = require("react");
 const ConfigProvider_1 = require("../../ConfigProvider");
-const hooks_1 = require("../../hooks");
+const useLocaleDateTimeFormat_1 = require("../../hooks/useLocaleDateTimeFormat");
 const constants_1 = require("../constants");
 const DateCalendar_1 = require("../DateCalendar");
 const useCalendarNavigate_1 = require("../hooks/useCalendarNavigate");
-const hooks_2 = require("./hooks");
+const hooks_1 = require("./hooks");
 const MonthPicker = ({ date: initialDate, selectedDate, onChange, rangeDate, ...headProps }) => {
-    const monthFormat = (0, hooks_1.useLocaleDateTimeFormat)({
+    const monthFormat = (0, useLocaleDateTimeFormat_1.useLocaleDateTimeFormat)({
         month: 'long',
     });
-    const titleFormat = (0, hooks_1.useLocaleDateTimeFormat)({
+    const titleFormat = (0, useLocaleDateTimeFormat_1.useLocaleDateTimeFormat)({
         month: 'long',
         year: 'numeric',
     });
     const { baseDate, handlePrevClick, handleNextClick } = (0, useCalendarNavigate_1.useCalendarNavigate)({
         date: initialDate,
-        addCb: utils_1.addYears,
+        addCb: addYears_1.addYears,
     });
-    const grid = (0, hooks_2.useMonthsGrid)({
+    const grid = (0, hooks_1.useMonthsGrid)({
         baseDate,
         selectedDate,
         selectedRanges: selectedDate && rangeDate

package/node/components/DatePicker/YearPicker/YearPicker.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YearPicker = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("@astral/utils");
+const addYears_1 = require("@astral/utils/date/addYears");
 const react_1 = require("react");
 const ConfigProvider_1 = require("../../ConfigProvider");
 const constants_1 = require("../constants");
@@ -13,7 +13,7 @@ const hooks_1 = require("./hooks");
 const YearPicker = ({ date: initialDate, selectedDate, onChange, rangeDate, ...headProps }) => {
     const { baseDate, handlePrevClick, handleNextClick } = (0, useCalendarNavigate_1.useCalendarNavigate)({
         date: initialDate,
-        addCb: (date, direction) => (0, utils_1.addYears)(date, constants_2.YEARS_IN_GRID * direction),
+        addCb: (date, direction) => (0, addYears_1.addYears)(date, constants_2.YEARS_IN_GRID * direction),
     });
     const grid = (0, hooks_1.useYearsGrid)({
         baseDate,

package/node/components/DatePicker/hooks/useBaseDateInRange/useBaseDateInRange.js

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useBaseDateInRange = void 0;
-const utils_1 = require("@astral/utils");
+const addMonths_1 = require("@astral/utils/date/addMonths");
 const react_1 = require("react");
 const date_1 = require("../../../utils/date");
 /**
  * хук который выдаст нам опорную дату, которая будет в пределах от минимальной, до максимальной, пригодится, когда текущая дата меньше минимальной, или больше максимальной.
  */
 const useBaseDateInRange = ({ minDate, maxDate, monthOffset = 0, initialDate, }) => (0, react_1.useMemo)(() => {
-    const currentDate = (0, utils_1.addMonths)(initialDate || new Date(), monthOffset);
+    const currentDate = (0, addMonths_1.addMonths)(initialDate || new Date(), monthOffset);
     const baseDate = (0, date_1.buildIsoDate)({
         year: currentDate.getUTCFullYear(),
         month: currentDate.getUTCMonth() + 1,

package/node/components/DatePicker/hooks/useMaskedValue/useMaskedValue.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMaskedValue = void 0;
-const utils_1 = require("@astral/utils");
+const isDate_1 = require("@astral/utils/date/isDate");
 const react_1 = require("react");
 const date_1 = require("../../../utils/date");
 /**
@@ -32,7 +32,7 @@ const useMaskedValue = ({ currentValue, mask, onChangeValue, }) => {
         }
         // здесь обрабатывается сценарий, когда в инпут вводится невалидная дата и при этом currentValue становится Invalid Date
         // в таком случае сравнить даты напрямую не получится
-        if (!(0, utils_1.isDate)(currentValue) && maskedValue) {
+        if (!(0, isDate_1.isDate)(currentValue) && maskedValue) {
             return;
         }
         // проверяем равны ли даты

package/node/components/DatePicker/hooks/useSelectedBaseDate/useSelectedBaseDate.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSelectedBaseDate = void 0;
-const utils_1 = require("@astral/utils");
+const isDate_1 = require("@astral/utils/date/isDate");
 const react_1 = require("react");
 const date_1 = require("../../../utils/date");
 /**
@@ -12,7 +12,7 @@ const date_1 = require("../../../utils/date");
 const useSelectedBaseDate = ({ currentValue, minDate, maxDate, }) => {
     const [baseDate, setBaseDate] = (0, react_1.useState)(currentValue);
     (0, react_1.useEffect)(() => {
-        if (!(0, utils_1.isDate)(currentValue)) {
+        if (!(0, isDate_1.isDate)(currentValue)) {
             setBaseDate(null);
             return;
         }

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-export declare const ConfirmButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "variant" | "component" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
-    variant?: "light" | "link" | "outlined" | "text" | "contained" | undefined;
+export declare const ConfirmButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+    variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
-    color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
+    color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {

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

@@ -2,17 +2,20 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const hooks_1 = require("../../hooks");
+const useForwardedRef_1 = require("../../hooks/useForwardedRef");
+const usePopover_1 = require("../../hooks/usePopover");
+const useViewportType_1 = require("../../hooks/useViewportType");
 const constants_1 = require("../constants");
-const hooks_2 = require("../hooks");
+const useDatePickerOptions_1 = require("../hooks/useDatePickerOptions");
+const useMaskedValue_1 = require("../hooks/useMaskedValue");
 const MinMaxDateContext_1 = require("../MinMaxDateContext");
 const useLogic = ({ label, value, maxDate = MinMaxDateContext_1.DEFAULT_MAX_DATE, minDate = MinMaxDateContext_1.DEFAULT_MIN_DATE, mask = constants_1.DEFAULT_DATE_MASK, onOpen, onClose, onBlur, onChange, forwardedRef, }) => {
-    const ref = (0, hooks_1.useForwardedRef)(forwardedRef);
+    const ref = (0, useForwardedRef_1.useForwardedRef)(forwardedRef);
     const [selectedDate, setSelectedDate] = (0, react_1.useState)(value);
-    const { isOpen, actions } = (0, hooks_1.usePopover)();
+    const { isOpen, actions } = (0, usePopover_1.usePopover)();
     const { open, close } = actions;
-    const { isMobile } = (0, hooks_1.useViewportType)();
-    const { maskedValue } = (0, hooks_2.useMaskedValue)({
+    const { isMobile } = (0, useViewportType_1.useViewportType)();
+    const { maskedValue } = (0, useMaskedValue_1.useMaskedValue)({
         currentValue: value,
         mask,
         onChangeValue: onChange,
@@ -39,7 +42,7 @@ const useLogic = ({ label, value, maxDate = MinMaxDateContext_1.DEFAULT_MAX_DATE
             onChange?.(date);
         }
     };
-    const { onAccept, inputProps: calculatedInputProps, pickerProps, } = (0, hooks_2.useDatePickerOptions)({
+    const { onAccept, inputProps: calculatedInputProps, pickerProps, } = (0, useDatePickerOptions_1.useDatePickerOptions)({
         currentValue: value,
         maxDate,
         minDate,

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const StyledDatePickerInput: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<Omit<import("..").MaskFieldProps, "mask" | "autofix"> & {
     mask: string;
-    inputProps?: Omit<import("@mui/material").InputBaseComponentProps | undefined, "ref" | "onClick"> | undefined;
+    inputProps?: Omit<import("@mui/material").InputBaseComponentProps | undefined, "onClick" | "ref"> | undefined;
 }, "ref"> & import("react").RefAttributes<HTMLInputElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;