@astral/ui 4.18.0-rc.1 → 4.18.0

package/node/components/DataGrid/Row/styles.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChevronIcon = exports.CollapseButton = exports.CollapseCell = exports.CheckboxCell = exports.CellStyled = exports.ContentWrapper = exports.Wrapper = void 0;
 const icons_1 = require("../../../icons");
 const IconButton_1 = require("../../IconButton");
-const styles_1 = require("../../styles");
+const styled_1 = require("../../styled");
 const Cell_1 = require("../Cell");
 const constants_1 = require("../constants");
 const constants_2 = require("./constants");
-exports.Wrapper = styles_1.styled.li `
+exports.Wrapper = styled_1.styled.li `
   position: relative;
 
   &:not(:last-of-type)::before,
@@ -27,7 +27,7 @@ exports.Wrapper = styles_1.styled.li `
     border-left: 1px solid ${({ theme }) => theme.palette.grey[400]};
   }
 `;
-exports.ContentWrapper = styles_1.styled.div `
+exports.ContentWrapper = styled_1.styled.div `
   position: relative;
 
   display: grid;
@@ -66,10 +66,10 @@ exports.ContentWrapper = styles_1.styled.div `
     : theme.palette.background.elementHover};
   }
 `;
-exports.CellStyled = (0, styles_1.styled)(Cell_1.Cell) `
+exports.CellStyled = (0, styled_1.styled)(Cell_1.Cell) `
   margin-left: ${({ $level }) => `${$level * constants_1.ROOT_ACTION_CELL_WIDTH}px`};
 `;
-exports.CheckboxCell = styles_1.styled.div `
+exports.CheckboxCell = styled_1.styled.div `
   display: flex;
   align-items: center;
   align-self: center;
@@ -77,14 +77,14 @@ exports.CheckboxCell = styles_1.styled.div `
 
   width: ${constants_1.ROOT_ACTION_CELL_WIDTH}px;
 `;
-exports.CollapseCell = styles_1.styled.div `
+exports.CollapseCell = styled_1.styled.div `
   display: flex;
   align-items: center;
   justify-content: center;
 
   width: ${constants_1.ROOT_ACTION_CELL_WIDTH}px;
 `;
-exports.CollapseButton = (0, styles_1.styled)(IconButton_1.IconButton) `
+exports.CollapseButton = (0, styled_1.styled)(IconButton_1.IconButton) `
   width: 24px;
   height: 24px;
 
@@ -94,7 +94,7 @@ exports.CollapseButton = (0, styles_1.styled)(IconButton_1.IconButton) `
     background-color: ${({ theme }) => theme.palette.grey[300]};
   }
 `;
