@astral/ui 4.18.2 → 4.18.4

package/node/components/Autocomplete/styles.js

@@ -1,7 +1,33 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledAutocomplete = exports.StyledMenuItem = void 0;
-const material_1 = require("@mui/material");
+const Autocomplete_1 = __importStar(require("@mui/material/Autocomplete"));
+const FormControl_1 = require("@mui/material/FormControl");
+const IconButton_1 = require("@mui/material/IconButton");
+const InputBase_1 = require("@mui/material/InputBase");
 const MenuItem_1 = require("../MenuItem");
 const SvgIcon_1 = require("../SvgIcon");
 const styled_1 = require("../styled");
@@ -12,16 +38,16 @@ exports.StyledMenuItem = (0, styled_1.styled)(MenuItem_1.MenuItem) `
         max-height: unset;
     }
 `;
-exports.StyledAutocomplete = (0, styled_1.styled)(material_1.Autocomplete) `
+exports.StyledAutocomplete = (0, styled_1.styled)(Autocomplete_1.default) `
     ${({ loading }) => {
     return (loading &&
-        `&& .${material_1.formControlClasses.root} .${material_1.inputBaseClasses.adornedEnd} .${SvgIcon_1.svgIconClassnames.root} {
+        `&& .${FormControl_1.formControlClasses.root} .${InputBase_1.inputBaseClasses.adornedEnd} .${SvgIcon_1.svgIconClassnames.root} {
         width: 100%;
         height: 100%;
       }`);
 }}
   
-  & .${material_1.autocompleteClasses.endAdornment} .${material_1.iconButtonClasses.root}:hover {
+  & .${Autocomplete_1.autocompleteClasses.endAdornment} .${IconButton_1.iconButtonClasses.root}:hover {
       background-color: ${({ loading, theme }) => (loading ? 'transparent' : theme.palette.grey[100])};
     }
 `;

package/node/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/node/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/node/components/Avatar/styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type AvatarSize } from './types';
-export declare const StyledAvatar: import("@emotion/styled/dist/declarations/src/types").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("@emotion/styled/dist/declarations/src/types").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/node/components/Avatar/styles.js

@@ -1,7 +1,10 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledAvatar = void 0;
-const material_1 = require("@mui/material");
+const Avatar_1 = __importDefault(require("@mui/material/Avatar"));
 const styled_1 = require("../styled/styled");
 const getFont = (size) => {
     if (size === 'sm') {
@@ -12,7 +15,7 @@ const getFont = (size) => {
     }
     return 'h5';
 };
-exports.StyledAvatar = (0, styled_1.styled)(material_1.Avatar, {
+exports.StyledAvatar = (0, styled_1.styled)(Avatar_1.default, {
     shouldForwardProp: (prop) => !['$size'].includes(prop),
 }) `
   font-size: ${({ theme, $size }) => theme.typography[getFont($size)].fontSize};

package/node/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/node/components/AvatarGroup/styles.d.ts

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

package/node/components/AvatarGroup/styles.js

@@ -1,7 +1,30 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledAvatarGroup = void 0;
-const material_1 = require("@mui/material");
+const AvatarGroup_1 = __importStar(require("@mui/material/AvatarGroup"));
 const styled_1 = require("../styled");
 const getFontSize = (theme, size) => {
     const sizes = {
@@ -19,10 +42,10 @@ const getWidth = (size) => {
     };
     return sizes[size];
 };
-exports.StyledAvatarGroup = (0, styled_1.styled)(material_1.AvatarGroup, {
+exports.StyledAvatarGroup = (0, styled_1.styled)(AvatarGroup_1.default, {
     shouldForwardProp: (prop) => !['$size'].includes(prop),
 }) `
-  & .${material_1.avatarGroupClasses.avatar} {
+  & .${AvatarGroup_1.avatarGroupClasses.avatar} {
     width: ${({ $size }) => getWidth($size)};
     height: ${({ $size }) => getWidth($size)};
 

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

@@ -5,7 +5,7 @@ type StyledBadgeProps = {
     $withBorder?: boolean;
     $variantColor: BadgeVariantsColor;
 };
-export declare const StyledBadge: import("@emotion/styled/dist/declarations/src/types").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("@emotion/styled/dist/declarations/src/types").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/node/components/Badge/styles.js

@@ -1,7 +1,10 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledBadge = void 0;
-const material_1 = require("@mui/material");
+const Badge_1 = __importDefault(require("@mui/material/Badge"));
 const styled_1 = require("../styled");
 const getBgColor = ({ $customColor, theme, $variantColor, }) => {
     const colors = {
@@ -41,7 +44,7 @@ const getTextColor = ({ $customColor, theme, $variantColor, }) => {
     }
     return lightTextColor[$customColor || 'default'];
 };
-exports.StyledBadge = (0, styled_1.styled)(material_1.Badge, {
+exports.StyledBadge = (0, styled_1.styled)(Badge_1.default, {
     shouldForwardProp: (prop) => !['$customColor', '$withBorder', '$variantColor'].includes(prop),
 }) `
   .MuiBadge-badge {

package/node/components/Banner/BannerActionButton/BannerActionButton.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BannerActionButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Button_1 = require("../../Button");
-const hooks_1 = require("../../hooks");
+const useViewportType_1 = require("../../hooks/useViewportType");
 const BannerActionButton = ({ children, ...restProps }) => {
-    const { isMobile } = (0, hooks_1.useViewportType)();
+    const { isMobile } = (0, useViewportType_1.useViewportType)();
     return ((0, jsx_runtime_1.jsx)(Button_1.Button, { ...restProps, fullWidth: isMobile, size: "large", children: children }));
 };
 exports.BannerActionButton = BannerActionButton;

package/node/components/Banner/BannerContainer/BannerContainer.js

@@ -4,7 +4,7 @@ exports.BannerContainer = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Dialog_1 = require("../../Dialog");
-const hooks_1 = require("../../hooks");
+const useViewportType_1 = require("../../hooks/useViewportType");
 const Notification_1 = require("../../Notification");
 const Banner_1 = require("../Banner");
 const BannerTemplate_1 = require("../BannerTemplate");
@@ -14,7 +14,7 @@ const styles_1 = require("./styles");
  * Используется внутри NotificationContainer и NotificationStackContainer.
  * */
 const BannerContainer = ({ bannerContainerId = Notification_1.BANNER_CONTAINER_ID, }) => {
-    const { isMobile } = (0, hooks_1.useViewportType)();
+    const { isMobile } = (0, useViewportType_1.useViewportType)();
     const [isOpenDialog, setIsOpenDialog] = (0, react_1.useState)(false);
     (0, react_1.useEffect)(() => {
         Banner_1.banner._init(isMobile, setIsOpenDialog);

package/node/components/Banner/BannerTemplate/BannerTemplate.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BannerTemplate = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Button_1 = require("../../Button");
-const hooks_1 = require("../../hooks");
+const useViewportType_1 = require("../../hooks/useViewportType");
 const Typography_1 = require("../../Typography");
 const styles_1 = require("./styles");
 const BannerTemplate = (props) => {
     const { closeToast, imageSrc, title, description, onClose, action, setIsOpenDialog, } = props;
-    const { isMobile } = (0, hooks_1.useViewportType)();
+    const { isMobile } = (0, useViewportType_1.useViewportType)();
     const handleClose = () => {
         closeToast?.();
         onClose?.();

package/node/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/node/components/BottomDrawer/BottomDrawer.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BottomDrawer = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_1 = require("../../icons");
+const CrossOutlineMd_1 = require("../../icons/CrossOutlineMd");
 const IconButton_1 = require("../IconButton");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
@@ -12,6 +12,6 @@ const BottomDrawer = ({ title, drawerHeaderHeight = constants_1.DEFAULT_HEADER_H
             onClose(event, 'escapeKeyDown');
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledDrawer, { ...props, anchor: "bottom", onClose: onClose, children: [(0, jsx_runtime_1.jsxs)(styles_1.Header, { drawerHeaderHeight: drawerHeaderHeight, children: [(0, jsx_runtime_1.jsx)(styles_1.HeaderTitle, { variant: "h6", noWrap: true, children: title }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", onClick: handleClose, size: "large", children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) })] }), (0, jsx_runtime_1.jsx)(styles_1.Body, { children: children })] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledDrawer, { ...props, anchor: "bottom", onClose: onClose, children: [(0, jsx_runtime_1.jsxs)(styles_1.Header, { drawerHeaderHeight: drawerHeaderHeight, children: [(0, jsx_runtime_1.jsx)(styles_1.HeaderTitle, { variant: "h6", noWrap: true, children: title }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", onClick: handleClose, size: "large", children: (0, jsx_runtime_1.jsx)(CrossOutlineMd_1.CrossOutlineMd, {}) })] }), (0, jsx_runtime_1.jsx)(styles_1.Body, { children: children })] }));
 };
 exports.BottomDrawer = BottomDrawer;

package/node/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("@emotion/styled/dist/declarations/src/types").StyledComponent<DrawerProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -9,11 +9,11 @@ export declare const Header: import("@emotion/styled/dist/declarations/src/types
 } & {
     drawerHeaderHeight: number;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const HeaderTitle: import("@emotion/styled/dist/declarations/src/types").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("@emotion/styled/dist/declarations/src/types").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("@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>, {}, {}>;
 export declare const Body: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{

package/node/components/BottomDrawer/styles.js

@@ -1,11 +1,16 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Body = exports.HeaderTitle = exports.Header = exports.StyledDrawer = void 0;
-const material_1 = require("@mui/material");
+const Drawer_1 = __importDefault(require("@mui/material/Drawer"));
+const Paper_1 = require("@mui/material/Paper");
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
 const styled_1 = require("../styled");
 const constants_1 = require("./constants");
-exports.StyledDrawer = (0, styled_1.styled)(material_1.Drawer) `
-  ${`.${material_1.paperClasses.root}`} {
+exports.StyledDrawer = (0, styled_1.styled)(Drawer_1.default) `
+  ${`.${Paper_1.paperClasses.root}`} {
     max-height: calc(100vh - ${constants_1.OFFSET_TOP_SCREEN});
 
     @supports (height: 100dvh) {
@@ -27,7 +32,7 @@ exports.Header = styled_1.styled.header `
 
   border-bottom: 1px solid ${({ theme }) => theme.palette.grey[300]};
 `;
-exports.HeaderTitle = (0, styled_1.styled)(material_1.Typography) `
+exports.HeaderTitle = (0, styled_1.styled)(Typography_1.default) `
   margin-right: ${({ theme }) => theme.spacing(2)};
 `;
 exports.Body = styled_1.styled.div `

package/node/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/node/components/Breadcrumbs/styles.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const StyledBreadcrumbs: import("@emotion/styled/dist/declarations/src/types").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("@emotion/styled/dist/declarations/src/types").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/node/components/Breadcrumbs/styles.js

@@ -1,10 +1,15 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledBreadcrumbs = void 0;
-const material_1 = require("@mui/material");
+const Breadcrumbs_1 = __importDefault(require("@mui/material/Breadcrumbs"));
+const ButtonBase_1 = require("@mui/material/ButtonBase");
+const Link_1 = require("@mui/material/Link");
 const styled_1 = require("../styled");
-exports.StyledBreadcrumbs = (0, styled_1.styled)(material_1.Breadcrumbs) `
-  .${material_1.buttonBaseClasses.root} {
+exports.StyledBreadcrumbs = (0, styled_1.styled)(Breadcrumbs_1.default) `
+  .${ButtonBase_1.buttonBaseClasses.root} {
     align-items: end;
 
     min-height: 20px;
@@ -35,7 +40,7 @@ exports.StyledBreadcrumbs = (0, styled_1.styled)(material_1.Breadcrumbs) `
     color: ${({ theme }) => theme.palette.primary[800]};
   }
 
-  .${material_1.linkClasses.root} {
+  .${Link_1.linkClasses.root} {
     color: ${({ theme }) => theme.palette.grey[700]};
 
     &:visited {

package/node/components/BulletListItem/styles.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = exports.Wrapper = void 0;
-const icons_1 = require("../../icons");
+const DotOutlineSm_1 = require("../../icons/DotOutlineSm");
 const styled_1 = require("../styled");
 exports.Wrapper = (0, styled_1.styled)('li') `
   display: flex;
   align-items: center;
 `;
-exports.Icon = (0, styled_1.styled)(icons_1.DotOutlineSm) `
+exports.Icon = (0, styled_1.styled)(DotOutlineSm_1.DotOutlineSm) `
   align-self: start;
 
   margin: ${({ theme }) => theme.spacing(1)};

package/node/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/node/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/node/components/Button/constants.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.buttonClassnames = exports.buttonClasses = void 0;
 const utils_1 = require("../utils");
-var material_1 = require("@mui/material");
-Object.defineProperty(exports, "buttonClasses", { enumerable: true, get: function () { return material_1.buttonClasses; } });
+var Button_1 = require("@mui/material/Button");
+Object.defineProperty(exports, "buttonClasses", { enumerable: true, get: function () { return Button_1.buttonClasses; } });
 exports.buttonClassnames = {
     loading: (0, utils_1.createUIKitClassname)('button_loading'),
     selected: (0, utils_1.createUIKitClassname)('button_selected'),

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { ButtonColor, ButtonVariant } from './types';
-export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").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("@emotion/styled/dist/declarations/src/types").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("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../Loader").LoaderProps & {

package/node/components/Button/styles.js

@@ -1,7 +1,10 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledLoader = exports.StyledButton = void 0;
-const material_1 = require("@mui/material");
+const Button_1 = __importDefault(require("@mui/material/Button"));
 const Loader_1 = require("../Loader");
 const styled_1 = require("../styled");
 const enums_1 = require("./enums");
@@ -18,7 +21,7 @@ const getLoaderColor = (color, variant, theme, isDisabled) => {
     };
     return variantColorMap[variant];
 };
-exports.StyledButton = (0, styled_1.styled)(material_1.Button) `
+exports.StyledButton = (0, styled_1.styled)(Button_1.default) `
   min-width: ${({ variant }) => variant === enums_1.ButtonVariants.Link ? 'auto' : ''};
   padding: ${({ variant }) => (variant === enums_1.ButtonVariants.Link ? 0 : '')};
 

package/node/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/node/components/ButtonBase/ButtonBase.js

@@ -1,5 +1,8 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonBase = void 0;
-var material_1 = require("@mui/material");
-Object.defineProperty(exports, "ButtonBase", { enumerable: true, get: function () { return material_1.ButtonBase; } });
+var ButtonBase_1 = require("@mui/material/ButtonBase");
+Object.defineProperty(exports, "ButtonBase", { enumerable: true, get: function () { return __importDefault(ButtonBase_1).default; } });

package/node/components/CardGridInfinite/Card/SecondaryActionButton/SecondaryActionButton.js

@@ -1,17 +1,20 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SecondaryActionButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const ClickAwayListener_1 = __importDefault(require("@mui/material/ClickAwayListener"));
 const react_1 = require("react");
-const icons_1 = require("../../../../icons");
-const hooks_1 = require("../../../hooks");
+const DotsVOutlineMd_1 = require("../../../../icons/DotsVOutlineMd");
+const useMenu_1 = require("../../../hooks/useMenu");
 const CardGridSecondaryAction_1 = require("../../CardGridSecondaryAction");
 const CardActionContext_1 = require("../CardActionContext");
 const styles_1 = require("./styles");
 const SecondaryActionButton = ({ renderActions, }) => {
     const buttonRef = (0, react_1.useRef)(null);
-    const { open, anchorRef, handleOpenMenu, handleCloseMenu } = (0, hooks_1.useMenu)(buttonRef);
+    const { open, anchorRef, handleOpenMenu, handleCloseMenu } = (0, useMenu_1.useMenu)(buttonRef);
     const { isDisabled, isDisabledCard } = (0, react_1.useContext)(CardActionContext_1.CardActionContext);
     // Если контент единожды отрендерился, то будем рендерить его дальше,
     // чтобы были актуальные статусы loading для блокировки действий
@@ -20,6 +23,6 @@ const SecondaryActionButton = ({ renderActions, }) => {
         setIsOnceOpen(true);
         handleOpenMenu();
     };
-    return ((0, jsx_runtime_1.jsxs)(CardGridSecondaryAction_1.SecondaryActionsMenuProvider, { value: { open, anchorEl: anchorRef.current }, children: [(0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, { onClickAway: handleCloseMenu, mouseEvent: "onMouseUp", children: (0, jsx_runtime_1.jsx)(styles_1.StyledIconButton, { ref: anchorRef, onClick: handleOpen, selected: open, variant: "outlined", color: "grey", disabled: isDisabled || isDisabledCard, children: (0, jsx_runtime_1.jsx)(icons_1.DotsVOutlineMd, {}) }) }), isOnceOpen && renderActions({ isLoading: false })] }));
+    return ((0, jsx_runtime_1.jsxs)(CardGridSecondaryAction_1.SecondaryActionsMenuProvider, { value: { open, anchorEl: anchorRef.current }, children: [(0, jsx_runtime_1.jsx)(ClickAwayListener_1.default, { onClickAway: handleCloseMenu, mouseEvent: "onMouseUp", children: (0, jsx_runtime_1.jsx)(styles_1.StyledIconButton, { ref: anchorRef, onClick: handleOpen, selected: open, variant: "outlined", color: "grey", disabled: isDisabled || isDisabledCard, children: (0, jsx_runtime_1.jsx)(DotsVOutlineMd_1.DotsVOutlineMd, {}) }) }), isOnceOpen && renderActions({ isLoading: false })] }));
 };
 exports.SecondaryActionButton = SecondaryActionButton;

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

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

package/node/components/CardGridInfinite/CardGridMainActions/CardGridMainActions.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CardGridMainActions = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const hooks_1 = require("../hooks");
+const useBlockingActions_1 = require("../hooks/useBlockingActions");
 const Action_1 = require("./Action");
 const styles_1 = require("./styles");
 /**
@@ -25,7 +25,7 @@ const styles_1 = require("./styles");
  * ```
  */
 const CardGridMainActions = ({ actions, }) => {
-    const { isDisabled, onActionClick } = (0, hooks_1.useBlockingActions)(actions);
+    const { isDisabled, onActionClick } = (0, useBlockingActions_1.useBlockingActions)(actions);
     return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { children: actions?.map((action) => {
             return ((0, jsx_runtime_1.jsx)(Action_1.Action, { action: action, onActionClick: onActionClick, isDisabled: isDisabled }, action.name));
         }) }));

package/node/components/CardGridInfinite/CardGridSecondaryAction/CardGridSecondaryActions.js

@@ -6,7 +6,7 @@ const react_1 = require("react");
 const react_2 = require("react");
 const Menu_1 = require("../../Menu");
 const MenuItem_1 = require("../../MenuItem");
-const hooks_1 = require("../hooks");
+const useBlockingActions_1 = require("../hooks/useBlockingActions");
 const CardGridSecondaryActionsSkeleton_1 = require("./CardGridSecondaryActionsSkeleton");
 const SecondaryActionsMenuContext_1 = require("./SecondaryActionsMenuContext");
 /**
@@ -25,7 +25,7 @@ const SecondaryActionsMenuContext_1 = require("./SecondaryActionsMenuContext");
  * ```
  */
 const CardGridSecondaryActions = ({ actions, isLoading, mobileTitle, }) => {
-    const { onActionClick } = (0, hooks_1.useBlockingActions)(actions);
+    const { onActionClick } = (0, useBlockingActions_1.useBlockingActions)(actions);
     const { anchorEl, open } = (0, react_2.useContext)(SecondaryActionsMenuContext_1.SecondaryActionsMenuContext);
     const renderActions = () => {
         return actions?.map((action) => {