@astral/ui 4.18.0-rc.2 → 4.18.0

package/components/DataGrid/Loader/styles.d.ts

@@ -1,14 +1,14 @@
 /// <reference types="react" />
 export declare const Backdrop: 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 StyledDivider: import("../../styled").StyledComponent<import("../../Divider").DividerProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 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 StyledLinearProgress: import("../../styled").StyledComponent<import("@mui/material").LinearProgressProps & {
     theme?: import("@emotion/react").Theme | undefined;

package/components/DataGrid/NoData/NoData.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type PlaceholderSize } from '../../placeholders';
 export type NoDataProps = {
     /**
@@ -26,4 +25,4 @@ export type NoDataProps = {
      */
     size?: PlaceholderSize;
 };
-export declare const NoData: ({ title, imgAlt, action, size, }: NoDataProps) => JSX.Element;
+export declare const NoData: ({ title, imgAlt, action, size, }: NoDataProps) => import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/Row/NestedChildren/NestedChildren.d.ts

@@ -52,4 +52,4 @@ export type NestedChildrenProps<TData extends Record<string, CellValue>> = {
         className?: string;
     }) => ReactElement;
 };
-export declare const NestedChildren: import("react").MemoExoticComponent<(<TData extends Record<string, unknown>>(props: NestedChildrenProps<TData>) => JSX.Element | null)>;
+export declare const NestedChildren: import("react").MemoExoticComponent<(<TData extends Record<string, unknown>>(props: NestedChildrenProps<TData>) => import("react/jsx-runtime").JSX.Element | null)>;

package/components/DataGrid/Row/NestedChildren/styles.d.ts

@@ -1,28 +1,26 @@
 /// <reference types="react" />
 export declare const NestedRows: 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;
 } & {
     $level: number;
     $isShowConnector: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
 export declare const MoreButtonRow: 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;
 } & {
     $level: number;
     $isShowConnector: boolean;
     $gridColumns: string;
 }, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
