@astral/ui 4.18.0-rc.2 → 4.18.0

package/components/ToggleButton/styles.js

@@ -60,29 +60,29 @@ export const StyledToggleButton = styled(MuiToggleButton, {
 
   border-radius: ${({ theme }) => theme.shape.medium};
   
-  ${({ theme, selected, $color, disabled }) => toggleButtonColorStyle({ theme, color: $color, disabled, selected })}
+  ${({ theme, $color, disabled }) => toggleButtonColorStyle({ theme, color: $color, disabled })}
 
   &:hover {
-    ${({ theme, $color, selected, disabled }) => toggleButtonColorStyle({ theme, color: $color, selected, disabled, state: 'hover' })};
+    ${({ theme, $color, disabled }) => toggleButtonColorStyle({ theme, color: $color, disabled, state: 'hover' })};
   }
   
   &:active {
     z-index: 3;
 
-    ${({ theme, $color, selected, disabled }) => toggleButtonColorStyle({ theme, color: $color, selected, disabled, state: 'active' })};
+    ${({ theme, $color, disabled }) => toggleButtonColorStyle({ theme, color: $color, disabled, state: 'active' })};
   }
   
   &.${toggleButtonClasses.selected} {
     z-index: 2;
 
-    ${({ theme, selected, $color, disabled }) => toggleButtonColorStyle({ theme, color: $color, disabled, selected })}
+    ${({ theme, $color, disabled }) => toggleButtonColorStyle({ theme, color: $color, disabled, selected: true })}
 
     &:hover {
-      ${({ theme, $color, selected, disabled }) => toggleButtonColorStyle({ theme, color: $color, selected, disabled, state: 'hover' })};
+      ${({ theme, $color, disabled }) => toggleButtonColorStyle({ theme, color: $color, selected: true, disabled, state: 'hover' })};
     }
     
     &:active {
-      ${({ theme, $color, selected, disabled }) => toggleButtonColorStyle({ theme, color: $color, selected, disabled, state: 'active' })};
+      ${({ theme, $color, disabled }) => toggleButtonColorStyle({ theme, color: $color, selected: true, disabled, state: 'active' })};
     }
   }
 
@@ -93,15 +93,37 @@ export const StyledToggleButton = styled(MuiToggleButton, {
   }
   
   &.${buttonBaseClasses.root}.${toggleButtonGroupClasses.grouped}:not(:first-of-type) {
-    border-left-color: ${({ theme, $color, selected }) => getBorderColor({ theme, color: $color, isSelected: selected })};
-    
+     border-left-color: ${({ theme, $color }) => getBorderColor({ theme, color: $color })};
+
+  &:hover {
+    border-left-color: ${({ theme, $color }) => getBorderColor({ theme, color: $color, state: 'hover' })};
+  }
+
+  &:active {
+    border-left-color: ${({ theme, $color }) => getBorderColor({ theme, color: $color, state: 'active' })};
+  }
+
+  &.${toggleButtonClasses.selected} {
+    border-left-color: ${({ theme, $color }) => getBorderColor({ theme, color: $color, isSelected: true })};
+
     &:hover {
-      border-left-color: ${({ theme, $color, selected }) => getBorderColor({ theme, color: $color, isSelected: selected, state: 'hover' })};
+      border-left-color: ${({ theme, $color }) => getBorderColor({
+    theme,
+    color: $color,
+    isSelected: true,
+    state: 'hover',
+})};
     }
-    
+
     &:active {
-      border-left-color: ${({ theme, $color, selected }) => getBorderColor({ theme, color: $color, isSelected: selected, state: 'active' })};
+      border-left-color: ${({ theme, $color }) => getBorderColor({
+    theme,
+    color: $color,
+    isSelected: true,
+    state: 'active',
+})};
     }
+  }
     
     &.${buttonClasses.focusVisible} {
       z-index: 3;

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

@@ -14,29 +14,30 @@ export declare const useLogic: ({ selected, color, counter, children, disabled,
         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;
-        fullWidth?: boolean | undefined;
-        size?: import("@mui/types").OverridableStringUnion<"large" | "medium" | "small", import("@mui/material").ToggleButtonPropsSizeOverrides> | undefined;
         classes?: (Partial<import("@mui/material").ToggleButtonClasses> & Partial<import("@mui/material").ClassNameMap<never>>) | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        onChange?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>, value: any) => void) | 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;
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
+        autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
         autoFocus?: boolean | undefined;
-        className?: string | undefined;
-        contentEditable?: "inherit" | (boolean | "true" | "false") | 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;
         hidden?: boolean | undefined;
         id?: string | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
-        placeholder?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
         tabIndex?: number | undefined;
         radioGroup?: string | undefined;
@@ -51,7 +52,6 @@ export declare const useLogic: ({ selected, color, counter, children, disabled,
         rev?: string | undefined;
         typeof?: string | undefined;
         vocab?: string | undefined;
-        autoCapitalize?: string | undefined;
         autoCorrect?: string | undefined;
         autoSave?: string | undefined;
         itemProp?: string | undefined;
@@ -61,57 +61,67 @@ export declare const useLogic: ({ selected, color, counter, children, disabled,
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        unselectable?: "off" | "on" | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined;
+        popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+        popoverTarget?: string | undefined;
+        inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
-        'aria-activedescendant'?: string | undefined;
-        'aria-atomic'?: (boolean | "true" | "false") | undefined;
-        'aria-autocomplete'?: "inline" | "none" | "list" | "both" | undefined;
-        'aria-busy'?: (boolean | "true" | "false") | undefined;
-        'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
-        'aria-colcount'?: number | undefined;
-        'aria-colindex'?: number | undefined;
-        'aria-colspan'?: number | undefined;
-        'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
-        'aria-describedby'?: string | undefined;
-        'aria-details'?: string | undefined;
-        'aria-disabled'?: (boolean | "true" | "false") | undefined;
-        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
-        'aria-errormessage'?: string | undefined;
-        '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-hidden'?: (boolean | "true" | "false") | undefined;
-        'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-        'aria-keyshortcuts'?: string | undefined;
-        'aria-label'?: string | undefined;
-        'aria-labelledby'?: string | undefined;
-        'aria-level'?: number | undefined;
-        'aria-live'?: "off" | "assertive" | "polite" | undefined;
-        'aria-modal'?: (boolean | "true" | "false") | undefined;
-        'aria-multiline'?: (boolean | "true" | "false") | undefined;
-        'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
-        'aria-orientation'?: "horizontal" | "vertical" | undefined;
-        'aria-owns'?: string | undefined;
-        'aria-placeholder'?: string | undefined;
-        '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-required'?: (boolean | "true" | "false") | undefined;
-        'aria-roledescription'?: string | undefined;
-        'aria-rowcount'?: number | undefined;
-        'aria-rowindex'?: number | undefined;
-        'aria-rowspan'?: number | undefined;
-        'aria-selected'?: (boolean | "true" | "false") | undefined;
-        'aria-setsize'?: number | undefined;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-        'aria-valuemax'?: number | undefined;
-        'aria-valuemin'?: number | undefined;
-        'aria-valuenow'?: number | undefined;
-        'aria-valuetext'?: 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-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
+        "aria-busy"?: (boolean | "true" | "false") | undefined;
+        "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+        "aria-colcount"?: number | undefined;
+        "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
+        "aria-colspan"?: number | undefined;
+        "aria-controls"?: string | undefined;
+        "aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
+        "aria-details"?: string | undefined;
+        "aria-disabled"?: (boolean | "true" | "false") | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+        "aria-errormessage"?: string | undefined;
+        "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-hidden"?: (boolean | "true" | "false") | undefined;
+        "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+        "aria-keyshortcuts"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        "aria-level"?: number | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-modal"?: (boolean | "true" | "false") | undefined;
+        "aria-multiline"?: (boolean | "true" | "false") | undefined;
+        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined;
+        "aria-owns"?: string | undefined;
+        "aria-placeholder"?: string | undefined;
+        "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-required"?: (boolean | "true" | "false") | undefined;
+        "aria-roledescription"?: string | undefined;
+        "aria-rowcount"?: number | undefined;
+        "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
+        "aria-rowspan"?: number | undefined;
+        "aria-selected"?: (boolean | "true" | "false") | undefined;
+        "aria-setsize"?: number | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+        "aria-valuemax"?: number | undefined;
+        "aria-valuemin"?: number | undefined;
+        "aria-valuenow"?: number | undefined;
+        "aria-valuetext"?: string | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined;
@@ -131,17 +141,18 @@ export declare const useLogic: ({ selected, color, counter, children, disabled,
         onFocusCapture?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
-        onChangeCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInput?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onInput?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onReset?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onResetCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmit?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmitCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalid?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalidCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+        onChange?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>, value: any) => void) | undefined;
+        onChangeCapture?: import("react").ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+        onBeforeInput?: import("react").InputEventHandler<HTMLButtonElement> | undefined;
+        onBeforeInputCapture?: import("react").InputEventHandler<HTMLButtonElement> | undefined;
+        onInput?: import("react").InputEventHandler<HTMLButtonElement> | undefined;
+        onInputCapture?: import("react").InputEventHandler<HTMLButtonElement> | undefined;
+        onReset?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onResetCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onSubmit?: import("react").SubmitEventHandler<HTMLButtonElement> | undefined;
+        onSubmitCapture?: import("react").SubmitEventHandler<HTMLButtonElement> | undefined;
+        onInvalid?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onInvalidCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
@@ -182,8 +193,6 @@ export declare const useLogic: ({ selected, color, counter, children, disabled,
         onProgressCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onRateChange?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onRateChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onResize?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onResizeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onSeeked?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onSeekedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onSeeking?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
@@ -253,9 +262,7 @@ export declare const useLogic: ({ selected, color, counter, children, disabled,
         onPointerCancel?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
@@ -266,6 +273,8 @@ export declare const useLogic: ({ selected, color, counter, children, disabled,
         onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
         onScroll?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
         onScrollCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+        onScrollEnd?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+        onScrollEndCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
         onWheel?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
         onWheelCapture?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
         onAnimationStart?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
@@ -274,23 +283,32 @@ export declare const useLogic: ({ selected, color, counter, children, disabled,
         onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
         onAnimationIteration?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
         onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+        onToggle?: import("react").ToggleEventHandler<HTMLButtonElement> | undefined;
+        onBeforeToggle?: import("react").ToggleEventHandler<HTMLButtonElement> | undefined;
+        onTransitionCancel?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionRun?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+        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;
+        size?: import("@mui/types").OverridableStringUnion<"large" | "medium" | "small", import("@mui/material").ToggleButtonPropsSizeOverrides> | undefined;
         name?: string | undefined;
         type?: "button" | "submit" | "reset" | undefined;
-        ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-        key?: import("react").Key | null | undefined;
         centerRipple?: boolean | undefined;
         disableRipple?: boolean | undefined;
         disableTouchRipple?: boolean | undefined;
         focusRipple?: boolean | undefined;
         focusVisibleClassName?: string | undefined;
-        LinkComponent?: import("react").ElementType<any> | undefined;
+        LinkComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
         TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
         touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
         disableFocusRipple?: boolean | undefined;
-        formAction?: string | undefined;
+        formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;

package/components/ToggleButtonGroup/ToggleButtonGroupContext/ToggleButtonGroupContextProvider/ToggleButtonGroupContextProvider.d.ts

@@ -3,4 +3,4 @@ import { type ToggleButtonGroupContextProps } from '../ToggleButtonGroupContext'
 export type Props = ToggleButtonGroupContextProps & {
     children: ReactNode;
 };
-export declare const ToggleButtonGroupContextProvider: ({ children, isError, }: Props) => JSX.Element;
+export declare const ToggleButtonGroupContextProvider: ({ children, isError, }: Props) => import("react/jsx-runtime").JSX.Element;

package/components/Tooltip/styles.d.ts

@@ -9,5 +9,5 @@ export declare const StyledTooltip: import("../styled").StyledComponent<WithoutE
 }, {}, {}>;
 export declare const ContentWrapper: import("../styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type MultipleTreeListProps, type MultipleValue } from './types';
 export type { MultipleTreeListProps };
-export declare const MultipleTreeList: <TValue extends MultipleValue = string[]>({ data, value, className, expandedLevel, disabledItems, ...props }: MultipleTreeListProps<TValue>) => JSX.Element;
+export declare const MultipleTreeList: <TValue extends MultipleValue = string[]>({ data, value, className, expandedLevel, disabledItems, ...props }: MultipleTreeListProps<TValue>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { type FunctionComponent } from 'react';
+import type { SyncFunctionComponent } from '../../../types';
 import type { TreeListData } from '../../types';
 import type { MultipleValue } from '../types';
 export type FormatDisableItem = {
@@ -14,7 +14,7 @@ export type TreeItemProps<TValue extends MultipleValue = string[]> = {
     /**
      * Render-props, позволяет более гибко настраивать содержимое item
      */
-    renderItem?: FunctionComponent<Omit<TreeListData, 'children'>>;
+    renderItem?: SyncFunctionComponent<Omit<TreeListData, 'children'>>;
     /**
      * Уровень вложенности в дереве
      */
@@ -41,4 +41,4 @@ export type TreeItemProps<TValue extends MultipleValue = string[]> = {
      */
     isObjectMode?: boolean;
 };
-export declare const TreeItem: <TValue extends MultipleValue = string[]>(props: TreeItemProps<TValue>) => JSX.Element;
+export declare const TreeItem: <TValue extends MultipleValue = string[]>(props: TreeItemProps<TValue>) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,7 +3,7 @@ export declare const StyledCheckbox: import("../../../styled").StyledComponent<i
     checked?: boolean | undefined;
     indeterminate?: boolean | undefined;
     isError?: boolean | undefined;
-    onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>, checked: boolean) => void) | undefined;
+    onChange?: ((event: import("react").ChangeEvent<HTMLInputElement, Element>, checked: boolean) => void) | undefined;
     name?: string | undefined;
     value?: string | undefined;
     defaultChecked?: boolean | undefined;
@@ -20,7 +20,7 @@ export declare const StyledTreeItem: import("../../../styled").StyledComponent<{
     isSelected: boolean;
     label: import("react").ReactNode;
     note?: import("react").ReactNode;
-    renderItem?: import("react").FunctionComponent<Omit<import("../..").TreeListData, "children">> | undefined;
+    renderItem?: import("../../..").SyncFunctionComponent<Omit<import("../..").TreeListData, "children">> | undefined;
     children?: import("react").ReactNode;
     component?: import("react").ElementType | undefined;
     level: number;
@@ -35,5 +35,5 @@ export declare const StyledTreeItem: import("../../../styled").StyledComponent<{
 }, {}, {}>;
 export declare const List: import("../../../styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const List: import("../../styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;

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

@@ -1,4 +1,4 @@
-import { type FunctionComponent } from 'react';
+import type { SyncFunctionComponent } from '../../types';
 import type { TreeListData } from '../types';
 export type MultipleValue = TreeListData[] | string[] | undefined;
 export type DisabledItemValue = string | {
@@ -35,7 +35,7 @@ export type MultipleTreeListProps<TValue extends MultipleValue = string[]> = {
     /**
      * Render-props, позволяет более гибко настраивать содержимое item
      */
-    renderItem?: FunctionComponent<Omit<TreeListData, 'children'>>;
+    renderItem?: SyncFunctionComponent<Omit<TreeListData, 'children'>>;
     /**
      * Функция, которая запускается при изменении состояния.
      */

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

@@ -1,4 +1,5 @@
-import { type ComponentProps, type ElementType, type FunctionComponent, type ReactNode, type SyntheticEvent } from 'react';
+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> = {
     /**
@@ -24,7 +25,7 @@ export type TreeItemProps<TComponent extends ElementType = ElementType> = {
     /**
      * Render-props, позволяет более гибко настраивать содержимое item
      */
-    renderItem?: FunctionComponent<Omit<TreeListData, 'children'>>;
+    renderItem?: SyncFunctionComponent<Omit<TreeListData, 'children'>>;
     /**
      * Содержимое, отображающееся при раскрытии элемента.
      * При наличии children item будет отображен как родительский элемент.
@@ -67,4 +68,4 @@ export type TreeItemProps<TComponent extends ElementType = ElementType> = {
      */
     onClick?: (event: SyntheticEvent) => void;
 } & Omit<ComponentProps<TComponent>, ''>;
-export declare const TreeItem: (props: TreeItemProps) => JSX.Element;
+export declare const TreeItem: (props: TreeItemProps) => import("react/jsx-runtime").JSX.Element;

package/components/Tree/TreeItem/TreeItem.js

@@ -1,15 +1,15 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Collapse } from '../../Collapse';
 import { Tooltip } from '../../Tooltip';
 import { TOOLTIP_PLACEMENT, treeClassnames } from './constants';
-import { ChevronIcon, CollapseButton, Item, ItemContent, Label, LabelWrapper, Note, } from './styles';
+import { ChevronIcon, CollapseButton, Item, ItemContent, ItemWrapper, Label, LabelWrapper, Note, } from './styles';
 import { useLogic } from './useLogic';
 export const TreeItem = (props) => {
     const { isOpen, handleToggle, itemProps, itemContentProps, tooltipProps } = useLogic(props);
     const { id, prefixId, label, note, renderItem, children, className, isSelected, isDisabled = false, disabledReason, isDefaultExpanded, isForceExpanded, isNotBlockingExpandList = false, level = 0, component = 'div', onClick, ...restProps } = props;
     const renderCollapseButton = () => (_jsx(CollapseButton, { "$isNotBlockingExpandList": isNotBlockingExpandList, disabled: !isNotBlockingExpandList && isDisabled, variant: "text", onClick: handleToggle, children: _jsx(ChevronIcon, { "$isActive": isOpen }) }));
     if (children) {
-        return (_jsxs(Item, { ...restProps, "$level": level, as: component, className: className, ...itemProps, children: [_jsx(ItemContent, { "$isSelected": isSelected, "$isDisabled": isDisabled, "$level": level, ...itemContentProps, children: _jsx(Tooltip, { placement: TOOLTIP_PLACEMENT, ...tooltipProps, children: renderItem ? (_jsxs(LabelWrapper, { "$level": level, children: [renderCollapseButton(), renderItem({ label, note, id })] })) : (_jsxs(_Fragment, { children: [_jsxs(LabelWrapper, { "$level": level, children: [renderCollapseButton(), _jsx(Label, { component: "div", children: label })] }), note && (_jsx(Note, { className: treeClassnames.note, variant: "caption", color: "textSecondary", children: note }))] })) }) }), _jsx(Collapse, { in: isOpen, unmountOnExit: true, children: children })] }));
+        return (_jsxs(Item, { ...restProps, "$level": level, as: component, className: className, ...itemProps, children: [_jsx(ItemContent, { "$isSelected": isSelected, "$isDisabled": isDisabled, "$level": level, ...itemContentProps, children: _jsx(Tooltip, { placement: TOOLTIP_PLACEMENT, ...tooltipProps, children: renderItem ? (_jsxs(LabelWrapper, { "$level": level, children: [renderCollapseButton(), renderItem({ label, note, id })] })) : (_jsxs(ItemWrapper, { children: [_jsxs(LabelWrapper, { "$level": level, children: [renderCollapseButton(), _jsx(Label, { component: "div", children: label })] }), note && (_jsx(Note, { className: treeClassnames.note, variant: "caption", color: "textSecondary", children: note }))] })) }) }), _jsx(Collapse, { in: isOpen, unmountOnExit: true, children: children })] }));
     }
-    return (_jsx(Item, { ...restProps, "$level": level, as: component, className: className, ...itemProps, children: _jsx(ItemContent, { "$isSelected": isSelected, "$isDisabled": isDisabled, "$level": level, ...itemContentProps, children: _jsx(Tooltip, { placement: TOOLTIP_PLACEMENT, ...tooltipProps, children: renderItem ? (_jsx(LabelWrapper, { "$level": level, children: renderItem({ label, note, id }) })) : (_jsxs(_Fragment, { children: [_jsx(LabelWrapper, { "$level": level, children: _jsx(Label, { component: "div", children: label }) }), note && (_jsx(Note, { className: treeClassnames.note, variant: "caption", color: "textSecondary", children: note }))] })) }) }) }));
+    return (_jsx(Item, { ...restProps, "$level": level, as: component, className: className, ...itemProps, children: _jsx(ItemContent, { "$isSelected": isSelected, "$isDisabled": isDisabled, "$level": level, ...itemContentProps, children: _jsx(Tooltip, { placement: TOOLTIP_PLACEMENT, ...tooltipProps, children: renderItem ? (_jsx(LabelWrapper, { "$level": level, children: renderItem({ label, note, id }) })) : (_jsxs(ItemWrapper, { children: [_jsx(LabelWrapper, { "$level": level, children: _jsx(Label, { component: "div", children: label }) }), note && (_jsx(Note, { className: treeClassnames.note, variant: "caption", color: "textSecondary", children: note }))] })) }) }) }));
 };