@astral/ui 4.18.3 → 4.18.4

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

@@ -1,9 +1,9 @@
 "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 MenuItem_2 = require("../../MenuItem");
 const utils_1 = require("../../utils");
 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, }) => {
@@ -93,7 +93,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,7 +105,7 @@ const useLogic = ({ value, onChange, children, open: externalIsOpened, defaultOp
                 continue;
             }
             //Возвращаем текст из выбранного MenuItem
-            if (node.type === MenuItem_1.MenuItem &&
+            if (node.type === MenuItem_2.MenuItem &&
                 (0, utils_1.isSyncReactElement)(node) &&
                 node.props.value === selectedValue) {
                 return (0, utils_1.getNodeText)(node.props.children);

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

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

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

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

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 { DialogActionsProps as MuiDialogActionsProps } from '@mui/material/DialogActions';
 import { type WithoutEmotionSpecific } from '../types';
 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 { DialogContentProps as MuiDialogContentProps } from '@mui/material/DialogContent';
 import { type WithoutEmotionSpecific } from '../types';
 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 { DialogContentTextProps as MuiDialogContentTextProps } from '@mui/material/DialogContentText';
 import { type WithoutEmotionSpecific } from '../types';
 export type SideDialogContentTextProps = WithoutEmotionSpecific<MuiDialogContentTextProps>;

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

@@ -1,4 +1,4 @@
-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';
 export type SkeletonProps<TComponent extends ElementType, TComponentProps = {}> = Omit<WithoutEmotionSpecific<MuiSkeletonProps<TComponent, TComponentProps>>, 'variant' | 'animation'> & {

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/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';

package/node/components/Stepper/Step/index.js

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

package/node/components/Stepper/StepButton/StepButton.d.ts

@@ -1,4 +1,4 @@
-import { type StepLabelProps as MuiStepLabelProps } from '@mui/material';
+import type { StepLabelProps as MuiStepLabelProps } from '@mui/material/StepLabel';
 import type { WithoutEmotionSpecific } from '../../types';
 export type StepButtonProps = {
     /**

package/node/components/Stepper/StepButton/styles.d.ts

@@ -5,6 +5,6 @@ export declare const Button: import("@emotion/styled/dist/declarations/src/types
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 export declare const StyledStepLabel: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     isSelected?: boolean | undefined;
-} & import("../..").WithoutEmotionSpecific<import("@mui/material").StepLabelProps> & {
+} & import("../..").WithoutEmotionSpecific<import("@mui/material/StepLabel").StepLabelProps> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/Stepper/StepButton/styles.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledStepLabel = exports.Button = void 0;
-const material_1 = require("@mui/material");
+const StepLabel_1 = require("@mui/material/StepLabel");
 const styled_1 = require("../../styled");
-const StepLabel_1 = require("../StepLabel");
+const StepLabel_2 = require("../StepLabel");
 exports.Button = styled_1.styled.button `
   display: flex;
 
@@ -16,10 +16,10 @@ exports.Button = styled_1.styled.button `
     outline: none;
   }
 `;
-exports.StyledStepLabel = (0, styled_1.styled)(StepLabel_1.StepLabel) `
+exports.StyledStepLabel = (0, styled_1.styled)(StepLabel_2.StepLabel) `
   cursor: pointer;
 
-  .${material_1.stepLabelClasses.label} {
+  .${StepLabel_1.stepLabelClasses.label} {
     transition: ${({ theme }) => theme.transitions.create(['color'], {
     duration: theme.transitions.duration.standard,
 })};

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

@@ -1,4 +1,4 @@
-export { StepConnector } from '@mui/material';
-import type { StepConnectorProps as StepConnectorPropsMui } from '@mui/material';
+export { default as StepConnector } from '@mui/material/StepConnector';
+import type { StepConnectorProps as StepConnectorPropsMui } from '@mui/material/StepConnector';
 import { type WithoutEmotionSpecific } from '../../types';
 export type StepConnectorProps = WithoutEmotionSpecific<StepConnectorPropsMui>;

package/node/components/Stepper/StepConnector/index.js

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

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

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

package/node/components/Stepper/StepContent/index.js

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

package/node/components/Stepper/StepIcon/StepIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type StepIconProps as MuiStepIconProps } from '@mui/material';
+import type { StepIconProps as MuiStepIconProps } from '@mui/material/StepIcon';
 import { type WithoutEmotionSpecific } from '../../types';
 export type StepIconProps = {
     /**

package/node/components/Stepper/StepIcon/styles.js

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActiveIcon = exports.DefaultIcon = exports.SelectIcon = exports.SuccessIcon = exports.ErrorIcon = void 0;
-const icons_1 = require("../../../icons");
+const StepDefaultFillMd_1 = require("../../../icons/StepDefaultFillMd");
+const StepErrorFillMd_1 = require("../../../icons/StepErrorFillMd");
+const StepSuccessFillMd_1 = require("../../../icons/StepSuccessFillMd");
 const styled_1 = require("../../styled");
 const iconsSize = (theme) => (0, styled_1.css) `
   width: 20px;
@@ -12,22 +14,22 @@ const iconsSize = (theme) => (0, styled_1.css) `
     height: 24px;
   }
 `;
-exports.ErrorIcon = (0, styled_1.styled)(icons_1.StepErrorFillMd) `
+exports.ErrorIcon = (0, styled_1.styled)(StepErrorFillMd_1.StepErrorFillMd) `
   ${({ theme }) => iconsSize(theme)};
   color: ${({ theme }) => theme.palette.error[800]};
 `;
-exports.SuccessIcon = (0, styled_1.styled)(icons_1.StepSuccessFillMd) `
+exports.SuccessIcon = (0, styled_1.styled)(StepSuccessFillMd_1.StepSuccessFillMd) `
   ${({ theme }) => iconsSize(theme)};
   color: ${({ theme }) => theme.palette.success[800]};
 `;
-exports.SelectIcon = (0, styled_1.styled)(icons_1.StepDefaultFillMd) `
+exports.SelectIcon = (0, styled_1.styled)(StepDefaultFillMd_1.StepDefaultFillMd) `
   ${({ theme }) => iconsSize(theme)};
   color: ${({ theme, $isError }) => $isError ? theme.palette.error.dark : theme.palette.success[800]};
 `;
-exports.DefaultIcon = (0, styled_1.styled)(icons_1.StepDefaultFillMd) `
+exports.DefaultIcon = (0, styled_1.styled)(StepDefaultFillMd_1.StepDefaultFillMd) `
   ${({ theme }) => iconsSize(theme)};
   color: ${({ theme }) => theme.palette.grey[400]};
 `;
-exports.ActiveIcon = (0, styled_1.styled)(icons_1.StepDefaultFillMd) `
+exports.ActiveIcon = (0, styled_1.styled)(StepDefaultFillMd_1.StepDefaultFillMd) `
   ${({ theme }) => iconsSize(theme)};
 `;

package/node/components/Stepper/StepLabel/StepLabel.d.ts

@@ -1,4 +1,4 @@
-import { type StepLabelProps as MuiStepLabelProps } from '@mui/material';
+import type { StepLabelProps as MuiStepLabelProps } from '@mui/material/StepLabel';
 import { type WithoutEmotionSpecific } from '../../types';
 export type StepProps = {
     /**

package/node/components/Stepper/StepLabel/StepLabel.js

@@ -1,13 +1,16 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StepLabel = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const StepLabel_1 = __importDefault(require("@mui/material/StepLabel"));
 const react_1 = require("react");
 const StepIcon_1 = require("../StepIcon");
 const StepLabel = (props) => {
     const { isSelected, ...restProps } = props;
     const stepIconRender = (0, react_1.useCallback)(({ active, completed, error, icon }) => ((0, jsx_runtime_1.jsx)(StepIcon_1.StepIcon, { icon: icon, isSelected: isSelected, active: active, completed: completed, error: error })), [isSelected]);
-    return (0, jsx_runtime_1.jsx)(material_1.StepLabel, { StepIconComponent: stepIconRender, ...restProps });
+    return (0, jsx_runtime_1.jsx)(StepLabel_1.default, { StepIconComponent: stepIconRender, ...restProps });
 };
 exports.StepLabel = StepLabel;

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

@@ -1,4 +1,4 @@
-import { type StepperProps as MuiStepperProps } from '@mui/material';
+import type { StepperProps as MuiStepperProps } from '@mui/material/Stepper';
 import { type ReactElement } from 'react';
 import { type WithoutEmotionSpecific } from '../types';
 import { type ConnectorTypes } from './enums';

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const StyledStepper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material").StepperOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "elevation" | "style" | "classes" | "className" | "children" | "square" | "sx" | "variant" | "orientation" | "alternativeLabel" | "activeStep" | "connector" | "nonLinear"> & {
+export declare const StyledStepper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material/Stepper").StepperOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "elevation" | "sx" | "classes" | "className" | "style" | "children" | "orientation" | "square" | "variant" | "activeStep" | "alternativeLabel" | "connector" | "nonLinear"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/Stepper/styles.js

@@ -1,19 +1,26 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledStepper = void 0;
-const material_1 = require("@mui/material");
+const Step_1 = require("@mui/material/Step");
+const StepConnector_1 = require("@mui/material/StepConnector");
+const StepContent_1 = require("@mui/material/StepContent");
+const StepLabel_1 = require("@mui/material/StepLabel");
+const Stepper_1 = __importDefault(require("@mui/material/Stepper"));
 const styled_1 = require("../styled");
-exports.StyledStepper = (0, styled_1.styled)(material_1.Stepper) `
-  .${material_1.stepLabelClasses.vertical} {
+exports.StyledStepper = (0, styled_1.styled)(Stepper_1.default) `
+  .${StepLabel_1.stepLabelClasses.vertical} {
     padding: ${({ theme }) => theme.spacing(1, 0)};
   }
 
-  .${material_1.stepLabelClasses.vertical} .${material_1.stepLabelClasses.label} {
+  .${StepLabel_1.stepLabelClasses.vertical} .${StepLabel_1.stepLabelClasses.label} {
     font-size: ${({ theme }) => theme.typography.body1.fontSize};
     line-height: ${({ theme }) => theme.typography.body1.lineHeight};
   }
 
-  .${material_1.stepContentClasses.root} {
+  .${StepContent_1.stepContentClasses.root} {
     min-height: 22px;
     margin-left: 9px;
 
@@ -21,24 +28,24 @@ exports.StyledStepper = (0, styled_1.styled)(material_1.Stepper) `
     border-left-width: 2px;
   }
 
-  .${material_1.stepConnectorClasses.lineVertical} {
+  .${StepConnector_1.stepConnectorClasses.lineVertical} {
     min-height: 14px;
 
     border-color: ${({ theme }) => theme.palette.grey[300]};
     border-left-width: 2px;
   }
 
-  .${material_1.stepConnectorClasses.vertical} {
+  .${StepConnector_1.stepConnectorClasses.vertical} {
     margin-left: 9px;
   }
 
-  .${material_1.stepClasses.vertical}:has(.${material_1.stepContentClasses.root}) {
-    + .${material_1.stepConnectorClasses.vertical} {
+  .${Step_1.stepClasses.vertical}:has(.${StepContent_1.stepContentClasses.root}) {
+    + .${StepConnector_1.stepConnectorClasses.vertical} {
       display: none;
     }
   }
 
-  .${material_1.stepConnectorClasses.alternativeLabel} {
+  .${StepConnector_1.stepConnectorClasses.alternativeLabel} {
     right: ${({ theme }) => `calc(50% + ${theme.spacing(3)})`};
     left: ${({ theme }) => `calc(-50% + ${theme.spacing(3)})`};
   }

package/node/components/Switch/Switch.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type SwitchProps as MuiSwitchProps } from '@mui/material';
+import type { SwitchProps as MuiSwitchProps } from '@mui/material/Switch';
 import { type WithoutEmotionSpecific } from '../types';
 export type SwitchProps = WithoutEmotionSpecific<MuiSwitchProps> & {
     /**

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

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

package/node/components/Switch/styles.js

@@ -1,16 +1,40 @@
 "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.StyledFormControlLabel = exports.StyledSwitch = void 0;
-const material_1 = require("@mui/material");
-const FormControlLabel_1 = require("../FormControlLabel");
+const FormControlLabel_1 = require("@mui/material/FormControlLabel");
+const Switch_1 = __importStar(require("@mui/material/Switch"));
+const FormControlLabel_2 = require("../FormControlLabel");
 const styled_1 = require("../styled");
-exports.StyledSwitch = (0, styled_1.styled)(material_1.Switch) `
+exports.StyledSwitch = (0, styled_1.styled)(Switch_1.default) `
   
-  ${`.${material_1.switchClasses.track}`}::before {
+  ${`.${Switch_1.switchClasses.track}`}::before {
     display: none;
   }
 
-  ${`.${material_1.switchClasses.track}`}::after {
+  ${`.${Switch_1.switchClasses.track}`}::after {
     display: none;
   }
 
@@ -18,10 +42,10 @@ exports.StyledSwitch = (0, styled_1.styled)(material_1.Switch) `
     margin: ${({ theme }) => theme.microSpacing(3, 0)};
   }
 `;
-exports.StyledFormControlLabel = (0, styled_1.styled)(FormControlLabel_1.FormControlLabel) `
+exports.StyledFormControlLabel = (0, styled_1.styled)(FormControlLabel_2.FormControlLabel) `
   gap: ${({ theme }) => theme.spacing(1)};
 
-  .${material_1.formControlLabelClasses.label} {
+  .${FormControlLabel_1.formControlLabelClasses.label} {
     margin: 0;
   }
 

package/node/components/Tabs/Tab/Tab.d.ts

@@ -1,4 +1,4 @@
-import { type TabProps as MuiTabProps } from '@mui/material';
+import type { TabProps as MuiTabProps } from '@mui/material/Tab';
 import { type ElementType } from 'react';
 import { type WithoutEmotionSpecific } from '../../types';
 export type TabProps<TComponent extends ElementType, TComponentProps = {}> = WithoutEmotionSpecific<MuiTabProps<TComponent, TComponentProps>> & {

package/node/components/Tabs/Tab/styles.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const StyledTab: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material").TabOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "label" | "style" | "icon" | "action" | "classes" | "className" | "children" | "sx" | "tabIndex" | "disabled" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "value" | "wrapped" | "iconPosition"> & {
+export declare const StyledTab: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material/Tab").TabOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "sx" | "classes" | "className" | "style" | "tabIndex" | "children" | "label" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "value" | "icon" | "iconPosition" | "wrapped"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;