@astral/ui 4.18.2 → 4.18.4

package/node/components/CopyTypography/useLogic/useLogic.d.ts

@@ -7,13 +7,13 @@ export declare const useLogic: ({ children, copyPosition, copyText, isShowCopyTe
     isIconOnLeft: boolean;
     isIconOnRight: boolean;
     restProps: {
-        align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
+        align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
         gutterBottom?: boolean | undefined;
         noWrap?: boolean | undefined;
         paragraph?: boolean | undefined;
         variant?: import("../..").TypographyVariant | undefined;
         colorIntensity?: import("../..").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;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
@@ -27,7 +27,7 @@ export declare const useLogic: ({ children, copyPosition, copyText, isShowCopyTe
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
+        enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: boolean | undefined;
         id?: string | undefined;
         lang?: string | undefined;
@@ -37,7 +37,7 @@ export declare const useLogic: ({ children, copyPosition, copyText, isShowCopyTe
         style?: import("react").CSSProperties | undefined;
         tabIndex?: number | undefined;
         title?: string | undefined;
-        translate?: "no" | "yes" | undefined;
+        translate?: "yes" | "no" | undefined;
         radioGroup?: string | undefined;
         role?: import("react").AriaRole | undefined;
         about?: string | undefined;
@@ -71,7 +71,7 @@ export declare const useLogic: ({ children, copyPosition, copyText, isShowCopyTe
         part?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "inline" | "none" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -81,7 +81,7 @@ export declare const useLogic: ({ children, copyPosition, copyText, isShowCopyTe
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
@@ -91,7 +91,7 @@ export declare const useLogic: ({ children, copyPosition, copyText, isShowCopyTe
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "true" | "false" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
         "aria-hidden"?: (boolean | "true" | "false") | undefined;
         "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -108,7 +108,7 @@ export declare const useLogic: ({ children, copyPosition, copyText, isShowCopyTe
         "aria-posinset"?: number | undefined;
         "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
         "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "true" | "false") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -295,7 +295,7 @@ export declare const useLogic: ({ children, copyPosition, copyText, isShowCopyTe
         onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLParagraphElement> | undefined;
     };
     copyPosition: "left" | "right";
-    color: "text" | "green" | "grey" | "red" | "yellow" | "error" | "success" | "warning" | "primary" | "secondary" | "textSecondary" | undefined;
+    color: "text" | "primary" | "secondary" | "success" | "warning" | "error" | "textSecondary" | "grey" | "red" | "green" | "yellow" | undefined;
     showCopyIcon: "none" | "always" | "onHover";
     isOverflow: boolean;
     children: import("react").ReactNode;

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

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

package/node/components/Counter/styles.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledCounter = void 0;
-const material_1 = require("@mui/material");
-const Badge_1 = require("../Badge");
+const Badge_1 = require("@mui/material/Badge");
+const Badge_2 = require("../Badge");
 const styled_1 = require("../styled");
-exports.StyledCounter = (0, styled_1.styled)(Badge_1.Badge) `
-  .${material_1.badgeClasses.badge} {
+exports.StyledCounter = (0, styled_1.styled)(Badge_2.Badge) `
+  .${Badge_1.badgeClasses.badge} {
     position: static;
     transform: none;
   }

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

@@ -2,10 +2,10 @@
 export declare const StyledAlert: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../Alert").AlertProps & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledButton: <TComponent extends import("react").ElementType>(props: 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: <TComponent extends import("react").ElementType>(props: 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?: TComponent | undefined;
     selected?: boolean | undefined;
 } & Omit<import("react").ComponentPropsWithRef<import("react").ElementType extends TComponent ? "button" : TComponent>, ""> & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

package/node/components/DashboardLayout/Header/Header.js

@@ -3,11 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Header = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const icons_1 = require("../../../icons");
+const CrossOutlineMd_1 = require("../../../icons/CrossOutlineMd");
+const MenuOnOutlineMd_1 = require("../../../icons/MenuOnOutlineMd");
+const QuitOutlineMd_1 = require("../../../icons/QuitOutlineMd");
 const Button_1 = require("../../Button");
 const DashboardContext_1 = require("../../DashboardContext");
 const DashboardSidebarProvider_1 = require("../../DashboardSidebarProvider");
-const hooks_1 = require("../../hooks");
+const useViewportType_1 = require("../../hooks/useViewportType");
 const Product_1 = require("../../Product");
 const Profile_1 = require("../../Profile");
 const utils_1 = require("../../utils");
@@ -22,6 +24,6 @@ exports.Header = (0, react_1.forwardRef)((props, ref) => {
     const { isShowExitButton, isShowProfile } = (0, useLogic_1.useLogic)(props);
     const { isFocusedMode, isLoading } = (0, react_1.useContext)(DashboardContext_1.DashboardContext);
     const { collapsedIn, onToggleSidebar } = (0, react_1.useContext)(DashboardSidebarProvider_1.DashboardSidebarContext);
-    const { isMobile } = (0, hooks_1.useViewportType)();
-    return ((0, jsx_runtime_1.jsx)(styles_1.HeaderRoot, { ref: ref, "$isFocusedMode": isFocusedMode, ...(0, utils_1.getInertProps)(!isMobile && isFocusedMode), className: constants_1.dashboardLayoutHeaderClassnames.root, children: (0, jsx_runtime_1.jsxs)(styles_1.HeaderContent, { children: [(0, jsx_runtime_1.jsx)(styles_1.MobileSidebarTogglerWrapper, { className: constants_1.dashboardLayoutHeaderClassnames.mobileSidebarButton, children: (0, jsx_runtime_1.jsx)(Button_1.Button, { startIcon: collapsedIn ? (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) : (0, jsx_runtime_1.jsx)(icons_1.MenuOnOutlineMd, {}), variant: "text", onClick: () => onToggleSidebar() }) }), (0, jsx_runtime_1.jsxs)(styles_1.HeaderSection, { children: [ProductSwitcher && ((0, jsx_runtime_1.jsx)(styles_1.ProductSwitcherWrapper, { children: (0, jsx_runtime_1.jsx)(ProductSwitcher, {}) })), (0, jsx_runtime_1.jsx)(Product_1.Product, { ...product })] }), (0, jsx_runtime_1.jsxs)(styles_1.HeaderContentSection, { children: [children, menuOrganization?.(), profile && ((0, jsx_runtime_1.jsx)(styles_1.ProfileWrapper, { "$isShow": isShowProfile, children: (0, jsx_runtime_1.jsx)(Profile_1.Profile, { isLoading: isLoading, ...profile }) })), (0, jsx_runtime_1.jsx)(styles_1.ExitButton, { "$isShow": isShowExitButton, onClick: profile?.exitButton?.onClick, title: "\u0412\u044B\u0445\u043E\u0434", variant: "text", children: (0, jsx_runtime_1.jsx)(icons_1.QuitOutlineMd, {}) })] })] }) }));
+    const { isMobile } = (0, useViewportType_1.useViewportType)();
+    return ((0, jsx_runtime_1.jsx)(styles_1.HeaderRoot, { ref: ref, "$isFocusedMode": isFocusedMode, ...(0, utils_1.getInertProps)(!isMobile && isFocusedMode), className: constants_1.dashboardLayoutHeaderClassnames.root, children: (0, jsx_runtime_1.jsxs)(styles_1.HeaderContent, { children: [(0, jsx_runtime_1.jsx)(styles_1.MobileSidebarTogglerWrapper, { className: constants_1.dashboardLayoutHeaderClassnames.mobileSidebarButton, children: (0, jsx_runtime_1.jsx)(Button_1.Button, { startIcon: collapsedIn ? (0, jsx_runtime_1.jsx)(CrossOutlineMd_1.CrossOutlineMd, {}) : (0, jsx_runtime_1.jsx)(MenuOnOutlineMd_1.MenuOnOutlineMd, {}), variant: "text", onClick: () => onToggleSidebar() }) }), (0, jsx_runtime_1.jsxs)(styles_1.HeaderSection, { children: [ProductSwitcher && ((0, jsx_runtime_1.jsx)(styles_1.ProductSwitcherWrapper, { children: (0, jsx_runtime_1.jsx)(ProductSwitcher, {}) })), (0, jsx_runtime_1.jsx)(Product_1.Product, { ...product })] }), (0, jsx_runtime_1.jsxs)(styles_1.HeaderContentSection, { children: [children, menuOrganization?.(), profile && ((0, jsx_runtime_1.jsx)(styles_1.ProfileWrapper, { "$isShow": isShowProfile, children: (0, jsx_runtime_1.jsx)(Profile_1.Profile, { isLoading: isLoading, ...profile }) })), (0, jsx_runtime_1.jsx)(styles_1.ExitButton, { "$isShow": isShowExitButton, onClick: profile?.exitButton?.onClick, title: "\u0412\u044B\u0445\u043E\u0434", variant: "text", children: (0, jsx_runtime_1.jsx)(QuitOutlineMd_1.QuitOutlineMd, {}) })] })] }) }));
 });

package/node/components/DashboardLayout/Header/styles.d.ts

@@ -29,10 +29,10 @@ export declare const ProfileWrapper: import("@emotion/styled/dist/declarations/s
 } & {
     $isShow: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ExitButton: 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 ExitButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material/Button").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/DashboardLayout/Header/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeaderContent = exports.ExitButton = exports.ProfileWrapper = exports.ProductSwitcherWrapper = exports.HeaderContentSection = exports.HeaderSection = exports.MobileSidebarTogglerWrapper = exports.HeaderRoot = void 0;
-const material_1 = require("@mui/material");
+const Button_1 = require("@mui/material/Button");
 const constants_1 = require("../../DashboardSidebar/constants");
 const IconButton_1 = require("../../IconButton");
 const styled_1 = require("../../styled");
@@ -47,7 +47,7 @@ exports.MobileSidebarTogglerWrapper = styled_1.styled.div `
     display: none;
   }
   
-  .${material_1.buttonClasses.root} {
+  .${Button_1.buttonClasses.root} {
     padding: ${({ theme }) => theme.spacing(2)};
   }
   

package/node/components/DashboardLayout/Header/useLogic/useLogic.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
-const hooks_1 = require("../../../hooks");
+const useViewportType_1 = require("../../../hooks/useViewportType");
 const useLogic = ({ profile }) => {
-    const { isMobile } = (0, hooks_1.useViewportType)();
+    const { isMobile } = (0, useViewportType_1.useViewportType)();
     const hasMenu = Boolean(profile?.menu || profile?.menuList);
     const isShowProfile = (Boolean(profile) && !isMobile) || (hasMenu && isMobile);
     const isShowExitButton = isMobile && !hasMenu && Boolean(profile?.exitButton);

package/node/components/DashboardSidebar/useLogic/useLogic.js

@@ -5,15 +5,15 @@ const react_1 = require("react");
 const DashboardContext_1 = require("../../DashboardContext");
 const DashboardLayout_1 = require("../../DashboardLayout");
 const DashboardSidebarProvider_1 = require("../../DashboardSidebarProvider");
-const hooks_1 = require("../../hooks");
-const theme_1 = require("../../theme");
+const useViewportType_1 = require("../../hooks/useViewportType");
+const useTheme_1 = require("../../theme/hooks/useTheme");
 const useLogic = (props) => {
     const { className, menu, header, isLoading } = props;
     const { onToggleSidebar, isPinned, onTogglePin, collapsedIn, setIsPopupOpen, } = (0, react_1.useContext)(DashboardSidebarProvider_1.DashboardSidebarContext);
     const { alertHeight, isLoading: isDashboardLoading } = (0, react_1.useContext)(DashboardContext_1.DashboardContext);
-    const { isMobile } = (0, hooks_1.useViewportType)();
+    const { isMobile } = (0, useViewportType_1.useViewportType)();
     const hoverTimerRef = (0, react_1.useRef)(null);
-    const theme = (0, theme_1.useTheme)();
+    const theme = (0, useTheme_1.useTheme)();
     const onMouseEnter = () => {
         if (isMobile) {
             return;

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

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

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

package/node/components/DashboardSidebarCounter/Badge/styles.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledBadge = void 0;
-const material_1 = require("@mui/material");
-const Badge_1 = require("../../Badge");
+const Badge_1 = require("@mui/material/Badge");
+const Badge_2 = require("../../Badge");
 const styled_1 = require("../../styled");
-exports.StyledBadge = (0, styled_1.styled)(Badge_1.Badge) `
-  .${material_1.badgeClasses.dot} {
+exports.StyledBadge = (0, styled_1.styled)(Badge_2.Badge) `
+  .${Badge_1.badgeClasses.dot} {
     width: 8px;
     height: 8px;
 

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

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

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

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
 const DashboardSidebarProvider_1 = require("../../../DashboardSidebarProvider");
-const hooks_1 = require("../../../hooks");
+const usePopoverAnimation_1 = require("../../../hooks/usePopoverAnimation");
 const useLogic = ({ isOpen }) => {
     const { popoverAnchorRef } = (0, react_1.useContext)(DashboardSidebarProvider_1.DashboardSidebarContext);
     const topPosition = popoverAnchorRef.current?.offsetTop;
-    const { shouldRender, handleAnimationEnd } = (0, hooks_1.usePopoverAnimation)(isOpen);
+    const { shouldRender, handleAnimationEnd } = (0, usePopoverAnimation_1.usePopoverAnimation)(isOpen);
     return { handleAnimationEnd, shouldRender, topPosition };
 };
 exports.useLogic = useLogic;

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

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

package/node/components/DashboardSidebarProvider/hooks/useSidebar/useSidebar.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.useSidebar = void 0;
-const material_1 = require("@mui/material");
+const useMediaQuery_1 = __importDefault(require("@mui/material/useMediaQuery"));
 const react_1 = require("react");
-const hooks_1 = require("../../../hooks");
-const theme_1 = require("../../../theme");
+const useFirstMountState_1 = require("../../../hooks/useFirstMountState");
+const useLocalStorage_1 = require("../../../hooks/useLocalStorage");
+const useViewportType_1 = require("../../../hooks/useViewportType");
+const useTheme_1 = require("../../../theme/hooks/useTheme");
 const useMobileSidebar = () => {
     const [collapsedIn, setCollapsedIn] = (0, react_1.useState)(false);
     const onToggleSidebar = () => {
@@ -18,9 +23,9 @@ const useMobileSidebar = () => {
     };
 };
 const useDesktopSidebar = (localStorageKey, isFocusedMode) => {
-    const theme = (0, theme_1.useTheme)();
-    const isFirstRender = (0, hooks_1.useFirstMountState)();
-    const isLargeScreen = (0, material_1.useMediaQuery)(theme.breakpoints.up('xl'));
+    const theme = (0, useTheme_1.useTheme)();
+    const isFirstRender = (0, useFirstMountState_1.useFirstMountState)();
+    const isLargeScreen = (0, useMediaQuery_1.default)(theme.breakpoints.up('xl'));
     /**
      Логика работы комопнента:
      - состояние прикреплен/откреплен запоминается в localStorage
@@ -33,7 +38,7 @@ const useDesktopSidebar = (localStorageKey, isFocusedMode) => {
         }
         return isLargeScreen;
     };
-    const [storageState = getInitialState(), setStorageState] = (0, hooks_1.useLocalStorage)(localStorageKey, getInitialState());
+    const [storageState = getInitialState(), setStorageState] = (0, useLocalStorage_1.useLocalStorage)(localStorageKey, getInitialState());
     const [isPinned, setPinned] = (0, react_1.useState)(true);
     const [collapsedIn, setCollapsedIn] = (0, react_1.useState)(true);
     /**
@@ -85,7 +90,7 @@ const useDesktopSidebar = (localStorageKey, isFocusedMode) => {
     };
 };
 const useSidebar = (localStorageKey, isFocusedMode) => {
-    const { isMobile } = (0, hooks_1.useViewportType)();
+    const { isMobile } = (0, useViewportType_1.useViewportType)();
     const mobileProviderValues = useMobileSidebar();
     const desktopProviderValues = useDesktopSidebar(localStorageKey, isFocusedMode);
     return isMobile ? mobileProviderValues : desktopProviderValues;

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

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

package/node/components/DashboardSidebarSkeleton/useLogic/useLogic.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
 const DashboardSidebarProvider_1 = require("../../DashboardSidebarProvider");
-const hooks_1 = require("../../hooks");
+const useLocalStorage_1 = require("../../hooks/useLocalStorage");
 const useLogic = () => {
     // Достается напрямую, т.к. нет гарантий, что скелетон будет обернут в контекст
-    const [storageState = true] = (0, hooks_1.useLocalStorage)(DashboardSidebarProvider_1.LOCAL_STORAGE_KEY, true);
+    const [storageState = true] = (0, useLocalStorage_1.useLocalStorage)(DashboardSidebarProvider_1.LOCAL_STORAGE_KEY, true);
     const [isPinned, setPinned] = (0, react_1.useState)(true);
     (0, react_1.useEffect)(() => {
         setPinned(storageState);

package/node/components/DataGrid/HeadCell/HeadCell.js

@@ -3,7 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeadCell = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const icons_1 = require("../../../icons");
+const SortDownFillSm_1 = require("../../../icons/SortDownFillSm");
+const SortFillSm_1 = require("../../../icons/SortFillSm");
+const SortUpFillSm_1 = require("../../../icons/SortUpFillSm");
 const OverflowTypography_1 = require("../../OverflowTypography");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
@@ -15,15 +17,15 @@ const HeadCell = (props) => {
             return null;
         }
         if (sorting?.fieldId !== field) {
-            return (0, jsx_runtime_1.jsx)(icons_1.SortFillSm, {});
+            return (0, jsx_runtime_1.jsx)(SortFillSm_1.SortFillSm, {});
         }
         switch (sorting?.sort) {
             case 'asc':
-                return (0, jsx_runtime_1.jsx)(icons_1.SortUpFillSm, { color: "primary" });
+                return (0, jsx_runtime_1.jsx)(SortUpFillSm_1.SortUpFillSm, { color: "primary" });
             case 'desc':
-                return (0, jsx_runtime_1.jsx)(icons_1.SortDownFillSm, { color: "primary" });
+                return (0, jsx_runtime_1.jsx)(SortDownFillSm_1.SortDownFillSm, { color: "primary" });
             default:
-                return (0, jsx_runtime_1.jsx)(icons_1.SortFillSm, {});
+                return (0, jsx_runtime_1.jsx)(SortFillSm_1.SortFillSm, {});
         }
     }, [sorting, isSortable, field]);
     return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$align": align, "$isSortable": isSortable, ...wrapperProps, children: [startAdornment && startAdornment, (0, jsx_runtime_1.jsx)(OverflowTypography_1.OverflowTypography, { rowsCount: 2, variant: "pointer", component: "p", children: label }), sortIcon] }));

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

@@ -10,6 +10,6 @@ export declare const LoaderWrapper: import("@emotion/styled/dist/declarations/sr
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledLinearProgress: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material").LinearProgressProps & {
+export declare const StyledLinearProgress: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material/LinearProgress").LinearProgressProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/DataGrid/Loader/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.StyledLinearProgress = exports.LoaderWrapper = exports.StyledDivider = exports.Backdrop = void 0;
-const material_1 = require("@mui/material");
+const LinearProgress_1 = __importStar(require("@mui/material/LinearProgress"));
 const Divider_1 = require("../../Divider");
 const styled_1 = require("../../styled");
 exports.Backdrop = styled_1.styled.div `
@@ -20,10 +43,10 @@ exports.StyledDivider = (0, styled_1.styled)(Divider_1.Divider) `
 exports.LoaderWrapper = styled_1.styled.div `
   height: 2px;
 `;
-exports.StyledLinearProgress = (0, styled_1.styled)(material_1.LinearProgress) `
+exports.StyledLinearProgress = (0, styled_1.styled)(LinearProgress_1.default) `
   height: 2px;
   
-  .${material_1.linearProgressClasses.barColorPrimary} {
+  .${LinearProgress_1.linearProgressClasses.barColorPrimary} {
     background-color: ${({ theme }) => theme.palette.primary[800]};
   }
 `;

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

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

@@ -29,10 +29,10 @@ export declare const CollapseCell: import("@emotion/styled/dist/declarations/src
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CollapseButton: import("@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 CollapseButton: 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/DataGrid/Row/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChevronIcon = exports.CollapseButton = exports.CollapseCell = exports.CheckboxCell = exports.CellStyled = exports.ContentWrapper = exports.Wrapper = void 0;
-const icons_1 = require("../../../icons");
+const ChevronROutlineMd_1 = require("../../../icons/ChevronROutlineMd");
 const IconButton_1 = require("../../IconButton");
 const styled_1 = require("../../styled");
 const Cell_1 = require("../Cell");
@@ -94,7 +94,7 @@ exports.CollapseButton = (0, styled_1.styled)(IconButton_1.IconButton) `
     background-color: ${({ theme }) => theme.palette.grey[300]};
   }
 `;
-exports.ChevronIcon = (0, styled_1.styled)(icons_1.ChevronROutlineMd, {
+exports.ChevronIcon = (0, styled_1.styled)(ChevronROutlineMd_1.ChevronROutlineMd, {
     shouldForwardProp: (prop) => prop !== '$isActive',
 }) `
   transform: rotateZ(${({ $isActive }) => ($isActive ? 90 : 0)}deg);

package/node/components/DataGrid/useLogic/useLogic.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const hooks_1 = require("../../hooks");
+const useFirstMountState_1 = require("../../hooks/useFirstMountState");
 const utils_1 = require("../../utils");
 const enums_1 = require("../enums");
 const utils_2 = require("./utils");
 const useLogic = ({ keyId, columns, rows = [], variant, tree, subrows, selectedRows = [], isLoading, isDisabled, onSelectRow, isHideSelectAll, isHideHeaderIfNoData = false, }) => {
-    const isFirstRender = (0, hooks_1.useFirstMountState)();
+    const isFirstRender = (0, useFirstMountState_1.useFirstMountState)();
     const isSelectable = Boolean(onSelectRow);
     const isDataGridDisabled = isLoading || isDisabled;
     // Реф добавлен для избежания замыкания selectedRows в handleSelectRow (иначе в handleSelectRow приходят некорректные значения selectedRows).

package/node/components/DataGridActionCell/DataGridMainActions/DataGridMainActions.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataGridMainActions = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const constants_1 = require("../constants");
-const hooks_1 = require("../hooks");
+const useBlockingActions_1 = require("../hooks/useBlockingActions");
 const Action_1 = require("./Action");
 /**
  * Компонент для отображения основных действий в ячейке таблицы DataGrid.
@@ -28,7 +28,7 @@ const Action_1 = require("./Action");
  * ```
  */
 const DataGridMainActions = ({ actions, }) => {
-    const { isDisabled, onActionClick } = (0, hooks_1.useBlockingActions)(actions);
+    const { isDisabled, onActionClick } = (0, useBlockingActions_1.useBlockingActions)(actions);
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: actions?.map((action) => {
             return ((0, jsx_runtime_1.jsx)(Action_1.Action, { action: action, onActionClick: onActionClick, isDisabled: isDisabled, tooltipPlacement: constants_1.TOOLTIP_PLACEMENT.mainAction }, action.name));
         }) }));