@astral/ui 4.18.3 → 4.18.5

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

@@ -1,4 +1,4 @@
-import { type DialogContentProps } from '@mui/material';
+import type { DialogContentProps } from '@mui/material/DialogContent';
 export declare const StyledDialogContent: import("@emotion/styled/dist/declarations/src/types").StyledComponent<DialogContentProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/DialogContent/styles.js

@@ -1,9 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledDialogContent = void 0;
-const material_1 = require("@mui/material");
+const DialogContent_1 = __importDefault(require("@mui/material/DialogContent"));
 const styled_1 = require("../styled");
-exports.StyledDialogContent = (0, styled_1.styled)(material_1.DialogContent) `
+exports.StyledDialogContent = (0, styled_1.styled)(DialogContent_1.default) `
   padding-bottom: ${({ theme }) => theme.spacing(6)};
 
   ${({ theme }) => theme.breakpoints.down('sm')} {

package/node/components/DialogContentText/DialogContentText.d.ts

@@ -1,4 +1,4 @@
-import { type DialogContentTextProps as MuiDialogContentTextProps } from '@mui/material';
-import { type WithoutEmotionSpecific } from '../types';
+import type { DialogContentTextProps as MuiDialogContentTextProps } from '@mui/material/DialogContentText';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type DialogContentTextProps = WithoutEmotionSpecific<MuiDialogContentTextProps>;
 export declare const DialogContentText: (props: DialogContentTextProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const StyledDialogContentText: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material").DialogContentTextOwnProps & 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 StyledDialogContentText: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material/DialogContentText").DialogContentTextOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "typography" | "zIndex" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "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;
 }, {}, {}>;

package/node/components/DialogContentText/styles.js

@@ -1,8 +1,11 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledDialogContentText = void 0;
-const material_1 = require("@mui/material");
+const DialogContentText_1 = __importDefault(require("@mui/material/DialogContentText"));
 const styled_1 = require("../styled");
