@astral/ui 4.18.3 → 4.18.5

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,5 +1,5 @@
-import { type StepLabelProps as MuiStepLabelProps } from '@mui/material';
-import type { WithoutEmotionSpecific } from '../../types';
+import type { StepLabelProps as MuiStepLabelProps } from '@mui/material/StepLabel';
+import type { WithoutEmotionSpecific } from '../../types/WithoutEmotionSpecific';
 export type StepButtonProps = {
     /**
      * Если true, текущий шаг будет отображен как активный

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';
-import { type WithoutEmotionSpecific } from '../../types';
+export { default as StepConnector } from '@mui/material/StepConnector';
+import type { StepConnectorProps as StepConnectorPropsMui } from '@mui/material/StepConnector';
+import { type WithoutEmotionSpecific } from '../../types/WithoutEmotionSpecific';
 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,6 +1,6 @@
 /// <reference types="react" />
-import { type StepIconProps as MuiStepIconProps } from '@mui/material';
-import { type WithoutEmotionSpecific } from '../../types';
+import type { StepIconProps as MuiStepIconProps } from '@mui/material/StepIcon';
+import { type WithoutEmotionSpecific } from '../../types/WithoutEmotionSpecific';
 export type StepIconProps = {
     /**
      * Является ли шаг в состоянии select

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,5 +1,5 @@
-import { type StepLabelProps as MuiStepLabelProps } from '@mui/material';
-import { type WithoutEmotionSpecific } from '../../types';
+import type { StepLabelProps as MuiStepLabelProps } from '@mui/material/StepLabel';
+import { type WithoutEmotionSpecific } from '../../types/WithoutEmotionSpecific';
 export type StepProps = {
     /**
      * Является ли шаг в состоянии select

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,6 +1,6 @@
-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 WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 import { type ConnectorTypes } from './enums';
 import type { StepConnectorProps } from './StepConnector';
 type StepperPropsWithoutEmotionSpecific = WithoutEmotionSpecific<MuiStepperProps>;

package/node/components/Stepper/constants.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.stepperClassnames = void 0;
-const utils_1 = require("../utils");
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 exports.stepperClassnames = {
-    stepButton: (0, utils_1.createUIKitClassname)('stepper_stepButton'),
+    stepButton: (0, createUIKitClassname_1.createUIKitClassname)('stepper_stepButton'),
 };

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/StepperWizard/StepperWizard.d.ts

@@ -1,14 +1,2 @@
-import { type StepperProps } from '../Stepper';
-import type { StepWizard } from './types';
-export type StepperWizardProps = Omit<StepperProps, 'children'> & {
-    /**
-     * Массив шагов
-     */
-    steps: StepWizard[];
-    /**
-     * Функция, вызываемая при клике на предыдущий шаг.
-     * При пробросе шаги становятся кликабельными.
-     */
-    onClickPrevStep?: (index: number) => void;
-};
+import { type StepperWizardProps } from './types';
 export declare const StepperWizard: (props: StepperWizardProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
-export { StepperWizard, type StepperWizardProps } from './StepperWizard';
-export type { StepWizard } from './types';
+export { StepperWizard } from './StepperWizard';
+export type { StepperWizardProps, StepWizard } from './types';

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

@@ -1,2 +1,2 @@
-export { StepperWizard, type StepperWizardProps } from './StepperWizard';
-export type { StepWizard } from './types';
+export { StepperWizard } from './StepperWizard';
+export type { StepperWizardProps, StepWizard } from './types';

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

@@ -1,5 +1,17 @@
 import { type ReactNode } from 'react';
+import { type StepperProps } from '../Stepper';
 export type StepWizard = {
     label: ReactNode;
     isError?: boolean;
 };
+export type StepperWizardProps = Omit<StepperProps, 'children'> & {
+    /**
+     * Массив шагов
+     */
+    steps: StepWizard[];
+    /**
+     * Функция, вызываемая при клике на предыдущий шаг.
+     * При пробросе шаги становятся кликабельными.
+     */
+    onClickPrevStep?: (index: number) => void;
+};

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

@@ -1,8 +1,8 @@
-import { type StepperWizardProps } from '../StepperWizard';
+import { type StepperWizardProps } from '../types';
 type UseLogicParams = StepperWizardProps;
 export declare const useLogic: ({ steps, activeStep, onClickPrevStep, }: UseLogicParams) => {
-    clickableSteps: import("..").StepWizard[];
-    normalSteps: import("..").StepWizard[];
+    clickableSteps: import("../types").StepWizard[];
+    normalSteps: import("../types").StepWizard[];
     getStepLabelProps: (index: number) => {
         isSelected: boolean;
     };

package/node/components/SvgIcon/SvgIcon.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SvgIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../utils");
+const classNames_1 = require("../utils/classNames");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const SvgIcon = (props) => {
     const { children, color = 'inherit', titleAccess, size, width, height, viewBox = '0 0 24 24', xmlns = 'http://www.w3.org/2000/svg', className, ...restProps } = props;
-    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledSvg, { className: (0, utils_1.classNames)(className, constants_1.svgIconClassnames.root), viewBox: viewBox, "aria-hidden": titleAccess ? undefined : true, role: titleAccess ? 'img' : undefined, xmlns: xmlns, color: color, width: constants_1.SIZES[size] || width || '1em', height: constants_1.SIZES[size] || height || '1em', ...restProps, children: [children, titleAccess ? (0, jsx_runtime_1.jsx)("title", { children: titleAccess }) : null] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledSvg, { className: (0, classNames_1.classNames)(className, constants_1.svgIconClassnames.root), viewBox: viewBox, "aria-hidden": titleAccess ? undefined : true, role: titleAccess ? 'img' : undefined, xmlns: xmlns, color: color, width: constants_1.SIZES[size] || width || '1em', height: constants_1.SIZES[size] || height || '1em', ...restProps, children: [children, titleAccess ? (0, jsx_runtime_1.jsx)("title", { children: titleAccess }) : null] }));
 };
 exports.SvgIcon = SvgIcon;

package/node/components/SvgIcon/constants.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.svgIconClassnames = exports.SIZES = void 0;
-const utils_1 = require("../utils");
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 exports.SIZES = {
     sm: '16px',
     md: '24px',
 };
 exports.svgIconClassnames = {
-    root: (0, utils_1.createUIKitClassname)('svg-icon'),
+    root: (0, createUIKitClassname_1.createUIKitClassname)('svg-icon'),
 };

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { type SwitchProps as MuiSwitchProps } from '@mui/material';
-import { type WithoutEmotionSpecific } from '../types';
+import type { SwitchProps as MuiSwitchProps } from '@mui/material/Switch';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 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,6 +1,6 @@
-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';
+import { type WithoutEmotionSpecific } from '../../types/WithoutEmotionSpecific';
 export type TabProps<TComponent extends ElementType, TComponentProps = {}> = WithoutEmotionSpecific<MuiTabProps<TComponent, TComponentProps>> & {
     component?: TComponent;
     /**

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 WithoutEmotionSpecific } from '../types';
+import type { TabsProps as MuiTabsProps } from '@mui/material/Tabs';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 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)};
   }
 `;

package/node/components/Tag/Tag.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tag = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const icons_1 = require("../../icons");
+const CrossSmOutlineSm_1 = require("../../icons/CrossSmOutlineSm");
 const Typography_1 = require("../Typography");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
@@ -26,5 +26,5 @@ exports.Tag = (0, react_1.forwardRef)(({ onDelete, color = 'grey', variant = 'co
                     tagColor: color,
                 }),
             })] }));
-    return ((0, jsx_runtime_1.jsx)(TagContext_1.TagContextProvider, { variant: variant, children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { ref: ref, "$size": size, "$color": color, "$variant": variant, "$isDisabled": disabled, "$isRemovable": Boolean(onDelete), className: classnames, ...restProps, children: [icon && ((0, jsx_runtime_1.jsx)(styles_1.IconWrapper, { className: constants_1.tagClassnames.icon, children: icon })), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "body1", component: styles_1.Label, children: labelContent }), onDelete && !disabled && ((0, jsx_runtime_1.jsx)(styles_1.StyledIconButton, { onClick: handleDelete, "$color": color, "$variant": variant, "$size": size, "aria-label": "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u044D\u043B\u0435\u043C\u0435\u043D\u0442", children: (0, jsx_runtime_1.jsx)(icons_1.CrossSmOutlineSm, {}) }))] }) }));
+    return ((0, jsx_runtime_1.jsx)(TagContext_1.TagContextProvider, { variant: variant, children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { ref: ref, "$size": size, "$color": color, "$variant": variant, "$isDisabled": disabled, "$isRemovable": Boolean(onDelete), className: classnames, ...restProps, children: [icon && ((0, jsx_runtime_1.jsx)(styles_1.IconWrapper, { className: constants_1.tagClassnames.icon, children: icon })), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "body1", component: styles_1.Label, children: labelContent }), onDelete && !disabled && ((0, jsx_runtime_1.jsx)(styles_1.StyledIconButton, { onClick: handleDelete, "$color": color, "$variant": variant, "$size": size, "aria-label": "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u044D\u043B\u0435\u043C\u0435\u043D\u0442", children: (0, jsx_runtime_1.jsx)(CrossSmOutlineSm_1.CrossSmOutlineSm, {}) }))] }) }));
 });

package/node/components/Tag/constants.js

@@ -1,19 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tagClassnames = void 0;
-const utils_1 = require("../utils");
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 exports.tagClassnames = {
-    label: (0, utils_1.createUIKitClassname)('tag__label'),
-    root: (0, utils_1.createUIKitClassname)('tag'),
-    icon: (0, utils_1.createUIKitClassname)('tag__icon'),
-    badge: (0, utils_1.createUIKitClassname)('tag__badge'),
-    variantText: (0, utils_1.createUIKitClassname)('tag_variant_text'),
-    variantContained: (0, utils_1.createUIKitClassname)('tag_variant_contained'),
-    variantLight: (0, utils_1.createUIKitClassname)('tag_variant_light'),
-    sizeSmall: (0, utils_1.createUIKitClassname)('tag_size_small'),
-    sizeMedium: (0, utils_1.createUIKitClassname)('tag_size_medium'),
-    sizeLarge: (0, utils_1.createUIKitClassname)('tag_size_large'),
-    variantTextLarge: (0, utils_1.createUIKitClassname)('tag_variant_text-large'),
-    removable: (0, utils_1.createUIKitClassname)('tag_removable'),
-    disabled: (0, utils_1.createUIKitClassname)('tag_disabled'),
+    label: (0, createUIKitClassname_1.createUIKitClassname)('tag__label'),
+    root: (0, createUIKitClassname_1.createUIKitClassname)('tag'),
+    icon: (0, createUIKitClassname_1.createUIKitClassname)('tag__icon'),
+    badge: (0, createUIKitClassname_1.createUIKitClassname)('tag__badge'),
+    variantText: (0, createUIKitClassname_1.createUIKitClassname)('tag_variant_text'),
+    variantContained: (0, createUIKitClassname_1.createUIKitClassname)('tag_variant_contained'),
+    variantLight: (0, createUIKitClassname_1.createUIKitClassname)('tag_variant_light'),
+    sizeSmall: (0, createUIKitClassname_1.createUIKitClassname)('tag_size_small'),
+    sizeMedium: (0, createUIKitClassname_1.createUIKitClassname)('tag_size_medium'),
+    sizeLarge: (0, createUIKitClassname_1.createUIKitClassname)('tag_size_large'),
+    variantTextLarge: (0, createUIKitClassname_1.createUIKitClassname)('tag_variant_text-large'),
+    removable: (0, createUIKitClassname_1.createUIKitClassname)('tag_removable'),
+    disabled: (0, createUIKitClassname_1.createUIKitClassname)('tag_disabled'),
 };