@astral/ui 4.18.3 → 4.18.5

package/components/TextField/TextField.d.ts

@@ -1,6 +1,6 @@
-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';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type TextFieldProps = Omit<WithoutEmotionSpecific<MuiTextFieldProps>, 'variant' | 'color' | 'select' | 'margin' | 'multiline' | 'SelectProps'> & {
     /**
      * Флаг отображения успешного состояния

package/components/TextField/TextField.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { forwardRef, useMemo } from 'react';
 import { FormHelperTextContent } from '../FormHelperText';
-import { classNames } from '../utils';
+import { classNames } from '../utils/classNames';
 import { textFieldClassnames } from './constants';
 import { StyledTextField } from './styles';
 export const TextField = forwardRef(({ success, error, helperText: helperTextProp, fullWidth = false, startAdornment, endAdornment, inputProps, InputProps, maxLength, trimmed = true, onBlur, hideHelperText = false, className, ...props }, ref) => {

package/components/TextField/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../utils';
+import { createUIKitClassname } from '../utils/createUIKitClassname';
 export const textFieldClassnames = {
     hideHelperText: createUIKitClassname('text-field__helper-text_hidden'),
 };

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,5 +1,5 @@
-import type { ToggleButtonProps as MuiToggleButtonProps } from '@mui/material';
-import type { WithoutEmotionSpecific } from '../types';
+import type { ToggleButtonProps as MuiToggleButtonProps } from '@mui/material/ToggleButton';
+import type { WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 declare module '@mui/material/ToggleButton' {
     interface ToggleButtonPropsColorOverrides {
         grey: true;

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,6 +1,6 @@
-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';
+import type { WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type ToggleButtonGroupProps = WithoutEmotionSpecific<Omit<MuiToggleButtonGroupProps, 'orientation'>> & {
     /**
      * Если `true`, компонент будет отображаться в состоянии ошибки

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,6 +1,6 @@
 /// <reference types="react" />
-import { type TooltipProps as MuiTooltipProps } from '@mui/material';
-import { type WithoutEmotionSpecific } from '../types';
+import { type TooltipProps as MuiTooltipProps } from '@mui/material/Tooltip';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 import { type TooltipSize } from './types';
 export type TooltipProps = WithoutEmotionSpecific<MuiTooltipProps> & {
     /**

package/components/Tooltip/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../utils';
+import { createUIKitClassname } from '../utils/createUIKitClassname';
 export const tooltipClassnames = {
     contentWrapper: createUIKitClassname('tooltip__content-wrapper'),
 };

package/components/Tooltip/styles.d.ts

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

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

@@ -1,44 +1,3 @@
-import type { SyncFunctionComponent } from '../../../types';
-import type { TreeListData } from '../../types';
 import type { MultipleValue } from '../types';
-export type FormatDisableItem = {
-    id: string;
-    disabledReason?: string;
-};
-export type TreeItemProps<TValue extends MultipleValue = string[]> = {
-    item: TreeListData;
-    /**
-     * Выбранные значения
-     */
-    value?: TValue;
-    /**
-     * Render-props, позволяет более гибко настраивать содержимое item
-     */
-    renderItem?: SyncFunctionComponent<Omit<TreeListData, 'children'>>;
-    /**
-     * Уровень вложенности в дереве
-     */
-    level: number;
-    /**
-     * Если true, то дерево будет раскрыто по умолчанию при монтировании
-     * @default false
-     */
-    isInitialExpanded?: boolean;
-    /**
-     * Уровень раскрытия дерева по умолчанию, при isExpanded=true
-     */
-    expandedLevel: number;
-    /**
-     * Список `value` элементов дерева, которые не доступны для взаимодействия
-     */
-    disabledItems?: FormatDisableItem[];
-    /**
-     * Функция, которая запускается при выборе item
-     */
-    onChange: (value: TValue) => void;
-    /**
-     *  Переключает компонент в режим работы с объектами а не с id элементов
-     */
-    isObjectMode?: boolean;
-};
+import type { TreeItemProps } from './types';
 export declare const TreeItem: <TValue extends MultipleValue = string[]>(props: TreeItemProps<TValue>) => import("react/jsx-runtime").JSX.Element;

package/components/Tree/MultipleTreeList/TreeItem/index.d.ts

@@ -1 +1,2 @@
 export * from './TreeItem';
+export type { FormatDisableItem, TreeItemProps } from './types';

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

package/components/Tree/MultipleTreeList/TreeItem/types.d.ts

@@ -0,0 +1,43 @@
+import type { SyncFunctionComponent } from '../../../types/SyncFunctionComponent';
+import type { TreeListData } from '../../types';
+import type { MultipleValue } from '../types';
+export type FormatDisableItem = {
+    id: string;
+    disabledReason?: string;
+};
+export type TreeItemProps<TValue extends MultipleValue = string[]> = {
+    item: TreeListData;
+    /**
+     * Выбранные значения
+     */
+    value?: TValue;
+    /**
+     * Render-props, позволяет более гибко настраивать содержимое item
+     */
+    renderItem?: SyncFunctionComponent<Omit<TreeListData, 'children'>>;
+    /**
+     * Уровень вложенности в дереве
+     */
+    level: number;
+    /**
+     * Если true, то дерево будет раскрыто по умолчанию при монтировании
+     * @default false
+     */
+    isInitialExpanded?: boolean;
+    /**
+     * Уровень раскрытия дерева по умолчанию, при isExpanded=true
+     */
+    expandedLevel: number;
+    /**
+     * Список `value` элементов дерева, которые не доступны для взаимодействия
+     */
+    disabledItems?: FormatDisableItem[];
+    /**
+     * Функция, которая запускается при выборе item
+     */
+    onChange: (value: TValue) => void;
+    /**
+     *  Переключает компонент в режим работы с объектами а не с id элементов
+     */
+    isObjectMode?: boolean;
+};

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