-exports.StyledDialogContentText = (0, styled_1.styled)(material_1.DialogContentText) `
+exports.StyledDialogContentText = (0, styled_1.styled)(DialogContentText_1.default) `
   color: ${({ theme }) => theme.palette.grey[900]};
 `;

package/node/components/DialogHeader/DialogHeader.d.ts

@@ -1,4 +1,4 @@
-import { type ModalProps } from '@mui/material';
+import type { ModalProps } from '@mui/material/Modal';
 import type React from 'react';
 import type { CSSProperties } from 'react';
 export type DialogHeaderProps = {

package/node/components/DialogHeader/DialogHeader.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogHeader = 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 Typography_1 = require("../Typography");
 const styles_1 = require("./styles");
@@ -12,6 +12,6 @@ const DialogHeader = ({ children, title, justifyContent = 'flex-start', disableS
             onClose(e, 'escapeKeyDown');
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: className, hasTitle: Boolean(title), hasOnClose: Boolean(onClose), children: [title && (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "h4", children: title }), (0, jsx_runtime_1.jsx)(styles_1.HeaderContent, { justifyContent: justifyContent, columnSpacing: disableSpacing ? 0 : 2, children: children }), onClose && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", onClick: handleTitleClick, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u043C\u043E\u0434\u0430\u043B\u044C\u043D\u043E\u0435 \u043E\u043A\u043D\u043E", children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: className, hasTitle: Boolean(title), hasOnClose: Boolean(onClose), children: [title && (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "h4", children: title }), (0, jsx_runtime_1.jsx)(styles_1.HeaderContent, { justifyContent: justifyContent, columnSpacing: disableSpacing ? 0 : 2, children: children }), onClose && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", onClick: handleTitleClick, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u043C\u043E\u0434\u0430\u043B\u044C\u043D\u043E\u0435 \u043E\u043A\u043D\u043E", children: (0, jsx_runtime_1.jsx)(CrossOutlineMd_1.CrossOutlineMd, {}) }))] }));
 };
 exports.DialogHeader = DialogHeader;

package/node/components/DialogTitle/DialogTitle.d.ts

@@ -1,5 +1,6 @@
-import { type ModalProps, type DialogTitleProps as MuiDialogTitleProps } from '@mui/material';
-import { type WithoutEmotionSpecific } from '../types';
+import type { DialogTitleProps as MuiDialogTitleProps } from '@mui/material/DialogTitle';
+import type { ModalProps } from '@mui/material/Modal';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type DialogTitleProps = WithoutEmotionSpecific<MuiDialogTitleProps> & {
     onClose?: ModalProps['onClose'];
 };

package/node/components/DialogTitle/DialogTitle.js

@@ -1,9 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogTitle = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const icons_1 = require("../../icons");
+const DialogTitle_1 = __importDefault(require("@mui/material/DialogTitle"));
+const CrossOutlineMd_1 = require("../../icons/CrossOutlineMd");
 const IconButton_1 = require("../IconButton");
 const DialogTitle = ({ children, onClose, ...props }) => {
     // 'escapeKeyDown'  в документашке написано что это опциональный тип, и можно стрингу любую туда закидывать, а по факту либо escapeKeyDown либо backdropClick
@@ -12,6 +15,6 @@ const DialogTitle = ({ children, onClose, ...props }) => {
             onClose(e, 'escapeKeyDown');
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(material_1.DialogTitle, { ...props, children: [children, onClose && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", onClick: handleTitleClick, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u043C\u043E\u0434\u0430\u043B\u044C\u043D\u043E\u0435 \u043E\u043A\u043D\u043E", children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(DialogTitle_1.default, { ...props, children: [children, onClose && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", onClick: handleTitleClick, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u043C\u043E\u0434\u0430\u043B\u044C\u043D\u043E\u0435 \u043E\u043A\u043D\u043E", children: (0, jsx_runtime_1.jsx)(CrossOutlineMd_1.CrossOutlineMd, {}) }))] }));
 };
 exports.DialogTitle = DialogTitle;

package/node/components/Divider/Divider.d.ts

@@ -1,4 +1,4 @@
-import { type DividerProps as MuiDividerProps } from '@mui/material';
-import { type WithoutEmotionSpecific } from '../types';
+import type { DividerProps as MuiDividerProps } from '@mui/material/Divider';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type DividerProps = WithoutEmotionSpecific<MuiDividerProps>;
 export declare const Divider: (props: DividerProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/Divider/Divider.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.Divider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const Divider = (props) => (0, jsx_runtime_1.jsx)(material_1.Divider, { ...props });
+const Divider_1 = __importDefault(require("@mui/material/Divider"));
+const Divider = (props) => (0, jsx_runtime_1.jsx)(Divider_1.default, { ...props });
 exports.Divider = Divider;

package/node/components/DropdownButton/DropdownButton.d.ts

@@ -1,4 +1,4 @@
-import { type PopoverProps } from '@mui/material';
+import type { PopoverProps } from '@mui/material/Popover';
 import { type ButtonProps } from '../Button';
 export type DropdownButtonProps = Omit<ButtonProps, 'endIcon' | 'selected' | 'onClick'> & {
     /**

package/node/components/DropdownButton/DropdownButton.js

@@ -1,14 +1,17 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropdownButton = 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 Button_1 = require("../Button");
 const Chevron_1 = require("../Chevron");
-const hooks_1 = require("../hooks");
+const useMenu_1 = require("../hooks/useMenu");
 const Menu_1 = require("../Menu");
 const DropdownButton = ({ children, name, popoverProps, ...props }) => {
-    const { open, anchorRef, handleOpenMenu, handleCloseMenu } = (0, hooks_1.useMenu)();
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, { onClickAway: handleCloseMenu, children: (0, jsx_runtime_1.jsx)(Button_1.Button, { ...props, ref: anchorRef, selected: open, onClick: handleOpenMenu, endIcon: (0, jsx_runtime_1.jsx)(Chevron_1.Chevron, { isActive: open }), children: name }) }), (0, jsx_runtime_1.jsx)(Menu_1.Menu, { open: open, anchorEl: anchorRef.current, ...popoverProps, children: children })] }));
+    const { open, anchorRef, handleOpenMenu, handleCloseMenu } = (0, useMenu_1.useMenu)();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ClickAwayListener_1.default, { onClickAway: handleCloseMenu, children: (0, jsx_runtime_1.jsx)(Button_1.Button, { ...props, ref: anchorRef, selected: open, onClick: handleOpenMenu, endIcon: (0, jsx_runtime_1.jsx)(Chevron_1.Chevron, { isActive: open }), children: name }) }), (0, jsx_runtime_1.jsx)(Menu_1.Menu, { open: open, anchorEl: anchorRef.current, ...popoverProps, children: children })] }));
 };
 exports.DropdownButton = DropdownButton;

package/node/components/EmailField/EmailField.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const personalDataSecurity_1 = require("../personalDataSecurity");
 const TextField_1 = require("../TextField");
-const utils_1 = require("../utils");
+const classNames_1 = require("../utils/classNames");
 exports.EmailField = (0, react_1.forwardRef)(({ isHidePersonalData, inputProps, ...props }, ref) => {
     const hidePersonalDataClassname = (0, personalDataSecurity_1.useHidePersonalData)({
         isEnabled: isHidePersonalData,
@@ -13,6 +13,6 @@ exports.EmailField = (0, react_1.forwardRef)(({ isHidePersonalData, inputProps,
     });
     return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { ref: ref, type: "email", inputProps: {
             ...inputProps,
-            className: (0, utils_1.classNames)(inputProps?.className, hidePersonalDataClassname),
+            className: (0, classNames_1.classNames)(inputProps?.className, hidePersonalDataClassname),
         }, ...props }));
 });

package/node/components/EmailOrPhoneField/EmailOrPhoneField.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const personalDataSecurity_1 = require("../personalDataSecurity");
 const TextField_1 = require("../TextField");
-const utils_1 = require("../utils");
+const classNames_1 = require("../utils/classNames");
 const useLogic_1 = require("./useLogic");
 /**
  * Поле для ввода email или мобильного номера телефона
@@ -22,6 +22,6 @@ exports.EmailOrPhoneField = (0, react_1.forwardRef)((props, ref) => {
     });
     return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { ref: ref, type: "text", onBlur: onBlur, value: inputValue, onChange: onChange, inputProps: {
             ...inputProps,
-            className: (0, utils_1.classNames)(inputProps?.className, hidePersonalDataClassname),
+            className: (0, classNames_1.classNames)(inputProps?.className, hidePersonalDataClassname),
         }, ...restProps }));
 });

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

@@ -1,4 +1,4 @@
-import { type InputBaseComponentProps } from '@mui/material';
+import type { InputBaseComponentProps } from '@mui/material/InputBase';
 import { type ChangeEvent, type FocusEvent } from 'react';
 import type { EmailOrPhoneFieldProps } from '../types';
 type UseLogicResult = {

package/node/components/ErrorBoundary/ErrorBoundary.js

@@ -7,15 +7,16 @@ exports.ErrorBoundary = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const ConfigProvider_1 = require("../ConfigProvider");
-const placeholders_1 = require("../placeholders");
+const InternalErrorPlaceholder_1 = require("../placeholders/InternalErrorPlaceholder");
+const OutdatedReleasePlaceholder_1 = require("../placeholders/OutdatedReleasePlaceholder");
 const constants_1 = require("./constants");
 const enums_1 = require("./enums");
 /**
  * Отображение при определенной ошибке
  */
 const PLACEHOLDER_TYPE_ERROR = {
-    [enums_1.ErrorBoundaryTypeError.OutdatedRelease]: (0, jsx_runtime_1.jsx)(placeholders_1.OutdatedReleasePlaceholder, {}),
-    [enums_1.ErrorBoundaryTypeError.Default]: (0, jsx_runtime_1.jsx)(placeholders_1.InternalErrorPlaceholder, {}),
+    [enums_1.ErrorBoundaryTypeError.OutdatedRelease]: (0, jsx_runtime_1.jsx)(OutdatedReleasePlaceholder_1.OutdatedReleasePlaceholder, {}),
+    [enums_1.ErrorBoundaryTypeError.Default]: (0, jsx_runtime_1.jsx)(InternalErrorPlaceholder_1.InternalErrorPlaceholder, {}),
 };
 /**
  * Компонент, который перехватывает ошибки в обернутых в него компонентах.

package/node/components/ExpansionPanel/Summary/Summary.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Summary = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const utils_1 = require("../../utils");
+const getInertProps_1 = require("../../utils/getInertProps");
 const constants_1 = require("../constants");
 const ExpansionPanelContext_1 = require("../ExpansionPanelContext");
 const styles_1 = require("./styles");
 const Summary = ({ children }) => {
     const { isDisabled, isOpen } = (0, react_1.useContext)(ExpansionPanelContext_1.ExpansionPanelContext);
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$isSelected": isOpen, "$isDisabled": isDisabled, ...(0, utils_1.getInertProps)(isDisabled), className: constants_1.expansionPanelClassnames.summary, children: [(0, jsx_runtime_1.jsx)(styles_1.Title, { children: children }), (0, jsx_runtime_1.jsx)(styles_1.StyledChevron, { isActive: isOpen })] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$isSelected": isOpen, "$isDisabled": isDisabled, ...(0, getInertProps_1.getInertProps)(isDisabled), className: constants_1.expansionPanelClassnames.summary, children: [(0, jsx_runtime_1.jsx)(styles_1.Title, { children: children }), (0, jsx_runtime_1.jsx)(styles_1.StyledChevron, { isActive: isOpen })] }));
 };
 exports.Summary = Summary;

package/node/components/ExpansionPanel/constants.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.expansionPanelClassnames = void 0;
-const utils_1 = require("../utils");
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 exports.expansionPanelClassnames = {
-    root: (0, utils_1.createUIKitClassname)('expansion-panel'),
-    summary: (0, utils_1.createUIKitClassname)('expansion-panel__summary'),
-    details: (0, utils_1.createUIKitClassname)('expansion-panel__details'),
-    open: (0, utils_1.createUIKitClassname)('expansion-panel_open'),
-    animation: (0, utils_1.createUIKitClassname)('expansion-panel_animation'),
+    root: (0, createUIKitClassname_1.createUIKitClassname)('expansion-panel'),
+    summary: (0, createUIKitClassname_1.createUIKitClassname)('expansion-panel__summary'),
+    details: (0, createUIKitClassname_1.createUIKitClassname)('expansion-panel__details'),
+    open: (0, createUIKitClassname_1.createUIKitClassname)('expansion-panel_open'),
+    animation: (0, createUIKitClassname_1.createUIKitClassname)('expansion-panel_animation'),
 };

package/node/components/ExpansionPanel/useLogic/useLogic.js

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const theme_1 = require("../../theme");
+const useTheme_1 = require("../../theme/hooks/useTheme");
 const constants_1 = require("../constants");
 const useLogic = ({ isInitialExpanded = false, isDisabled = false, }) => {
     const ref = (0, react_1.useRef)(null);
     const [isOpen, setIsOpen] = (0, react_1.useState)(isInitialExpanded);
     const [isAnimation, setIsAnimation] = (0, react_1.useState)(false);
     const isInitialOpenEnabled = !isDisabled && isInitialExpanded;
-    const theme = (0, theme_1.useTheme)();
+    const theme = (0, useTheme_1.useTheme)();
     (0, react_1.useLayoutEffect)(() => {
         //Получаем реф компонента
         const expansionPanelElement = ref.current;

package/node/components/Fab/Fab.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { type FabProps as MuiFabProps } from '@mui/material';
-import { type WithoutEmotionSpecific } from '../types';
+import type { FabProps as MuiFabProps } from '@mui/material/Fab';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 import { type FabColor } from './types';
 export type FabProps = Omit<WithoutEmotionSpecific<MuiFabProps>, 'color' | 'variant'> & {
     color?: FabColor;

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

@@ -5,7 +5,7 @@ type StyledFabThemeProps = {
     color?: FabColor;
     variant?: 'circular' | 'square';
 };
-export declare const StyledFab: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material").FabOwnProps & 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" | "size" | "disabled" | "href" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const StyledFab: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material/Fab").FabOwnProps & Omit<import("@mui/material/ButtonBase").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" | "disableFocusRipple"> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & StyledFabThemeProps & {
     isSquare: boolean;

package/node/components/Fab/styles.js

@@ -1,7 +1,11 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledFab = void 0;
-const material_1 = require("@mui/material");
+const ButtonBase_1 = require("@mui/material/ButtonBase");
+const Fab_1 = __importDefault(require("@mui/material/Fab"));
 const styled_1 = require("../styled");
 const enums_1 = require("./enums");
 const getBgColor = ({ theme, color, fabState, }) => {
@@ -60,7 +64,7 @@ const getSize = (props) => {
     };
     return sizes[props.size || enums_1.FabSizes.Large];
 };
-exports.StyledFab = (0, styled_1.styled)(material_1.Fab, {
+exports.StyledFab = (0, styled_1.styled)(Fab_1.default, {
     shouldForwardProp: (props) => props !== 'size' && props !== 'isSquare',
 }) `
   width: ${(props) => getSize(props)};
