@astral/ui 4.18.3 → 4.18.5

package/node/components/Select/Select.d.ts

@@ -1,87 +1,17 @@
-import { type SelectProps as MuiSelectProps } from '@mui/material';
 import { type ReactNode } from 'react';
-import { type WithoutEmotionSpecific } from '../types';
-export type SelectProps<TValue> = WithoutEmotionSpecific<Omit<MuiSelectProps<TValue>, 'variant' | 'color' | 'onOpen'>> & {
-    loading?: boolean;
-    placeholder?: string;
-    getOptionLabel?: (value: string | number) => string | number;
-    /**
-     * Добавляет вспомогательный текст под селектом
-     */
-    helperText?: ReactNode;
-    /**
-     * Включает/отключает резервирование места под helperText
-     */
-    hideHelperText?: boolean;
-    /**
-     * Если `false`, кнопка сброса не отобразится
-     * @default true
-     */
-    isShowClearButton?: boolean;
-    success?: boolean;
-    error?: boolean;
-    label?: string;
-    /**
-     * Если true, то отобразится option "Выбрать все"
-     * работает только с multiple
-     */
-    isEnableAllSelection?: boolean;
-    /**
-     * Массив value, нужен для работы опции "Выбрать все"
-     */
-    valueOptions?: TValue;
-    /**
-     * Выполняется при выборе всех элементов, после нажатия 'Выбрать все'
-     */
-    onSelectAll?: () => void;
-    /**
-     * Выполняется при отмене выбора всех элементов, после нажатия 'Выбрать все'
-     */
-    onUnselectAll?: () => void;
-    /**
-     * Выполняется при открытии поповера со списком элементов
-     */
-    onOpen?: VoidFunction;
-};
-export declare const Select: <TValue>(props: WithoutEmotionSpecific<Omit<MuiSelectProps<TValue>, "color" | "variant" | "onOpen">> & {
+export declare const Select: <TValue>(props: import("..").WithoutEmotionSpecific<Omit<import("@mui/material").SelectProps<TValue>, "color" | "variant" | "onOpen">> & {
     loading?: boolean | undefined;
     placeholder?: string | undefined;
     getOptionLabel?: ((value: string | number) => string | number) | undefined;
-    /**
-     * Добавляет вспомогательный текст под селектом
-     */
     helperText?: ReactNode;
-    /**
-     * Включает/отключает резервирование места под helperText
-     */
     hideHelperText?: boolean | undefined;
-    /**
-     * Если `false`, кнопка сброса не отобразится
-     * @default true
-     */
     isShowClearButton?: boolean | undefined;
     success?: boolean | undefined;
     error?: boolean | undefined;
     label?: string | undefined;
-    /**
-     * Если true, то отобразится option "Выбрать все"
-     * работает только с multiple
-     */
     isEnableAllSelection?: boolean | undefined;
-    /**
-     * Массив value, нужен для работы опции "Выбрать все"
-     */
     valueOptions?: TValue | undefined;
-    /**
-     * Выполняется при выборе всех элементов, после нажатия 'Выбрать все'
-     */
     onSelectAll?: (() => void) | undefined;
-    /**
-     * Выполняется при отмене выбора всех элементов, после нажатия 'Выбрать все'
-     */
     onUnselectAll?: (() => void) | undefined;
-    /**
-     * Выполняется при открытии поповера со списком элементов
-     */
     onOpen?: VoidFunction | undefined;
 } & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

package/node/components/Select/Select.js

@@ -1,10 +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.Select = 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 InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
+const ListItemIcon_1 = __importDefault(require("@mui/material/ListItemIcon"));
 const react_1 = require("react");
-const icons_1 = require("../../icons");
+const CrossOutlineMd_1 = require("../../icons/CrossOutlineMd");
+const DownOutlineMd_1 = require("../../icons/DownOutlineMd");
+const UpOutlineMd_1 = require("../../icons/UpOutlineMd");
 const Checkbox_1 = require("../Checkbox");
 const FormHelperText_1 = require("../FormHelperText");
 const forwardRefWithGeneric_1 = require("../forwardRefWithGeneric");
@@ -15,7 +22,7 @@ const TagsList_1 = require("../TagsList");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
-const ClearButton = (0, react_1.forwardRef)(({ onClick, disabled }, ref) => ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { disabled: disabled, ref: ref, onClick: onClick, variant: "text", title: constants_1.CLEAR_TEXT, "aria-label": constants_1.CLEAR_TEXT, children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) })));
+const ClearButton = (0, react_1.forwardRef)(({ onClick, disabled }, ref) => ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { disabled: disabled, ref: ref, onClick: onClick, variant: "text", title: constants_1.CLEAR_TEXT, "aria-label": constants_1.CLEAR_TEXT, children: (0, jsx_runtime_1.jsx)(CrossOutlineMd_1.CrossOutlineMd, {}) })));
 const SelectInner = ({ required, getOptionLabel, placeholder, helperText, hideHelperText = false, loading, success, children, disabled, error, label, fullWidth, onChange: externalOnChange, isShowClearButton, isEnableAllSelection = false, valueOptions, value, onSelectAll, onUnselectAll, ...props }, ref) => {
     const { isOpened, isShowingClearButton, isNoData, onClearAll, openSelect, closeSelect, resetButtonRef, isShowingSelectAll, handleChangeOption, isSelectedAll, isIndeterminate, handleChangeArrayValue, selectAllClassName, findMenuItemsLabel, isShowingPlaceholder, } = (0, useLogic_1.useLogic)({
         ...props,
@@ -46,6 +53,6 @@ const SelectInner = ({ required, getOptionLabel, placeholder, helperText, hideHe
         }
         return findMenuItemsLabel(children, selectedOptions);
     };
-    return ((0, jsx_runtime_1.jsxs)(material_1.FormControl, { error: error, fullWidth: fullWidth, children: [label && ((0, jsx_runtime_1.jsx)(material_1.InputLabel, { htmlFor: "grouped-select", required: required, disabled: disabled, children: label })), (0, jsx_runtime_1.jsxs)(styles_1.StyledSelect, { ...props, value: value === null ? '' : value, open: isOpened, disabled: disabled, onOpen: openSelect, onClose: closeSelect, renderValue: renderValue, IconComponent: () => null, displayEmpty: true, ref: ref, fullWidth: fullWidth, onChange: handleChangeOption, "$isShowingPlaceholder": isShowingPlaceholder, endAdornment: (0, jsx_runtime_1.jsxs)(styles_1.EndAdornmentWrapper, { children: [loading && (0, jsx_runtime_1.jsx)(Loader_1.Loader, { color: "primary", size: "small" }), !loading && isShowingClearButton && ((0, jsx_runtime_1.jsx)(ClearButton, { disabled: disabled, ref: resetButtonRef, onClick: onClearAll })), !loading && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", disabled: disabled, onClick: openSelect, children: !isOpened ? (0, jsx_runtime_1.jsx)(icons_1.DownOutlineMd, {}) : (0, jsx_runtime_1.jsx)(icons_1.UpOutlineMd, {}) }))] }), children: [(0, jsx_runtime_1.jsx)(styles_1.Placeholder, { value: "", children: placeholder }), !loading && isShowingSelectAll && ((0, jsx_runtime_1.jsxs)(MenuItem_1.MenuItem, { className: selectAllClassName, selected: isSelectedAll, value: constants_1.SELECT_ALL_VALUE, children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { checked: isSelectedAll, indeterminate: isIndeterminate }) }), "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435"] })), !loading && children, !loading && isNoData && (0, jsx_runtime_1.jsx)(styles_1.StateWrapper, { children: "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445" })] }), (0, jsx_runtime_1.jsx)(FormHelperText_1.FormHelperText, { error: error, success: success, hideHelperText: hideHelperText, children: helperText })] }));
+    return ((0, jsx_runtime_1.jsxs)(FormControl_1.default, { error: error, fullWidth: fullWidth, children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.default, { htmlFor: "grouped-select", required: required, disabled: disabled, children: label })), (0, jsx_runtime_1.jsxs)(styles_1.StyledSelect, { ...props, value: value === null ? '' : value, open: isOpened, disabled: disabled, onOpen: openSelect, onClose: closeSelect, renderValue: renderValue, IconComponent: () => null, displayEmpty: true, ref: ref, fullWidth: fullWidth, onChange: handleChangeOption, "$isShowingPlaceholder": isShowingPlaceholder, endAdornment: (0, jsx_runtime_1.jsxs)(styles_1.EndAdornmentWrapper, { children: [loading && (0, jsx_runtime_1.jsx)(Loader_1.Loader, { color: "primary", size: "small" }), !loading && isShowingClearButton && ((0, jsx_runtime_1.jsx)(ClearButton, { disabled: disabled, ref: resetButtonRef, onClick: onClearAll })), !loading && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", disabled: disabled, onClick: openSelect, children: !isOpened ? (0, jsx_runtime_1.jsx)(DownOutlineMd_1.DownOutlineMd, {}) : (0, jsx_runtime_1.jsx)(UpOutlineMd_1.UpOutlineMd, {}) }))] }), children: [(0, jsx_runtime_1.jsx)(styles_1.Placeholder, { value: "", children: placeholder }), !loading && isShowingSelectAll && ((0, jsx_runtime_1.jsxs)(MenuItem_1.MenuItem, { className: selectAllClassName, selected: isSelectedAll, value: constants_1.SELECT_ALL_VALUE, children: [(0, jsx_runtime_1.jsx)(ListItemIcon_1.default, { children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { checked: isSelectedAll, indeterminate: isIndeterminate }) }), "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435"] })), !loading && children, !loading && isNoData && (0, jsx_runtime_1.jsx)(styles_1.StateWrapper, { children: "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445" })] }), (0, jsx_runtime_1.jsx)(FormHelperText_1.FormHelperText, { error: error, success: success, hideHelperText: hideHelperText, children: helperText })] }));
 };
 exports.Select = (0, forwardRefWithGeneric_1.forwardRefWithGeneric)(SelectInner);

package/node/components/Select/index.d.ts

@@ -1 +1,2 @@
 export * from './Select';
+export type { SelectProps } from './types';

package/node/components/Select/public.d.ts

@@ -1 +1,2 @@
 export * from './Select';
+export type { SelectProps } from './types';

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

@@ -10,13 +10,13 @@ export declare const EndAdornmentWrapper: import("@emotion/styled/dist/declarati
 export declare const Placeholder: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("..").WithoutEmotionSpecific<Omit<import("@mui/material").MenuItemProps, "component">> & {
     disabledReason?: string | undefined;
     note?: string | undefined;
-    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
     component?: import("react").ElementType | undefined;
     href?: string | undefined;
 } & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledSelect: import("@emotion/styled/dist/declarations/src/types").StyledComponent<(import("@mui/material").SelectProps<unknown> & {
+export declare const StyledSelect: import("@emotion/styled/dist/declarations/src/types").StyledComponent<(import("@mui/material/Select").SelectProps<unknown> & {
     theme?: import("@emotion/react").Theme | undefined;
 }) & {
     $isShowingPlaceholder: boolean;

package/node/components/Select/styles.js

@@ -1,7 +1,10 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledSelect = exports.Placeholder = exports.EndAdornmentWrapper = exports.StateWrapper = void 0;
-const material_1 = require("@mui/material");
+const Select_1 = __importDefault(require("@mui/material/Select"));
 const Loader_1 = require("../Loader");
 const MenuItem_1 = require("../MenuItem");
 const styled_1 = require("../styled");
@@ -26,7 +29,7 @@ exports.EndAdornmentWrapper = styled_1.styled.div `
 exports.Placeholder = (0, styled_1.styled)(MenuItem_1.MenuItem) `
   display: none;
 `;
-exports.StyledSelect = (0, styled_1.styled)(material_1.Select, {
+exports.StyledSelect = (0, styled_1.styled)(Select_1.default, {
     shouldForwardProp: (prop) => !['$isShowingPlaceholder'].includes(prop),
 }) `
   padding-right: ${({ theme }) => theme.spacing(2)};

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

@@ -0,0 +1,49 @@
+import type { SelectProps as MuiSelectProps } from '@mui/material/Select';
+import { type ReactNode } from 'react';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
+export type SelectProps<TValue> = WithoutEmotionSpecific<Omit<MuiSelectProps<TValue>, 'variant' | 'color' | 'onOpen'>> & {
+    loading?: boolean;
+    placeholder?: string;
+    getOptionLabel?: (value: string | number) => string | number;
+    /**
+     * Добавляет вспомогательный текст под селектом
+     */
+    helperText?: ReactNode;
+    /**
+     * Включает/отключает резервирование места под helperText
+     */
+    hideHelperText?: boolean;
+    /**
+     * Если `false`, кнопка сброса не отобразится
+     * @default true
+     */
+    isShowClearButton?: boolean;
+    success?: boolean;
+    error?: boolean;
+    label?: string;
+    /**
+     * Если true, то отобразится option "Выбрать все"
+     * работает только с multiple
+     */
+    isEnableAllSelection?: boolean;
+    /**
+     * Массив value, нужен для работы опции "Выбрать все"
+     */
+    valueOptions?: TValue;
+    /**
+     * Выполняется при выборе всех элементов, после нажатия 'Выбрать все'
+     */
+    onSelectAll?: () => void;
+    /**
+     * Выполняется при отмене выбора всех элементов, после нажатия 'Выбрать все'
+     */
+    onUnselectAll?: () => void;
+    /**
+     * Выполняется при открытии поповера со списком элементов
+     */
+    onOpen?: VoidFunction;
+};
+export type ClearButtonProps = {
+    onClick: () => void;
+    disabled?: boolean;
+};

package/node/components/Select/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,5 +1,5 @@
 import { type ReactNode, type SyntheticEvent } from 'react';
-import { type SelectProps } from '../Select';
+import { type SelectProps } from '../types';
 export declare const useLogic: <TValue>({ value, onChange, children, open: externalIsOpened, defaultOpen, multiple, isEnableAllSelection, isShowClearButton, valueOptions, onSelectAll, onUnselectAll, name, placeholder, onClose, onOpen, loading, }: SelectProps<TValue>) => {
     isOpened: boolean;
     isNoData: boolean;

package/node/components/Select/useLogic/useLogic.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
-const material_1 = require("@mui/material");
+const MenuItem_1 = require("@mui/material/MenuItem");
 const react_1 = require("react");
-const MenuItem_1 = require("../../MenuItem");
-const utils_1 = require("../../utils");
+const MenuItem_2 = require("../../MenuItem");
+const getNodeText_1 = require("../../utils/getNodeText");
+const isSyncReactElement_1 = require("../../utils/isSyncReactElement");
 const constants_1 = require("../constants");
 const useLogic = ({ value, onChange, children, open: externalIsOpened, defaultOpen, multiple, isEnableAllSelection, isShowClearButton = true, valueOptions, onSelectAll, onUnselectAll, name, placeholder, onClose, onOpen, loading, }) => {
     const [isOpened, setOpened] = (0, react_1.useState)(!loading && (defaultOpen || externalIsOpened || false));
@@ -65,7 +66,7 @@ const useLogic = ({ value, onChange, children, open: externalIsOpened, defaultOp
     };
     const handleChangeOption = (event, child) => {
         const isSelectAllEvent = (0, react_1.isValidElement)(child) &&
-            (0, utils_1.isSyncReactElement)(child) &&
+            (0, isSyncReactElement_1.isSyncReactElement)(child) &&
             child.props.value === constants_1.SELECT_ALL_VALUE;
         const targetEvent = event;
         const targetValue = targetEvent.target.value;
@@ -93,7 +94,7 @@ const useLogic = ({ value, onChange, children, open: externalIsOpened, defaultOp
         // Вызов исходной функции с созданным событием
         return onChange?.(createEvent(inputValue), undefined);
     };
-    const selectAllClassName = isSelectedAll || isIndeterminate ? material_1.menuItemClasses.selected : undefined;
+    const selectAllClassName = isSelectedAll || isIndeterminate ? MenuItem_1.menuItemClasses.selected : undefined;
     /**
      * Функция поиска в элементах MenuItem текста для отображения в Select
      */
@@ -105,10 +106,10 @@ const useLogic = ({ value, onChange, children, open: externalIsOpened, defaultOp
                 continue;
             }
             //Возвращаем текст из выбранного MenuItem
-            if (node.type === MenuItem_1.MenuItem &&
-                (0, utils_1.isSyncReactElement)(node) &&
+            if (node.type === MenuItem_2.MenuItem &&
+                (0, isSyncReactElement_1.isSyncReactElement)(node) &&
                 node.props.value === selectedValue) {
-                return (0, utils_1.getNodeText)(node.props.children);
+                return (0, getNodeText_1.getNodeText)(node.props.children);
             }
         }
         return null;

package/node/components/SideDialog/SideDialog.d.ts

@@ -1,5 +1,5 @@
-import { type DrawerProps as MuiDrawerProps } from '@mui/material';
-import { type WithoutEmotionSpecific } from '../types';
+import type { DrawerProps as MuiDrawerProps } from '@mui/material/Drawer';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 type SideDialogSize = 'xs' | 'sm' | 'md' | 'lg';
 export type SideDialogProps = WithoutEmotionSpecific<Omit<MuiDrawerProps, 'anchor'>> & {
     title?: string;

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

@@ -1,5 +1,5 @@
-import { type DrawerProps } from '@mui/material';
-import { type WithoutEmotionSpecific } from '../types';
+import type { DrawerProps } from '@mui/material/Drawer';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 type SideDialogSize = 'xs' | 'sm' | 'md' | 'lg';
 export declare const StyledDrawer: import("@emotion/styled/dist/declarations/src/types").StyledComponent<DrawerProps & {
     theme?: import("@emotion/react").Theme | undefined;

package/node/components/SideDialog/styles.js

@@ -1,13 +1,38 @@
 "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.StyledDrawer = void 0;
-const material_1 = require("@mui/material");
+const DialogContent_1 = require("@mui/material/DialogContent");
+const DialogTitle_1 = require("@mui/material/DialogTitle");
+const Drawer_1 = __importStar(require("@mui/material/Drawer"));
 const styled_1 = require("../styled");
 const constants_1 = require("./constants");
 const getSize = (size) => {
     return constants_1.SIZES[size] || constants_1.SIZES.sm;
 };
-exports.StyledDrawer = (0, styled_1.styled)(material_1.Drawer, {
+exports.StyledDrawer = (0, styled_1.styled)(Drawer_1.default, {
     shouldForwardProp: (prop) => !['$size'].includes(prop),
 }) `
   height: 100vh;
@@ -15,7 +40,7 @@ exports.StyledDrawer = (0, styled_1.styled)(material_1.Drawer, {
   @supports (height: 100dvh) {
     height: 100dvh;
   }
-  .${material_1.drawerClasses.paper} {
+  .${Drawer_1.drawerClasses.paper} {
     width: ${({ $size }) => getSize($size)};
     height: calc(100% - ${constants_1.SIDE_DIALOG_SCREEN_OFFSET});
     margin: ${({ theme }) => theme.spacing(4)};
@@ -24,7 +49,7 @@ exports.StyledDrawer = (0, styled_1.styled)(material_1.Drawer, {
     box-shadow: 0 12px 24px 0 #00000038;
   }
 
-  & .${material_1.dialogTitleClasses.root} + .${material_1.dialogContentClasses.root} {
+  & .${DialogTitle_1.dialogTitleClasses.root} + .${DialogContent_1.dialogContentClasses.root} {
     padding-top: ${({ theme }) => theme.spacing(4)};
   }
 `;

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

@@ -1,3 +1,3 @@
-import { type DialogActionsProps as MuiDialogActionsProps } from '@mui/material';
-import { type WithoutEmotionSpecific } from '../types';
+import type { DialogActionsProps as MuiDialogActionsProps } from '@mui/material/DialogActions';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type SideDialogActionsProps = WithoutEmotionSpecific<MuiDialogActionsProps>;

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

@@ -1,3 +1,3 @@
-import { type DialogContentProps as MuiDialogContentProps } from '@mui/material';
-import { type WithoutEmotionSpecific } from '../types';
+import type { DialogContentProps as MuiDialogContentProps } from '@mui/material/DialogContent';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type SideDialogContentProps = WithoutEmotionSpecific<MuiDialogContentProps>;

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

@@ -1,3 +1,3 @@
-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 SideDialogContentTextProps = WithoutEmotionSpecific<MuiDialogContentTextProps>;

package/node/components/SideDialogTitle/SideDialogTitle.d.ts

@@ -1,4 +1,4 @@
 import { type DialogTitleProps as MuiDialogTitleProps } from '../DialogTitle';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type SideDialogTitleProps = WithoutEmotionSpecific<MuiDialogTitleProps>;
 export declare const SideDialogTitle: (props: SideDialogTitleProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 export declare const StyledDialogTitle: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("..").WithoutEmotionSpecific<import("@mui/material").DialogTitleProps> & {
-    onClose?: ((event: {}, reason: "escapeKeyDown" | "backdropClick") => void) | undefined;
+    onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void) | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/Skeleton/Skeleton.d.ts

@@ -1,6 +1,6 @@
-import { type SkeletonProps as MuiSkeletonProps } from '@mui/material';
+import type { SkeletonProps as MuiSkeletonProps } from '@mui/material/Skeleton';
 import { type ElementType } from 'react';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type SkeletonProps<TComponent extends ElementType, TComponentProps = {}> = Omit<WithoutEmotionSpecific<MuiSkeletonProps<TComponent, TComponentProps>>, 'variant' | 'animation'> & {
     /**
      * Компонент, используемый для корневого узла. Либо строка для использования элемента HTML, либо компонент

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledSkeleton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material").SkeletonOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style" | "height" | "width" | "animation" | "classes" | "className" | "children" | "sx" | "variant"> & {
+export declare const StyledSkeleton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material/Skeleton").SkeletonOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "sx" | "classes" | "className" | "style" | "children" | "height" | "width" | "animation" | "variant"> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     $shapeSize: 'small' | 'medium' | 'large';

package/node/components/Skeleton/styles.js

@@ -1,20 +1,43 @@
 "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.StyledSkeleton = void 0;
-const material_1 = require("@mui/material");
+const Skeleton_1 = __importStar(require("@mui/material/Skeleton"));
 const styled_1 = require("../styled");
 const colors_1 = require("../utils/colors");
-exports.StyledSkeleton = (0, styled_1.styled)(material_1.Skeleton, {
+exports.StyledSkeleton = (0, styled_1.styled)(Skeleton_1.default, {
     shouldForwardProp: (prop) => !['$shapeSize'].includes(prop),
 }) `
   /* stylelint-disable-next-line */
   background-color: ${({ theme }) => (0, colors_1.rgba)(theme.palette.grey[900], 0.12)};
 
-  &.${material_1.skeletonClasses.text} {
+  &.${Skeleton_1.skeletonClasses.text} {
     border-radius: ${({ theme, $shapeSize }) => theme.shape[$shapeSize]};
   }
 
-  &.${material_1.skeletonClasses.rounded} {
+  &.${Skeleton_1.skeletonClasses.rounded} {
     border-radius: ${({ theme, $shapeSize }) => theme.shape[$shapeSize]};
   }
 `;

package/node/components/StaticCalendar/StaticCalendarButton/styles.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-export declare const Wrapper: 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 Wrapper: 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/StaticCalendar/StaticCalendarGridButton/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StaticCalendarGridButton = void 0;
-const material_1 = require("@mui/material");
+const Button_1 = require("@mui/material/Button");
 const styled_1 = require("../../styled");
 const StaticCalendarButton_1 = require("../StaticCalendarButton");
 const utils_1 = require("./utils");
@@ -62,12 +62,12 @@ exports.StaticCalendarGridButton = (0, styled_1.styled)(StaticCalendarButton_1.S
   }
 
   &,
-  &.${material_1.buttonClasses.disabled} {
+  &.${Button_1.buttonClasses.disabled} {
     background-color: ${(props) => (0, utils_1.getBgColor)(props)};
   }
 
   &,
-  &.${material_1.buttonClasses.disabled}, &:hover {
+  &.${Button_1.buttonClasses.disabled}, &:hover {
     color: ${(props) => (0, utils_1.getTextColor)(props)};
   }
 

package/node/components/StaticCalendar/StaticCalendarGridButton/types.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { ButtonProps } from '../../Button';
-import type { Theme } from '../../theme';
+import type { Theme } from '../../theme/types';
 export type DateCalendarDayBtnWrapperProps = Omit<ButtonProps, 'variant'> & {
     /**
      * флаг означающий, что дата находится вне доступного диапазона,

package/node/components/StaticCalendar/StaticDaysCalendar/DayButton/DayButton.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { CalendarGridItem } from '../../../types';
+import type { CalendarGridItem } from '../../../types/CalendarGridBuilder';
 import { type CalendarGridItemDay } from '../../../utils/date';
 import { type UseLogicParams } from './useLogic';
 type Item = CalendarGridItem<CalendarGridItemDay>;

package/node/components/StaticCalendar/StaticDaysCalendar/DayButton/useLogic/useLogic.d.ts

@@ -1,5 +1,5 @@
 import { type ElementType, type ReactNode } from 'react';
-import type { CalendarGridItem } from '../../../../types';
+import type { CalendarGridItem } from '../../../../types/CalendarGridBuilder';
 import type { CalendarGridItemDay } from '../../../../utils/date';
 import { type UseDragAndDropHandlersParams } from './hooks';
 type Item = CalendarGridItem<CalendarGridItemDay>;

package/node/components/StaticCalendar/StaticDaysCalendar/StaticDaysCalendar.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import { type CalendarGridItem } from '../../types';
+import { type CalendarGridItem } from '../../types/CalendarGridBuilder';
 import { buildDaysCalendarGrid, type CalendarGridItemDay } from '../../utils/date';
 import { type DayButtonProps } from './DayButton';
 type Item = CalendarGridItem<CalendarGridItemDay>;

package/node/components/StaticCalendar/StaticDaysCalendar/constants.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.staticDaysCalendarClassnames = void 0;
-const utils_1 = require("../../utils");
+const createUIKitClassname_1 = require("../../utils/createUIKitClassname");
 exports.staticDaysCalendarClassnames = {
-    container: (0, utils_1.createUIKitClassname)('static-days_calendar__container'),
-    head: (0, utils_1.createUIKitClassname)('static-days_calendar__head'),
-    grid: (0, utils_1.createUIKitClassname)('static-days-calendar__grid'),
-    button: (0, utils_1.createUIKitClassname)('static-days-calendar__button'),
+    container: (0, createUIKitClassname_1.createUIKitClassname)('static-days_calendar__container'),
+    head: (0, createUIKitClassname_1.createUIKitClassname)('static-days_calendar__head'),
+    grid: (0, createUIKitClassname_1.createUIKitClassname)('static-days-calendar__grid'),
+    button: (0, createUIKitClassname_1.createUIKitClassname)('static-days-calendar__button'),
 };

package/node/components/StepSlider/StepSlider.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import { type SlideProps } from '../transitions';
+import { type SlideProps } from '../transitions/Slide';
 type DefaultKey = string | number | symbol;
 type Step<TKeys extends DefaultKey> = {
     id: TKeys;

package/node/components/StepSlider/StepSlider.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_2 = require("react");
 const useId_1 = require("../hooks/useId");
-const transitions_1 = require("../transitions");
+const Slide_1 = require("../transitions/Slide");
 const styles_1 = require("./styles");
 const TO_LEFT = 'left';
 const TO_RIGHT = 'right';
@@ -47,7 +47,7 @@ const StepSlider = ({ activeStep, steps, className, isFullWidth, slideProps: { m
             setCurrentStep(activeStep);
         }
     }, [activeStep, currentStep, steps]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { ref: containerRef, className: className, isFullWidth: isFullWidth, children: steps.map(({ component, id }, index) => ((0, react_1.createElement)(transitions_1.Slide, { ...restSlideProps, 
+    return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { ref: containerRef, className: className, isFullWidth: isFullWidth, children: steps.map(({ component, id }, index) => ((0, react_1.createElement)(Slide_1.Slide, { ...restSlideProps, 
             // biome-ignore lint/suspicious/noArrayIndexKey: Используется вместе с keyId
             key: `${keyId}_${index}`, container: () => containerRef.current, easing: easing, mountOnEnter: mountOnEnter, unmountOnExit: unmountOnExit, in: id === currentStep, direction: directionMap.get(id), appear: false },
             (0, jsx_runtime_1.jsx)(styles_1.Item, { children: component })))) }));

package/node/components/Stepper/ArrowConnector/ArrowConnector.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ArrowConnector = void 0;
-const icons_1 = require("../../../icons");
+const NextOutlineMd_1 = require("../../../icons/NextOutlineMd");
 const styled_1 = require("../../styled");
-exports.ArrowConnector = (0, styled_1.styled)(icons_1.NextOutlineMd) `
+exports.ArrowConnector = (0, styled_1.styled)(NextOutlineMd_1.NextOutlineMd) `
   font-size: ${({ theme }) => theme.typography.h4.fontSize};
   color: ${({ theme }) => theme.palette.grey[400]};
 `;

package/node/components/Stepper/Step/index.d.ts

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