@astral/ui 4.18.2 → 4.18.4

package/components/DashboardSidebar/useLogic/useLogic.js

@@ -2,8 +2,8 @@ import { useContext, useEffect, useRef } from 'react';
 import { DashboardContext } from '../../DashboardContext';
 import { dashboardLayoutHeaderClassnames, dashboardLayoutMainClassnames, } from '../../DashboardLayout';
 import { DashboardSidebarContext } from '../../DashboardSidebarProvider';
-import { useViewportType } from '../../hooks';
-import { useTheme } from '../../theme';
+import { useViewportType } from '../../hooks/useViewportType';
+import { useTheme } from '../../theme/hooks/useTheme';
 export const useLogic = (props) => {
     const { className, menu, header, isLoading } = props;
     const { onToggleSidebar, isPinned, onTogglePin, collapsedIn, setIsPopupOpen, } = useContext(DashboardSidebarContext);

package/components/DashboardSidebarButton/styles.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-export declare const SidebarButton: import("../styled").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 SidebarButton: import("../styled").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/components/DashboardSidebarCounter/Badge/styles.d.ts

@@ -1,4 +1,4 @@
-export declare const StyledBadge: import("../../styled").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").BadgeProps>, "color"> & {
+export declare const StyledBadge: import("../../styled").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material/Badge").BadgeProps>, "color"> & {
     color: import("../../Badge").BadgeColor;
     withBorder?: boolean | undefined;
     variantColor?: import("../../Badge").BadgeVariantsColor | undefined;

package/components/DashboardSidebarCounter/Badge/styles.js

@@ -1,4 +1,4 @@
-import { badgeClasses } from '@mui/material';
+import { badgeClasses } from '@mui/material/Badge';
 import { Badge } from '../../Badge';
 import { styled } from '../../styled';
 export const StyledBadge = styled(Badge) `

package/components/DashboardSidebarCounter/styles.d.ts

@@ -1,4 +1,4 @@
-export declare const StyledCounter: import("../styled").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").BadgeProps>, "color" | "content" | "children" | "variant" | "anchorOrigin" | "badgeContent" | "invisible" | "overlap" | "withBorder"> & {
+export declare const StyledCounter: import("../styled").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").BadgeProps>, "content" | "color" | "children" | "variant" | "invisible" | "anchorOrigin" | "badgeContent" | "overlap" | "withBorder"> & {
     color: import("../Counter/types").CounterColor;
     variant?: import("../Counter/types").CounterVariants | undefined;
     content?: number | undefined;

package/components/DashboardSidebarPopover/FadePopup/useLogic/useLogic.js

@@ -1,6 +1,6 @@
 import { useContext } from 'react';
 import { DashboardSidebarContext } from '../../../DashboardSidebarProvider';
-import { usePopoverAnimation } from '../../../hooks';
+import { usePopoverAnimation } from '../../../hooks/usePopoverAnimation';
 export const useLogic = ({ isOpen }) => {
     const { popoverAnchorRef } = useContext(DashboardSidebarContext);
     const topPosition = popoverAnchorRef.current?.offsetTop;

package/components/DashboardSidebarPopover/styles.d.ts

@@ -5,7 +5,7 @@ export declare const Wrapper: import("../styled").StyledComponent<{
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
 export declare const Title: import("../styled").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 Title: import("../styled").StyledComponent<{
     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;
@@ -21,6 +21,6 @@ export declare const Title: import("../styled").StyledComponent<{
 export declare const StyledBottomDrawer: import("../styled").StyledComponent<{
     title?: string | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>[] | undefined;
     drawerHeaderHeight?: number | undefined;
-} & import("..").WithoutEmotionSpecific<Omit<import("@mui/material").DrawerProps, "title" | "variant" | "anchor">> & {
+} & import("..").WithoutEmotionSpecific<Omit<import("@mui/material").DrawerProps, "title" | "anchor" | "variant">> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/components/DashboardSidebarProvider/hooks/useSidebar/useSidebar.js

@@ -1,7 +1,9 @@
-import { useMediaQuery } from '@mui/material';
+import useMediaQuery from '@mui/material/useMediaQuery';
 import { useEffect, useState } from 'react';
-import { useFirstMountState, useLocalStorage, useViewportType, } from '../../../hooks';
-import { useTheme } from '../../../theme';
+import { useFirstMountState } from '../../../hooks/useFirstMountState';
+import { useLocalStorage } from '../../../hooks/useLocalStorage';
+import { useViewportType } from '../../../hooks/useViewportType';
+import { useTheme } from '../../../theme/hooks/useTheme';
 const useMobileSidebar = () => {
     const [collapsedIn, setCollapsedIn] = useState(false);
     const onToggleSidebar = () => {

package/components/DashboardSidebarSkeleton/styles.d.ts

@@ -17,7 +17,7 @@ export declare const ItemWrapper: import("../styled").StyledComponent<{
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const SkeletonDescription: import("../styled").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").SkeletonProps<import("react").ElementType, unknown>>, "animation" | "variant"> & {
     component?: import("react").ElementType | undefined;
-    variant?: "text" | "rounded" | "circular" | undefined;
+    variant?: "text" | "circular" | "rounded" | undefined;
     shapeSize?: "large" | "medium" | "small" | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;

package/components/DashboardSidebarSkeleton/useLogic/useLogic.js

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
 import { LOCAL_STORAGE_KEY } from '../../DashboardSidebarProvider';
-import { useLocalStorage } from '../../hooks';
+import { useLocalStorage } from '../../hooks/useLocalStorage';
 export const useLogic = () => {
     // Достается напрямую, т.к. нет гарантий, что скелетон будет обернут в контекст
     const [storageState = true] = useLocalStorage(LOCAL_STORAGE_KEY, true);

package/components/DataGrid/HeadCell/HeadCell.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
-import { SortDownFillSm, SortFillSm, SortUpFillSm } from '../../../icons';
+import { SortDownFillSm } from '../../../icons/SortDownFillSm';
+import { SortFillSm } from '../../../icons/SortFillSm';
+import { SortUpFillSm } from '../../../icons/SortUpFillSm';
 import { OverflowTypography } from '../../OverflowTypography';
 import { Wrapper } from './styles';
 import { useLogic } from './useLogic';

package/components/DataGrid/Loader/styles.d.ts

@@ -10,6 +10,6 @@ export declare const LoaderWrapper: import("../../styled").StyledComponent<{
     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 StyledLinearProgress: import("../../styled").StyledComponent<import("@mui/material").LinearProgressProps & {
+export declare const StyledLinearProgress: import("../../styled").StyledComponent<import("@mui/material/LinearProgress").LinearProgressProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/components/DataGrid/Loader/styles.js

@@ -1,4 +1,4 @@
-import { LinearProgress, linearProgressClasses } from '@mui/material';
+import LinearProgress, { linearProgressClasses, } from '@mui/material/LinearProgress';
 import { Divider } from '../../Divider';
 import { styled } from '../../styled';
 export const Backdrop = styled.div `

package/components/DataGrid/Row/NestedChildren/styles.d.ts

@@ -14,10 +14,10 @@ export declare const MoreButtonRow: import("../../../styled").StyledComponent<{
     $isShowConnector: boolean;
     $gridColumns: string;
 }, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
-export declare const MoreButton: import("../../../styled").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 MoreButton: import("../../../styled").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/components/DataGrid/Row/styles.d.ts

@@ -29,10 +29,10 @@ export declare const CollapseCell: import("../../styled").StyledComponent<{
     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 CollapseButton: import("../../styled").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 CollapseButton: import("../../styled").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/components/DataGrid/Row/styles.js

@@ -1,4 +1,4 @@
-import { ChevronROutlineMd } from '../../../icons';
+import { ChevronROutlineMd } from '../../../icons/ChevronROutlineMd';
 import { IconButton } from '../../IconButton';
 import { styled } from '../../styled';
 import { Cell } from '../Cell';

package/components/DataGrid/useLogic/useLogic.js

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useMemo, useRef, } from 'react';
-import { useFirstMountState } from '../../hooks';
+import { useFirstMountState } from '../../hooks/useFirstMountState';
 import { prop, uniqueBy } from '../../utils';
 import { Variant } from '../enums';
 import { getGridTemplateColumns, getIsAllowHorizontalScroll } from './utils';

package/components/DataGridActionCell/DataGridMainActions/DataGridMainActions.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { TOOLTIP_PLACEMENT } from '../constants';
-import { useBlockingActions } from '../hooks';
+import { useBlockingActions } from '../hooks/useBlockingActions';
 import { Action } from './Action';
 /**
  * Компонент для отображения основных действий в ячейке таблицы DataGrid.

package/components/DataGridActionCell/DataGridSecondaryActions/DataGridSecondaryActions.js

@@ -3,7 +3,7 @@ import { createElement as _createElement } from "react";
 import { Menu } from '../../Menu';
 import { MenuItem } from '../../MenuItem';
 import { TOOLTIP_PLACEMENT } from '../constants';
-import { useBlockingActions } from '../hooks';
+import { useBlockingActions } from '../hooks/useBlockingActions';
 import { useSecondaryActionsMenu } from '../SecondaryActionsMenuContext';
 import { DataGridSecondaryActionsSkeleton } from './DataGridSecondaryActionsSkeleton';
 /**

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

@@ -1,4 +1,4 @@
-import { styled } from '@mui/material';
+import styled from '@mui/material/styles/styled';
 export const SkeletonWrapper = styled('div') `
   display: flex;
   flex-direction: column;

package/components/DataGridActionCell/SecondaryActionsButton/SecondaryActionsButton.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ClickAwayListener } from '@mui/material';
+import ClickAwayListener from '@mui/material/ClickAwayListener';
 import { useContext, useRef, useState } from 'react';
-import { DotsVOutlineMd } from '../../../icons';
-import { useMenu } from '../../hooks';
+import { DotsVOutlineMd } from '../../../icons/DotsVOutlineMd';
+import { useMenu } from '../../hooks/useMenu';
 import { IconButton } from '../../IconButton';
 import { ActionCellContext } from '../ActionCellContext';
 import { DataGridSecondaryActions, } from '../DataGridSecondaryActions';

package/components/DataGridColumnHintIcon/DataGridColumnHintIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { InfoOutlineSm } from '../../icons';
+import { InfoOutlineSm } from '../../icons/InfoOutlineSm';
 import { HintIcon } from '../HintIcon';
 export const DataGridColumnHintIcon = (props) => {
     return (_jsx(HintIcon, { renderIcon: () => _jsx(InfoOutlineSm, {}), variant: "info", ...props }));

package/components/DataGridInfinite/useLogic/useLogic.js

@@ -1,7 +1,7 @@
 import { useCallback, useMemo, useRef, useState, } from 'react';
 import { Variant } from '../../DataGrid/enums';
 import { getGridTemplateColumns } from '../../DataGrid/useLogic/utils';
-import { useToggle } from '../../hooks';
+import { useToggle } from '../../hooks/useToggle';
 import { prop, uniqueBy } from '../../utils';
 import { VIRTUOSO_CONTAINER_ID, VIRTUOSO_LIST_ID } from '../constants';
 export const useLogic = ({ keyId, columns, rows, variant, tree, subrows, selectedRows = [], isLoading, isDisabled, isEndReached, onEndReached, onSelectRow, isHideSelectAll, isHideHeaderIfNoData = false, }) => {

package/components/DataGridPagination/styles.d.ts

@@ -5,7 +5,7 @@ export declare const PaginationWrapper: import("../styled").StyledComponent<{
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Range: import("../styled").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("../styled").StyledComponent<{
     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/components/DataGridPagination/styles.js

@@ -1,4 +1,4 @@
-import { formControlClasses } from '@mui/material';
+import { formControlClasses } from '@mui/material/FormControl';
 import { styled } from '../styled';
 import { Typography } from '../Typography';
 export const PaginationWrapper = styled.div `

package/components/DataGridPaginationContainer/styles.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const Range: import("../styled").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("../styled").StyledComponent<{
     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/components/DataGridPaginationContainer/styles.js

@@ -1,4 +1,4 @@
-import { formControlClasses } from '@mui/material';
+import { formControlClasses } from '@mui/material/FormControl';
 import { styled } from '../styled';
 import { Typography } from '../Typography';
 export const Range = styled(Typography) `

package/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/components/DatePicker/DateCalendar/DateCalendarChevronButton/DateCalendarNextButton/styles.js

@@ -1,4 +1,5 @@
-import { DoubleNextOutlineMd, NextOutlineMd } from '../../../../../icons';
+import { DoubleNextOutlineMd } from '../../../../../icons/DoubleNextOutlineMd';
+import { NextOutlineMd } from '../../../../../icons/NextOutlineMd';
 import { StaticCalendarButton } from '../../../../StaticCalendar';
 import { styled } from '../../../../styled';
 import { CalendarGridPositions } from '../../enums/calendarGridPositions';

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

@@ -1,4 +1,5 @@
-import { DoublePreviousOutlineMd, PreviousOutlineMd, } from '../../../../../icons';
+import { DoublePreviousOutlineMd } from '../../../../../icons/DoublePreviousOutlineMd';
+import { PreviousOutlineMd } from '../../../../../icons/PreviousOutlineMd';
 import { StaticCalendarButton } from '../../../../StaticCalendar';
 import { styled } from '../../../../styled';
 import { CalendarGridPositions } from '../../enums/calendarGridPositions';

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

@@ -4,7 +4,7 @@ export declare const HeadButton: import("../../../styled").StyledComponent<Omit<
 }, {}, {}>;
 export declare const HeadText: import("../../../styled").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("../../../styled").StyledComponent<{
     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/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/components/DatePicker/DatePickerInput/DatePickerInput.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useMemo } from 'react';
 import { IMask } from 'react-imask';
-import { CalendarOutlineMd } from '../../../icons';
+import { CalendarOutlineMd } from '../../../icons/CalendarOutlineMd';
 import { DEFAULT_PLACEHOLDER } from '../constants';
 import { StyledMaskField, Wrapper } from './styles';
 /**

package/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/components/DatePicker/DatePickerPopover/DatePickerPopover.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { BottomDrawer } from '../../BottomDrawer';
 import { ClickAwayListener } from '../../ClickAwayListener';
-import { usePopoverAnimation, useViewportType } from '../../hooks';
+import { usePopoverAnimation } from '../../hooks/usePopoverAnimation';
+import { useViewportType } from '../../hooks/useViewportType';
 import { datePickerClassnames } from '../constants';
 import { AnimatedWrapper, InnerContainer, StyledPopper } from './styles';
 export const DatePickerPopover = ({ children, onMouseEnter, onMouseLeave, onClose, anchorEl, title, open, ...props }) => {

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

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

package/components/DatePicker/DatePickerPopover/styles.js

@@ -1,4 +1,4 @@
-import { Popper as MuiPopper } from '@mui/material';
+import MuiPopper from '@mui/material/Popper';
 import { styled } from '../../styled';
 import { fadeDropDownTransition } from '../../styled/mixins';
 import { datePickerClassnames } from '../constants';

package/components/DatePicker/DayPicker/DayPicker.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { addMonths, addYears } from '@astral/utils';
+import { addMonths } from '@astral/utils/date/addMonths';
+import { addYears } from '@astral/utils/date/addYears';
 import { useCallback, useContext, useEffect, useMemo } from 'react';
 import { ConfigContext } from '../../ConfigProvider';
-import { useLocaleDateTimeFormat } from '../../hooks';
+import { useLocaleDateTimeFormat } from '../../hooks/useLocaleDateTimeFormat';
 import { datePickerClassnames } from '../constants';
 import { DateCalendarHead, DateCalendarWrapper, StaticDaysCalendarWrapper, } from '../DateCalendar';
 import { useCalendarNavigate } from '../hooks/useCalendarNavigate';

package/components/DatePicker/MonthPicker/MonthPicker.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { addYears } from '@astral/utils';
+import { addYears } from '@astral/utils/date/addYears';
 import { useContext } from 'react';
 import { ConfigContext } from '../../ConfigProvider';
-import { useLocaleDateTimeFormat } from '../../hooks';
+import { useLocaleDateTimeFormat } from '../../hooks/useLocaleDateTimeFormat';
 import { datePickerClassnames, ELEMENTS_COUNT_IN_ROW_IN_LARGE_GRID, } from '../constants';
 import { DateCalendarGridButtonLarge, DateCalendarGridLarge, DateCalendarHead, DateCalendarWrapper, } from '../DateCalendar';
 import { useCalendarNavigate } from '../hooks/useCalendarNavigate';

package/components/DatePicker/YearPicker/YearPicker.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { addYears } from '@astral/utils';
+import { addYears } from '@astral/utils/date/addYears';
 import { useContext } from 'react';
 import { ConfigContext } from '../../ConfigProvider';
 import { datePickerClassnames, ELEMENTS_COUNT_IN_ROW_IN_LARGE_GRID, } from '../constants';

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

@@ -1,4 +1,4 @@
-import { addMonths } from '@astral/utils';
+import { addMonths } from '@astral/utils/date/addMonths';
 import { useMemo } from 'react';
 import { buildIsoDate } from '../../../utils/date';
 /**

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

@@ -1,4 +1,4 @@
-import { isDate } from '@astral/utils';
+import { isDate } from '@astral/utils/date/isDate';
 import { useEffect, useState } from 'react';
 import { formatDate, parseDate } from '../../../utils/date';
 /**

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

@@ -1,4 +1,4 @@
-import { isDate } from '@astral/utils';
+import { isDate } from '@astral/utils/date/isDate';
 import { useEffect, useState } from 'react';
 import { areDatesSame, DateCompareDeep, isDateOutOfRange, } from '../../../utils/date';
 /**

package/components/DatePicker/styles.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-export declare const ConfirmButton: import("../styled").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("../styled").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/components/DatePicker/useLogic/useLogic.js

@@ -1,7 +1,10 @@
 import { useState } from 'react';
-import { useForwardedRef, usePopover, useViewportType } from '../../hooks';
+import { useForwardedRef } from '../../hooks/useForwardedRef';
+import { usePopover } from '../../hooks/usePopover';
+import { useViewportType } from '../../hooks/useViewportType';
 import { DEFAULT_DATE_MASK } from '../constants';
-import { useDatePickerOptions, useMaskedValue } from '../hooks';
+import { useDatePickerOptions } from '../hooks/useDatePickerOptions';
+import { useMaskedValue } from '../hooks/useMaskedValue';
 import { DEFAULT_MAX_DATE, DEFAULT_MIN_DATE } from '../MinMaxDateContext';
 export const useLogic = ({ label, value, maxDate = DEFAULT_MAX_DATE, minDate = DEFAULT_MIN_DATE, mask = DEFAULT_DATE_MASK, onOpen, onClose, onBlur, onChange, forwardedRef, }) => {
     const ref = useForwardedRef(forwardedRef);

package/components/DateRangePicker/styles.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const StyledDatePickerInput: import("../styled").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;
 }, {}, {}>;

package/components/DateRangePicker/styles.js

@@ -1,4 +1,4 @@
-import { formHelperTextClasses } from '@mui/material';
+import { formHelperTextClasses } from '@mui/material/FormHelperText';
 import { DatePickerInput } from '../DatePicker/DatePickerInput';
 import { Paper } from '../Paper';
 import { styled } from '../styled';