@astral/ui 4.18.3 → 4.18.4

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/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,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/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';
+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/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,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/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,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/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,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/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/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/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,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/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 { 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/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/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/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);

package/components/TextField/TextField.d.ts

@@ -1,4 +1,4 @@
-import { type TextFieldProps as MuiTextFieldProps } from '@mui/material';
+import type { TextFieldProps as MuiTextFieldProps } from '@mui/material/TextField';
 import { type ReactNode } from 'react';
 import { type WithoutEmotionSpecific } from '../types';
 export type TextFieldProps = Omit<WithoutEmotionSpecific<MuiTextFieldProps>, 'variant' | 'color' | 'select' | 'margin' | 'multiline' | 'SelectProps'> & {

package/components/TextField/styles.d.ts

@@ -1,5 +1,5 @@
 export declare const StyledTextField: import("../styled").StyledComponent<{
-    variant?: import("@mui/material").TextFieldVariants | undefined;
-} & Omit<import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps | import("@mui/material").StandardTextFieldProps, "variant"> & {
+    variant?: import("@mui/material/TextField").TextFieldVariants | undefined;
+} & Omit<import("@mui/material/TextField").OutlinedTextFieldProps | import("@mui/material/TextField").StandardTextFieldProps | import("@mui/material/TextField").FilledTextFieldProps, "variant"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/components/TextField/styles.js

@@ -1,4 +1,5 @@
-import { formHelperTextClasses, TextField } from '@mui/material';
+import { formHelperTextClasses } from '@mui/material/FormHelperText';
+import TextField from '@mui/material/TextField';
 import { styled } from '../styled';
 import { textFieldClassnames } from './constants';
 export const StyledTextField = styled(TextField) `

package/components/ThemeProvider/ThemeProvider.d.ts

@@ -1,6 +1,5 @@
-import type { PropsWithChildren } from 'react';
-import { type ReactNode } from 'react';
-import { type Theme } from '../theme';
+import type { PropsWithChildren, ReactNode } from 'react';
+import { type Theme } from '../theme/types';
 export type ThemeProviderProps = {
     children: ReactNode;
     /**

package/components/ThemeProvider/ThemeProvider.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ThemeProvider as EmotionThemeProvider } from '@emotion/react';
-import { ThemeProvider as MuiThemeProvider } from '@mui/material';
+import MuiThemeProvider from '@mui/material/styles/ThemeProvider';
 import { GlobalStyles } from '../GlobalStyles';
 export const ThemeProvider = (props) => {
     const { children, theme, withScopedStyles = false } = props;

package/components/ToggleButton/styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 type ToggleButtonColor = 'grey' | 'primary' | 'error' | 'success' | 'warning';
-export declare const StyledToggleButton: import("../styled").StyledComponent<import("@mui/material").ToggleButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "action" | "color" | "classes" | "className" | "children" | "sx" | "tabIndex" | "onChange" | "onClick" | "fullWidth" | "size" | "disabled" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "value" | "selected"> & {
+export declare const StyledToggleButton: import("../styled").StyledComponent<import("@mui/material/ToggleButton").ToggleButtonOwnProps & Omit<import("@mui/material/ButtonBase").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "sx" | "classes" | "className" | "style" | "tabIndex" | "color" | "children" | "onChange" | "onClick" | "disabled" | "size" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "fullWidth" | "value" | "selected"> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     $color: ToggleButtonColor;

package/components/ToggleButton/styles.js

@@ -1,4 +1,6 @@
-import { buttonBaseClasses, ToggleButton as MuiToggleButton, toggleButtonClasses, toggleButtonGroupClasses, } from '@mui/material';
+import { buttonBaseClasses } from '@mui/material/ButtonBase';
+import MuiToggleButton, { toggleButtonClasses, } from '@mui/material/ToggleButton';
+import { toggleButtonGroupClasses } from '@mui/material/ToggleButtonGroup';
 import { buttonClasses } from '../Button';
 import { css, styled } from '../styled';
 import { SIZES } from './constants';

package/components/ToggleButton/types.d.ts

@@ -1,4 +1,4 @@
-import type { ToggleButtonProps as MuiToggleButtonProps } from '@mui/material';
+import type { ToggleButtonProps as MuiToggleButtonProps } from '@mui/material/ToggleButton';
 import type { WithoutEmotionSpecific } from '../types';
 declare module '@mui/material/ToggleButton' {
     interface ToggleButtonPropsColorOverrides {

package/components/ToggleButton/useLogic/useLogic.d.ts

@@ -6,22 +6,11 @@ export declare const useLogic: ({ selected, color, counter, children, disabled,
     isVisibleCounter: boolean;
     children: import("react").ReactNode;
     disabled: boolean | undefined;
-    color: "grey" | "error" | "success" | "warning" | "primary";
+    color: "primary" | "success" | "warning" | "error" | "grey";
     selected: boolean | undefined;
     counterLabel: string | number | undefined;
     restProps: {
-        form?: string | undefined;
-        slot?: string | undefined;
-        style?: import("react").CSSProperties | undefined;
-        title?: string | undefined;
-        inert?: boolean | undefined;
-        action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
-        content?: string | undefined;
-        translate?: "no" | "yes" | undefined;
         classes?: (Partial<import("@mui/material").ToggleButtonClasses> & Partial<import("@mui/material").ClassNameMap<never>>) | undefined;
-        className?: string | undefined;
-        ref?: import("react").Ref<HTMLButtonElement> | undefined;
-        key?: import("react").Key | null | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
@@ -29,20 +18,26 @@ export declare const useLogic: ({ selected, color, counter, children, disabled,
         accessKey?: string | undefined;
         autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
         autoFocus?: boolean | undefined;
+        className?: string | undefined;
         contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
+        enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: boolean | undefined;
         id?: string | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
+        slot?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
+        style?: import("react").CSSProperties | undefined;
         tabIndex?: number | undefined;
+        title?: string | undefined;
+        translate?: "yes" | "no" | undefined;
         radioGroup?: string | undefined;
         role?: import("react").AriaRole | undefined;
         about?: string | undefined;
+        content?: string | undefined;
         datatype?: string | undefined;
         inlist?: any;
         prefix?: string | undefined;
@@ -65,13 +60,14 @@ export declare const useLogic: ({ selected, color, counter, children, disabled,
         popover?: "" | "auto" | "manual" | "hint" | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
         popoverTarget?: string | undefined;
+        inert?: boolean | undefined;
         inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         exportparts?: string | undefined;
         part?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "inline" | "none" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -81,7 +77,7 @@ export declare const useLogic: ({ selected, color, counter, children, disabled,
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
@@ -91,7 +87,7 @@ export declare const useLogic: ({ selected, color, counter, children, disabled,
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "true" | "false" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
         "aria-hidden"?: (boolean | "true" | "false") | undefined;
         "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -108,7 +104,7 @@ export declare const useLogic: ({ selected, color, counter, children, disabled,
         "aria-posinset"?: number | undefined;
         "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
         "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "true" | "false") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -294,10 +290,13 @@ export declare const useLogic: ({ selected, color, counter, children, disabled,
         onTransitionStart?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
         component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-        fullWidth?: boolean | undefined;
+        ref?: import("react").Ref<HTMLButtonElement> | undefined;
+        form?: string | undefined;
         size?: import("@mui/types").OverridableStringUnion<"large" | "medium" | "small", import("@mui/material").ToggleButtonPropsSizeOverrides> | undefined;
         name?: string | undefined;
         type?: "button" | "submit" | "reset" | undefined;
+        key?: import("react").Key | null | undefined;
+        action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
         centerRipple?: boolean | undefined;
         disableRipple?: boolean | undefined;
         disableTouchRipple?: boolean | undefined;
@@ -308,6 +307,7 @@ export declare const useLogic: ({ selected, color, counter, children, disabled,
         TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
         touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
         disableFocusRipple?: boolean | undefined;
+        fullWidth?: boolean | undefined;
         formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;

package/components/ToggleButtonGroup/ToggleButtonGroup.d.ts

@@ -1,4 +1,4 @@
-import { type ToggleButtonGroupProps as MuiToggleButtonGroupProps } from '@mui/material';
+import { type ToggleButtonGroupProps as MuiToggleButtonGroupProps } from '@mui/material/ToggleButtonGroup';
 import { type ReactNode } from 'react';
 import type { WithoutEmotionSpecific } from '../types';
 export type ToggleButtonGroupProps = WithoutEmotionSpecific<Omit<MuiToggleButtonGroupProps, 'orientation'>> & {

package/components/ToggleButtonGroup/styles.d.ts

@@ -1,4 +1,4 @@
-export declare const StyledToggleButtonGroup: import("../styled").StyledComponent<import("@mui/material").ToggleButtonGroupProps & {
+export declare const StyledToggleButtonGroup: import("../styled").StyledComponent<import("@mui/material/ToggleButtonGroup").ToggleButtonGroupProps & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     $isError?: boolean | undefined;

package/components/ToggleButtonGroup/styles.js

@@ -1,4 +1,4 @@
-import { ToggleButtonGroup as MuiToggleButtonGroup } from '@mui/material';
+import MuiToggleButtonGroup from '@mui/material/ToggleButtonGroup';
 import { styled } from '../styled';
 export const StyledToggleButtonGroup = styled(MuiToggleButtonGroup, {
     shouldForwardProp: (prop) => !['$isError'].includes(prop),

package/components/Tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type TooltipProps as MuiTooltipProps } from '@mui/material';
+import { type TooltipProps as MuiTooltipProps } from '@mui/material/Tooltip';
 import { type WithoutEmotionSpecific } from '../types';
 import { type TooltipSize } from './types';
 export type TooltipProps = WithoutEmotionSpecific<MuiTooltipProps> & {

package/components/Tooltip/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type TooltipProps as MuiTooltipProps } from '@mui/material';
+import { type TooltipProps as MuiTooltipProps } from '@mui/material/Tooltip';
 import { type WithoutEmotionSpecific } from '../types';
 import { type TooltipSize } from './types';
 export declare const StyledTooltip: import("../styled").StyledComponent<WithoutEmotionSpecific<MuiTooltipProps> & {

package/components/Tooltip/styles.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Tooltip, tooltipClasses, } from '@mui/material';
+import Tooltip, { tooltipClasses, } from '@mui/material/Tooltip';
 import { styled } from '../styled';
 export const StyledTooltip = styled(({ className, ...props }) => (_jsx(Tooltip, { ...props, classes: { popper: className } }))) `
   & .${tooltipClasses.tooltip} {

package/components/Tree/MultipleTreeList/TreeItem/styles.js

@@ -1,4 +1,4 @@
-import { formControlLabelClasses } from '@mui/material';
+import { formControlLabelClasses } from '@mui/material/FormControlLabel';
 import { CHECKBOX_SIZE, Checkbox, checkboxClassnames } from '../../../Checkbox';
 import { styled } from '../../../styled';
 import { listContainer } from '../../../styled/mixins';