@astral/ui 4.18.0-rc.2 → 4.18.1

package/components/RadioField/RadioField.d.ts

@@ -26,4 +26,4 @@ export type RadioFieldProps = Omit<RadioProps, 'title' | 'LinkComponent'> & {
 /**
  * Составной компонент radio. Содержит label, tooltip и т.п.
  */
-export declare const RadioField: ({ id, disabled, label, isError, disabledReason, formControlLabelProps, ...restFieldProps }: RadioFieldProps) => JSX.Element;
+export declare const RadioField: ({ id, disabled, label, isError, disabledReason, formControlLabelProps, ...restFieldProps }: RadioFieldProps) => import("react/jsx-runtime").JSX.Element;

package/components/RadioGroup/RadioGroupContext/RadioGroupContextProvider/RadioGroupContextProvider.d.ts

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

package/components/RadioGroup/styles.d.ts

@@ -4,7 +4,7 @@ export declare const StyledFormLabel: import("../styled").StyledComponent<import
 }, {}, {}>;
 export declare const Fieldset: 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;
 } & {
     $row?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, {}>;

package/components/RadioGroupField/RadioGroupField.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { type RadioFieldProps } from '../RadioField';
 export type RadioGroupFieldProps = Omit<RadioFieldProps, 'isError'>;
 /**
  * Компонент RadioField, адаптирован под использование внутри RadioGroup,
  * Использует контекст RadioGroupContext
  */
-export declare const RadioGroupField: (props: RadioGroupFieldProps) => JSX.Element;
+export declare const RadioGroupField: (props: RadioGroupFieldProps) => import("react/jsx-runtime").JSX.Element;

package/components/RedesignBanner/RedesignBanner.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { type RedesignBannerProps } from './types';
-export declare const RedesignBanner: (props: RedesignBannerProps) => JSX.Element | null;
+export declare const RedesignBanner: (props: RedesignBannerProps) => import("react/jsx-runtime").JSX.Element | null;

package/components/RedesignBanner/RedesignBannerDialog/RedesignBannerDialog.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { type RedesignBannerProps } from '../types';
-export declare const RedesignBannerDialog: ({ imgSrc }: RedesignBannerProps) => JSX.Element;
+export declare const RedesignBannerDialog: ({ imgSrc }: RedesignBannerProps) => import("react/jsx-runtime").JSX.Element;

package/components/RedesignBanner/RedesignBannerDialog/styles.d.ts

@@ -4,9 +4,9 @@ export declare const StyledDialogContent: import("../../styled").StyledComponent
 }, {}, {}>;
 export declare const Picture: 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<HTMLElement>, HTMLElement>, {}>;
 export declare const Description: 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<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/components/ResizingDataGrid/ResizingDataGrid.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type DataGridRow } from '../DataGrid';
 import { type ResizingDataGridProps } from './types';
 /** ⚠️**Unstable component**
@@ -8,4 +7,4 @@ import { type ResizingDataGridProps } from './types';
  * Новые значения ширин колонок сохраняются в localStorage, и будут применены при последующих рендерах.
  * Хэш ключ для сохранения в localStorage формируется на основании набора значений field и width всех колонок таблицы.
  */
-export declare const ResizingDataGrid: <TData extends DataGridRow = DataGridRow, TSortField extends keyof TData = keyof TData>({ columns, ...props }: ResizingDataGridProps<TData, TSortField>) => JSX.Element;
+export declare const ResizingDataGrid: <TData extends DataGridRow = DataGridRow, TSortField extends keyof TData = keyof TData>({ columns, ...props }: ResizingDataGridProps<TData, TSortField>) => import("react/jsx-runtime").JSX.Element;

package/components/ResizingDataGrid/Sliders/Sliders.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { type UseLogicParams } from './useLogic';
 type TableResizerProps = UseLogicParams & {
     actionsColumnWidth?: string;
 };
-export declare const Sliders: ({ actionsColumnWidth, ...props }: TableResizerProps) => JSX.Element;
+export declare const Sliders: ({ actionsColumnWidth, ...props }: TableResizerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/ResizingDataGrid/Sliders/styles.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
 export declare const Wrapper: 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;
 } & {
     actionsColumnWidth?: string | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const InputSlider: 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;
 } & {
     tableHeight?: number | undefined;
 }, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;