-export declare const MoreButton: 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 MoreButton: 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;
 } & {
     $moreButtonColumnPosition: number;

package/components/DataGrid/Row/Row.d.ts

@@ -92,4 +92,4 @@ export type RowProps<TData extends Record<string, CellValue>> = {
      */
     onRowClick?: (row: TData) => void;
 };
-export declare const Row: <TData extends Record<string, unknown>>(props: RowProps<TData>) => JSX.Element;
+export declare const Row: <TData extends Record<string, unknown>>(props: RowProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/Row/Row.js

@@ -3,6 +3,7 @@ import { memo, useCallback } from 'react';
 import { Checkbox } from '../../Checkbox';
 import { useHidePersonalData } from '../../personalDataSecurity';
 import { Tooltip } from '../../Tooltip';
+import { getInertProps } from '../../utils';
 import { checkIsDeepEqual } from '../../utils/checkIsDeepEqual';
 import { DISABLE_ROW_ATTR } from './constants';
 import { NestedChildren } from './NestedChildren';
@@ -20,7 +21,7 @@ const RowComponent = (props) => {
         if (!isRenderCollapseButton && (!isSelectable || isNotSelectable)) {
             return null;
         }
-        return (_jsxs(_Fragment, { children: [isRenderCollapseButton && (_jsx(CollapseCell, { children: _jsx(CollapseButton, { variant: "text", onClick: handleToggle, children: _jsx(ChevronIcon, { "$isActive": isOpen }) }) })), isSelectable && !isNotSelectable && (_jsx(CheckboxCell, { inert: disabled ? '' : undefined, onClick: (event) => event.stopPropagation(), children: _jsx(Checkbox, { ...checkboxProps }) }))] }));
+        return (_jsxs(_Fragment, { children: [isRenderCollapseButton && (_jsx(CollapseCell, { children: _jsx(CollapseButton, { variant: "text", onClick: handleToggle, children: _jsx(ChevronIcon, { "$isActive": isOpen }) }) })), isSelectable && !isNotSelectable && (_jsx(CheckboxCell, { ...getInertProps(disabled), onClick: (event) => event.stopPropagation(), children: _jsx(Checkbox, { ...checkboxProps }) }))] }));
     };
     const hidePersonalDataClassname = useHidePersonalData();
     const renderCells = useCallback(() => {

package/components/DataGrid/Row/RowContext/RowProvider/RowProvider.d.ts

@@ -2,5 +2,5 @@ import { type ReactNode } from 'react';
 type RowContextProviderProps = {
     children: ReactNode;
 };
-export declare const RowContextProvider: ({ children }: RowContextProviderProps) => JSX.Element;
+export declare const RowContextProvider: ({ children }: RowContextProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/DataGrid/Row/styles.d.ts

@@ -1,14 +1,14 @@
 /// <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;
 } & {
     $isShowConnector: boolean;
     $level: number;
 }, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
 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;
 } & {
     $isShowConnector: boolean;
     $isHovered?: boolean | undefined;
@@ -23,21 +23,19 @@ export declare const CellStyled: import("../../styled").StyledComponent<import("
 }, {}, {}>;
 export declare const CheckboxCell: 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 CollapseCell: 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 CollapseButton: 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 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;
     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;
 }, {}, {}>;
 export declare const ChevronIcon: import("../../styled").StyledComponent<{

package/components/DataGrid/Row/useLogic/useLogic.d.ts

@@ -25,7 +25,7 @@ export declare const useLogic: <TData extends Record<string, unknown>>({ keyId,
     checkboxProps: {
         checked: boolean | undefined;
         disabled: boolean | undefined;
-        onChange: (event: import("react").ChangeEvent<HTMLInputElement>) => void;
+        onChange: (event: import("react").ChangeEvent<HTMLInputElement, Element>) => void;
     };
     nestedChildrenProps: {
         isOpen: boolean;

package/components/DataGrid/styles.d.ts

@@ -1,20 +1,20 @@
 /// <reference types="react" />
 export declare const Container: 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;
 } & {
     $maxHeight?: number | undefined;
     $isAllowHorizontalScroll?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DataGridWrapper: 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;
 } & {
     $isAllowHorizontalScroll?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DisabledDataGridWrapper: 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;
 } & {
     $isAllowHorizontalScroll?: boolean | undefined;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {

package/components/DataGridActionCell/ActionCellContext/ActionCellProvider/ActionCellProvider.d.ts

@@ -4,5 +4,5 @@ type ActionCellContextProviderProps<TAction> = {
     children: ReactNode;
     onActionClick: ActionCellHandler<TAction>;
 };
-export declare const ActionCellContextProvider: <TAction>({ children, onActionClick, }: ActionCellContextProviderProps<TAction>) => JSX.Element;
+export declare const ActionCellContextProvider: <TAction>({ children, onActionClick, }: ActionCellContextProviderProps<TAction>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/DataGridActionCell/DataGridActionCell.d.ts

@@ -36,4 +36,4 @@ export type DataGridActionCellProps<TRow> = {
      */
     row: TRow;
 };
-export declare const DataGridActionCell: <TRow>(props: DataGridActionCellProps<TRow>) => JSX.Element;
+export declare const DataGridActionCell: <TRow>(props: DataGridActionCellProps<TRow>) => import("react/jsx-runtime").JSX.Element;

package/components/DataGridActionCell/DataGridMainActions/Action/Action.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type TooltipProps } from '../../../Tooltip';
 import type { ActionCellHandler, MainActionKind } from '../../types';
 type MainActionProps<TAction> = {
@@ -19,5 +18,5 @@ type MainActionProps<TAction> = {
      */
     tooltipPlacement?: TooltipProps['placement'];
 };
-export declare const Action: <TAction>({ action, onActionClick, isDisabled, tooltipPlacement, }: MainActionProps<TAction>) => JSX.Element;
+export declare const Action: <TAction>({ action, onActionClick, isDisabled, tooltipPlacement, }: MainActionProps<TAction>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/DataGridActionCell/DataGridMainActions/Action/MainIconButton/MainIconButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type IconButtonProps } from '../../../../IconButton';
 import { type TooltipProps } from '../../../../Tooltip';
 import { type ActionCellHandler, type SingleAction } from '../../../types';
@@ -17,4 +16,4 @@ export type MainIconButtonProps<TAction> = {
      */
     tooltipPlacement?: TooltipProps['placement'];
 };
-export declare const MainIconButton: <TAction>(props: MainIconButtonProps<TAction>) => JSX.Element;
+export declare const MainIconButton: <TAction>(props: MainIconButtonProps<TAction>) => import("react/jsx-runtime").JSX.Element;

package/components/DataGridActionCell/DataGridMainActions/DataGridMainActions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MainActionKind } from '../types';
 export type DataGridMainActionsProps<TAction> = {
     /**
@@ -28,4 +27,4 @@ export type DataGridMainActionsProps<TAction> = {
  * />
  * ```
  */
-export declare const DataGridMainActions: <TAction>({ actions, }: DataGridMainActionsProps<TAction>) => JSX.Element;
+export declare const DataGridMainActions: <TAction>({ actions, }: DataGridMainActionsProps<TAction>) => import("react/jsx-runtime").JSX.Element;

package/components/DataGridActionCell/DataGridSecondaryActions/DataGridSecondaryActions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SecondaryActionKind } from '../types';
 export type DataGridSecondaryActionsProps<TAction> = {
     /**
@@ -45,4 +44,4 @@ export type DataGridSecondaryActionsProps<TAction> = {
  * />
  * ```
  */
-export declare const DataGridSecondaryActions: <TAction>({ actions, isLoading, }: DataGridSecondaryActionsProps<TAction>) => JSX.Element;
+export declare const DataGridSecondaryActions: <TAction>({ actions, isLoading, }: DataGridSecondaryActionsProps<TAction>) => import("react/jsx-runtime").JSX.Element;

package/components/DataGridActionCell/DataGridSecondaryActions/DataGridSecondaryActionsSkeleton/DataGridSecondaryActionsSkeleton.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const DataGridSecondaryActionsSkeleton: () => JSX.Element;
+export declare const DataGridSecondaryActionsSkeleton: () => import("react/jsx-runtime").JSX.Element;

package/components/DataGridActionCell/DataGridSecondaryActions/DataGridSecondaryActionsSkeleton/styles.d.ts

@@ -1 +1,2 @@
-export declare const SkeletonWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, React.JSX.IntrinsicElements, {}>;
+/// <reference types="react" />
+export declare const SkeletonWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/DataGridActionCell/SecondaryActionsButton/SecondaryActionsButton.d.ts

@@ -16,5 +16,5 @@ type SecondaryActionsButtonProps<TAction> = {
      */
     renderActions?: (props: DataGridSecondaryActionsProps<TAction>) => ReactNode;
 };
-export declare const SecondaryActionsButton: <TAction>({ actions, renderActions, }: SecondaryActionsButtonProps<TAction>) => JSX.Element;
+export declare const SecondaryActionsButton: <TAction>({ actions, renderActions, }: SecondaryActionsButtonProps<TAction>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/DataGridActionCell/SecondaryActionsMenuContext/SecondaryActionsMenuProvider/SecondaryActionsMenuProvider.d.ts

@@ -4,5 +4,5 @@ type SecondaryActionsMenuProviderProps = {
     children: ReactNode;
     value: SecondaryActionsMenuContextProps;
 };
-export declare const SecondaryActionsMenuProvider: ({ children, value, }: SecondaryActionsMenuProviderProps) => JSX.Element;
+export declare const SecondaryActionsMenuProvider: ({ children, value, }: SecondaryActionsMenuProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/DataGridActionCell/styles.d.ts

@@ -1,5 +1,5 @@
 /// <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;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/DataGridColumnHintIcon/DataGridColumnHintIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type HintIconProps } from '../HintIcon';
 export type DataGridColumnHintIconProps = Omit<HintIconProps, 'renderIcon' | 'variant' | 'iconOption'>;
-export declare const DataGridColumnHintIcon: (props: DataGridColumnHintIconProps) => JSX.Element;
+export declare const DataGridColumnHintIcon: (props: DataGridColumnHintIconProps) => import("react/jsx-runtime").JSX.Element;

package/components/DataGridInfinite/DataGridInfinite.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type DataGridRow } from '../DataGrid/types';
 import { type DataGridInfiniteProps } from './types';
-export declare const DataGridInfinite: <TData extends Record<string, unknown> = DataGridRow, TSortField extends keyof TData = keyof TData>(props: DataGridInfiniteProps<TData, TSortField>) => JSX.Element;
+export declare const DataGridInfinite: <TData extends Record<string, unknown> = DataGridRow, TSortField extends keyof TData = keyof TData>(props: DataGridInfiniteProps<TData, TSortField>) => import("react/jsx-runtime").JSX.Element;

package/components/DataGridInfinite/DataGridInfinite.js

@@ -11,7 +11,7 @@ import { Row, RowContextProvider } from '../DataGrid/Row';
 import { Container } from '../DataGrid/styles';
 import { Loader } from '../Loader';
 import { ScrollToTopButton } from '../ScrollToTopButton';
-import { classNames } from '../utils';
+import { classNames, getInertProps } from '../utils';
 import { OVERSCAN_COUNT } from './constants';
 import { EndData } from './EndData';
 import { ErrorMessage } from './ErrorMessage';
@@ -27,7 +27,7 @@ export const DataGridInfinite = (props) => {
     const { moreButtonColumnPosition = 1, isVisibleCollapseButton = true } = subrows || {};
     const { isInitialExpanded = false, expandedLevel = EXPANDED_LEVEL_BY_DEFAULT, initialVisibleChildrenCount = INITIAL_OPENED_NESTED_CHILDREN_COUNT_BY_DEFAULT, } = treeRenderConfig || {};
     const TableContainer = isDisabled ? DisabledDataGridWrapper : DataGridWrapper;
-    return (_jsx(DataGridContextProvider, { children: _jsxs(Container, { "$maxHeight": maxHeight, className: classNames(dataGridClassnames.root, className), children: [headPreAddon, _jsxs(TableContainer, { inert: isDataGridDisabled ? '' : undefined, children: [!isHideHead && (_jsx(Head, { ...headProps, onSort: onSort, sorting: sorting, columns: columns })), _jsx(ContentState, { isLoading: isLoading && !isNoData, loadingTitle: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445", isError: isError && !isNoData, errorState: {
+    return (_jsx(DataGridContextProvider, { children: _jsxs(Container, { "$maxHeight": maxHeight, className: classNames(dataGridClassnames.root, className), children: [headPreAddon, _jsxs(TableContainer, { ...getInertProps(isDataGridDisabled), children: [!isHideHead && (_jsx(Head, { ...headProps, onSort: onSort, sorting: sorting, columns: columns })), _jsx(ContentState, { isLoading: isLoading && !isNoData, loadingTitle: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445", isError: isError && !isNoData, errorState: {
                                 imgAlt: 'Что-то пошло не так',
                                 errorList: [errorMsg || ''],
                                 imgSrc: imagesMap.defaultErrorImgSrc,

package/components/DataGridInfinite/EndData/EndData.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 type Props = {
     endOfScrollMsg?: string;
 };
-export declare const EndData: ({ endOfScrollMsg }: Props) => JSX.Element;
+export declare const EndData: ({ endOfScrollMsg }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/DataGridInfinite/ErrorMessage/ErrorMessage.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 type Props = {
     onRetry: () => void;
 };
-export declare const ErrorMessage: ({ onRetry }: Props) => JSX.Element;
+export declare const ErrorMessage: ({ onRetry }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/DataGridInfinite/ErrorMessage/styles.d.ts

@@ -1,5 +1,5 @@
 /// <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;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/DataGridInfinite/List/styles.d.ts

@@ -1,5 +1,5 @@
 /// <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;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;

package/components/DataGridInfinite/NoData/NoData.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const NoData: () => JSX.Element;
+export declare const NoData: () => import("react/jsx-runtime").JSX.Element;

package/components/DataGridInfinite/styles.d.ts

@@ -1,19 +1,19 @@
 /// <reference types="react" />
 export declare const DataGridWrapper: 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 DisabledDataGridWrapper: 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").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const FooterRow: 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 Backdrop: 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/DataGridInfinite/useLogic/useLogic.d.ts

@@ -17,7 +17,7 @@ export declare const useLogic: <TData extends Record<string, unknown> = DataGrid
     isHideHead: boolean;
     virtuosoProps: {
         id: string;
-        ref: import("react").RefObject<VirtuosoHandle>;
+        ref: import("react").RefObject<VirtuosoHandle | null>;
         endReached: () => void;
         rangeChanged: (range: ListRange) => void;
         totalListHeightChanged: () => void;

package/components/DataGridMinimalisticPagination/DataGridMinimalisticPagination.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { DataGridMinimalisticPaginationProps } from './types';
-export declare const DataGridMinimalisticPagination: ({ isEndReached, page, isForcePagination, rowsPerPage, rowsPerPageOptions, onSetCountPerPage, isDisabled, className, ...restProps }: DataGridMinimalisticPaginationProps) => JSX.Element | null;
+export declare const DataGridMinimalisticPagination: ({ isEndReached, page, isForcePagination, rowsPerPage, rowsPerPageOptions, onSetCountPerPage, isDisabled, className, ...restProps }: DataGridMinimalisticPaginationProps) => import("react/jsx-runtime").JSX.Element | null;

package/components/DataGridPagination/DataGridPagination.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type PaginationProps } from '../Pagination';
 export type DataGridPaginationProps = Omit<PaginationProps, 'count'> & {
     /**
@@ -23,4 +22,4 @@ export type DataGridPaginationProps = Omit<PaginationProps, 'count'> & {
      */
     onSetCountPerPage?: (rowsPerPage: number) => void;
 };
-export declare const DataGridPagination: (props: DataGridPaginationProps) => JSX.Element | null;
+export declare const DataGridPagination: (props: DataGridPaginationProps) => import("react/jsx-runtime").JSX.Element | null;

package/components/DataGridPagination/styles.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const PaginationWrapper: 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 Range: import("../styled").StyledComponent<{
     children?: import("react").ReactNode;
@@ -13,12 +13,12 @@ export declare const Range: import("../styled").StyledComponent<{
     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" | "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" | "center" | "text" | "big" | "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" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | 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;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const RangeWrapper: 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/DataGridPaginationContainer/DataGridPaginationContainer.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { DataGridPaginationContainerProps } from './types';
-export declare const DataGridPaginationContainer: ({ pagination, className, formattedRange, rowsPerPageOptions, onSetCountPerPage, rowsPerPage, isDisabled, }: DataGridPaginationContainerProps) => JSX.Element;
+export declare const DataGridPaginationContainer: ({ pagination, className, formattedRange, rowsPerPageOptions, onSetCountPerPage, rowsPerPage, isDisabled, }: DataGridPaginationContainerProps) => import("react/jsx-runtime").JSX.Element;

package/components/DataGridPaginationContainer/styles.d.ts

@@ -9,18 +9,18 @@ export declare const Range: import("../styled").StyledComponent<{
     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" | "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" | "center" | "text" | "big" | "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" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | 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;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const RangeWrapper: 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 PaginationWrapper: 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;
 } & {
     $hasSelect: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/DatePicker/DateCalendar/DateCalendarBody/styles.d.ts

@@ -58,5 +58,5 @@ export declare const StaticDaysCalendarWrapper: import("../../../styled").Styled
 }, {}, {}>;
 export declare const DateCalendarGridLarge: 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>, {}>;

package/components/DatePicker/DateCalendar/DateCalendarChevronButton/DateCalendarNextButton/DateCalendarNextButton.d.ts

@@ -3,5 +3,5 @@ import { type DateCalendarChevronBtnProps } from '../types';
 export declare const DateCalendarNextButton: import("react").ForwardRefExoticComponent<Omit<DateCalendarChevronBtnProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const DateCalendarNextButtonContainer: import("@emotion/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/DatePicker/DateCalendar/DateCalendarChevronButton/DateCalendarNextButton/styles.d.ts

@@ -12,7 +12,7 @@ export declare const NextIcon: import("../../../../styled").StyledComponent<{
 }, {}, {}>;
 export declare const Container: 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 DoubleNextIcon: import("../../../../styled").StyledComponent<{
     children?: import("react").ReactNode;

package/components/DatePicker/DateCalendar/DateCalendarChevronButton/DateCalendarPrevButton/DateCalendarPrevButton.d.ts

@@ -3,5 +3,5 @@ import { type DateCalendarChevronBtnProps } from '../types';
 export declare const DateCalendarPrevButton: import("react").ForwardRefExoticComponent<Omit<DateCalendarChevronBtnProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const DateCalendarPrevButtonContainer: import("@emotion/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/DatePicker/DateCalendar/DateCalendarChevronButton/DateCalendarPrevButton/styles.d.ts

@@ -12,7 +12,7 @@ export declare const PrevIcon: import("../../../../styled").StyledComponent<{
 }, {}, {}>;
 export declare const Container: 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 DoublePrevIcon: import("../../../../styled").StyledComponent<{
     children?: import("react").ReactNode;

package/components/DatePicker/DateCalendar/DateCalendarHead/DateCalendarHead.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type CommonDateCalendarHeadProps = {
     /**
      * что делать по клику по заголовку? если ничего не задано, то заголовок будет текстовый
@@ -47,5 +46,5 @@ type DateCalendarHeadProps = {
      */
     isPlural?: boolean;
 } & CommonDateCalendarHeadProps;
-export declare const DateCalendarHead: ({ arrowPostfixTitle, doubleArrowPostfixTitle, onHeadBtnClick, onPrevClick, onDoublePrevClick, onNextClick, onDoubleNextClick, headBtnTitle, headBtnText, isPlural, }: DateCalendarHeadProps) => JSX.Element;
+export declare const DateCalendarHead: ({ arrowPostfixTitle, doubleArrowPostfixTitle, onHeadBtnClick, onPrevClick, onDoublePrevClick, onNextClick, onDoubleNextClick, headBtnTitle, headBtnText, isPlural, }: DateCalendarHeadProps) => import("react/jsx-runtime").JSX.Element;
 export {};