@astral/ui 4.18.0-rc.2 → 4.18.0

package/components/Badge/Badge.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type BadgeProps as MuiBadgeProps } from '@mui/material/Badge/Badge';
 import { type WithoutEmotionSpecific } from '../types';
 import { type BadgeColor, type BadgeVariantsColor } from './types';
@@ -16,4 +15,4 @@ export type BadgeProps = Omit<WithoutEmotionSpecific<MuiBadgeProps>, 'color'> &
      */
     variantColor?: BadgeVariantsColor;
 };
-export declare const Badge: ({ children, color, max, withBorder, variantColor, ...props }: BadgeProps) => JSX.Element;
+export declare const Badge: ({ children, color, max, withBorder, variantColor, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;

package/components/Badge/styles.d.ts

@@ -5,41 +5,7 @@ type StyledBadgeProps = {
     $withBorder?: boolean;
     $variantColor: BadgeVariantsColor;
 };
-export declare const StyledBadge: import("../styled").StyledComponent<{
-    anchorOrigin?: import("@mui/material").BadgeOrigin | undefined;
-    classes?: Partial<import("@mui/material").BadgeClasses> | undefined;
-    className?: string | undefined;
-    color?: import("@mui/types").OverridableStringUnion<"error" | "success" | "warning" | "primary" | "default" | "secondary" | "info", import("@mui/material").BadgePropsColorOverrides> | undefined;
-    componentsProps?: {
-        root?: import("@mui/base").SlotComponentProps<"span", import("@mui/base").BadgeRootSlotPropsOverrides, {
-            badgeContent: import("react").ReactNode;
-            children?: import("react").ReactNode;
-            invisible: boolean;
-            max: number;
-            slotProps?: any | undefined;
-            slots?: import("@mui/base").BadgeSlots | undefined;
-            showZero: boolean;
-        }> | undefined;
-        badge?: import("@mui/base").SlotComponentProps<"span", import("@mui/base").BadgeBadgeSlotPropsOverrides, {
-            badgeContent: import("react").ReactNode;
-            children?: import("react").ReactNode;
-            invisible: boolean;
-            max: number;
-            slotProps?: any | undefined;
-            slots?: import("@mui/base").BadgeSlots | undefined;
-            showZero: boolean;
-        }> | undefined;
-    } | undefined;
-    components?: {
-        Root?: import("react").ElementType<any> | undefined;
-        Badge?: import("react").ElementType<any> | undefined;
-    } | undefined;
-    overlap?: "rectangular" | "circular" | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    variant?: import("@mui/types").OverridableStringUnion<"standard" | "dot", import("@mui/material").BadgePropsVariantOverrides> | undefined;
-} & import("@mui/base").BadgeOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "components" | "color" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "variant" | "componentsProps" | "anchorOrigin" | "overlap" | keyof import("@mui/base").BadgeOwnProps> & {
+export declare const StyledBadge: import("../styled").StyledComponent<import("@mui/material").BadgeOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "components" | "style" | "color" | "classes" | "className" | "children" | "sx" | "variant" | "max" | "componentsProps" | "slots" | "slotProps" | "anchorOrigin" | "badgeContent" | "invisible" | "overlap" | "showZero"> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & StyledBadgeProps, {}, {}>;
 export {};

package/components/Banner/BannerActionButton/BannerActionButton.d.ts

@@ -6,4 +6,4 @@ export type BannerActionButtonProps<TComponent extends ElementType = 'button'> =
      */
     component?: TComponent;
 };
-export declare const BannerActionButton: <TComponent extends ElementType = "button">({ children, ...restProps }: BannerActionButtonProps<TComponent>) => JSX.Element;
+export declare const BannerActionButton: <TComponent extends ElementType = "button">({ children, ...restProps }: BannerActionButtonProps<TComponent>) => import("react/jsx-runtime").JSX.Element;

package/components/Banner/BannerContainer/BannerContainer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Id } from 'react-toastify';
 type BannerContainerProps = {
     bannerContainerId?: Id;
@@ -7,5 +6,5 @@ type BannerContainerProps = {
  * Предназначен для отображения баннера, совместно с уведомлениями.
  * Используется внутри NotificationContainer и NotificationStackContainer.
  * */
-export declare const BannerContainer: ({ bannerContainerId, }: BannerContainerProps) => JSX.Element;
+export declare const BannerContainer: ({ bannerContainerId, }: BannerContainerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/Banner/BannerTemplate/BannerTemplate.d.ts

@@ -12,5 +12,5 @@ type BannerTemplateProps = {
     onClose?: () => void;
     setIsOpenDialog?: Dispatch<SetStateAction<boolean>>;
 } & Partial<ToastProps>;
-export declare const BannerTemplate: (props: BannerTemplateProps) => JSX.Element;
+export declare const BannerTemplate: (props: BannerTemplateProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/Banner/BannerTemplate/styles.d.ts

@@ -1,11 +1,11 @@
 /// <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;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 export declare const Image: 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").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const Wrapper: import("../../styled").StyledComponent<Omit<import("../../Grid/GridComponent").GridComponentProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
@@ -15,5 +15,5 @@ export declare const WrapperTextContent: import("../../styled").StyledComponent<
 } & import("../../Grid/styles").StyledGridProps, {}, {}>;
 export declare const Footer: 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/BottomDrawer/BottomDrawer.d.ts

@@ -12,4 +12,4 @@ export type BottomDrawerProps = {
      */
     drawerHeaderHeight?: number;
 } & WithoutEmotionSpecific<Omit<MuiDrawerProps, 'anchor' | 'variant' | 'title'>>;
-export declare const BottomDrawer: ({ title, drawerHeaderHeight, children, onClose, ...props }: BottomDrawerProps) => JSX.Element;
+export declare const BottomDrawer: ({ title, drawerHeaderHeight, children, onClose, ...props }: BottomDrawerProps) => import("react/jsx-runtime").JSX.Element;

package/components/BottomDrawer/styles.d.ts

@@ -5,23 +5,11 @@ export declare const StyledDrawer: import("../styled").StyledComponent<DrawerPro
 }, {}, {}>;
 export declare const Header: 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;
 } & {
     drawerHeaderHeight: number;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const HeaderTitle: import("../styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
-    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    variant?: import("@mui/types").OverridableStringUnion<"inherit" | import("@mui/material").TypographyVariant, import("@mui/material").TypographyPropsVariantOverrides> | undefined;
-    variantMapping?: Partial<Record<import("@mui/types").OverridableStringUnion<"inherit" | import("@mui/material").TypographyVariant, import("@mui/material").TypographyPropsVariantOverrides>, string>> | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "variant" | "align" | ("fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "typography" | "zIndex" | "p" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint") | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+export declare const HeaderTitle: import("../styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "typography" | "zIndex" | "p" | "style" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "classes" | "className" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     children?: import("react").ReactNode;
@@ -33,10 +21,10 @@ export declare const HeaderTitle: import("../styled").StyledComponent<import("@m
     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>, {}, {}>;
 export declare const Body: 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/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BreadcrumbsProps as MuiBreadcrumbsProps } from '@mui/material';
 export type BreadcrumbsProps = MuiBreadcrumbsProps;
-export declare const Breadcrumbs: (props: BreadcrumbsProps) => JSX.Element;
+export declare const Breadcrumbs: (props: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;

package/components/Breadcrumbs/styles.d.ts

@@ -1,23 +1,4 @@
 /// <reference types="react" />
-export declare const StyledBreadcrumbs: import("../styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").BreadcrumbsClasses> | undefined;
-    slots?: {
-        CollapsedIcon?: import("react").ElementType<any> | undefined;
-    } | undefined;
-    slotProps?: {
-        collapsedIcon?: import("@mui/base").SlotComponentProps<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-            muiName: string;
-        }, import("@mui/material").BreadcrumbsCollapsedIconSlotPropsOverrides, import("@mui/material").BreadcrumbsOwnerState> | undefined;
-    } | undefined;
-    expandText?: string | undefined;
-    itemsAfterCollapse?: number | undefined;
-    itemsBeforeCollapse?: number | undefined;
-    maxItems?: number | undefined;
-    separator?: import("react").ReactNode;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
-    ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
-}, "children" | "sx" | "separator" | keyof import("@mui/material/OverridableComponent").CommonProps | "slotProps" | "slots" | "expandText" | "itemsAfterCollapse" | "itemsBeforeCollapse" | "maxItems"> & {
+export declare const StyledBreadcrumbs: import("../styled").StyledComponent<import("@mui/material").BreadcrumbsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "style" | "classes" | "className" | "children" | "sx" | "separator" | "slots" | "slotProps" | "expandText" | "itemsAfterCollapse" | "itemsBeforeCollapse" | "maxItems"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/components/BulletList/BulletList.d.ts

@@ -5,4 +5,4 @@ export type BulletListProps = PropsWithChildren<{
 /**
  * Список элементов с маркерами
  */
-export declare const BulletList: (props: BulletListProps) => JSX.Element;
+export declare const BulletList: (props: BulletListProps) => import("react/jsx-runtime").JSX.Element;

package/components/BulletList/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/BulletListInlineItem/BulletListInlineItem.d.ts

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

package/components/BulletListItem/styles.d.ts

@@ -1,7 +1,7 @@
 /// <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").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
 export declare const Icon: import("../styled").StyledComponent<{
     children?: import("react").ReactNode;

package/components/Button/Button.d.ts

@@ -2,7 +2,7 @@ import type { ButtonProps as MuiButtonProps } from '@mui/material';
 import { type ComponentPropsWithRef, type ElementType } from 'react';
 import type { WithoutEmotionSpecific } from '../types';
 import { ButtonColors, ButtonVariants } from './enums';
-export type ButtonProps<TComponent extends ElementType = ElementType> = Omit<WithoutEmotionSpecific<MuiButtonProps>, 'variant' | 'color' | 'centerRipple' | 'disableRipple' | 'TouchRippleProps' | 'disableTouchRipple' | 'disableFocusRipple' | 'focusRipple' | 'touchRippleRef'> & {
+export type ButtonProps<TComponent extends ElementType = ElementType> = Omit<WithoutEmotionSpecific<MuiButtonProps>, 'variant' | 'color' | 'centerRipple' | 'disableRipple' | 'TouchRippleProps' | 'disableTouchRipple' | 'disableFocusRipple' | 'focusRipple' | 'touchRippleRef' | 'component'> & {
     /**
      * Тип кнопки
      */
@@ -24,11 +24,11 @@ export type ButtonProps<TComponent extends ElementType = ElementType> = Omit<Wit
      */
     selected?: boolean;
 } & Omit<ComponentPropsWithRef<ElementType extends TComponent ? 'button' : TComponent>, ''>;
-export declare const Button: <TComponent extends ElementType>(props: Omit<WithoutEmotionSpecific<MuiButtonProps>, "color" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "variant"> & {
+export declare const Button: <TComponent extends ElementType>(props: Omit<WithoutEmotionSpecific<MuiButtonProps>, "color" | "variant" | "component" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     /**
      * Тип кнопки
      */
-    variant?: "light" | "link" | "outlined" | "contained" | "text" | undefined;
+    variant?: "light" | "link" | "outlined" | "text" | "contained" | undefined;
     /**
      * Если `true`, появляется loader внутри кнопки
      */
@@ -45,5 +45,5 @@ export declare const Button: <TComponent extends ElementType>(props: Omit<Withou
      * Состояние кнопки - selected
      */
     selected?: boolean | undefined;
-} & Omit<ComponentPropsWithRef<ElementType extends TComponent ? "button" : TComponent>, ""> & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+} & Omit<ComponentPropsWithRef<ElementType extends TComponent ? "button" : TComponent>, ""> & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
 export default Button;

package/components/Button/styles.d.ts

@@ -1,38 +1,6 @@
 /// <reference types="react" />
 import type { ButtonColor, ButtonVariant } from './types';
-export declare const StyledButton: import("../styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
-    color?: import("@mui/types").OverridableStringUnion<"inherit" | "error" | "success" | "warning" | "primary" | "secondary" | "info", import("@mui/material").ButtonPropsColorOverrides> | undefined;
-    disabled?: boolean | undefined;
-    disableElevation?: boolean | undefined;
-    disableFocusRipple?: boolean | undefined;
-    endIcon?: import("react").ReactNode;
-    fullWidth?: boolean | undefined;
-    href?: string | undefined;
-    size?: import("@mui/types").OverridableStringUnion<"large" | "medium" | "small", import("@mui/material").ButtonPropsSizeOverrides> | undefined;
-    startIcon?: import("react").ReactNode;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    variant?: import("@mui/types").OverridableStringUnion<"outlined" | "contained" | "text", import("@mui/material").ButtonPropsVariantOverrides> | undefined;
-} & Omit<{
-    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
-    centerRipple?: boolean | undefined;
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
-    disabled?: boolean | undefined;
-    disableRipple?: boolean | undefined;
-    disableTouchRipple?: boolean | undefined;
-    focusRipple?: boolean | undefined;
-    focusVisibleClassName?: string | undefined;
-    LinkComponent?: import("react").ElementType<any> | undefined;
-    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    tabIndex?: number | undefined;
-    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
-    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
-}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "action" | "color" | "fullWidth" | "size" | "children" | "tabIndex" | "sx" | "disabled" | "href" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "startIcon" | "variant"> & {
+export declare const StyledButton: import("../styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "action" | "color" | "classes" | "className" | "children" | "sx" | "variant" | "tabIndex" | "fullWidth" | "size" | "disabled" | "href" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "startIcon"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const StyledLoader: import("../styled").StyledComponent<import("../Loader").LoaderProps & {

package/components/CardGridInfinite/Card/Card.d.ts

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

package/components/CardGridInfinite/Card/Card.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Paper } from '../../Paper';
 import { Tooltip } from '../../Tooltip';
+import { getInertProps } from '../../utils/getInertProps';
 import { CardActionContextProvider } from './CardActionContext';
 import { SecondaryActionButton } from './SecondaryActionButton';
 import { CardHeader, HeaderWrapper, StyledDivider, Wrapper } from './styles';
@@ -8,5 +9,5 @@ import { useLogic } from './useLogic';
 export const Card = (props) => {
     const { handleActionClick } = useLogic(props);
     const { isDisabled, mainActions: MainActions, content, header, disabledReason, secondaryActions, } = props;
-    return (_jsx(CardActionContextProvider, { onActionClick: handleActionClick, isDisabledCard: isDisabled, children: _jsx(Tooltip, { title: isDisabled && disabledReason, withoutContainer: !isDisabled, placement: "top", componentsProps: { popper: { disablePortal: true } }, children: _jsx(Paper, { variant: "outlined", inert: isDisabled ? '' : undefined, children: _jsxs(Wrapper, { children: [header && (_jsxs(_Fragment, { children: [_jsxs(CardHeader, { children: [_jsx(HeaderWrapper, { children: header }), secondaryActions && (_jsx(SecondaryActionButton, { renderActions: secondaryActions }))] }), _jsx(StyledDivider, {})] })), content, MainActions && _jsx(MainActions, {})] }) }) }) }));
+    return (_jsx(CardActionContextProvider, { onActionClick: handleActionClick, isDisabledCard: isDisabled, children: _jsx(Tooltip, { title: isDisabled && disabledReason, withoutContainer: !isDisabled, placement: "top", componentsProps: { popper: { disablePortal: true } }, children: _jsx(Paper, { variant: "outlined", ...getInertProps(isDisabled), children: _jsxs(Wrapper, { children: [header && (_jsxs(_Fragment, { children: [_jsxs(CardHeader, { children: [_jsx(HeaderWrapper, { children: header }), secondaryActions && (_jsx(SecondaryActionButton, { renderActions: secondaryActions }))] }), _jsx(StyledDivider, {})] })), content, MainActions && _jsx(MainActions, {})] }) }) }) }));
 };

package/components/CardGridInfinite/Card/CardActionContext/CardActionContextProvider/CardActionContextProvider.d.ts

@@ -5,5 +5,5 @@ type CardActionContextProviderProps<TAction> = {
     onActionClick: CardGridActionHandler<TAction>;
     isDisabledCard?: boolean;
 };
-export declare const CardActionContextProvider: <TAction>({ children, isDisabledCard, onActionClick, }: CardActionContextProviderProps<TAction>) => JSX.Element;
+export declare const CardActionContextProvider: <TAction>({ children, isDisabledCard, onActionClick, }: CardActionContextProviderProps<TAction>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/CardGridInfinite/Card/SecondaryActionButton/SecondaryActionButton.d.ts

@@ -3,5 +3,5 @@ import { type CardGridSecondaryActionsProps } from '../../CardGridSecondaryActio
 type SecondaryActionButtonProps<TAction> = {
     renderActions: (props: Omit<CardGridSecondaryActionsProps<TAction>, 'mobileTitle'>) => ReactNode;
 };
-export declare const SecondaryActionButton: <TAction>({ renderActions, }: SecondaryActionButtonProps<TAction>) => JSX.Element;
+export declare const SecondaryActionButton: <TAction>({ renderActions, }: SecondaryActionButtonProps<TAction>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/CardGridInfinite/Card/SecondaryActionButton/styles.d.ts

@@ -1,12 +1,10 @@
 /// <reference types="react" />
-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;
 }, {}, {}>;

package/components/CardGridInfinite/Card/styles.d.ts

@@ -1,16 +1,16 @@
 /// <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>, {}>;
 export declare const StyledDivider: import("../../styled").StyledComponent<import("../../Divider").DividerProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const CardHeader: 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 HeaderWrapper: 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/CardGridInfinite/CardGridInfinite.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { CardGridInfiniteProps } from './types';
-export declare const CardGridInfinite: <TDataItem extends Record<string, unknown>>(props: CardGridInfiniteProps<TDataItem>) => JSX.Element;
+export declare const CardGridInfinite: <TDataItem extends Record<string, unknown>>(props: CardGridInfiniteProps<TDataItem>) => import("react/jsx-runtime").JSX.Element;

package/components/CardGridInfinite/CardGridMainActions/Action/Action.d.ts

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

package/components/CardGridInfinite/CardGridMainActions/CardGridMainActions.d.ts

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

package/components/CardGridInfinite/CardGridMainActions/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/CardGridInfinite/CardGridSecondaryAction/CardGridSecondaryActions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CardGridSecondaryActionsProps } from './types';
 /**
  * Компонент для отображения дополнительных действий в выпадающем меню.
@@ -15,4 +14,4 @@ import type { CardGridSecondaryActionsProps } from './types';
  * />
  * ```
  */
-export declare const CardGridSecondaryActions: <TAction>({ actions, isLoading, mobileTitle, }: CardGridSecondaryActionsProps<TAction>) => JSX.Element;
+export declare const CardGridSecondaryActions: <TAction>({ actions, isLoading, mobileTitle, }: CardGridSecondaryActionsProps<TAction>) => import("react/jsx-runtime").JSX.Element;

package/components/CardGridInfinite/CardGridSecondaryAction/CardGridSecondaryActionsSkeleton/CardGridSecondaryActionsSkeleton.d.ts

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

package/components/CardGridInfinite/CardGridSecondaryAction/CardGridSecondaryActionsSkeleton/styles.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 export declare const SkeletonWrapper: 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 MenuItemWrapper: 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/CardGridInfinite/CardGridSecondaryAction/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/CardGridInfinite/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/CardGridInfinite/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/CardGridInfinite/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/CardGridInfinite/Footer/Footer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type FooterProps = {
     isEndReached?: boolean;
     isError?: boolean;
@@ -6,5 +5,5 @@ type FooterProps = {
     onRetry: () => void;
     endOfScrollMsg?: string;
 };
-export declare const Footer: ({ isEndReached, isError, isLoading, onRetry, endOfScrollMsg, }: FooterProps) => JSX.Element;
+export declare const Footer: ({ isEndReached, isError, isLoading, onRetry, endOfScrollMsg, }: FooterProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/CardGridInfinite/Footer/styles.d.ts

@@ -1,9 +1,9 @@
 /// <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<HTMLElement>, HTMLElement>, {}>;
 export declare const FooterDummy: 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/CardGridInfinite/List/styles.d.ts

@@ -1,7 +1,7 @@
 /// <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;
 } & {
     $gridTemplate: {
         max: string;

package/components/CardGridInfinite/NoDataPlaceholder/NoDataPlaceholder.d.ts

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

package/components/CardGridInfinite/OnTopButton/OnTopButton.d.ts

@@ -1,7 +1,7 @@
 import { type RefObject } from 'react';
 type Props = {
     isActive: boolean;
-    scrollRef: RefObject<HTMLElement>;
+    scrollRef: RefObject<HTMLElement | null>;
     handleScrollToTop: () => void;
 };
 export declare const OnTopButton: ({ isActive, scrollRef, handleScrollToTop, }: Props) => import("react").ReactPortal | null;

package/components/CardGridInfinite/SkeletonGrid/SkeletonGrid.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SkeletonConfig } from '../types';
 type SkeletonGridProps = {
     skeleton: SkeletonConfig;
@@ -7,5 +6,5 @@ type SkeletonGridProps = {
         min: string;
     };
 };
-export declare const SkeletonGrid: ({ skeleton, desktopCardWidth, }: SkeletonGridProps) => JSX.Element;
+export declare const SkeletonGrid: ({ skeleton, desktopCardWidth, }: SkeletonGridProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/CardGridInfinite/SkeletonGrid/styles.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const StyledWrapper: 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;
 } & {
     $gridTemplate: {
         max: string;