@astral/ui 4.18.3 → 4.18.5

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

@@ -14,10 +14,10 @@ export declare const ItemContent: import("../../styled").StyledComponent<{
     $isDisabled: boolean;
     $level: number;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CollapseButton: 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 CollapseButton: 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> & {
@@ -41,17 +41,11 @@ export declare const LabelWrapper: import("../../styled").StyledComponent<{
 } & {
     $level: number;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Label: import("../../styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const Label: import("../../styled").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" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "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" | "label" | "legend" | "li" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "search" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "clipPath" | "filter" | "marker" | "mask" | "big" | "center" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "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" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | undefined;
+    component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
@@ -64,16 +58,7 @@ export declare const Note: import("../../styled").StyledComponent<import("../../
             Tooltip?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
             Arrow?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
-        slot?: string | undefined;
-        style?: import("react").CSSProperties | undefined;
-        title: import("react").ReactNode;
-        inert?: boolean | undefined;
-        color?: string | undefined;
-        content?: string | undefined;
-        translate?: "no" | "yes" | undefined;
         classes?: Partial<import("@mui/material").TooltipClasses> | undefined;
-        className?: string | undefined;
-        children: import("react").ReactElement<any, any>;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
@@ -81,20 +66,26 @@ export declare const Note: import("../../styled").StyledComponent<import("../../
         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: import("react").ReactNode;
+        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;
@@ -106,6 +97,7 @@ export declare const Note: import("../../styled").StyledComponent<import("../../
         vocab?: string | undefined;
         autoCorrect?: string | undefined;
         autoSave?: string | undefined;
+        color?: string | undefined;
         itemProp?: string | undefined;
         itemScope?: boolean | undefined;
         itemType?: string | undefined;
@@ -117,13 +109,14 @@ export declare const Note: import("../../styled").StyledComponent<import("../../
         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;
@@ -133,7 +126,7 @@ export declare const Note: import("../../styled").StyledComponent<import("../../
         "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;
@@ -143,7 +136,7 @@ export declare const Note: import("../../styled").StyledComponent<import("../../
         "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;
@@ -160,7 +153,7 @@ export declare const Note: import("../../styled").StyledComponent<import("../../
         "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;
@@ -174,6 +167,7 @@ export declare const Note: import("../../styled").StyledComponent<import("../../
         "aria-valuemin"?: number | undefined;
         "aria-valuenow"?: number | undefined;
         "aria-valuetext"?: string | undefined;
+        children: import("react").ReactElement<any, any>;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined;
@@ -345,6 +339,7 @@ export declare const Note: import("../../styled").StyledComponent<import("../../
         onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+        open?: boolean | undefined;
         size?: import("../..").TooltipSize | undefined;
         componentsProps?: {
             popper?: (Partial<import("@mui/material").PopperProps> & import("@mui/material").TooltipComponentsPropsOverrides) | undefined;
@@ -353,7 +348,6 @@ export declare const Note: import("../../styled").StyledComponent<import("../../
             arrow?: (import("react").HTMLProps<HTMLSpanElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme> & import("@mui/material").TooltipComponentsPropsOverrides) | undefined;
         } | undefined;
         onClose?: ((event: Event | import("react").SyntheticEvent<Element, Event>) => void) | undefined;
-        open?: boolean | undefined;
         slots?: {
             popper?: import("react").ElementType<import("@mui/material").PopperProps, keyof import("react").JSX.IntrinsicElements> | undefined;
             transition?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
@@ -370,7 +364,6 @@ export declare const Note: import("../../styled").StyledComponent<import("../../
             children: import("react").ReactElement<any, any>;
         }> | undefined;
         TransitionProps?: import("@mui/material/transitions").TransitionProps | undefined;
-        placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
         arrow?: boolean | undefined;
         describeChild?: boolean | undefined;
         disableFocusListener?: boolean | undefined;
@@ -384,6 +377,7 @@ export declare const Note: import("../../styled").StyledComponent<import("../../
         leaveDelay?: number | undefined;
         leaveTouchDelay?: number | undefined;
         onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         PopperProps?: Partial<import("@mui/material").PopperProps> | undefined;
         withoutContainer?: boolean | undefined;
@@ -391,17 +385,11 @@ export declare const Note: import("../../styled").StyledComponent<import("../../
         title?: import("react").ReactNode;
     }) | undefined;
     visibleLastSymbolsCount?: number | undefined;
-} & {
-    children?: import("react").ReactNode;
-    align?: "inherit" | "left" | "right" | "center" | "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" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "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" | "label" | "legend" | "li" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "search" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "clipPath" | "filter" | "marker" | "mask" | "big" | "center" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "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" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | undefined;
+    component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & {
     children?: import("react").ReactNode;

package/components/Tree/TreeItem/styles.js

@@ -1,5 +1,5 @@
-import { typographyClasses } from '@mui/material';
-import { ChevronROutlineMd } from '../../../icons';
+import { typographyClasses } from '@mui/material/Typography';
+import { ChevronROutlineMd } from '../../../icons/ChevronROutlineMd';
 import { buttonClasses } from '../../Button';
 import { descriptionClassnames } from '../../Description';
 import { IconButton } from '../../IconButton';

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

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

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

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

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

@@ -0,0 +1,49 @@
+import type { SyncFunctionComponent } from '../../../types/SyncFunctionComponent';
+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;
+};
+export {};

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

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

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

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

package/components/Tree/TreeList/TreeList.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { classNames } from '../../utils';
+import { classNames } from '../../utils/classNames';
 import { treeListClassnames } from './constants';
 import { List } from './styles';
 import { TreeItem } from './TreeItem';

package/components/Tree/TreeList/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../../utils';
+import { createUIKitClassname } from '../../utils/createUIKitClassname';
 export const treeListClassnames = {
     list: createUIKitClassname('tree-list'),
 };

package/components/Tree/TreeList/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 DisabledItemValue = string | {
     id: string;

package/components/Tree/TreeList/useLogic/useLogic.js

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useRef } from 'react';
 import { useId } from '../../../hooks/useId';
-import { getFormatDisabledItems } from '../../utils';
+import { getFormatDisabledItems } from '../../utils/getFormatDisabledItems';
 import { getChainId } from './utils';
 export const useLogic = ({ value, data, disabledItems, isObjectMode, }) => {
     const prefixId = useId();

package/components/TreeAsyncAutocomplete/Input/Input.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { CrossOutlineMd, DownOutlineMd } from '../../../icons';
+import { CrossOutlineMd } from '../../../icons/CrossOutlineMd';
+import { DownOutlineMd } from '../../../icons/DownOutlineMd';
 import { IconButton } from '../../IconButton';
 import { TextField } from '../../TextField';
 import { CLEAR_TEXT } from './constants';

package/components/TreeAsyncAutocomplete/Input/useLogic/useLogic.js

@@ -1,4 +1,4 @@
-import { useForwardedRef } from '../../../hooks';
+import { useForwardedRef } from '../../../hooks/useForwardedRef';
 export const useLogic = ({ value, disabled, inputRef: externalInputRef, onChange, }) => {
     const inputRef = useForwardedRef(externalInputRef);
     const handleClearAll = (event) => {

package/components/TreeAsyncAutocomplete/OptionsModal/styles.js

@@ -1,4 +1,4 @@
-import { formHelperTextClasses } from '@mui/material';
+import { formHelperTextClasses } from '@mui/material/FormHelperText';
 import { DIALOG_SIZES } from '../../Dialog';
 import { DialogContent } from '../../DialogContent';
 import { SearchField } from '../../SearchField';

package/components/TreeAsyncAutocomplete/useLogic/useLogic.js

@@ -1,5 +1,5 @@
 import { useEffect, useState, } from 'react';
-import { useAsyncOptions } from '../../hooks';
+import { useAsyncOptions } from '../../hooks/useAsyncOptions';
 import { DEFAULT_DELAY_MS, DEFAULT_MIN_SEARCH_CHARACTERS } from '../constants';
 export const useLogic = ({ onBlur, isError, value, isDisabled, fetchDelayMs = DEFAULT_DELAY_MS, fetchOptions, minSymbolsToFetch = DEFAULT_MIN_SEARCH_CHARACTERS, onDataLoadError, onChange, loadingErrorMsg, treeProps, dialogProps, onShowUserHint, ...restInputProps }) => {
     const [isOpen, setOpen] = useState(false);

package/components/TreeAutocomplete/Input/Input.d.ts

@@ -1,7 +1,3 @@
 /// <reference types="react" />
-import { type TextFieldProps } from '../../TextField';
-import type { TreeAutocompleteValue } from '../types';
-export type InputProps = Omit<TextFieldProps, 'onChange'> & {
-    onChange?: (value: TreeAutocompleteValue | undefined) => void;
-};
+import { type InputProps } from './types';
 export declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/components/TreeAutocomplete/Input/Input.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { CrossOutlineMd, DownOutlineMd } from '../../../icons';
+import { CrossOutlineMd } from '../../../icons/CrossOutlineMd';
+import { DownOutlineMd } from '../../../icons/DownOutlineMd';
 import { IconButton } from '../../IconButton';
 import { TextField } from '../../TextField';
 import { CLEAR_TEXT } from './constants';

package/components/TreeAutocomplete/Input/index.d.ts

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

package/components/TreeAutocomplete/Input/types.d.ts

@@ -0,0 +1,5 @@
+import { type TextFieldProps } from '../../TextField';
+import type { TreeAutocompleteValue } from '../types';
+export type InputProps = Omit<TextFieldProps, 'onChange'> & {
+    onChange?: (value: TreeAutocompleteValue | undefined) => void;
+};

package/components/TreeAutocomplete/Input/types.js

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

package/components/TreeAutocomplete/Input/useLogic/useLogic.d.ts

@@ -1,5 +1,5 @@
 import { type SyntheticEvent } from 'react';
-import { type InputProps } from '../Input';
+import { type InputProps } from '../types';
 type UseLogicParams = InputProps;
 export declare const useLogic: ({ value, disabled, inputRef: externalInputRef, onChange, }: UseLogicParams) => {
     inputRef: import("react").RefObject<HTMLInputElement | null>;

package/components/TreeAutocomplete/Input/useLogic/useLogic.js

@@ -1,4 +1,4 @@
-import { useForwardedRef } from '../../../hooks';
+import { useForwardedRef } from '../../../hooks/useForwardedRef';
 export const useLogic = ({ value, disabled, inputRef: externalInputRef, onChange, }) => {
     const inputRef = useForwardedRef(externalInputRef);
     const handleClearAll = (event) => {

package/components/TreeAutocomplete/OptionsModal/OptionsModal.d.ts

@@ -1,48 +1,2 @@
-import { type DialogProps } from '../../Dialog';
-import { type TreeListData, type TreeListProps } from '../../Tree';
-import type { TreeAutocompleteValue } from '../types';
-export type OptionsModalProps = Omit<DialogProps, 'open' | 'onChange'> & {
-    /**
-     * Если true, модальное окно будет открыто
-     */
-    isOpen: boolean;
-    /**
-     * Выбранное значения
-     */
-    initialValue?: TreeAutocompleteValue;
-    /**
-     * Опции, которые необходимо отобразить в виде дерева.
-     */
-    options: TreeListData[];
-    /**
-     * Флаг загрузки options
-     * Если true, вместо дерева options будет отображен лоадер
-     */
-    isLoading?: boolean;
-    /**
-     * Флаг ошибки загрузки options
-     * Если true, вместо дерева options будет отображен плейсхолдер с ошибкой
-     */
-    isLoadingError?: boolean;
-    /**
-     * Текст ошибки при загрузке данных
-     */
-    loadingErrorMsg?: string;
-    /**
-     * Функция для поиска элементов по дереву, если не определено, то будет использован встроенный поиск
-     */
-    filterOptions?: (node: TreeListData, searchValue: string) => boolean;
-    /**
-     * Предназначен для конфигурации всплывающего окна
-     */
-    treeProps?: Pick<TreeListProps, 'disabledItems' | 'renderItem'>;
-    /**
-     * Функция обработки нажатия на кнопку "Повторить запрос"
-     */
-    onRetry?: () => void;
-    /**
-     * Функция, которая запускается при выборе item
-     */
-    onChange?: (newValue?: TreeAutocompleteValue) => void;
-};
+import { type OptionsModalProps } from './types';
 export declare const OptionsModal: (props: OptionsModalProps) => import("react/jsx-runtime").JSX.Element;

package/components/TreeAutocomplete/OptionsModal/index.d.ts

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

package/components/TreeAutocomplete/OptionsModal/types.d.ts

@@ -0,0 +1,47 @@
+import { type DialogProps } from '../../Dialog';
+import { type TreeListData, type TreeListProps } from '../../Tree';
+import type { TreeAutocompleteValue } from '../types';
+export type OptionsModalProps = Omit<DialogProps, 'open' | 'onChange'> & {
+    /**
+     * Если true, модальное окно будет открыто
+     */
+    isOpen: boolean;
+    /**
+     * Выбранное значения
+     */
+    initialValue?: TreeAutocompleteValue;
+    /**
+     * Опции, которые необходимо отобразить в виде дерева.
+     */
+    options: TreeListData[];
+    /**
+     * Флаг загрузки options
+     * Если true, вместо дерева options будет отображен лоадер
+     */
+    isLoading?: boolean;
+    /**
+     * Флаг ошибки загрузки options
+     * Если true, вместо дерева options будет отображен плейсхолдер с ошибкой
+     */
+    isLoadingError?: boolean;
+    /**
+     * Текст ошибки при загрузке данных
+     */
+    loadingErrorMsg?: string;
+    /**
+     * Функция для поиска элементов по дереву, если не определено, то будет использован встроенный поиск
+     */
+    filterOptions?: (node: TreeListData, searchValue: string) => boolean;
+    /**
+     * Предназначен для конфигурации всплывающего окна
+     */
+    treeProps?: Pick<TreeListProps, 'disabledItems' | 'renderItem'>;
+    /**
+     * Функция обработки нажатия на кнопку "Повторить запрос"
+     */
+    onRetry?: () => void;
+    /**
+     * Функция, которая запускается при выборе item
+     */
+    onChange?: (newValue?: TreeAutocompleteValue) => void;
+};