@astral/ui 4.18.3 → 4.18.5

package/components/SideDialogContentText/types.d.ts

@@ -1,3 +1,3 @@
-import { type DialogContentTextProps as MuiDialogContentTextProps } from '@mui/material';
-import { type WithoutEmotionSpecific } from '../types';
+import type { DialogContentTextProps as MuiDialogContentTextProps } from '@mui/material/DialogContentText';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type SideDialogContentTextProps = WithoutEmotionSpecific<MuiDialogContentTextProps>;

package/components/SideDialogTitle/SideDialogTitle.d.ts

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

package/components/SideDialogTitle/styles.d.ts

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

package/components/Skeleton/Skeleton.d.ts

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

package/components/Skeleton/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledSkeleton: import("../styled").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("../styled").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/components/Skeleton/styles.js

@@ -1,4 +1,4 @@
-import { Skeleton, skeletonClasses } from '@mui/material';
+import Skeleton, { skeletonClasses } from '@mui/material/Skeleton';
 import { styled } from '../styled';
 import { rgba } from '../utils/colors';
 export const StyledSkeleton = styled(Skeleton, {

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

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

@@ -1,4 +1,4 @@
-import { buttonClasses } from '@mui/material';
+import { buttonClasses } from '@mui/material/Button';
 import { styled } from '../../styled';
 import { StaticCalendarButton } from '../StaticCalendarButton';
 import { getBgColor, getLeftBorderRadius, getRightBorderRadius, getTextColor, } from './utils';

package/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/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/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/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/components/StaticCalendar/StaticDaysCalendar/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../../utils';
+import { createUIKitClassname } from '../../utils/createUIKitClassname';
 export const staticDaysCalendarClassnames = {
     container: createUIKitClassname('static-days_calendar__container'),
     head: createUIKitClassname('static-days_calendar__head'),

package/components/StepSlider/StepSlider.d.ts

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

package/components/StepSlider/StepSlider.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
 import { useEffect, useRef, useState } from 'react';
 import { useId } from '../hooks/useId';
-import { Slide } from '../transitions';
+import { Slide } from '../transitions/Slide';
 import { Item, Wrapper } from './styles';
 const TO_LEFT = 'left';
 const TO_RIGHT = 'right';

package/components/Stepper/ArrowConnector/ArrowConnector.js

@@ -1,4 +1,4 @@
-import { NextOutlineMd } from '../../../icons';
+import { NextOutlineMd } from '../../../icons/NextOutlineMd';
 import { styled } from '../../styled';
 export const ArrowConnector = styled(NextOutlineMd) `
   font-size: ${({ theme }) => theme.typography.h4.fontSize};

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

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

package/components/Stepper/Step/index.js

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

package/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/components/Stepper/StepButton/styles.d.ts

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

package/components/Stepper/StepButton/styles.js

@@ -1,4 +1,4 @@
-import { stepLabelClasses } from '@mui/material';
+import { stepLabelClasses } from '@mui/material/StepLabel';
 import { styled } from '../../styled';
 import { StepLabel } from '../StepLabel';
 export const Button = styled.button `

package/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/components/Stepper/StepConnector/index.js

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

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

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

package/components/Stepper/StepContent/index.js

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

package/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/components/Stepper/StepIcon/styles.js

@@ -1,4 +1,6 @@
-import { StepDefaultFillMd, StepErrorFillMd, StepSuccessFillMd, } from '../../../icons';
+import { StepDefaultFillMd } from '../../../icons/StepDefaultFillMd';
+import { StepErrorFillMd } from '../../../icons/StepErrorFillMd';
+import { StepSuccessFillMd } from '../../../icons/StepSuccessFillMd';
 import { css, styled } from '../../styled';
 const iconsSize = (theme) => css `
   width: 20px;

package/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/components/Stepper/StepLabel/StepLabel.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { StepLabel as MuiStepLabel, } from '@mui/material';
+import MuiStepLabel from '@mui/material/StepLabel';
 import { useCallback } from 'react';
 import { StepIcon } from '../StepIcon';
 export const StepLabel = (props) => {

package/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/components/Stepper/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../utils';
+import { createUIKitClassname } from '../utils/createUIKitClassname';
 export const stepperClassnames = {
     stepButton: createUIKitClassname('stepper_stepButton'),
 };

package/components/Stepper/styles.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const StyledStepper: import("../styled").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("../styled").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/components/Stepper/styles.js

@@ -1,4 +1,8 @@
-import { Stepper, stepClasses, stepConnectorClasses, stepContentClasses, stepLabelClasses, } from '@mui/material';
+import { stepClasses } from '@mui/material/Step';
+import { stepConnectorClasses } from '@mui/material/StepConnector';
+import { stepContentClasses } from '@mui/material/StepContent';
+import { stepLabelClasses } from '@mui/material/StepLabel';
+import Stepper from '@mui/material/Stepper';
 import { styled } from '../styled';
 export const StyledStepper = styled(Stepper) `
   .${stepLabelClasses.vertical} {

package/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/components/StepperWizard/StepperWizard.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Step, StepButton, StepLabel, Stepper, } from '../Stepper';
+import { Step, StepButton, StepLabel, Stepper } from '../Stepper';
 import { useLogic } from './useLogic';
 export const StepperWizard = (props) => {
     const { clickableSteps, normalSteps, getStepButtonProps, getStepLabelProps } = useLogic(props);

package/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/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/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/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/components/SvgIcon/SvgIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { classNames } from '../utils';
+import { classNames } from '../utils/classNames';
 import { SIZES, svgIconClassnames } from './constants';
 import { StyledSvg } from './styles';
 export const SvgIcon = (props) => {

package/components/SvgIcon/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../utils';
+import { createUIKitClassname } from '../utils/createUIKitClassname';
 export const SIZES = {
     sm: '16px',
     md: '24px',

package/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/components/Switch/styles.d.ts

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

package/components/Switch/styles.js

@@ -1,4 +1,5 @@
-import { formControlLabelClasses, Switch as MuiSwitch, switchClasses, } from '@mui/material';
+import { formControlLabelClasses } from '@mui/material/FormControlLabel';
+import MuiSwitch, { switchClasses } from '@mui/material/Switch';
 import { FormControlLabel } from '../FormControlLabel';
 import { styled } from '../styled';
 export const StyledSwitch = styled(MuiSwitch) `

package/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/components/Tabs/Tab/styles.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const StyledTab: import("../../styled").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("../../styled").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/components/Tabs/Tab/styles.js

@@ -1,4 +1,4 @@
-import { Tab } from '@mui/material';
+import Tab from '@mui/material/Tab';
 import { styled } from '../../styled';
 export const StyledTab = styled(Tab) `
   min-height: 36px;

package/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/components/Tabs/styles.d.ts

@@ -7,7 +7,7 @@ export declare const Divider: import("../styled").StyledComponent<{
     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("../styled").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("../styled").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("../styled").StyledComponent<{

package/components/Tabs/styles.js

@@ -1,4 +1,4 @@
-import { Tabs as MuiTabs, tabsClasses } from '@mui/material';
+import MuiTabs, { tabsClasses } from '@mui/material/Tabs';
 import { styled } from '../styled';
 export const Container = styled.div `
   overflow-x: auto;

package/components/Tag/Tag.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { CrossSmOutlineSm } from '../../icons';
+import { CrossSmOutlineSm } from '../../icons/CrossSmOutlineSm';
 import { Typography } from '../Typography';
 import { tagClassnames } from './constants';
 import { getBadgeColor, IconWrapper, Label, LabelContainer, LabelWrapper, StyledIconButton, Wrapper, } from './styles';

package/components/Tag/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../utils';
+import { createUIKitClassname } from '../utils/createUIKitClassname';
 export const tagClassnames = {
     label: createUIKitClassname('tag__label'),
     root: createUIKitClassname('tag'),

package/components/Tag/styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type BadgeColor } from '../Badge';
-import { type Theme } from '../theme';
+import { type Theme } from '../theme/types';
 import { type TagColor, type TagSize, type TagVariant } from './types';
 type StyledTagProps = {
     color: TagColor;
@@ -28,10 +28,10 @@ export declare const IconWrapper: import("../styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const StyledIconButton: import("../styled").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 StyledIconButton: import("../styled").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material/Button").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/components/Tag/styles.js

@@ -1,4 +1,5 @@
-import { buttonClasses, typographyClasses } from '@mui/material';
+import { buttonClasses } from '@mui/material/Button';
+import { typographyClasses } from '@mui/material/Typography';
 import { Grid } from '../Grid';
 import { IconButton } from '../IconButton';
 import { svgIconClassnames } from '../SvgIcon';

package/components/Tag/useLogic/useLogic.js

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { classNames } from '../../utils';
+import { classNames } from '../../utils/classNames';
 import { tagClassnames } from '../constants';
 export const useLogic = ({ onDelete, variant, disabled, size, className, }) => {
     const handleDelete = (event) => {

package/components/TagBadge/TagBadge.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useContext } from 'react';
 import { tagClassnames } from '../Tag';
 import { TagContext } from '../Tag/TagContext';
-import { classNames } from '../utils';
+import { classNames } from '../utils/classNames';
 import { StyledBadge } from './styles';
 /**
  * Badge для использования внутри компонента Tag

package/components/TagsList/TagsList.d.ts

@@ -1,32 +1,5 @@
-import { type MouseEvent } from 'react';
 import type { TagValue } from './types';
-export type TagsListProps<TData extends TagValue = TagValue> = {
-    /**
-     * Название класса, применяется к корневому компоненту
-     */
-    className?: string;
-    /**
-     * Список к отображению
-     */
-    data?: TData[] | undefined;
-    /**
-     * Если `true`, то тег будет недоступен для взаимодействия
-     */
-    isDisabled?: boolean;
-    /**
-     * Поле, используемое в качестве ключа списка
-     */
-    keyId: TData extends string ? never : keyof TData;
-    /**
-     * Используется для определения строкового значения опции
-     */
-    getOptionLabel: (value: TData) => string | number;
-    onChange: (value: TData[] | undefined) => void;
-    /**
-     * Функция, вызываемая при клике не тэг
-     */
-    onClick: (value: MouseEvent<HTMLDivElement>) => void;
-};
+import { type TagsListProps } from './types';
 /**
  * Предназначен для отображения списка тегов в таких компонентах как: Select, Autocomplete, TreeLikeAutocomplete
  * Не предназначен для использования в продуктах, не экспортируется из пакета

package/components/TagsList/types.d.ts

@@ -1 +1,29 @@
+import { type MouseEvent } from 'react';
 export type TagValue = string | Record<string, unknown>;
+export type TagsListProps<TData extends TagValue = TagValue> = {
+    /**
+     * Название класса, применяется к корневому компоненту
+     */
+    className?: string;
+    /**
+     * Список к отображению
+     */
+    data?: TData[] | undefined;
+    /**
+     * Если `true`, то тег будет недоступен для взаимодействия
+     */
+    isDisabled?: boolean;
+    /**
+     * Поле, используемое в качестве ключа списка
+     */
+    keyId: TData extends string ? never : keyof TData;
+    /**
+     * Используется для определения строкового значения опции
+     */
+    getOptionLabel: (value: TData) => string | number;
+    onChange: (value: TData[] | undefined) => void;
+    /**
+     * Функция, вызываемая при клике не тэг
+     */
+    onClick: (value: MouseEvent<HTMLDivElement>) => void;
+};

package/components/TagsList/useLogic/useLogic.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { type TagsListProps } from '../TagsList';
 import type { TagValue } from '../types';
+import { type TagsListProps } from '../types';
 type UseLogicParams<TData extends TagValue> = TagsListProps<TData>;
 export declare const useLogic: <TData extends TagValue>({ data, keyId, getOptionLabel, onChange, }: UseLogicParams<TData>) => {
     maxItems: number;

package/components/TagsList/useLogic/useLogic.js

@@ -1,5 +1,5 @@
 import { useEffect, useLayoutEffect, useRef, useState } from 'react';
-import { useTheme } from '../../theme';
+import { useTheme } from '../../theme/hooks/useTheme';
 export const useLogic = ({ data = [], keyId, getOptionLabel, onChange, }) => {
     // Сколько тегов можно отобразить в инпуте
     const [maxItems, setMaxItems] = useState(1);