@astral/ui 4.18.2 → 4.18.4

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/useLogic/utils/makeEdgeDates/makeEdgeDates.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeEdgeDates = void 0;
-const utils_1 = require("@astral/utils");
+const addDays_1 = require("@astral/utils/date/addDays");
 const constants_1 = require("../../../../../constants");
 const date_1 = require("../../../../../utils/date");
 /**
@@ -22,8 +22,8 @@ const makeEdgeDates = (baseDate, isMondayFirst) => {
         ? constants_1.DAYS_IN_WEEK - 1
         : weekBaseDate + firstDayCompensate - 1;
     const addDayCount = offset * -1;
-    const startDate = (0, utils_1.addDays)(optimizedBaseDate, addDayCount);
-    const endDate = (0, utils_1.addDays)(startDate, date_1.DAYS_CALENDAR_ITEMS_COUNT - 1);
+    const startDate = (0, addDays_1.addDays)(optimizedBaseDate, addDayCount);
+    const endDate = (0, addDays_1.addDays)(startDate, date_1.DAYS_CALENDAR_ITEMS_COUNT - 1);
     return {
         startDate,
         endDate,

package/node/components/StaticCalendar/StaticDaysCalendar/useLogic/utils/optimizeRangeDates/optimizeRangeDates.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.optimizeRangeDates = void 0;
-const utils_1 = require("@astral/utils");
+const addDays_1 = require("@astral/utils/date/addDays");
 const makeEdgeDates_1 = require("../makeEdgeDates");
 const getFromAccumulator = (date, accumulator) => {
     const key = date.toISOString();
@@ -29,8 +29,8 @@ const optimizeRangeDates = ({ baseDate, dateA, dateB, isMondayFirst, accumulator
         return { dateA: null, dateB: null };
     }
     const { startDate, endDate } = (0, makeEdgeDates_1.makeEdgeDates)(baseDate, isMondayFirst);
-    const beforeStart = getFromAccumulator((0, utils_1.addDays)(startDate, -1), accumulator);
-    const afterEnd = getFromAccumulator((0, utils_1.addDays)(endDate, 1), accumulator);
+    const beforeStart = getFromAccumulator((0, addDays_1.addDays)(startDate, -1), accumulator);
+    const afterEnd = getFromAccumulator((0, addDays_1.addDays)(endDate, 1), accumulator);
     if (dateA && dateB) {
         const isALessThanStart = dateA < startDate;
         const isBLessThanStart = dateB < startDate;

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;
 }, {}, {}>;

package/node/components/Tabs/Tab/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.StyledTab = void 0;
-const material_1 = require("@mui/material");
+const Tab_1 = __importDefault(require("@mui/material/Tab"));
 const styled_1 = require("../../styled");
-exports.StyledTab = (0, styled_1.styled)(material_1.Tab) `
+exports.StyledTab = (0, styled_1.styled)(Tab_1.default) `
   min-height: 36px;
   padding: 0;
 

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

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

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

@@ -7,7 +7,7 @@ export declare const Divider: import("@emotion/styled/dist/declarations/src/type
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledTabs: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material").TabsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "action" | "classes" | "className" | "children" | "sx" | "variant" | "aria-label" | "aria-labelledby" | "onChange" | "orientation" | "value" | "slots" | "slotProps" | "centered" | "scrollButtons" | "allowScrollButtonsMobile" | "indicatorColor" | "ScrollButtonComponent" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & {
+export declare const StyledTabs: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material/Tabs").TabsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "sx" | "classes" | "className" | "style" | "aria-label" | "aria-labelledby" | "children" | "onChange" | "orientation" | "variant" | "action" | "value" | "slots" | "slotProps" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const Wrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{

package/node/components/Tabs/styles.js

@@ -1,7 +1,30 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wrapper = exports.StyledTabs = exports.Divider = exports.Container = void 0;
-const material_1 = require("@mui/material");
+const Tabs_1 = __importStar(require("@mui/material/Tabs"));
 const styled_1 = require("../styled");
 exports.Container = styled_1.styled.div `
   overflow-x: auto;
@@ -17,12 +40,12 @@ exports.Divider = styled_1.styled.div `
 
   background-color: ${({ theme }) => theme.palette.grey[200]};
 `;
-exports.StyledTabs = (0, styled_1.styled)(material_1.Tabs) `
+exports.StyledTabs = (0, styled_1.styled)(Tabs_1.default) `
   width: max-content;
-  .${material_1.tabsClasses.indicator} {
+  .${Tabs_1.tabsClasses.indicator} {
     z-index: 1;
   }
-  .${material_1.tabsClasses.flexContainer} {
+  .${Tabs_1.tabsClasses.flexContainer} {
     gap: ${({ theme }) => theme.spacing(4)};
   }
 `;