@astral/ui 4.18.4 → 4.18.6

package/node/components/Tag/useLogic/useLogic.js

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const utils_1 = require("../../utils");
+const classNames_1 = require("../../utils/classNames");
 const constants_1 = require("../constants");
 const useLogic = ({ onDelete, variant, disabled, size, className, }) => {
     const handleDelete = (event) => {
         event.stopPropagation();
         onDelete?.(event);
     };
-    const classnames = (0, react_1.useMemo)(() => (0, utils_1.classNames)(constants_1.tagClassnames.root, {
+    const classnames = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(constants_1.tagClassnames.root, {
         [constants_1.tagClassnames.variantText]: variant === 'text',
         [constants_1.tagClassnames.variantContained]: variant === 'contained',
         [constants_1.tagClassnames.variantLight]: variant === 'light',

package/node/components/TagBadge/TagBadge.js

@@ -5,13 +5,13 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Tag_1 = require("../Tag");
 const TagContext_1 = require("../Tag/TagContext");
-const utils_1 = require("../utils");
+const classNames_1 = require("../utils/classNames");
 const styles_1 = require("./styles");
 /**
  * Badge для использования внутри компонента Tag
  */
 const TagBadge = ({ color = 'primary', checked, disabled, checkedColor, className, ...props }) => {
     const { variant } = (0, react_1.useContext)(TagContext_1.TagContext);
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledBadge, { withBorder: false, color: "white", "$color": color, "$variant": variant, "$isChecked": checked, "$isDisabled": disabled, className: (0, utils_1.classNames)(className, Tag_1.tagClassnames.badge), ...props }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledBadge, { withBorder: false, color: "white", "$color": color, "$variant": variant, "$isChecked": checked, "$isDisabled": disabled, className: (0, classNames_1.classNames)(className, Tag_1.tagClassnames.badge), ...props }));
 };
 exports.TagBadge = TagBadge;

package/node/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/node/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/node/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/node/components/TextField/TextField.d.ts

@@ -1,6 +1,6 @@
 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/node/components/TextField/TextField.js

@@ -4,7 +4,7 @@ exports.TextField = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const FormHelperText_1 = require("../FormHelperText");
-const utils_1 = require("../utils");
+const classNames_1 = require("../utils/classNames");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 exports.TextField = (0, react_1.forwardRef)(({ success, error, helperText: helperTextProp, fullWidth = false, startAdornment, endAdornment, inputProps, InputProps, maxLength, trimmed = true, onBlur, hideHelperText = false, className, ...props }, ref) => {
@@ -41,7 +41,7 @@ exports.TextField = (0, react_1.forwardRef)(({ success, error, helperText: helpe
         onBlur?.(event);
     };
     const classes = (0, react_1.useMemo)(() => {
-        return (0, utils_1.classNames)(className, hideHelperText ? constants_1.textFieldClassnames.hideHelperText : '');
+        return (0, classNames_1.classNames)(className, hideHelperText ? constants_1.textFieldClassnames.hideHelperText : '');
     }, [className, hideHelperText]);
     return ((0, jsx_runtime_1.jsx)(styles_1.StyledTextField, { ref: ref, variant: "outlined", fullWidth: fullWidth, error: error, color: color, helperText: helperText, InputProps: {
             startAdornment,

package/node/components/TextField/constants.js

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

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

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

package/node/components/ToggleButtonGroup/ToggleButtonGroup.d.ts

@@ -1,6 +1,6 @@
 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/node/components/Tooltip/Tooltip.d.ts

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

package/node/components/Tooltip/constants.js

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

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

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

package/node/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/node/components/Tree/MultipleTreeList/TreeItem/index.d.ts

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

package/node/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/node/components/Tree/MultipleTreeList/TreeItem/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/node/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/node/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/node/components/Tree/MultipleTreeList/useLogic/useLogic.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const utils_1 = require("../../utils");
+const getFormatDisabledItems_1 = require("../../utils/getFormatDisabledItems");
 const useLogic = ({ disabledItems }) => {
-    const formattedDisabledItems = (0, react_1.useMemo)(() => (0, utils_1.getFormatDisabledItems)(disabledItems), [disabledItems]);
+    const formattedDisabledItems = (0, react_1.useMemo)(() => (0, getFormatDisabledItems_1.getFormatDisabledItems)(disabledItems), [disabledItems]);
     return {
         formattedDisabledItems,
     };

package/node/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/node/components/Tree/TreeItem/constants.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.treeClassnames = exports.TOOLTIP_PLACEMENT = exports.HALF_PADDING_COLLAPSE_BUTTON_WIDTH = exports.GAP_WIDTH = exports.TREE_LINE_WIDTH = exports.COLLAPSE_BUTTON_WIDTH = void 0;
-const utils_1 = require("../../utils");
+const createUIKitClassname_1 = require("../../utils/createUIKitClassname");
 exports.COLLAPSE_BUTTON_WIDTH = '24px';
 exports.TREE_LINE_WIDTH = '10px';
 exports.GAP_WIDTH = '4px';
 exports.HALF_PADDING_COLLAPSE_BUTTON_WIDTH = '14px';
 exports.TOOLTIP_PLACEMENT = 'bottom-start';
 exports.treeClassnames = {
-    note: (0, utils_1.createUIKitClassname)('tree-item__note'),
-    label: (0, utils_1.createUIKitClassname)('tree-item__label'),
+    note: (0, createUIKitClassname_1.createUIKitClassname)('tree-item__note'),
+    label: (0, createUIKitClassname_1.createUIKitClassname)('tree-item__label'),
 };

package/node/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/node/components/Tree/TreeItem/index.js

@@ -14,5 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreeItem = void 0;
 __exportStar(require("./constants"), exports);
-__exportStar(require("./TreeItem"), exports);
+var TreeItem_1 = require("./TreeItem");
+Object.defineProperty(exports, "TreeItem", { enumerable: true, get: function () { return TreeItem_1.TreeItem; } });

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

@@ -41,17 +41,11 @@ export declare const LabelWrapper: import("@emotion/styled/dist/declarations/src
 } & {
     $level: number;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Label: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const Label: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../../Typography/types").TypographyPropsBase & {
     color?: import("../../Typography").TypographyColor | undefined;
     variant?: import("../../Typography").TypographyVariant | undefined;
     colorIntensity?: import("../../Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "slot" | "style" | "title" | import("react").ComponentType<any> | "search" | "big" | "sub" | "sup" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view") | undefined;
+    component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
@@ -391,17 +385,11 @@ export declare const Note: import("@emotion/styled/dist/declarations/src/types")
         title?: import("react").ReactNode;
     }) | undefined;
     visibleLastSymbolsCount?: number | undefined;
-} & {
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+} & import("../../Typography/types").TypographyPropsBase & {
     color?: import("../../Typography").TypographyColor | undefined;
     variant?: import("../../Typography").TypographyVariant | undefined;
     colorIntensity?: import("../../Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "slot" | "style" | "title" | import("react").ComponentType<any> | "search" | "big" | "sub" | "sup" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view") | undefined;
+    component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & {
     children?: import("react").ReactNode;

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

@@ -0,0 +1,70 @@
+import { type ComponentProps, type ElementType, type ReactNode, type SyntheticEvent } from 'react';
+import type { SyncFunctionComponent } from '../../types/SyncFunctionComponent';
+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>, ''>;

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,5 +1,5 @@
 import { type MouseEvent, type SyntheticEvent } from 'react';
-import { type TreeItemProps } from '../TreeItem';
+import { type TreeItemProps } from '../types';
 type UseLogicProps = TreeItemProps;
 export declare const useLogic: ({ id, prefixId, isDefaultExpanded, isForceExpanded, isDisabled, disabledReason, onClick, }: UseLogicProps) => {
     isOpen: boolean;

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

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

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

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