-exports.ChevronIcon = (0, styles_1.styled)(icons_1.ChevronROutlineMd, {
+exports.ChevronIcon = (0, styled_1.styled)(icons_1.ChevronROutlineMd, {
     shouldForwardProp: (prop) => prop !== '$isActive',
 }) `
   transform: rotateZ(${({ $isActive }) => ($isActive ? 90 : 0)}deg);

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

@@ -1,20 +1,20 @@
 /// <reference types="react" />
-export declare const Container: import("@emotion/styled").StyledComponent<{
+export declare const Container: import("@emotion/styled/dist/declarations/src/types").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("@emotion/styled").StyledComponent<{
+export declare const DataGridWrapper: import("@emotion/styled/dist/declarations/src/types").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("@emotion/styled").StyledComponent<{
+export declare const DisabledDataGridWrapper: import("@emotion/styled/dist/declarations/src/types").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/node/components/DataGrid/styles.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DisabledDataGridWrapper = exports.DataGridWrapper = exports.Container = void 0;
-const styles_1 = require("../styles");
-exports.Container = (0, styles_1.styled)('div', {
+const styled_1 = require("../styled");
+exports.Container = (0, styled_1.styled)('div', {
     shouldForwardProp: (prop) => !['$maxHeight', '$isAllowHorizontalScroll'].includes(prop),
 }) `
   position: relative;
@@ -15,7 +15,7 @@ exports.Container = (0, styles_1.styled)('div', {
   height: 100%;
   max-height: ${({ $maxHeight }) => $maxHeight ? `${$maxHeight}px` : 'initial'};
 `;
-exports.DataGridWrapper = (0, styles_1.styled)('div', {
+exports.DataGridWrapper = (0, styled_1.styled)('div', {
     shouldForwardProp: (prop) => !['$isAllowHorizontalScroll'].includes(prop),
 }) `
   position: relative;
@@ -26,7 +26,7 @@ exports.DataGridWrapper = (0, styles_1.styled)('div', {
 
   height: 100%;
 `;
-exports.DisabledDataGridWrapper = (0, styles_1.styled)(exports.DataGridWrapper, {
+exports.DisabledDataGridWrapper = (0, styled_1.styled)(exports.DataGridWrapper, {
     shouldForwardProp: (prop) => !['$isAllowHorizontalScroll'].includes(prop),
 }) `
   pointer-events: none;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+export declare const Wrapper: import("@emotion/styled/dist/declarations/src/types").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/node/components/DataGridActionCell/styles.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wrapper = void 0;
-const styles_1 = require("../styles");
-exports.Wrapper = styles_1.styled.div `
+const styled_1 = require("../styled");
+exports.Wrapper = styled_1.styled.div `
   display: inline-flex;
   align-items: center;
 `;

package/node/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/node/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/node/components/DataGridInfinite/DataGridInfinite.js

@@ -30,7 +30,7 @@ const DataGridInfinite = (props) => {
     const { moreButtonColumnPosition = 1, isVisibleCollapseButton = true } = subrows || {};
     const { isInitialExpanded = false, expandedLevel = constants_1.EXPANDED_LEVEL_BY_DEFAULT, initialVisibleChildrenCount = constants_1.INITIAL_OPENED_NESTED_CHILDREN_COUNT_BY_DEFAULT, } = treeRenderConfig || {};
     const TableContainer = isDisabled ? styles_2.DisabledDataGridWrapper : styles_2.DataGridWrapper;
-    return ((0, jsx_runtime_1.jsx)(DataGridContext_1.DataGridContextProvider, { children: (0, jsx_runtime_1.jsxs)(styles_1.Container, { "$maxHeight": maxHeight, className: (0, utils_1.classNames)(constants_1.dataGridClassnames.root, className), children: [headPreAddon, (0, jsx_runtime_1.jsxs)(TableContainer, { inert: isDataGridDisabled ? '' : undefined, children: [!isHideHead && ((0, jsx_runtime_1.jsx)(Head_1.Head, { ...headProps, onSort: onSort, sorting: sorting, columns: columns })), (0, jsx_runtime_1.jsx)(ContentState_1.ContentState, { isLoading: isLoading && !isNoData, loadingTitle: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445", isError: isError && !isNoData, errorState: {
+    return ((0, jsx_runtime_1.jsx)(DataGridContext_1.DataGridContextProvider, { children: (0, jsx_runtime_1.jsxs)(styles_1.Container, { "$maxHeight": maxHeight, className: (0, utils_1.classNames)(constants_1.dataGridClassnames.root, className), children: [headPreAddon, (0, jsx_runtime_1.jsxs)(TableContainer, { ...(0, utils_1.getInertProps)(isDataGridDisabled), children: [!isHideHead && ((0, jsx_runtime_1.jsx)(Head_1.Head, { ...headProps, onSort: onSort, sorting: sorting, columns: columns })), (0, jsx_runtime_1.jsx)(ContentState_1.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/node/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/node/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/node/components/DataGridInfinite/ErrorMessage/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+export declare const Wrapper: import("@emotion/styled/dist/declarations/src/types").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/node/components/DataGridInfinite/ErrorMessage/styles.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wrapper = void 0;
-const styles_1 = require("../../styles");
-exports.Wrapper = styles_1.styled.div `
+const styled_1 = require("../../styled");
+exports.Wrapper = styled_1.styled.div `
   display: grid;
   grid-template-columns: 100%;
   grid-template-rows: max-content max-content;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+export declare const Wrapper: import("@emotion/styled/dist/declarations/src/types").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/node/components/DataGridInfinite/List/styles.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wrapper = void 0;
-const styles_1 = require("../../styles");
-exports.Wrapper = styles_1.styled.ul `
+const styled_1 = require("../../styled");
+exports.Wrapper = styled_1.styled.ul `
   margin: 0;
   padding: 0;
 

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

@@ -1,19 +1,19 @@
 /// <reference types="react" />
-export declare const DataGridWrapper: import("@emotion/styled").StyledComponent<{
+export declare const DataGridWrapper: import("@emotion/styled/dist/declarations/src/types").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("@emotion/styled").StyledComponent<{
+export declare const DisabledDataGridWrapper: import("@emotion/styled/dist/declarations/src/types").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("@emotion/styled").StyledComponent<{
+export declare const FooterRow: import("@emotion/styled/dist/declarations/src/types").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("@emotion/styled").StyledComponent<{
+export declare const Backdrop: import("@emotion/styled/dist/declarations/src/types").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/node/components/DataGridInfinite/styles.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Backdrop = exports.FooterRow = exports.DisabledDataGridWrapper = exports.DataGridWrapper = void 0;
-const styles_1 = require("../styles");
-exports.DataGridWrapper = styles_1.styled.div `
+const styled_1 = require("../styled");
+exports.DataGridWrapper = styled_1.styled.div `
   position: relative;
 
   display: flex;
@@ -10,13 +10,13 @@ exports.DataGridWrapper = styles_1.styled.div `
 
   height: 100%;
 `;
-exports.DisabledDataGridWrapper = (0, styles_1.styled)(exports.DataGridWrapper) `
+exports.DisabledDataGridWrapper = (0, styled_1.styled)(exports.DataGridWrapper) `
   pointer-events: none;
 
   background: ${({ theme }) => theme.palette.background.element};
   mix-blend-mode: luminosity;
 `;
-exports.FooterRow = styles_1.styled.footer `
+exports.FooterRow = styled_1.styled.footer `
   display: flex;
   flex-shrink: 0;
   align-items: center;
@@ -24,7 +24,7 @@ exports.FooterRow = styles_1.styled.footer `
 
   min-height: 68px;
 `;
-exports.Backdrop = styles_1.styled.div `
+exports.Backdrop = styled_1.styled.div `
   position: absolute;
   top: 0;
 

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

@@ -1,3 +1,3 @@
-export declare const StyledMinimalisticPagination: import("@emotion/styled").StyledComponent<import("../MinimalisticPagination").MinimalisticPaginationProps & {
+export declare const StyledMinimalisticPagination: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../MinimalisticPagination").MinimalisticPaginationProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/DataGridMinimalisticPagination/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledMinimalisticPagination = void 0;
 const MinimalisticPagination_1 = require("../MinimalisticPagination");
-const styles_1 = require("../styles");
-exports.StyledMinimalisticPagination = (0, styles_1.styled)(MinimalisticPagination_1.MinimalisticPagination) `
+const styled_1 = require("../styled");
+exports.StyledMinimalisticPagination = (0, styled_1.styled)(MinimalisticPagination_1.MinimalisticPagination) `
   justify-content: end;
 `;

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

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-export declare const PaginationWrapper: import("@emotion/styled").StyledComponent<{
+export declare const PaginationWrapper: import("@emotion/styled/dist/declarations/src/types").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("@emotion/styled").StyledComponent<{
+export declare const Range: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
-    align?: "left" | "right" | "inherit" | "center" | "justify" | undefined;
+    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
     paragraph?: boolean | undefined;
@@ -13,12 +13,12 @@ export declare const Range: import("@emotion/styled").StyledComponent<{
     color?: import("../Typography").TypographyColor | undefined;
     variant?: import("../Typography").TypographyVariant | undefined;
     colorIntensity?: import("../Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "link" | "main" | "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" | "small" | "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("@emotion/styled").StyledComponent<{
+export declare const RangeWrapper: import("@emotion/styled/dist/declarations/src/types").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/node/components/DataGridPagination/styles.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RangeWrapper = exports.Range = exports.PaginationWrapper = void 0;
 const material_1 = require("@mui/material");
-const styles_1 = require("../styles");
+const styled_1 = require("../styled");
 const Typography_1 = require("../Typography");
-exports.PaginationWrapper = styles_1.styled.div `
+exports.PaginationWrapper = styled_1.styled.div `
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -12,10 +12,10 @@ exports.PaginationWrapper = styles_1.styled.div `
   height: 47px;
   padding-top: ${({ theme }) => theme.spacing(4)};
 `;
-exports.Range = (0, styles_1.styled)(Typography_1.Typography) `
+exports.Range = (0, styled_1.styled)(Typography_1.Typography) `
   color: ${({ theme }) => theme.palette.grey['700']};
 `;
-exports.RangeWrapper = styles_1.styled.div `
+exports.RangeWrapper = styled_1.styled.div `
   display: flex;
   gap: ${({ theme }) => theme.spacing(3)};
   align-items: center;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-export declare const Range: import("@emotion/styled").StyledComponent<{
+export declare const Range: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
-    align?: "left" | "right" | "inherit" | "center" | "justify" | undefined;
+    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
     paragraph?: boolean | undefined;
@@ -9,18 +9,18 @@ export declare const Range: import("@emotion/styled").StyledComponent<{
     color?: import("../Typography").TypographyColor | undefined;
     variant?: import("../Typography").TypographyVariant | undefined;
     colorIntensity?: import("../Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "link" | "main" | "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" | "small" | "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("@emotion/styled").StyledComponent<{
+export declare const RangeWrapper: import("@emotion/styled/dist/declarations/src/types").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("@emotion/styled").StyledComponent<{
+export declare const PaginationWrapper: import("@emotion/styled/dist/declarations/src/types").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>, {}>;