package/components/ResizingDataGridInfinite/ResizingDataGridInfinite.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type DataGridRow } from '../DataGrid';
 import { type ResizingDataGridInfiniteProps } from './types';
 /** ⚠️**Unstable component**
@@ -8,4 +7,4 @@ import { type ResizingDataGridInfiniteProps } from './types';
  * Новые значения ширин колонок сохраняются в localStorage, и будут применены при последующих рендерах.
  * Хэш ключ для сохранения в localStorage формируется на основании набора значений field и width всех колонок таблицы.
  */
-export declare const ResizingDataGridInfinite: <TData extends DataGridRow = DataGridRow, TSortField extends keyof TData = keyof TData>({ columns, ...props }: ResizingDataGridInfiniteProps<TData, TSortField>) => JSX.Element;
+export declare const ResizingDataGridInfinite: <TData extends DataGridRow = DataGridRow, TSortField extends keyof TData = keyof TData>({ columns, ...props }: ResizingDataGridInfiniteProps<TData, TSortField>) => import("react/jsx-runtime").JSX.Element;

package/components/ScrollToTopButton/ScrollToTopButton.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { type ButtonProps } from '../Button';
 export type ScrollToTopButtonProps = Pick<ButtonProps, 'onClick' | 'className'>;
 /**
  * Универсальная кнопка прокрутки содержимого наверх, не содержит логику
  */
-export declare const ScrollToTopButton: ({ onClick, className, }: ScrollToTopButtonProps) => JSX.Element;
+export declare const ScrollToTopButton: ({ onClick, className, }: ScrollToTopButtonProps) => import("react/jsx-runtime").JSX.Element;

package/components/SearchField/styles.d.ts