@@ -85,12 +89,12 @@ exports.StyledFab = (0, styled_1.styled)(material_1.Fab, {
     box-shadow: ${({ theme }) => theme.elevation[400]};
   }
 
-  &.${material_1.buttonBaseClasses.focusVisible} {
+  &.${ButtonBase_1.buttonBaseClasses.focusVisible} {
     outline: 2px solid ${({ theme }) => theme.palette.components.focused};
     box-shadow: ${({ theme }) => theme.elevation[200]};
   }
 
-  &.${material_1.buttonBaseClasses.disabled} {
+  &.${ButtonBase_1.buttonBaseClasses.disabled} {
     color: ${({ theme }) => theme.palette.grey[500]};
 
     background-color: ${({ theme }) => theme.palette.components.disabled};

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

@@ -5,32 +5,20 @@ export declare const Wrapper: import("@emotion/styled/dist/declarations/src/type
 } & {
     $gutterBottom?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, {}>;
-export declare const Title: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const Title: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../Typography/types").TypographyPropsBase & {
     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?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const Description: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const Description: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../Typography/types").TypographyPropsBase & {
     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?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/node/components/Filename/Filename.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const personalDataSecurity_1 = require("../personalDataSecurity");
 const Tooltip_1 = require("../Tooltip");
-const utils_1 = require("../utils");
+const classNames_1 = require("../utils/classNames");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 exports.Filename = (0, react_1.forwardRef)((props, forwardedRef) => {
@@ -17,5 +17,5 @@ exports.Filename = (0, react_1.forwardRef)((props, forwardedRef) => {
     const hidePersonalDataClassname = (0, personalDataSecurity_1.useHidePersonalData)({
         isEnabled: isHidePersonalData,
     });
-    return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: isOverflowed && children, disableInteractive: true, ...tooltipProps, className: (0, utils_1.classNames)(tooltipProps?.className, hidePersonalDataClassname), children: (0, jsx_runtime_1.jsxs)(styles_1.StyledTypography, { "$align": align, variant: variant, className: (0, utils_1.classNames)(className, hidePersonalDataClassname), ...restProps, children: [(0, jsx_runtime_1.jsx)(styles_1.FileBaseName, { ...baseNameProps }), (0, jsx_runtime_1.jsx)("span", { children: suffixWithExtension })] }) }));
+    return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: isOverflowed && children, disableInteractive: true, ...tooltipProps, className: (0, classNames_1.classNames)(tooltipProps?.className, hidePersonalDataClassname), children: (0, jsx_runtime_1.jsxs)(styles_1.StyledTypography, { "$align": align, variant: variant, className: (0, classNames_1.classNames)(className, hidePersonalDataClassname), ...restProps, children: [(0, jsx_runtime_1.jsx)(styles_1.FileBaseName, { ...baseNameProps }), (0, jsx_runtime_1.jsx)("span", { children: suffixWithExtension })] }) }));
 });

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

@@ -3,17 +3,11 @@ export declare const FileBaseName: 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<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const StyledTypography: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const StyledTypography: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../Typography/types").TypographyPropsBase & {
     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?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/node/components/FlowButton/FlowButton.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FlowButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const icons_1 = require("../../icons");
+const ArrowROutlineMd_1 = require("../../icons/ArrowROutlineMd");
 const Typography_1 = require("../Typography");
 const styles_1 = require("./styles");
 exports.FlowButton = (0, react_1.forwardRef)((props, ref) => {
     const { children, targetText, ...restProps } = props;
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledButton, { ref: ref, endIcon: (0, jsx_runtime_1.jsx)(icons_1.ArrowROutlineMd, {}), ...restProps, children: (0, jsx_runtime_1.jsxs)(styles_1.StyledGrid, { container: true, children: [targetText && ((0, jsx_runtime_1.jsx)(styles_1.TargetTextWrapper, { variant: "pointer", children: targetText })), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "h6", children: children })] }) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledButton, { ref: ref, endIcon: (0, jsx_runtime_1.jsx)(ArrowROutlineMd_1.ArrowROutlineMd, {}), ...restProps, children: (0, jsx_runtime_1.jsxs)(styles_1.StyledGrid, { container: true, children: [targetText && ((0, jsx_runtime_1.jsx)(styles_1.TargetTextWrapper, { variant: "pointer", children: targetText })), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "h6", children: children })] }) }));
 });
 exports.default = exports.FlowButton;

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

