@astral/ui 4.18.0-rc.1 → 4.18.0

package/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("../../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/ErrorMessage/styles.js

@@ -1,4 +1,4 @@
-import { styled } from '../../styles';
+import { styled } from '../../styled';
 export const Wrapper = styled.div `
   display: grid;
   grid-template-columns: 100%;

package/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("../../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/List/styles.js

@@ -1,4 +1,4 @@
-import { styled } from '../../styles';
+import { styled } from '../../styled';
 export const Wrapper = styled.ul `
   margin: 0;
   padding: 0;

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("@emotion/styled").StyledComponent<{
+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("@emotion/styled").StyledComponent<{
+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("@emotion/styled").StyledComponent<{
+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("@emotion/styled").StyledComponent<{
+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/styles.js

@@ -1,4 +1,4 @@
-import { styled } from '../styles';
+import { styled } from '../styled';
 export const DataGridWrapper = styled.div `
   position: relative;
 

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

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

package/components/DataGridMinimalisticPagination/styles.js

@@ -1,5 +1,5 @@
 import { MinimalisticPagination } from '../MinimalisticPagination';
-import { styled } from '../styles';
+import { styled } from '../styled';
 export const StyledMinimalisticPagination = styled(MinimalisticPagination) `
   justify-content: end;
 `;

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,11 +1,11 @@
 /// <reference types="react" />
-export declare const PaginationWrapper: import("@emotion/styled").StyledComponent<{
+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("@emotion/styled").StyledComponent<{
+export declare const Range: import("../styled").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("../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/DataGridPagination/styles.js

@@ -1,5 +1,5 @@
 import { formControlClasses } from '@mui/material';
-import { styled } from '../styles';
+import { styled } from '../styled';
 import { Typography } from '../Typography';
 export const PaginationWrapper = styled.div `
   display: flex;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-export declare const Range: import("@emotion/styled").StyledComponent<{
+export declare const Range: import("../styled").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("../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("@emotion/styled").StyledComponent<{
+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/DataGridPaginationContainer/styles.js

@@ -1,5 +1,5 @@
 import { formControlClasses } from '@mui/material';
-import { styled } from '../styles';
+import { styled } from '../styled';
 import { Typography } from '../Typography';
 export const Range = styled(Typography) `
   color: ${({ theme }) => theme.palette.grey['700']};

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StaticDaysCalendarWrapper: import("@emotion/styled").StyledComponent<{
+export declare const StaticDaysCalendarWrapper: import("../../../styled").StyledComponent<{
     onChange?: ((date: Date) => void) | undefined;
     onDayHover?: ((date?: Date | undefined) => void) | undefined;
     className?: string | undefined;
@@ -56,7 +56,7 @@ export declare const StaticDaysCalendarWrapper: import("@emotion/styled").Styled
 }, "minDate" | "maxDate" | "selectedDate" | "selectedRanges" | "hoveredDate" | "baseDate" | "isMondayFirst" | "productionCalendarStorage"> & Pick<import("../../../StaticCalendar/StaticDaysCalendar/DayButton").DayButtonProps, "dragAndDropProps" | "checkTooltipActive"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const DateCalendarGridLarge: import("@emotion/styled").StyledComponent<{
+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/DateCalendarBody/styles.js

@@ -1,5 +1,5 @@
 import { StaticDaysCalendar } from '../../../StaticCalendar';
-import { styled } from '../../../styles';
+import { styled } from '../../../styled';
 import { ELEMENTS_COUNT_IN_ROW_IN_LARGE_GRID } from '../../constants';
 import { CalendarGridPositions } from '../enums/calendarGridPositions';
 export const StaticDaysCalendarWrapper = styled(StaticDaysCalendar) `

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<Omit<import("../../../../StaticCalendar/StaticCalendarButton/useLogic").UseLogicParams, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
+export declare const Wrapper: import("../../../../styled").StyledComponent<Omit<import("../../../../StaticCalendar/StaticCalendarButton/useLogic").UseLogicParams, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const NextIcon: import("@emotion/styled").StyledComponent<{
+export declare const NextIcon: import("../../../../styled").StyledComponent<{
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
@@ -10,11 +10,11 @@ export declare const NextIcon: import("@emotion/styled").StyledComponent<{
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const Container: import("@emotion/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("@emotion/styled").StyledComponent<{
+export declare const DoubleNextIcon: import("../../../../styled").StyledComponent<{
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;

package/components/DatePicker/DateCalendar/DateCalendarChevronButton/DateCalendarNextButton/styles.js

@@ -1,6 +1,6 @@
 import { DoubleNextOutlineMd, NextOutlineMd } from '../../../../../icons';
 import { StaticCalendarButton } from '../../../../StaticCalendar';
-import { styled } from '../../../../styles';
+import { styled } from '../../../../styled';
 import { CalendarGridPositions } from '../../enums/calendarGridPositions';
 export const Wrapper = styled(StaticCalendarButton) `
   grid-area: ${CalendarGridPositions.Next};

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<Omit<import("../../../../StaticCalendar/StaticCalendarButton/useLogic").UseLogicParams, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
+export declare const Wrapper: import("../../../../styled").StyledComponent<Omit<import("../../../../StaticCalendar/StaticCalendarButton/useLogic").UseLogicParams, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const PrevIcon: import("@emotion/styled").StyledComponent<{
+export declare const PrevIcon: import("../../../../styled").StyledComponent<{
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
@@ -10,11 +10,11 @@ export declare const PrevIcon: import("@emotion/styled").StyledComponent<{
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const Container: import("@emotion/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("@emotion/styled").StyledComponent<{
+export declare const DoublePrevIcon: import("../../../../styled").StyledComponent<{
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;

package/components/DatePicker/DateCalendar/DateCalendarChevronButton/DateCalendarPrevButton/styles.js

@@ -1,6 +1,6 @@
 import { DoublePreviousOutlineMd, PreviousOutlineMd, } from '../../../../../icons';
 import { StaticCalendarButton } from '../../../../StaticCalendar';
-import { styled } from '../../../../styles';
+import { styled } from '../../../../styled';
 import { CalendarGridPositions } from '../../enums/calendarGridPositions';
 export const Wrapper = styled(StaticCalendarButton) `
   grid-area: ${CalendarGridPositions.Prev};

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const DateCalendarGridButtonLarge: import("@emotion/styled").StyledComponent<Omit<import("../../../StaticCalendar/StaticCalendarButton/useLogic").UseLogicParams, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
+export declare const DateCalendarGridButtonLarge: import("../../../styled").StyledComponent<Omit<import("../../../StaticCalendar/StaticCalendarButton/useLogic").UseLogicParams, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & Omit<import("../../..").ButtonProps, "variant"> & {
     isOutOfAvailableRange?: boolean | undefined;

package/components/DatePicker/DateCalendar/DateCalendarGridButtonLarge/styles.js

@@ -1,5 +1,5 @@
 import { StaticCalendarGridButton } from '../../../StaticCalendar/StaticCalendarGridButton';
-import { styled } from '../../../styles';
+import { styled } from '../../../styled';
 export const DateCalendarGridButtonLarge = styled(StaticCalendarGridButton) `
   min-width: 80px;
   min-height: 52px;

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 {};

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

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-export declare const HeadButton: import("@emotion/styled").StyledComponent<Omit<import("../../../StaticCalendar/StaticCalendarButton/useLogic").UseLogicParams, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
+export declare const HeadButton: import("../../../styled").StyledComponent<Omit<import("../../../StaticCalendar/StaticCalendarButton/useLogic").UseLogicParams, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const HeadText: import("@emotion/styled").StyledComponent<{
+export declare const HeadText: import("../../../styled").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;
@@ -12,7 +12,7 @@ export declare const HeadText: 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;

package/components/DatePicker/DateCalendar/DateCalendarHead/styles.js

@@ -1,5 +1,5 @@
 import { StaticCalendarButton } from '../../../StaticCalendar';
-import { styled } from '../../../styles';
+import { styled } from '../../../styled';
 import { Typography } from '../../../Typography';
 import { CalendarGridPositions } from '../enums/calendarGridPositions';
 export const HeadButton = styled(StaticCalendarButton) `

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

@@ -1,3 +1,3 @@
 import { type PropsWithChildren } from 'react';
 export type DateCalendarWrapperProps = PropsWithChildren;
-export declare const DateCalendarWrapper: (props: DateCalendarWrapperProps) => JSX.Element;
+export declare const DateCalendarWrapper: (props: DateCalendarWrapperProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+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/DatePicker/DateCalendar/DateCalendarWrapper/styles.js

@@ -1,4 +1,4 @@
-import { styled } from '../../../styles';
+import { styled } from '../../../styled';
 import { CalendarGridPositions } from '../enums/calendarGridPositions';
 export const Wrapper = styled.div `
   display: grid;

package/components/DatePicker/DatePicker.d.ts

@@ -70,7 +70,7 @@ export declare const DatePicker: import("react").ForwardRefExoticComponent<Monda
     onBlur?: (() => void) | undefined;
     onOpen?: (() => void) | undefined;
     onClose?: ((event?: SyntheticEvent<Element, Event> | Event, reason?: CloseEventReason) => void) | undefined;
-    inputProps?: Omit<TextFieldProps, "onChange" | "ref" | "value"> | undefined;
+    inputProps?: Omit<TextFieldProps, "ref" | "onChange" | "value"> | undefined;
     inputRef?: RefObject<HTMLInputElement> | undefined;
     /**
      * Блокирует взаимодействие с элементом
@@ -88,7 +88,7 @@ export declare const DatePicker: import("react").ForwardRefExoticComponent<Monda
      * Определяет размер компонента
      * @default 	'medium'
      */
-    size?: "small" | "medium" | undefined;
+    size?: "medium" | "small" | undefined;
     /**
      * Название текстового поля
      */

package/components/DatePicker/DatePickerInput/styles.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+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 StyledMaskField: import("@emotion/styled").StyledComponent<Omit<import("../../MaskField").MaskFieldProps, "ref"> & import("react").RefAttributes<HTMLInputElement> & {
+export declare const StyledMaskField: import("../../styled").StyledComponent<Omit<import("../../MaskField").MaskFieldProps, "ref"> & import("react").RefAttributes<HTMLInputElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/components/DatePicker/DatePickerInput/styles.js

@@ -1,5 +1,5 @@
 import { MaskField } from '../../MaskField';
-import { styled } from '../../styles';
+import { styled } from '../../styled';
 export const Wrapper = styled.div `
   :focus {
     outline: none;

package/components/DatePicker/DatePickerPopover/DatePickerPopover.d.ts

@@ -7,4 +7,4 @@ export type DatePickerPopperProps = PropsWithChildren<Omit<WithoutEmotionSpecifi
      */
     onClose: () => void;
 }>;
-export declare const DatePickerPopover: ({ children, onMouseEnter, onMouseLeave, onClose, anchorEl, title, open, ...props }: DatePickerPopperProps) => JSX.Element;
+export declare const DatePickerPopover: ({ children, onMouseEnter, onMouseLeave, onClose, anchorEl, title, open, ...props }: DatePickerPopperProps) => import("react/jsx-runtime").JSX.Element;

package/components/DatePicker/DatePickerPopover/styles.d.ts

@@ -1,23 +1,14 @@
 /// <reference types="react" />
-export declare const StyledPopper: import("@emotion/styled").StyledComponent<Omit<import("@mui/base").PopperProps<"div">, "direction"> & {
-    component?: import("react").ElementType<any> | undefined;
-    components?: {
-        Root?: import("react").ElementType<any> | undefined;
-    } | undefined;
-    componentsProps?: {
-        root?: import("@mui/base").SlotComponentProps<"div", import("@mui/base").PopperRootSlotPropsOverrides, import("@mui/base").PopperOwnProps> | undefined;
-    } | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-} & import("react").RefAttributes<HTMLDivElement> & {
+export declare const StyledPopper: import("../../styled").StyledComponent<import("@mui/material").PopperProps & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const AnimatedWrapper: import("@emotion/styled").StyledComponent<{
+export declare const AnimatedWrapper: 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;
 } & {
     $isOpen?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const InnerContainer: import("@emotion/styled").StyledComponent<{
+export declare const InnerContainer: 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/DatePicker/DatePickerPopover/styles.js

@@ -1,6 +1,6 @@
 import { Popper as MuiPopper } from '@mui/material';
-import { styled } from '../../styles';
-import { fadeDropDownTransition } from '../../styles/mixins';
+import { styled } from '../../styled';
+import { fadeDropDownTransition } from '../../styled/mixins';
 import { datePickerClassnames } from '../constants';
 export const StyledPopper = styled(MuiPopper) `
   z-index: ${({ theme }) => theme.zIndex.tooltip};

package/components/DatePicker/DayPicker/DayPicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type CommonDateCalendarHeadProps } from '../DateCalendar';
 import { type PickerProps, type WithDoubleNavigationButtons } from '../types';
 export type MondayFirst = {
@@ -9,5 +8,5 @@ export type MondayFirst = {
     isMondayFirst?: boolean;
 };
 type DateDayPickerProps = MondayFirst & CommonDateCalendarHeadProps & PickerProps & WithDoubleNavigationButtons;
-export declare const DayPicker: ({ date: initialDate, selectedDate, onChange, isMondayFirst, rangeDate, onDayHover, hoveredDayDate, isDoubleNavigationButtonsEnabled, ...headProps }: DateDayPickerProps) => JSX.Element;
+export declare const DayPicker: ({ date: initialDate, selectedDate, onChange, isMondayFirst, rangeDate, onDayHover, hoveredDayDate, isDoubleNavigationButtonsEnabled, ...headProps }: DateDayPickerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/DatePicker/DayPicker/Head/Head.d.ts

@@ -2,5 +2,5 @@
 type DateCalendarMonthGridHeadProps = {
     isMondayFirst?: boolean;
 };
-export declare const Head: import("react").MemoExoticComponent<({ isMondayFirst }: DateCalendarMonthGridHeadProps) => JSX.Element>;
+export declare const Head: import("react").MemoExoticComponent<({ isMondayFirst }: DateCalendarMonthGridHeadProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/components/DatePicker/DayPicker/Head/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+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>, {}>;