@@ -7,32 +7,30 @@ export declare const SearchIcon: import("../styled").StyledComponent<{
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledIconButton: import("../styled").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "variant"> & {
-    variant?: "light" | "link" | "outlined" | "contained" | "text" | undefined;
+export declare const StyledIconButton: import("../styled").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "variant" | "component" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+    variant?: "light" | "link" | "outlined" | "text" | "contained" | undefined;
     loading?: boolean | undefined;
     color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
-} & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, ""> & import("react").RefAttributes<HTMLButtonElement> & {
+} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     $isActive: boolean;
 }, {}, {}>;
 export declare const TextFieldRoot: 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;
 } & {
     $isFullWidth?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const LoaderWrapper: 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>, {}>;
 export declare const EndAdornmentWrapper: 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>, {}>;
 export declare const StyledLoader: import("../styled").StyledComponent<import("../Loader").LoaderProps & {
     theme?: import("@emotion/react").Theme | undefined;

package/components/SearchField/useLogic/useLogic.d.ts

@@ -1,298 +1,19 @@
-import { type ChangeEvent, type FocusEvent } from 'react';
-import type { SearchFieldProps } from '../types';
-export declare const useLogic: ({ onChange: propsOnChange, defaultValue, value, inputRef: externalInputRef, disabled, onBlur: propsOnBlur, fullWidth, isLoading, placeholder, inputComponent, hideHelperText, ...restProps }: SearchFieldProps) => {
-    restProps: {
-        label?: import("react").ReactNode;
-        slot?: string | undefined;
-        style?: import("react").CSSProperties | undefined;
-        title?: string | undefined;
-        content?: string | undefined;
-        translate?: "no" | "yes" | undefined;
-        focused?: boolean | undefined;
-        size?: import("@mui/types").OverridableStringUnion<"medium" | "small", import("@mui/material").TextFieldPropsSizeOverrides> | undefined;
-        classes?: Partial<import("@mui/material").TextFieldClasses> | undefined;
-        children?: import("react").ReactNode;
-        defaultChecked?: boolean | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        autoFocus?: boolean | undefined;
-        className?: string | undefined;
-        contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        hidden?: boolean | undefined;
-        id?: string | undefined;
-        lang?: string | undefined;
-        nonce?: string | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
-        tabIndex?: number | undefined;
-        radioGroup?: string | undefined;
-        role?: import("react").AriaRole | undefined;
-        about?: string | undefined;
-        datatype?: string | undefined;
-        inlist?: any;
-        prefix?: string | undefined;
-        property?: string | undefined;
-        rel?: string | undefined;
-        resource?: string | undefined;
-        rev?: string | undefined;
-        typeof?: string | undefined;
-        vocab?: string | undefined;
-        autoCapitalize?: string | undefined;
-        autoCorrect?: string | undefined;
-        autoSave?: string | undefined;
-        itemProp?: string | undefined;
-        itemScope?: boolean | undefined;
-        itemType?: string | undefined;
-        itemID?: string | undefined;
-        itemRef?: string | undefined;
-        results?: number | undefined;
-        security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "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;
-        dangerouslySetInnerHTML?: {
-            __html: string | TrustedHTML;
-        } | undefined;
-        onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-        onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-        onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-        onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-        onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-        onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-        onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
-        onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-        onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-        onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-        onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-        onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-        onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-        onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
-        onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
-        onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-        onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-        onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-        error?: boolean | undefined;
-        success?: boolean | undefined;
-        name?: string | undefined;
-        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-        key?: import("react").Key | null | undefined;
-        autoComplete?: string | undefined;
-        maxLength?: number | undefined;
-        required?: boolean | undefined;
-        rows?: string | number | undefined;
-        inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
-        maxRows?: string | number | undefined;
-        minRows?: string | number | undefined;
-        hiddenLabel?: boolean | undefined;
-        InputProps?: Partial<import("@mui/material").OutlinedInputProps> | Partial<import("@mui/material").FilledInputProps> | Partial<import("@mui/material").InputProps> | undefined;
-        FormHelperTextProps?: Partial<import("@mui/material").FormHelperTextProps> | undefined;
-        helperText?: import("react").ReactNode;
-        InputLabelProps?: Partial<import("@mui/material").InputLabelProps> | undefined;
-        trimmed?: boolean | undefined;
-    };
-    isLoading: boolean | undefined;
+import { type ChangeEvent, type FocusEvent, type ReactElement, type RefObject } from 'react';
+import type { InputComponentProps, SearchFieldProps } from '../types';
+type UseLogicResult = {
+    restProps: SearchFieldProps;
+    isLoading?: boolean;
     placeholder: string;
-    inputComponent: ((props: import("../types").InputComponentProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
+    inputComponent?: (props: InputComponentProps) => ReactElement;
     onChange: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    fullWidth: boolean | undefined;
+    fullWidth?: boolean;
     onClearValue: () => void;
-    inputRef: import("react").RefObject<HTMLInputElement>;
+    inputRef: RefObject<HTMLInputElement | null>;
     value: string;
-    disabled: boolean | undefined;
+    disabled?: boolean;
     isClearButtonDisabled: boolean;
     onBlur: (event: FocusEvent<HTMLInputElement>) => void;
-    hideHelperText: boolean;
+    hideHelperText?: boolean;
 };
+export declare const useLogic: ({ onChange: propsOnChange, defaultValue, value, inputRef: externalInputRef, disabled, onBlur: propsOnBlur, fullWidth, isLoading, placeholder, inputComponent, hideHelperText, ...restProps }: SearchFieldProps) => UseLogicResult;
+export {};

package/components/Select/Select.d.ts

@@ -84,4 +84,4 @@ export declare const Select: <TValue>(props: WithoutEmotionSpecific<Omit<MuiSele
      * Выполняется при открытии поповера со списком элементов
      */
     onOpen?: VoidFunction | undefined;
-} & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+} & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

package/components/Select/styles.d.ts

@@ -1,25 +1,23 @@
 /// <reference types="react" />
 export declare const StateWrapper: 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>, {}>;
 export declare const EndAdornmentWrapper: 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>, {}>;
-export declare const Placeholder: import("../styled").StyledComponent<import("..").WithoutEmotionSpecific<import("@mui/material").MenuItemProps> & {
+export declare const Placeholder: import("../styled").StyledComponent<import("..").WithoutEmotionSpecific<Omit<import("@mui/material").MenuItemProps, "component">> & {
     disabledReason?: string | undefined;
     note?: string | undefined;
     tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
     component?: import("react").ElementType | undefined;
     href?: string | undefined;
-} & Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
-    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
-} & import("react").RefAttributes<HTMLLIElement> & {
+} & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledSelect: import("../styled").StyledComponent<import("@mui/material").SelectProps<unknown> & {
+export declare const StyledSelect: import("../styled").StyledComponent<(import("@mui/material").SelectProps<unknown> & {
     theme?: import("@emotion/react").Theme | undefined;
-} & {
+}) & {
     $isShowingPlaceholder: boolean;
 }, {}, {}>;

package/components/Select/useLogic/useLogic.d.ts

@@ -4,7 +4,7 @@ export declare const useLogic: <TValue>({ value, onChange, children, open: exter
     isOpened: boolean;
     isNoData: boolean;
     isShowingClearButton: boolean;
-    resetButtonRef: import("react").RefObject<HTMLButtonElement>;
+    resetButtonRef: import("react").RefObject<HTMLButtonElement | null>;
     openSelect: () => void;
     closeSelect: (e: SyntheticEvent) => void;
     onClearAll: () => void;

package/components/Select/useLogic/useLogic.js

@@ -1,7 +1,7 @@
 import { menuItemClasses } from '@mui/material';
 import { Children, isValidElement, useRef, useState, } from 'react';
 import { MenuItem } from '../../MenuItem';
-import { getNodeText } from '../../utils';
+import { getNodeText, isSyncReactElement } from '../../utils';
 import { SELECT_ALL_VALUE } from '../constants';
 export const useLogic = ({ value, onChange, children, open: externalIsOpened, defaultOpen, multiple, isEnableAllSelection, isShowClearButton = true, valueOptions, onSelectAll, onUnselectAll, name, placeholder, onClose, onOpen, loading, }) => {
     const [isOpened, setOpened] = useState(!loading && (defaultOpen || externalIsOpened || false));
@@ -61,7 +61,9 @@ export const useLogic = ({ value, onChange, children, open: externalIsOpened, de
         };
     };
     const handleChangeOption = (event, child) => {
-        const isSelectAllEvent = isValidElement(child) && child.props.value === SELECT_ALL_VALUE;
+        const isSelectAllEvent = isValidElement(child) &&
+            isSyncReactElement(child) &&
+            child.props.value === SELECT_ALL_VALUE;
         const targetEvent = event;
         const targetValue = targetEvent.target.value;
         if (isSelectAllEvent) {
@@ -100,7 +102,9 @@ export const useLogic = ({ value, onChange, children, open: externalIsOpened, de
                 continue;
             }
             //Возвращаем текст из выбранного MenuItem
-            if (node.type === MenuItem && node.props.value === selectedValue) {
+            if (node.type === MenuItem &&
+                isSyncReactElement(node) &&
+                node.props.value === selectedValue) {
                 return getNodeText(node.props.children);
             }
         }

package/components/SideDialog/SideDialog.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type DrawerProps as MuiDrawerProps } from '@mui/material';
 import { type WithoutEmotionSpecific } from '../types';
 type SideDialogSize = 'xs' | 'sm' | 'md' | 'lg';
@@ -10,5 +9,5 @@ export type SideDialogProps = WithoutEmotionSpecific<Omit<MuiDrawerProps, 'ancho
      */
     size?: SideDialogSize;
 };
-export declare const SideDialog: ({ children, title, onClose, open, size, ...props }: SideDialogProps) => JSX.Element;
+export declare const SideDialog: ({ children, title, onClose, open, size, ...props }: SideDialogProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/SideDialogActions/SideDialogActions.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { type SideDialogActionsProps } from './types';
-export declare const SideDialogActions: (props: SideDialogActionsProps) => JSX.Element;
+export declare const SideDialogActions: (props: SideDialogActionsProps) => import("react/jsx-runtime").JSX.Element;

package/components/SideDialogActions/styles.js

@@ -3,7 +3,7 @@ import { styled } from '../styled';
 export const StyledDialogActions = styled(DialogActions) `
   position: relative;
 
-  padding-top: ${({ theme }) => theme.spacing(6)};
+  padding: ${({ theme }) => theme.spacing(4, 6)};
 
   /* Декоративный разделитель между действиями и контентной частью SideDialog */
   &::after {

package/components/SideDialogContent/SideDialogContent.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { type SideDialogContentProps } from './types';
-export declare const SideDialogContent: (props: SideDialogContentProps) => JSX.Element;
+export declare const SideDialogContent: (props: SideDialogContentProps) => import("react/jsx-runtime").JSX.Element;

package/components/SideDialogContent/styles.js

@@ -1,6 +1,5 @@
 import { DialogContent } from '../DialogContent';
 import { styled } from '../styled';
 export const StyledDialogContent = styled(DialogContent) `
-  padding-top: ${({ theme }) => theme.spacing(4)};
-  padding-bottom: 0;
+  padding: ${({ theme }) => theme.spacing(4, 6)};
 `;