@@ -1,24 +1,18 @@
 /// <reference types="react" />
-export declare const StyledButton: 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 StyledButton: 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> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const TargetTextWrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const TargetTextWrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../Typography/types").TypographyPropsBase & {
     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?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/node/components/FormControl/FormControl.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type FormControlProps as MuiFormControlProps } from '@mui/material';
-import { type WithoutEmotionSpecific } from '../types';
+import type { FormControlProps as MuiFormControlProps } from '@mui/material/FormControl';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type FormControlProps = WithoutEmotionSpecific<MuiFormControlProps>;
 export declare const FormControl: import("react").ForwardRefExoticComponent<Omit<FormControlProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/node/components/FormControl/FormControl.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.FormControl = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const FormControl_1 = __importDefault(require("@mui/material/FormControl"));
 const react_1 = require("react");
-exports.FormControl = (0, react_1.forwardRef)((props, ref) => (0, jsx_runtime_1.jsx)(material_1.FormControl, { ...props, ref: ref }));
+exports.FormControl = (0, react_1.forwardRef)((props, ref) => (0, jsx_runtime_1.jsx)(FormControl_1.default, { ...props, ref: ref }));

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

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

package/node/components/FormControlLabel/styles.js

@@ -1,9 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledFormControlLabel = void 0;
-const material_1 = require("@mui/material");
+const FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
 const styled_1 = require("../styled");
-exports.StyledFormControlLabel = (0, styled_1.styled)(material_1.FormControlLabel) `
+exports.StyledFormControlLabel = (0, styled_1.styled)(FormControlLabel_1.default) `
   margin-right: 0;
   margin-left: -5px;
 

package/node/components/FormControlLabel/types.d.ts

@@ -1,3 +1,3 @@
 import { type FormControlLabelProps as MuiFormControlLabelProps } from '@mui/material/FormControlLabel';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type FormControlLabelProps = WithoutEmotionSpecific<MuiFormControlLabelProps>;

package/node/components/FormHelperText/FormHelperText.d.ts

@@ -1,5 +1,5 @@
-import { type FormHelperTextProps as MuiFormHelperTextProps } from '@mui/material';
-import { type WithoutEmotionSpecific } from '../types';
+import type { FormHelperTextProps as MuiFormHelperTextProps } from '@mui/material/FormHelperText';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type FormHelperTextProps = WithoutEmotionSpecific<MuiFormHelperTextProps> & {
     success?: boolean;
     error?: boolean;