@astral/ui 4.18.3 → 4.18.4

package/components/PdfViewer/ControlBar/ControlBar.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { AddOutlineMd, MinusOutlineMd } from '../../../icons';
+import { AddOutlineMd } from '../../../icons/AddOutlineMd';
+import { MinusOutlineMd } from '../../../icons/MinusOutlineMd';
 import { IconButton } from '../../IconButton';
 import { StyledTag, Wrapper } from './styles';
 export const ControlBar = ({ zoomIn, zoomOut, pageNumber, buttonProps, isViewerLite, isLoading, pageCount, enabledZoom, }) => {

package/components/PdfViewer/useLogic/useLogic.js

@@ -1,6 +1,6 @@
 import { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { ConfigContext } from '../../ConfigProvider';
-import { useZoom } from '../hooks';
+import { useZoom } from '../hooks/useZoom';
 import { getPageHeightList } from '../utils';
 export const useLogic = ({ file, scrollRef, paginationRef, isFullHeight, renderPageRange, isHidePersonalData, isViewerLite, enabledZoom = true, options, ...props }) => {
     const [containerWidth, setContainerWidth] = useState(1);

package/components/PinButton/PinButton.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { PinOutlineMd, UnpinOutlineMd } from '../../icons';
+import { PinOutlineMd } from '../../icons/PinOutlineMd';
+import { UnpinOutlineMd } from '../../icons/UnpinOutlineMd';
 import { Collapse } from '../Collapse';
 import { classNames } from '../utils';
 import { pinButtonClassnames } from './constants';

package/components/PinButton/styles.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-export declare const TogglerButton: 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 TogglerButton: 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> & {
@@ -10,7 +10,7 @@ export declare const TogglerButton: import("../styled").StyledComponent<Omit<imp
 }, {}, {}>;
 export declare const Content: 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;
@@ -18,7 +18,7 @@ export declare const Content: 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/Popover/Popover.d.ts

@@ -1,4 +1,4 @@
-import { type PopoverProps as MuiPopoverProps } from '@mui/material';
+import type { PopoverProps as MuiPopoverProps } from '@mui/material/Popover';
 import { type WithoutEmotionSpecific } from '../types';
 export type PopoverProps = WithoutEmotionSpecific<MuiPopoverProps> & {
     /**

package/components/Popover/styles.d.ts

@@ -1,3 +1,3 @@
-export declare const StyledMuiPopover: import("../styled").StyledComponent<import("@mui/material").PopoverProps & {
+export declare const StyledMuiPopover: import("../styled").StyledComponent<import("@mui/material/Popover").PopoverProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/components/Popover/styles.js

@@ -1,4 +1,5 @@
-import { Popover as MuiPopover, paperClasses } from '@mui/material';
+import { paperClasses } from '@mui/material/Paper';
+import MuiPopover from '@mui/material/Popover';
 import { styled } from '../styled';
 export const StyledMuiPopover = styled(MuiPopover) `
   & .${paperClasses.root} {

package/components/Product/styles.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-export declare const StyledButton: 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 StyledButton: 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/ProductSwitcher/Content/Content.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ErrorFillSm } from '../../../icons';
+import { ErrorFillSm } from '../../../icons/ErrorFillSm';
 import { ContentState } from '../../ContentState';
 import { MenuGroup } from '../../MenuGroup';
 import { Typography } from '../../Typography';

package/components/ProductSwitcher/Content/styles.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-export declare const ProductItem: <TComponent extends import("react").ElementType>(props: import("../..").WithoutEmotionSpecific<Omit<import("@mui/material").MenuItemProps, "component">> & {
+export declare const ProductItem: <TComponent extends import("react").ElementType>(props: import("../..").WithoutEmotionSpecific<Omit<import("@mui/material/MenuItem").MenuItemProps, "component">> & {
     disabledReason?: string | undefined;
     note?: string | undefined;
-    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
     component?: TComponent | undefined;
     href?: string | undefined;
 } & import("react").ComponentPropsWithRef<import("react").ElementType extends TComponent ? "li" : TComponent> & import("react").RefAttributes<HTMLLIElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
@@ -15,7 +15,7 @@ export declare const TitleErrorContainer: import("../../styled").StyledComponent
 } & import("../../Grid/styles").StyledGridProps, {}, {}>;
 export declare const ProductName: 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;
@@ -23,7 +23,7 @@ export declare const ProductName: 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/ProductSwitcher/Content/styles.js

@@ -1,4 +1,4 @@
-import { menuItemClasses } from '@mui/material';
+import { menuItemClasses } from '@mui/material/MenuItem';
 import { Grid } from '../../Grid';
 import { MenuItem } from '../../MenuItem';
 import { styled } from '../../styled';

package/components/ProductSwitcher/ProductSwitcher.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { ProductsFillMd } from '../../icons';
+import { ProductsFillMd } from '../../icons/ProductsFillMd';
 import { IconButton } from '../IconButton';
 import { Content } from './Content';
 import { StyledMenu } from './styles';

package/components/ProductSwitcher/styles.js

@@ -1,4 +1,4 @@
-import { listClasses } from '@mui/material';
+import { listClasses } from '@mui/material/List';
 import { Menu } from '../Menu';
 import { styled } from '../styled';
 export const StyledMenu = styled(Menu) `

package/components/ProductSwitcher/useLogic/useLogic.js

@@ -1,6 +1,6 @@
 import { useContext, useState } from 'react';
 import { ConfigContext } from '../../ConfigProvider';
-import { useMenu } from '../../hooks';
+import { useMenu } from '../../hooks/useMenu';
 export const useLogic = ({ getProducts, filter }) => {
     const [products, setProducts] = useState([]);
     const [isLoading, setIsLoading] = useState(false);

package/components/Profile/MenuList/MenuList.d.ts

@@ -1,4 +1,4 @@
-import { type MenuProps as MuiMenuProps } from '@mui/material';
+import type { MenuProps as MuiMenuProps } from '@mui/material/Menu';
 import { type WithoutEmotionSpecific } from '../../types';
 import { type ProfileMenuItemData } from '../types';
 type MenuListProps = WithoutEmotionSpecific<MuiMenuProps> & {

package/components/Profile/MenuList/MenuList.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { QuitOutlineMd } from '../../../icons';
+import { QuitOutlineMd } from '../../../icons/QuitOutlineMd';
 import { BottomDrawer } from '../../BottomDrawer';
 import { CopyTypography } from '../../CopyTypography';
 import { Divider } from '../../Divider';
-import { useViewportType } from '../../hooks';
+import { useViewportType } from '../../hooks/useViewportType';
 import { ListItemIcon } from '../../ListItemIcon';
 import { ListItemText } from '../../ListItemText';
 import { MenuItem as StyledMenuItem } from '../../MenuItem';

package/components/Profile/MenuList/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledMenu: import("../../styled").StyledComponent<import("../..").WithoutEmotionSpecific<import("@mui/material").MenuProps> & {
+export declare const StyledMenu: import("../../styled").StyledComponent<import("../..").WithoutEmotionSpecific<import("@mui/material/Menu").MenuProps> & {
     title?: string | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
@@ -7,7 +7,7 @@ export declare const StyledMenu: import("../../styled").StyledComponent<import("
 export declare const ExitMenuItem: import("../../styled").StyledComponent<import("../..").WithoutEmotionSpecific<Omit<import("@mui/material").MenuItemProps, "component">> & {
     disabledReason?: string | undefined;
     note?: string | undefined;
-    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
     component?: import("react").ElementType | undefined;
     href?: string | undefined;
 } & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement> & {

package/components/Profile/MenuList/styles.js

@@ -1,4 +1,4 @@
-import { menuClasses } from '@mui/material';
+import { menuClasses } from '@mui/material/Menu';
 import { Divider } from '../../Divider';
 import { Menu } from '../../Menu';
 import { MenuItem } from '../../MenuItem';

package/components/Profile/Profile.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ClickAwayListener } from '@mui/material';
+import ClickAwayListener from '@mui/material/ClickAwayListener';
 import { useEffect } from 'react';
-import { useMenu } from '../hooks';
+import { useMenu } from '../hooks/useMenu';
 import { useHidePersonalData } from '../personalDataSecurity';
 import { Typography } from '../Typography';
 import { profileClassnames } from './constants';

package/components/Profile/styles.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { type AvatarProps } from '../Avatar';
-export declare const ProfileRoot: 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 ProfileRoot: 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/Profile/types.d.ts

@@ -1,4 +1,5 @@
-import type { AvatarProps, MenuProps } from '@mui/material';
+import type { AvatarProps } from '@mui/material/Avatar';
+import type { MenuProps } from '@mui/material/Menu';
 import type { PropsWithChildren, ReactElement, ReactNode } from 'react';
 import type { SyncFunctionComponent, WithoutEmotionSpecific } from '../types';
 export type ProfileMenuItemData = {

package/components/ProgressBar/ProgressBar.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { LinearProgress as MuiLinearProgress } from '@mui/material';
+import MuiLinearProgress from '@mui/material/LinearProgress';
 export const ProgressBar = ({ className, value }) => {
     const clampedValue = Math.max(0, Math.min(value, 100));
     return (_jsx(MuiLinearProgress, { className: className, variant: "determinate", value: clampedValue }));

package/components/Radio/Radio.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { useCheckControlled } from '../hooks';
+import { useCheckControlled } from '../hooks/useCheckControlled';
 import { radioClassnames } from './constants';
 import { Icon } from './Icon';
 import { IconWrapper, Input, Wrapper } from './styles';

package/components/Radio/useLogic/useLogic.d.ts

@@ -18,7 +18,7 @@ export declare const useLogic: ({ checked, disabled, isError, onChange: propsOnC
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
+        enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: boolean | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
@@ -26,7 +26,7 @@ export declare const useLogic: ({ checked, disabled, isError, onChange: propsOnC
         spellCheck?: (boolean | "true" | "false") | undefined;
         tabIndex?: number | undefined;
         title?: string | undefined;
-        translate?: "no" | "yes" | undefined;
+        translate?: "yes" | "no" | undefined;
         radioGroup?: string | undefined;
         role?: import("react").AriaRole | undefined;
         about?: string | undefined;
@@ -61,7 +61,7 @@ export declare const useLogic: ({ checked, disabled, isError, onChange: propsOnC
         part?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "inline" | "none" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -71,7 +71,7 @@ export declare const useLogic: ({ checked, disabled, isError, onChange: propsOnC
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
@@ -81,7 +81,7 @@ export declare const useLogic: ({ checked, disabled, isError, onChange: propsOnC
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "true" | "false" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
         "aria-hidden"?: (boolean | "true" | "false") | undefined;
         "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -98,7 +98,7 @@ export declare const useLogic: ({ checked, disabled, isError, onChange: propsOnC
         "aria-posinset"?: number | undefined;
         "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
         "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "true" | "false") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;

package/components/Radio/useLogic/useLogic.js

@@ -1,5 +1,5 @@
 import { useMemo, useState } from 'react';
-import { useUpdateEffect } from '../../hooks';
+import { useUpdateEffect } from '../../hooks/useUpdateEffect';
 import { classNames } from '../../utils';
 import { radioClassnames } from '../constants';
 export const useLogic = ({ checked = false, disabled = false, isError = false, onChange: propsOnChange, className: propClassNames, name, style, inputRef, value, id, ...restProps }) => {

package/components/RadioField/styles.d.ts

@@ -1,4 +1,4 @@
 import { type FormControlLabelProps } from '../FormControlLabel';
-export declare const StyledFormControlLabel: import("../styled/styled").StyledComponent<import("@mui/material").FormControlLabelProps & {
+export declare const StyledFormControlLabel: import("../styled/styled").StyledComponent<import("@mui/material/FormControlLabel").FormControlLabelProps & {
     theme?: import("@emotion/react").Theme | undefined;
 } & FormControlLabelProps, {}, {}>;

package/components/RadioField/styles.js

@@ -1,4 +1,5 @@
-import { FormControlLabel, typographyClasses } from '@mui/material';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import { typographyClasses } from '@mui/material/Typography';
 import { styled } from '../styled/styled';
 export const StyledFormControlLabel = styled(FormControlLabel) `
   align-items: flex-start;

package/components/RedesignBanner/useLogic/useLogic.js

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { useViewportType } from '../../hooks';
+import { useViewportType } from '../../hooks/useViewportType';
 import { LOCAL_STORAGE_KEY } from '../constants';
 export const useLogic = () => {
     const { isMobile } = useViewportType();

package/components/ScrollToTopButton/ScrollToTopButton.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ChevronUpOutlineMd } from '../../icons';
+import { ChevronUpOutlineMd } from '../../icons/ChevronUpOutlineMd';
 import { StyledFab } from './styles';
 /**
  * Универсальная кнопка прокрутки содержимого наверх, не содержит логику

package/components/SearchField/SearchField.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { CrossOutlineMd } from '../../icons';
+import { CrossOutlineMd } from '../../icons/CrossOutlineMd';
 import { TextField } from '../TextField';
 import { EndAdornmentWrapper, LoaderWrapper, SearchIcon, StyledIconButton, StyledLoader, TextFieldRoot, } from './styles';
 import { useLogic } from './useLogic';

package/components/SearchField/styles.d.ts

@@ -7,10 +7,10 @@ export declare const SearchIcon: import("../styled").StyledComponent<{
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledIconButton: 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 StyledIconButton: 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/SearchField/styles.js

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

package/components/SearchField/useLogic/useLogic.js

@@ -1,5 +1,6 @@
 import { useEffect, useState, } from 'react';
-import { useFirstMountState, useForwardedRef } from '../../hooks';
+import { useFirstMountState } from '../../hooks/useFirstMountState';
+import { useForwardedRef } from '../../hooks/useForwardedRef';
 export const useLogic = ({ onChange: propsOnChange, defaultValue, value, inputRef: externalInputRef, disabled, onBlur: propsOnBlur, fullWidth, isLoading, placeholder = 'Поиск', inputComponent, hideHelperText = true, ...restProps }) => {
     const inputRef = useForwardedRef(externalInputRef);
     const [internalValue, setInternalValue] = useState(defaultValue || value || '');

package/components/Select/Select.d.ts

@@ -1,4 +1,4 @@
-import { type SelectProps as MuiSelectProps } from '@mui/material';
+import type { SelectProps as MuiSelectProps } from '@mui/material/Select';
 import { type ReactNode } from 'react';
 import { type WithoutEmotionSpecific } from '../types';
 export type SelectProps<TValue> = WithoutEmotionSpecific<Omit<MuiSelectProps<TValue>, 'variant' | 'color' | 'onOpen'>> & {

package/components/Select/Select.js

@@ -1,7 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FormControl, InputLabel, ListItemIcon, } from '@mui/material';
+import FormControl from '@mui/material/FormControl';
+import InputLabel from '@mui/material/InputLabel';
+import ListItemIcon from '@mui/material/ListItemIcon';
 import { forwardRef } from 'react';
-import { CrossOutlineMd, DownOutlineMd, UpOutlineMd } from '../../icons';
+import { CrossOutlineMd } from '../../icons/CrossOutlineMd';
+import { DownOutlineMd } from '../../icons/DownOutlineMd';
+import { UpOutlineMd } from '../../icons/UpOutlineMd';
 import { Checkbox } from '../Checkbox';
 import { FormHelperText } from '../FormHelperText';
 import { forwardRefWithGeneric } from '../forwardRefWithGeneric';

package/components/Select/styles.d.ts

@@ -10,13 +10,13 @@ export declare const EndAdornmentWrapper: import("../styled").StyledComponent<{
 export declare const Placeholder: import("../styled").StyledComponent<import("..").WithoutEmotionSpecific<Omit<import("@mui/material").MenuItemProps, "component">> & {
     disabledReason?: string | undefined;
     note?: string | undefined;
-    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
     component?: import("react").ElementType | undefined;
     href?: string | undefined;
 } & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledSelect: import("../styled").StyledComponent<(import("@mui/material").SelectProps<unknown> & {
+export declare const StyledSelect: import("../styled").StyledComponent<(import("@mui/material/Select").SelectProps<unknown> & {
     theme?: import("@emotion/react").Theme | undefined;
 }) & {
     $isShowingPlaceholder: boolean;

package/components/Select/styles.js

@@ -1,4 +1,4 @@
-import { Select } from '@mui/material';
+import Select from '@mui/material/Select';
 import { loaderClassnames } from '../Loader';
 import { MenuItem } from '../MenuItem';
 import { styled } from '../styled';

package/components/Select/useLogic/useLogic.js

@@ -1,4 +1,4 @@
-import { menuItemClasses } from '@mui/material';
+import { menuItemClasses } from '@mui/material/MenuItem';
 import { Children, isValidElement, useRef, useState, } from 'react';
 import { MenuItem } from '../../MenuItem';
 import { getNodeText, isSyncReactElement } from '../../utils';

package/components/SideDialog/SideDialog.d.ts

@@ -1,4 +1,4 @@
-import { type DrawerProps as MuiDrawerProps } from '@mui/material';
+import type { DrawerProps as MuiDrawerProps } from '@mui/material/Drawer';
 import { type WithoutEmotionSpecific } from '../types';
 type SideDialogSize = 'xs' | 'sm' | 'md' | 'lg';
 export type SideDialogProps = WithoutEmotionSpecific<Omit<MuiDrawerProps, 'anchor'>> & {

package/components/SideDialog/styles.d.ts

@@ -1,4 +1,4 @@
-import { type DrawerProps } from '@mui/material';
+import type { DrawerProps } from '@mui/material/Drawer';
 import { type WithoutEmotionSpecific } from '../types';
 type SideDialogSize = 'xs' | 'sm' | 'md' | 'lg';
 export declare const StyledDrawer: import("../styled").StyledComponent<DrawerProps & {

package/components/SideDialog/styles.js

@@ -1,4 +1,6 @@
-import { Drawer, dialogContentClasses, dialogTitleClasses, drawerClasses, } from '@mui/material';
+import { dialogContentClasses } from '@mui/material/DialogContent';
+import { dialogTitleClasses } from '@mui/material/DialogTitle';
+import Drawer, { drawerClasses } from '@mui/material/Drawer';
 import { styled } from '../styled';
 import { SIDE_DIALOG_SCREEN_OFFSET, SIZES } from './constants';
 const getSize = (size) => {

package/components/SideDialogActions/types.d.ts

@@ -1,3 +1,3 @@
-import { type DialogActionsProps as MuiDialogActionsProps } from '@mui/material';
+import type { DialogActionsProps as MuiDialogActionsProps } from '@mui/material/DialogActions';
 import { type WithoutEmotionSpecific } from '../types';
 export type SideDialogActionsProps = WithoutEmotionSpecific<MuiDialogActionsProps>;

package/components/SideDialogContent/types.d.ts

@@ -1,3 +1,3 @@
-import { type DialogContentProps as MuiDialogContentProps } from '@mui/material';
+import type { DialogContentProps as MuiDialogContentProps } from '@mui/material/DialogContent';
 import { type WithoutEmotionSpecific } from '../types';
 export type SideDialogContentProps = WithoutEmotionSpecific<MuiDialogContentProps>;

package/components/SideDialogContentText/types.d.ts

@@ -1,3 +1,3 @@
-import { type DialogContentTextProps as MuiDialogContentTextProps } from '@mui/material';
+import type { DialogContentTextProps as MuiDialogContentTextProps } from '@mui/material/DialogContentText';
 import { type WithoutEmotionSpecific } from '../types';
 export type SideDialogContentTextProps = WithoutEmotionSpecific<MuiDialogContentTextProps>;

package/components/Skeleton/Skeleton.d.ts

@@ -1,4 +1,4 @@
-import { type SkeletonProps as MuiSkeletonProps } from '@mui/material';
+import type { SkeletonProps as MuiSkeletonProps } from '@mui/material/Skeleton';
 import { type ElementType } from 'react';
 import { type WithoutEmotionSpecific } from '../types';
 export type SkeletonProps<TComponent extends ElementType, TComponentProps = {}> = Omit<WithoutEmotionSpecific<MuiSkeletonProps<TComponent, TComponentProps>>, 'variant' | 'animation'> & {

package/components/Skeleton/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledSkeleton: import("../styled").StyledComponent<import("@mui/material").SkeletonOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style" | "height" | "width" | "animation" | "classes" | "className" | "children" | "sx" | "variant"> & {
+export declare const StyledSkeleton: import("../styled").StyledComponent<import("@mui/material/Skeleton").SkeletonOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "sx" | "classes" | "className" | "style" | "children" | "height" | "width" | "animation" | "variant"> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     $shapeSize: 'small' | 'medium' | 'large';

package/components/Skeleton/styles.js

@@ -1,4 +1,4 @@
-import { Skeleton, skeletonClasses } from '@mui/material';
+import Skeleton, { skeletonClasses } from '@mui/material/Skeleton';
 import { styled } from '../styled';
 import { rgba } from '../utils/colors';
 export const StyledSkeleton = styled(Skeleton, {

package/components/StaticCalendar/StaticCalendarButton/styles.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-export declare const Wrapper: 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 Wrapper: 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/StaticCalendar/StaticCalendarGridButton/styles.js

@@ -1,4 +1,4 @@
-import { buttonClasses } from '@mui/material';
+import { buttonClasses } from '@mui/material/Button';
 import { styled } from '../../styled';
 import { StaticCalendarButton } from '../StaticCalendarButton';
 import { getBgColor, getLeftBorderRadius, getRightBorderRadius, getTextColor, } from './utils';