@astral/ui 4.18.3 → 4.18.4

package/components/AutoSaveIndicator/ErrorState/styles.d.ts

@@ -3,10 +3,10 @@ export declare const ErrorWrapper: 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 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/AutoSaveIndicator/ErrorState/styles.js

@@ -1,4 +1,4 @@
-import { AutosaveErrorOutlineMd } from '../../../icons';
+import { AutosaveErrorOutlineMd } from '../../../icons/AutosaveErrorOutlineMd';
 import { Button } from '../../Button';
 import { styled } from '../../styled';
 export const ErrorWrapper = styled.div `

package/components/AutoSaveIndicator/LoadingState/styles.js

@@ -1,4 +1,4 @@
-import { AutosaveLoaderOutlineMd } from '../../../icons';
+import { AutosaveLoaderOutlineMd } from '../../../icons/AutosaveLoaderOutlineMd';
 import { keyframes, styled } from '../../styled';
 const loading = keyframes `
   0%, 100% {

package/components/AutoSaveIndicator/SuccessState/styles.js

@@ -1,4 +1,4 @@
-import { AutosaveOutlineMd } from '../../../icons';
+import { AutosaveOutlineMd } from '../../../icons/AutosaveOutlineMd';
 import { styled } from '../../styled';
 export const SuccessIcon = styled(AutosaveOutlineMd) `
   width: 20px;

package/components/AutoSaveIndicator/styles.d.ts

@@ -9,7 +9,7 @@ export declare const PopoverContent: import("../styled").StyledComponent<{
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledTypography: 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;
@@ -17,15 +17,15 @@ export declare const StyledTypography: 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;
 }, {}, {}>;
-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> & {
@@ -33,7 +33,7 @@ export declare const StyledIconButton: import("../styled").StyledComponent<Omit<
 }, {}, {}>;
 export declare const IndicatorTypography: 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;
@@ -41,7 +41,7 @@ export declare const IndicatorTypography: 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/AutoSaveIndicator/useLogic/useLogic.js

@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState } from 'react';
-import { useLocalStorage } from '../../hooks';
+import { useLocalStorage } from '../../hooks/useLocalStorage';
 import { AUTOSAVE_ONBOARD_KEY } from '../constants';
 export const useLogic = () => {
     const [open, setOpen] = useState(false);

package/components/Autocomplete/Autocomplete.d.ts

@@ -47,7 +47,7 @@ export type AutocompleteProps<TAutocompleteValueProps, TMultiple extends boolean
      */
     hideHelperText?: boolean;
 };
-export declare const Autocomplete: <TAutocompleteValueProps, TMultiple extends boolean, TDisableClearable extends boolean, TFreeSolo extends boolean>(props: Omit<WithoutEmotionSpecific<MuiAutocompleteProps<TAutocompleteValueProps, TMultiple, TDisableClearable, TFreeSolo, "div">>, "size" | "closeText" | "clearText" | "noOptionsText" | "openText" | "renderInput"> & Pick<TextFieldProps, "label" | "error" | "success" | "required" | "inputProps" | "inputRef" | "placeholder" | "helperText"> & {
+export declare const Autocomplete: <TAutocompleteValueProps, TMultiple extends boolean, TDisableClearable extends boolean, TFreeSolo extends boolean>(props: Omit<WithoutEmotionSpecific<MuiAutocompleteProps<TAutocompleteValueProps, TMultiple, TDisableClearable, TFreeSolo, "div">>, "size" | "clearText" | "closeText" | "noOptionsText" | "openText" | "renderInput"> & Pick<TextFieldProps, "label" | "success" | "error" | "inputRef" | "required" | "helperText" | "inputProps" | "placeholder"> & {
     renderInput?: ((props: TextFieldProps & Omit<AutocompleteRenderInputParams, 'size'>) => ReactNode) | undefined;
     size?: AutocompleteSize | undefined;
     /**

package/components/Autocomplete/Autocomplete.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ListItemIcon, Popper as MuiPopper } from '@mui/material';
+import ListItemIcon from '@mui/material/ListItemIcon';
+import MuiPopper from '@mui/material/Popper';
 import { useCallback, } from 'react';
-import { CrossOutlineMd, DownOutlineMd } from '../../icons';
+import { CrossOutlineMd } from '../../icons/CrossOutlineMd';
+import { DownOutlineMd } from '../../icons/DownOutlineMd';
 import { Checkbox } from '../Checkbox';
 import { forwardRefWithGeneric } from '../forwardRefWithGeneric';
 import { Loader } from '../Loader';

package/components/Autocomplete/styles.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { Autocomplete as MuiAutocomplete } from '@mui/material';
+import MuiAutocomplete from '@mui/material/Autocomplete';
 export declare const StyledMenuItem: 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/Autocomplete/styles.js

@@ -1,4 +1,7 @@
-import { autocompleteClasses, formControlClasses, iconButtonClasses, inputBaseClasses, Autocomplete as MuiAutocomplete, } from '@mui/material';
+import MuiAutocomplete, { autocompleteClasses, } from '@mui/material/Autocomplete';
+import { formControlClasses } from '@mui/material/FormControl';
+import { iconButtonClasses } from '@mui/material/IconButton';
+import { inputBaseClasses } from '@mui/material/InputBase';
 import { MenuItem } from '../MenuItem';
 import { svgIconClassnames } from '../SvgIcon';
 import { styled } from '../styled';

package/components/Autocomplete/types.d.ts

@@ -1 +1,2 @@
-export type { AutocompleteOwnerState, AutocompleteProps as MuiAutocompleteProps, AutocompleteRenderGetTagProps, AutocompleteRenderInputParams, AutocompleteRenderOptionState, PopperProps, } from '@mui/material';
+export type { AutocompleteOwnerState, AutocompleteProps as MuiAutocompleteProps, AutocompleteRenderGetTagProps, AutocompleteRenderInputParams, AutocompleteRenderOptionState, } from '@mui/material/Autocomplete';
+export type { PopperProps } from '@mui/material/Popper';

package/components/Autocomplete/useLogic/useLogic.d.ts

@@ -1,4 +1,4 @@
-import { type AutocompleteInputChangeReason } from '@mui/material';
+import { type AutocompleteInputChangeReason } from '@mui/material/Autocomplete';
 import { type SyntheticEvent } from 'react';
 import type { AutocompleteProps } from '../Autocomplete';
 type UseLogicParams<TAutocompleteValueProps, TMultiple extends boolean, TDisableClearable extends boolean, TFreeSolo extends boolean> = AutocompleteProps<TAutocompleteValueProps, TMultiple, TDisableClearable, TFreeSolo>;

package/components/Avatar/styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type AvatarSize } from './types';
-export declare const StyledAvatar: import("../styled/styled").StyledComponent<import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "classes" | "className" | "children" | "sx" | "variant" | "slots" | "slotProps" | "alt" | "src" | "imgProps" | "sizes" | "srcSet"> & {
+export declare const StyledAvatar: import("../styled/styled").StyledComponent<import("@mui/material/Avatar").AvatarOwnProps & import("@mui/material/Avatar").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "sx" | "classes" | "className" | "style" | "children" | "variant" | "slots" | "slotProps" | "alt" | "src" | "sizes" | "srcSet" | "imgProps"> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     $size?: AvatarSize | undefined;

package/components/Avatar/styles.js

@@ -1,4 +1,4 @@
-import { Avatar } from '@mui/material';
+import Avatar from '@mui/material/Avatar';
 import { styled } from '../styled/styled';
 const getFont = (size) => {
     if (size === 'sm') {

package/components/AvatarGroup/AvatarGroup.d.ts

@@ -1,4 +1,4 @@
-import { type AvatarGroupProps as MuiAvatarGroupProps } from '@mui/material';
+import type { AvatarGroupProps as MuiAvatarGroupProps } from '@mui/material/AvatarGroup';
 import { type WithoutEmotionSpecific } from '../types';
 import { type AvatarGroupSize } from './types';
 export type AvatarGroupProps = WithoutEmotionSpecific<MuiAvatarGroupProps> & {

package/components/AvatarGroup/styles.d.ts

@@ -1,5 +1,5 @@
 import { type AvatarGroupSize } from './types';
-export declare const StyledAvatarGroup: import("../styled").StyledComponent<import("@mui/material").AvatarGroupProps & {
+export declare const StyledAvatarGroup: import("../styled").StyledComponent<import("@mui/material/AvatarGroup").AvatarGroupProps & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     $size: AvatarGroupSize;

package/components/AvatarGroup/styles.js

@@ -1,4 +1,4 @@
-import { AvatarGroup, avatarGroupClasses } from '@mui/material';
+import AvatarGroup, { avatarGroupClasses } from '@mui/material/AvatarGroup';
 import { styled } from '../styled';
 const getFontSize = (theme, size) => {
     const sizes = {

package/components/Badge/styles.d.ts

@@ -5,7 +5,7 @@ type StyledBadgeProps = {
     $withBorder?: boolean;
     $variantColor: BadgeVariantsColor;
 };
-export declare const StyledBadge: import("../styled").StyledComponent<import("@mui/material").BadgeOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "components" | "style" | "color" | "classes" | "className" | "children" | "sx" | "variant" | "max" | "componentsProps" | "slots" | "slotProps" | "anchorOrigin" | "badgeContent" | "invisible" | "overlap" | "showZero"> & {
+export declare const StyledBadge: import("../styled").StyledComponent<import("@mui/material/Badge").BadgeOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "components" | "sx" | "classes" | "className" | "style" | "color" | "children" | "max" | "variant" | "componentsProps" | "slots" | "slotProps" | "invisible" | "anchorOrigin" | "badgeContent" | "overlap" | "showZero"> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & StyledBadgeProps, {}, {}>;
 export {};

package/components/Badge/styles.js

@@ -1,4 +1,4 @@
-import { Badge } from '@mui/material';
+import Badge from '@mui/material/Badge';
 import { styled } from '../styled';
 const getBgColor = ({ $customColor, theme, $variantColor, }) => {
     const colors = {

package/components/Banner/BannerActionButton/BannerActionButton.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Button } from '../../Button';
-import { useViewportType } from '../../hooks';
+import { useViewportType } from '../../hooks/useViewportType';
 export const BannerActionButton = ({ children, ...restProps }) => {
     const { isMobile } = useViewportType();
     return (_jsx(Button, { ...restProps, fullWidth: isMobile, size: "large", children: children }));

package/components/Banner/BannerContainer/BannerContainer.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { Dialog } from '../../Dialog';
-import { useViewportType } from '../../hooks';
+import { useViewportType } from '../../hooks/useViewportType';
 import { BANNER_CONTAINER_ID, NOTIFY_POSITIONS, notifyClassnames, } from '../../Notification';
 import { banner } from '../Banner';
 import { BannerTemplate } from '../BannerTemplate';

package/components/Banner/BannerTemplate/BannerTemplate.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from '../../Button';
-import { useViewportType } from '../../hooks';
+import { useViewportType } from '../../hooks/useViewportType';
 import { Typography } from '../../Typography';
 import { Container, Footer, Image, Wrapper, WrapperTextContent, } from './styles';
 export const BannerTemplate = (props) => {

package/components/BottomDrawer/BottomDrawer.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 ReactElement } from 'react';
 import { type WithoutEmotionSpecific } from '../types';
 export type BottomDrawerProps = {

package/components/BottomDrawer/BottomDrawer.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CrossOutlineMd } from '../../icons';
+import { CrossOutlineMd } from '../../icons/CrossOutlineMd';
 import { IconButton } from '../IconButton';
 import { DEFAULT_HEADER_HEIGHT } from './constants';
 import { Body, Header, HeaderTitle, StyledDrawer } from './styles';

package/components/BottomDrawer/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type DrawerProps } from '@mui/material';
+import { type DrawerProps } from '@mui/material/Drawer';
 export declare const StyledDrawer: import("../styled").StyledComponent<DrawerProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -9,11 +9,11 @@ export declare const Header: import("../styled").StyledComponent<{
 } & {
     drawerHeaderHeight: number;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const HeaderTitle: import("../styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "typography" | "zIndex" | "p" | "style" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "classes" | "className" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+export declare const HeaderTitle: import("../styled").StyledComponent<import("@mui/material/Typography").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "typography" | "zIndex" | "sx" | "classes" | "className" | "style" | "color" | "children" | "p" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     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,7 +21,7 @@ export declare const HeaderTitle: import("../styled").StyledComponent<import("@m
     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>, {}, {}>;
 export declare const Body: import("../styled").StyledComponent<{

package/components/BottomDrawer/styles.js

@@ -1,4 +1,6 @@
-import { Drawer, paperClasses, Typography, } from '@mui/material';
+import Drawer from '@mui/material/Drawer';
+import { paperClasses } from '@mui/material/Paper';
+import Typography from '@mui/material/Typography';
 import { styled } from '../styled';
 import { OFFSET_TOP_SCREEN } from './constants';
 export const StyledDrawer = styled(Drawer) `

package/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,3 +1,3 @@
-import type { BreadcrumbsProps as MuiBreadcrumbsProps } from '@mui/material';
+import type { BreadcrumbsProps as MuiBreadcrumbsProps } from '@mui/material/Breadcrumbs';
 export type BreadcrumbsProps = MuiBreadcrumbsProps;
 export declare const Breadcrumbs: (props: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;

package/components/Breadcrumbs/styles.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const StyledBreadcrumbs: import("../styled").StyledComponent<import("@mui/material").BreadcrumbsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "style" | "classes" | "className" | "children" | "sx" | "separator" | "slots" | "slotProps" | "expandText" | "itemsAfterCollapse" | "itemsBeforeCollapse" | "maxItems"> & {
+export declare const StyledBreadcrumbs: import("../styled").StyledComponent<import("@mui/material/Breadcrumbs").BreadcrumbsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "sx" | "classes" | "className" | "style" | "children" | "separator" | "slots" | "slotProps" | "expandText" | "itemsAfterCollapse" | "itemsBeforeCollapse" | "maxItems"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/components/Breadcrumbs/styles.js

@@ -1,4 +1,6 @@
-import { Breadcrumbs, buttonBaseClasses, linkClasses } from '@mui/material';
+import Breadcrumbs from '@mui/material/Breadcrumbs';
+import { buttonBaseClasses } from '@mui/material/ButtonBase';
+import { linkClasses } from '@mui/material/Link';
 import { styled } from '../styled';
 export const StyledBreadcrumbs = styled(Breadcrumbs) `
   .${buttonBaseClasses.root} {

package/components/BulletListItem/styles.js

@@ -1,4 +1,4 @@
-import { DotOutlineSm } from '../../icons';
+import { DotOutlineSm } from '../../icons/DotOutlineSm';
 import { styled } from '../styled';
 export const Wrapper = styled('li') `
   display: flex;

package/components/Button/Button.d.ts

@@ -1,4 +1,4 @@
-import type { ButtonProps as MuiButtonProps } from '@mui/material';
+import type { ButtonProps as MuiButtonProps } from '@mui/material/Button';
 import { type ComponentPropsWithRef, type ElementType } from 'react';
 import type { WithoutEmotionSpecific } from '../types';
 import { ButtonColors, ButtonVariants } from './enums';
@@ -24,11 +24,11 @@ export type ButtonProps<TComponent extends ElementType = ElementType> = Omit<Wit
      */
     selected?: boolean;
 } & Omit<ComponentPropsWithRef<ElementType extends TComponent ? 'button' : TComponent>, ''>;
-export declare const Button: <TComponent extends ElementType>(props: Omit<WithoutEmotionSpecific<MuiButtonProps>, "color" | "variant" | "component" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const Button: <TComponent extends ElementType>(props: Omit<WithoutEmotionSpecific<MuiButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     /**
      * Тип кнопки
      */
-    variant?: "light" | "link" | "outlined" | "text" | "contained" | undefined;
+    variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     /**
      * Если `true`, появляется loader внутри кнопки
      */
@@ -36,7 +36,7 @@ export declare const Button: <TComponent extends ElementType>(props: Omit<Withou
     /**
      * Цвет текста кнопки
      */
-    color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
+    color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     /**
      * Тип html-элемента
      */

package/components/Button/constants.d.ts

@@ -1,4 +1,4 @@
-export { buttonClasses } from '@mui/material';
+export { buttonClasses } from '@mui/material/Button';
 export declare const buttonClassnames: {
     loading: string;
     selected: string;

package/components/Button/constants.js

@@ -1,5 +1,5 @@
 import { createUIKitClassname } from '../utils';
-export { buttonClasses } from '@mui/material';
+export { buttonClasses } from '@mui/material/Button';
 export const buttonClassnames = {
     loading: createUIKitClassname('button_loading'),
     selected: createUIKitClassname('button_selected'),

package/components/Button/styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { ButtonColor, ButtonVariant } from './types';
-export declare const StyledButton: import("../styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "action" | "color" | "classes" | "className" | "children" | "sx" | "variant" | "tabIndex" | "fullWidth" | "size" | "disabled" | "href" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "startIcon"> & {
+export declare const StyledButton: import("../styled").StyledComponent<import("@mui/material/Button").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "sx" | "classes" | "className" | "style" | "tabIndex" | "color" | "children" | "disabled" | "size" | "href" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const StyledLoader: import("../styled").StyledComponent<import("../Loader").LoaderProps & {

package/components/Button/styles.js

@@ -1,4 +1,4 @@
-import { Button } from '@mui/material';
+import Button from '@mui/material/Button';
 import { Loader } from '../Loader';
 import { styled } from '../styled';
 import { ButtonVariants } from './enums';

package/components/ButtonBase/ButtonBase.d.ts

@@ -1 +1 @@
-export { ButtonBase, type ButtonBaseProps } from '@mui/material';
+export { type ButtonBaseProps, default as ButtonBase, } from '@mui/material/ButtonBase';

package/components/ButtonBase/ButtonBase.js

@@ -1 +1 @@
-export { ButtonBase } from '@mui/material';
+export { default as ButtonBase, } from '@mui/material/ButtonBase';

package/components/CardGridInfinite/Card/SecondaryActionButton/SecondaryActionButton.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 { SecondaryActionsMenuProvider, } from '../../CardGridSecondaryAction';
 import { CardActionContext } from '../CardActionContext';
 import { StyledIconButton } from './styles';

package/components/CardGridInfinite/Card/SecondaryActionButton/styles.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-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/CardGridInfinite/CardGridMainActions/CardGridMainActions.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useBlockingActions } from '../hooks';
+import { useBlockingActions } from '../hooks/useBlockingActions';
 import { Action } from './Action';
 import { Wrapper } from './styles';
 /**

package/components/CardGridInfinite/CardGridSecondaryAction/CardGridSecondaryActions.js

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

package/components/CardGridInfinite/CardGridSecondaryAction/CardGridSecondaryActionsSkeleton/styles.js

@@ -1,4 +1,4 @@
-import { skeletonClasses } from '@mui/material';
+import { skeletonClasses } from '@mui/material/Skeleton';
 import { styled } from '../../../styled';
 export const SkeletonWrapper = styled.div `
     display: flex;

package/components/CardGridInfinite/useLogic/useLogic.js

@@ -1,6 +1,8 @@
 import { useContext, useEffect, useMemo } from 'react';
 import { ConfigContext } from '../../ConfigProvider';
-import { useScrollManagement, useStickyButton, useViewportType, } from '../../hooks';
+import { useScrollManagement } from '../../hooks/useScrollManagement';
+import { useStickyButton } from '../../hooks/useStickyButton';
+import { useViewportType } from '../../hooks/useViewportType';
 import { classNames } from '../../utils';
 import { cardGridClassnames, OVERSCAN, VIRTUOSO_CONTAINER_ID, } from '../constants';
 export const useLogic = ({ list, isLoading, isError, errorMsg, errorImgSrc, scrollRef, skeleton, onRetry, endOfScrollMsg, isEndReached, onLoadMore, noDataImgSrc, defineCard, desktopCardWidth, }) => {

package/components/CheckableTag/CheckableTag.d.ts

@@ -40,7 +40,7 @@ export type CheckableTagProps = Omit<TagProps, 'onChange' | 'startAddon' | 'endA
  * />
 
  */
-export declare const CheckableTag: import("react").ForwardRefExoticComponent<Omit<TagProps, "variant" | "onChange" | "startAddon" | "endAddon"> & {
+export declare const CheckableTag: import("react").ForwardRefExoticComponent<Omit<TagProps, "onChange" | "variant" | "startAddon" | "endAddon"> & {
     /**
      * Состояние тега
      */

package/components/CheckableTag/styles.js

@@ -1,4 +1,4 @@
-import { badgeClasses } from '@mui/material';
+import { badgeClasses } from '@mui/material/Badge';
 import { styled } from '../styled';
 import { Tag, tagClassnames, } from '../Tag';
 const getHoverBgColor = ({ theme, color, isChecked, variant, disabled, }) => {