@@ -0,0 +1 @@
+export {};

package/components/Tree/MultipleTreeList/TreeItem/useLogic/useLogic.d.ts

@@ -1,5 +1,5 @@
 import type { MultipleValue } from '../../types';
-import { type TreeItemProps } from '../TreeItem';
+import { type TreeItemProps } from '../types';
 type UseLogicProps<TValue extends MultipleValue = string[]> = TreeItemProps<TValue>;
 export declare const useLogic: <TValue extends MultipleValue = string[]>({ item, value, level, isInitialExpanded, expandedLevel, disabledItems, onChange, isObjectMode, }: UseLogicProps<TValue>) => {
     isSelected: boolean;

package/components/Tree/MultipleTreeList/types.d.ts

@@ -1,4 +1,4 @@
-import type { SyncFunctionComponent } from '../../types';
+import type { SyncFunctionComponent } from '../../types/SyncFunctionComponent';
 import type { TreeListData } from '../types';
 export type MultipleValue = TreeListData[] | string[] | undefined;
 export type DisabledItemValue = string | {

package/components/Tree/MultipleTreeList/useLogic/useLogic.js

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { getFormatDisabledItems } from '../../utils';
+import { getFormatDisabledItems } from '../../utils/getFormatDisabledItems';
 export const useLogic = ({ disabledItems }) => {
     const formattedDisabledItems = useMemo(() => getFormatDisabledItems(disabledItems), [disabledItems]);
     return {

package/components/Tree/TreeItem/TreeItem.d.ts

@@ -1,71 +1,2 @@
-import { type ComponentProps, type ElementType, type ReactNode, type SyntheticEvent } from 'react';
-import type { SyncFunctionComponent } from '../../types';
-import { type TreeListData } from '../types';
-export type TreeItemProps<TComponent extends ElementType = ElementType> = {
-    /**
-     * Название класса, применяется к корневому компоненту.
-     */
-    className?: string;
-    /**
-     * Уникальный префикс для идентификаторов в рамках дерева
-     */
-    prefixId?: string;
-    /**
-     * Если true, item выделяется как активный.
-     */
-    isSelected: boolean;
-    /**
-     * Содержимое, которое будет отображено внутри элемента списка.
-     */
-    label: ReactNode;
-    /**
-     * Подзаголовок, который будет отображено под элементом списка.
-     */
-    note?: ReactNode;
-    /**
-     * Render-props, позволяет более гибко настраивать содержимое item
-     */
-    renderItem?: SyncFunctionComponent<Omit<TreeListData, 'children'>>;
-    /**
-     * Содержимое, отображающееся при раскрытии элемента.
-     * При наличии children item будет отображен как родительский элемент.
-     */
-    children?: ReactNode;
-    /**
-     * Компонент, используемый для корневого узла элемента списка. Либо строка для использования элемента HTML, либо компонент.
-     * @default 'div'
-     */
-    component?: TComponent;
-    /**
-     * Уровень вложенности в дереве.
-     */
-    level: number;
-    /**
-     * Если true, то элемент будет не доступен для взаимодействия
-     * @default 'false'
-     */
-    isDisabled?: boolean;
-    /**
-     * Текст тултипа при заблокированном состоянии элемента дерева
-     */
-    disabledReason?: string;
-    /**
-     * Если true, то список можно будет развернуть даже если установлен `isDisabled=true`
-     * @default 'false'
-     */
-    isNotBlockingExpandList?: boolean;
-    /**
-     * Если true, то вложенный список будет раскрыт
-     * @default 'false'
-     */
-    isDefaultExpanded?: boolean;
-    /**
-     * Флаг для переопределения внутреннего состояния открыто/закрыто
-     */
-    isForceExpanded?: boolean;
-    /**
-     * Функция, которая запускается при нажатии на элемент списка.
-     */
-    onClick?: (event: SyntheticEvent) => void;
-} & Omit<ComponentProps<TComponent>, ''>;
+import { type TreeItemProps } from './types';
 export declare const TreeItem: (props: TreeItemProps) => import("react/jsx-runtime").JSX.Element;

package/components/Tree/TreeItem/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../../utils';
+import { createUIKitClassname } from '../../utils/createUIKitClassname';
 export const COLLAPSE_BUTTON_WIDTH = '24px';
 export const TREE_LINE_WIDTH = '10px';
 export const GAP_WIDTH = '4px';

package/components/Tree/TreeItem/index.d.ts

@@ -1,2 +1,3 @@
 export * from './constants';
-export * from './TreeItem';
+export { TreeItem } from './TreeItem';
+export type { TreeItemProps } from './types';

package/components/Tree/TreeItem/index.js

@@ -1,2 +1,2 @@
 export * from './constants';
-export * from './TreeItem';
+export { TreeItem } from './TreeItem';