@astral/ui 4.18.3 → 4.18.4

package/node/components/placeholders/Placeholder/styles.d.ts

@@ -13,7 +13,7 @@ export declare const InnerContainer: import("@emotion/styled/dist/declarations/s
 } & WithSize, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Title: 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;
@@ -21,14 +21,14 @@ export declare const Title: 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;
 } & WithSize, {}, {}>;
 export declare const Description: 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;
@@ -36,7 +36,7 @@ export declare const Description: import("@emotion/styled/dist/declarations/src/
     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/theme/breakpoints.d.ts

@@ -1,2 +1,2 @@
-import { type BreakpointsOptions } from '@mui/material';
+import type { BreakpointsOptions } from '@mui/material/styles';
 export declare const defaultBreakpoints: BreakpointsOptions;

package/node/components/theme/components/MuiAlert.d.ts

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiAlert: Components<Theme>['MuiAlert'];

package/node/components/theme/components/MuiAutocomplete.d.ts

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import type { Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiAutocomplete: Components<Theme>['MuiAutocomplete'];

package/node/components/theme/components/MuiAutocomplete.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiAutocomplete = void 0;
-const material_1 = require("@mui/material");
+const Autocomplete_1 = require("@mui/material/Autocomplete");
 exports.MuiAutocomplete = {
     styleOverrides: {
         root({ theme }) {
             return {
-                [`&.${material_1.autocompleteClasses.hasPopupIcon}.${material_1.autocompleteClasses.hasClearIcon}`]: {
-                    [`.${material_1.autocompleteClasses.inputRoot}`]: {
+                [`&.${Autocomplete_1.autocompleteClasses.hasPopupIcon}.${Autocomplete_1.autocompleteClasses.hasClearIcon}`]: {
+                    [`.${Autocomplete_1.autocompleteClasses.inputRoot}`]: {
                         paddingRight: `${theme.spacing(14)}`,
                     },
                 },

package/node/components/theme/components/MuiButton.d.ts

@@ -1,4 +1,4 @@
-import { type Components } from '@mui/material';
+import type { Components } from '@mui/material/styles/components';
 import { type ButtonProps, type ButtonState } from '../../Button';
 import { type Theme } from '../types';
 type WithTheme<T extends object> = T & {

package/node/components/theme/components/MuiButton.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiButton = exports.getButtonDisabledBackgroundColor = exports.getButtonBackgroundColor = exports.getButtonPaddingMobile = exports.getButtonPadding = exports.getButtonHeightMobile = exports.getButtonHeight = void 0;
-const material_1 = require("@mui/material");
-const Button_1 = require("../../Button");
+const Button_1 = require("@mui/material/Button");
+const Button_2 = require("../../Button");
 const SvgIcon_1 = require("../../SvgIcon");
 /**
  * Вспомогательная утилита для получения значения из values
@@ -22,7 +22,7 @@ const getValue = ({ type, values, defaultValue }) => {
 const getButtonHeight = (options) => getValue({
     type: options.size,
     values: {
-        [Button_1.ButtonSizes.Large]: '40px',
+        [Button_2.ButtonSizes.Large]: '40px',
     },
     defaultValue: '32px',
 });
@@ -33,7 +33,7 @@ exports.getButtonHeight = getButtonHeight;
 const getButtonHeightMobile = (options) => getValue({
     type: options.size,
     values: {
-        [Button_1.ButtonSizes.Large]: '48px',
+        [Button_2.ButtonSizes.Large]: '48px',
     },
     defaultValue: '40px',
 });
@@ -43,9 +43,9 @@ exports.getButtonHeightMobile = getButtonHeightMobile;
  */
 const getButtonPadding = ({ theme, size, }) => {
     return getValue({
-        type: size || Button_1.ButtonSizes.Medium,
+        type: size || Button_2.ButtonSizes.Medium,
         values: {
-            [Button_1.ButtonSizes.Large]: theme.spacing(2, 3),
+            [Button_2.ButtonSizes.Large]: theme.spacing(2, 3),
         },
         defaultValue: theme.spacing(1, 3),
     });
@@ -58,13 +58,13 @@ const getButtonPaddingMobile = (options) => {
     if (!options.theme) {
         return '16px 24px';
     }
-    if (options.variant === Button_1.ButtonVariants.Link) {
+    if (options.variant === Button_2.ButtonVariants.Link) {
         return '0';
     }
     return getValue({
-        type: options.size || Button_1.ButtonSizes.Medium,
+        type: options.size || Button_2.ButtonSizes.Medium,
         values: {
-            [Button_1.ButtonSizes.Large]: options.theme.spacing(3, 4),
+            [Button_2.ButtonSizes.Large]: options.theme.spacing(3, 4),
         },
         defaultValue: options.theme.spacing(2, 3),
     });
@@ -77,7 +77,7 @@ const getBorder = ({ theme, variant, color, buttonState, selected, disabled, })
     if (disabled) {
         return 'none';
     }
-    if (!color || variant !== Button_1.ButtonVariants.Outlined) {
+    if (!color || variant !== Button_2.ButtonVariants.Outlined) {
         return 'none';
     }
     if (selected || buttonState === 'active') {
@@ -198,22 +198,22 @@ const getButtonColor = ({ theme, variant, color, buttonState, selected, }) => {
         },
     };
     if (selected &&
-        (variant === Button_1.ButtonVariants.Light ||
-            variant === Button_1.ButtonVariants.Text ||
-            variant === Button_1.ButtonVariants.Outlined) &&
+        (variant === Button_2.ButtonVariants.Light ||
+            variant === Button_2.ButtonVariants.Text ||
+            variant === Button_2.ButtonVariants.Outlined) &&
         color) {
         return theme.palette[color]['900'];
     }
-    if (variant === Button_1.ButtonVariants.Contained) {
+    if (variant === Button_2.ButtonVariants.Contained) {
         return textColorVariants.contained;
     }
-    if (variant === Button_1.ButtonVariants.Light && color) {
+    if (variant === Button_2.ButtonVariants.Light && color) {
         return textColorVariants.light[color][buttonState];
     }
-    if (variant === Button_1.ButtonVariants.Text && color) {
+    if (variant === Button_2.ButtonVariants.Text && color) {
         return textColorVariants.text[color][buttonState];
     }
-    if (variant === Button_1.ButtonVariants.Outlined && color) {
+    if (variant === Button_2.ButtonVariants.Outlined && color) {
         return textColorVariants.outlined[color][buttonState];
     }
     return textColorVariants.link[buttonState];
@@ -298,36 +298,36 @@ const getButtonBackgroundColor = ({ selected, color, variant, buttonState, theme
         },
         link: 'transparent',
     };
-    if (selected && variant === Button_1.ButtonVariants.Contained && color) {
+    if (selected && variant === Button_2.ButtonVariants.Contained && color) {
         return theme.palette[color]['900'];
     }
-    if (selected && variant === Button_1.ButtonVariants.Light && color) {
+    if (selected && variant === Button_2.ButtonVariants.Light && color) {
         return theme.palette[color]['300'];
     }
     if (selected &&
-        variant !== Button_1.ButtonVariants.Contained &&
-        variant !== Button_1.ButtonVariants.Link &&
-        variant !== Button_1.ButtonVariants.Light &&
+        variant !== Button_2.ButtonVariants.Contained &&
+        variant !== Button_2.ButtonVariants.Link &&
+        variant !== Button_2.ButtonVariants.Light &&
         color) {
         return theme.palette[color]['200'];
     }
-    if (variant === Button_1.ButtonVariants.Light && color) {
+    if (variant === Button_2.ButtonVariants.Light && color) {
         return bgColorVariants.light[color][buttonState];
     }
-    if (variant === Button_1.ButtonVariants.Contained && color) {
+    if (variant === Button_2.ButtonVariants.Contained && color) {
         return bgColorVariants.contained[color][buttonState];
     }
-    if (variant === Button_1.ButtonVariants.Text) {
+    if (variant === Button_2.ButtonVariants.Text) {
         return bgColorVariants.text[buttonState];
     }
-    if (variant === Button_1.ButtonVariants.Outlined) {
+    if (variant === Button_2.ButtonVariants.Outlined) {
         return bgColorVariants.outlined[buttonState];
     }
     return bgColorVariants.link;
 };
 exports.getButtonBackgroundColor = getButtonBackgroundColor;
 const getButtonDisabledBackgroundColor = ({ theme, variant, }) => {
-    if (Button_1.ButtonVariants.Link === variant || Button_1.ButtonVariants.Text === variant) {
+    if (Button_2.ButtonVariants.Link === variant || Button_2.ButtonVariants.Text === variant) {
         return 'transparent';
     }
     return theme.palette.components.disabled;
@@ -363,7 +363,7 @@ exports.MuiButton = {
                     theme,
                     variant,
                     color,
-                    buttonState: Button_1.ButtonStates.Default,
+                    buttonState: Button_2.ButtonStates.Default,
                 }),
                 fontWeight: theme.typography.button.fontWeight,
                 fontSize: theme.typography.button.fontSize,
@@ -372,7 +372,7 @@ exports.MuiButton = {
                     theme,
                     color,
                     variant,
-                    buttonState: Button_1.ButtonStates.Default,
+                    buttonState: Button_2.ButtonStates.Default,
                 }),
                 borderRadius: theme.shape.medium,
                 '&:hover': {
@@ -381,21 +381,21 @@ exports.MuiButton = {
                         theme,
                         variant,
                         color,
-                        buttonState: Button_1.ButtonStates.Hover,
+                        buttonState: Button_2.ButtonStates.Hover,
                     }),
                     backgroundColor: (0, exports.getButtonBackgroundColor)({
                         selected,
                         color,
                         variant,
                         theme,
-                        buttonState: Button_1.ButtonStates.Hover,
+                        buttonState: Button_2.ButtonStates.Hover,
                     }),
                     boxShadow: 'none',
                     border: getBorder({
                         theme,
                         variant,
                         color,
-                        buttonState: Button_1.ButtonStates.Hover,
+                        buttonState: Button_2.ButtonStates.Hover,
                         selected,
                     }),
                 },
@@ -405,20 +405,20 @@ exports.MuiButton = {
                         color,
                         variant,
                         theme,
-                        buttonState: Button_1.ButtonStates.Active,
+                        buttonState: Button_2.ButtonStates.Active,
                     }),
                     backgroundColor: (0, exports.getButtonBackgroundColor)({
                         selected,
                         color,
                         variant,
                         theme,
-                        buttonState: Button_1.ButtonStates.Active,
+                        buttonState: Button_2.ButtonStates.Active,
                     }),
                     border: getBorder({
                         theme,
                         variant,
                         color,
-                        buttonState: Button_1.ButtonStates.Active,
+                        buttonState: Button_2.ButtonStates.Active,
                         selected,
                     }),
                     boxShadow: 'none',
@@ -429,14 +429,14 @@ exports.MuiButton = {
                         theme,
                         variant,
                         color,
-                        buttonState: Button_1.ButtonStates.Focus,
+                        buttonState: Button_2.ButtonStates.Focus,
                     }),
                     backgroundColor: (0, exports.getButtonBackgroundColor)({
                         selected,
                         color,
                         variant,
                         theme,
-                        buttonState: Button_1.ButtonStates.Focus,
+                        buttonState: Button_2.ButtonStates.Focus,
                     }),
                     outline: `2px solid ${theme.palette.primary['400']}`,
                     outlineOffset: '-2px',
@@ -446,11 +446,11 @@ exports.MuiButton = {
                     theme,
                     variant,
                     color,
-                    buttonState: Button_1.ButtonStates.Default,
+                    buttonState: Button_2.ButtonStates.Default,
                     selected,
                     disabled,
                 }),
-                [`&.${Button_1.buttonClassnames.loading}`]: {
+                [`&.${Button_2.buttonClassnames.loading}`]: {
                     color: 'transparent',
                     pointerEvents: 'none',
                     cursor: 'unset',
@@ -458,10 +458,10 @@ exports.MuiButton = {
                         color,
                         variant,
                         theme,
-                        buttonState: Button_1.ButtonStates.Default,
+                        buttonState: Button_2.ButtonStates.Default,
                     }),
                 },
-                [`&.${material_1.buttonClasses.disabled}`]: {
+                [`&.${Button_1.buttonClasses.disabled}`]: {
                     color: theme.palette.grey['500'],
                     backgroundColor: (0, exports.getButtonDisabledBackgroundColor)({
                         theme,
@@ -470,7 +470,7 @@ exports.MuiButton = {
                     pointerEvents: 'none',
                     cursor: 'unset',
                     border: 'unset',
-                    [`&.${Button_1.buttonClassnames.loading}`]: {
+                    [`&.${Button_2.buttonClassnames.loading}`]: {
                         color: 'transparent',
                     },
                 },

package/node/components/theme/components/MuiButtonBase.d.ts

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiButtonBase: Components<Theme>['MuiButtonBase'];

package/node/components/theme/components/MuiCircularProgress.d.ts

@@ -1,4 +1,4 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiCircularProgress: Components<Theme>['MuiCircularProgress'];
 export default MuiCircularProgress;

package/node/components/theme/components/MuiDialog.d.ts

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiDialog: Components<Theme>['MuiDialog'];

package/node/components/theme/components/MuiDialogActions.d.ts

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiDialogActions: Components<Theme>['MuiDialogActions'];

package/node/components/theme/components/MuiDialogContent.d.ts

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiDialogContent: Components<Theme>['MuiDialogContent'];

package/node/components/theme/components/MuiDialogTitle.d.ts

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import type { Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiDialogTitle: Components<Theme>['MuiDialogTitle'];

package/node/components/theme/components/MuiDialogTitle.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiDialogTitle = void 0;
-const material_1 = require("@mui/material");
+const Button_1 = require("@mui/material/Button");
 exports.MuiDialogTitle = {
     styleOverrides: {
         root({ theme }) {
@@ -13,7 +13,7 @@ exports.MuiDialogTitle = {
                 display: 'flex',
                 justifyContent: 'space-between',
                 alignItems: 'center',
-                [`& .${material_1.buttonClasses.root}`]: {
+                [`& .${Button_1.buttonClasses.root}`]: {
                     marginLeft: theme.microSpacing(5),
                     color: theme.palette.grey[800],
                 },

package/node/components/theme/components/MuiDrawer.d.ts

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import type { Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiDrawer: Components<Theme>['MuiDrawer'];

package/node/components/theme/components/MuiDrawer.js

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiDrawer = void 0;
-const material_1 = require("@mui/material");
+const Backdrop_1 = require("@mui/material/Backdrop");
+const Drawer_1 = require("@mui/material/Drawer");
 exports.MuiDrawer = {
     styleOverrides: {
         root({ theme }) {
             return {
-                [`&.${material_1.drawerClasses.root} > .${material_1.backdropClasses.root}`]: {
+                [`&.${Drawer_1.drawerClasses.root} > .${Backdrop_1.backdropClasses.root}`]: {
                     backgroundColor: theme.palette.background.modalShadow,
                 },
             };

package/node/components/theme/components/MuiFormControlLabel.d.ts

@@ -1,4 +1,4 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiFormControlLabel: Components<Theme>['MuiFormControlLabel'];
 export default MuiFormControlLabel;

package/node/components/theme/components/MuiFormHelperText.d.ts

@@ -1,4 +1,4 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiFormHelperText: Components<Theme>['MuiFormHelperText'];
 export default MuiFormHelperText;

package/node/components/theme/components/MuiFormLabel.d.ts

@@ -1,4 +1,4 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiFormLabel: Components<Theme>['MuiFormLabel'];
 export default MuiFormLabel;

package/node/components/theme/components/MuiInputLabel.d.ts

@@ -1,4 +1,4 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiInputLabel: Components<Theme>['MuiInputLabel'];
 export default MuiInputLabel;

package/node/components/theme/components/MuiLinearProgress.d.ts

@@ -1,4 +1,4 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiLinearProgress: Components<Theme>['MuiLinearProgress'];
 export default MuiLinearProgress;

package/node/components/theme/components/MuiListItemButton.d.ts

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiListItemButton: Components<Theme>['MuiListItemButton'];

package/node/components/theme/components/MuiListItemText.d.ts

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiListItemText: Components<Theme>['MuiListItemText'];

package/node/components/theme/components/MuiListSubheader.d.ts

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiListSubheader: Components<Theme>['MuiListSubheader'];

package/node/components/theme/components/MuiMenu.d.ts

@@ -1,4 +1,4 @@
-import { type Components } from '@mui/material';
+import type { Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiMenu: Components<Theme>['MuiMenu'];
 export default MuiMenu;

package/node/components/theme/components/MuiMenu.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiMenu = void 0;
-const material_1 = require("@mui/material");
+const List_1 = require("@mui/material/List");
+const Paper_1 = require("@mui/material/Paper");
 exports.MuiMenu = {
     defaultProps: {
         autoFocus: false,
@@ -10,7 +11,7 @@ exports.MuiMenu = {
         paper({ theme }) {
             return {
                 marginTop: theme.spacing(2),
-                [`&&.${material_1.paperClasses.root}`]: {
+                [`&&.${Paper_1.paperClasses.root}`]: {
                     borderRadius: theme.shape.medium,
                     boxShadow: theme.elevation[200],
                 },
@@ -18,10 +19,10 @@ exports.MuiMenu = {
         },
         list({ theme }) {
             return {
-                [`&&.${material_1.listClasses.root}`]: {
+                [`&&.${List_1.listClasses.root}`]: {
                     padding: 0,
                 },
-                [`&&.${material_1.listClasses.padding}`]: {
+                [`&&.${List_1.listClasses.padding}`]: {
                     padding: theme.spacing(1, 0),
                 },
             };

package/node/components/theme/components/MuiMenuItem.d.ts

@@ -1,4 +1,4 @@
-import { type Components } from '@mui/material';
+import type { Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiMenuItem: Components<Theme>['MuiMenuItem'];
 export default MuiMenuItem;

package/node/components/theme/components/MuiMenuItem.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiMenuItem = void 0;
-const material_1 = require("@mui/material");
+const MenuItem_1 = require("@mui/material/MenuItem");
 exports.MuiMenuItem = {
     styleOverrides: {
         root({ theme }) {
@@ -10,16 +10,16 @@ exports.MuiMenuItem = {
                 '&:hover': {
                     backgroundColor: theme.palette.background.elementHover,
                 },
-                [`&.${material_1.menuItemClasses.selected}`]: {
+                [`&.${MenuItem_1.menuItemClasses.selected}`]: {
                     background: `linear-gradient(90deg, ${theme.palette.primary.main} 0, ${theme.palette.primary.main} 3px, ${theme.palette.primary['100']} 3px)`,
                 },
-                [`&.${material_1.menuItemClasses.gutters}`]: {
+                [`&.${MenuItem_1.menuItemClasses.gutters}`]: {
                     minHeight: theme.spacing(8),
                     padding: theme.spacing(1, 3, 1, 3),
                 },
                 [theme.breakpoints.down('sm')]: {
                     padding: theme.spacing(3, 3, 4, 3),
-                    [`&.${material_1.menuItemClasses.gutters}`]: {
+                    [`&.${MenuItem_1.menuItemClasses.gutters}`]: {
                         minHeight: '48px',
                         padding: theme.spacing(2, 3, 3, 3),
                     },

package/node/components/theme/components/MuiOutlinedInput.d.ts

@@ -1,4 +1,4 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiOutlinedInput: Components<Theme>['MuiOutlinedInput'];
 export default MuiOutlinedInput;

package/node/components/theme/components/MuiPaginationItem.d.ts

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiPaginationItem: Components<Theme>['MuiPaginationItem'];

package/node/components/theme/components/MuiPaper.d.ts

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiPaper: Components<Theme>['MuiPaper'];

package/node/components/theme/components/MuiStep.d.ts

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import type { Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiStep: Components<Theme>['MuiStep'];