@qiwi/pijma-desktop 1.151.0 → 1.152.1

package/lib/dts/core/src/block/Block.d.ts

@@ -1,9 +1,10 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 export interface BlockProps {
     hover?: boolean;
     active?: boolean;
     focus?: boolean;
     accent?: boolean;
     bg?: string;
+    children?: ReactNode;
 }
 export declare const Block: FC<BlockProps>;

package/lib/dts/core/src/breaker/Breaker.d.ts

@@ -1,2 +1,5 @@
-import { FC } from 'react';
-export declare const Breaker: FC;
+import { FC, ReactNode } from 'react';
+export interface BreakerProps {
+    children?: ReactNode;
+}
+export declare const Breaker: FC<BreakerProps>;

package/lib/dts/core/src/field/OptionField.d.ts

@@ -8,5 +8,6 @@ export interface OptionFieldProps {
     onFocus: FocusEventHandler;
     onBlur: FocusEventHandler;
     onKeyDown: KeyboardEventHandler;
+    children?: ReactNode;
 }
 export declare const OptionField: React.FunctionComponent<OptionFieldProps>;

package/lib/dts/core/src/form/Form.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 import { Value } from '../primitive';
 export interface FormProps {
     width?: Value;
@@ -8,5 +8,6 @@ export interface FormProps {
     minHeight?: Value;
     maxHeight?: Value;
     onSubmit?: () => void;
+    children?: ReactNode;
 }
 export declare const Form: FC<FormProps>;

package/lib/dts/core/src/grid/Grid.d.ts

@@ -1,7 +1,8 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 export interface GridProps {
     gutter?: number;
     columns?: number;
     layout?: number | number[];
+    children?: ReactNode;
 }
 export declare const Grid: FC<GridProps>;

package/lib/dts/core/src/primitive/Card.d.ts

@@ -25,7 +25,5 @@ export declare const Card: import("@emotion/styled/types/base").StyledComponent<
     theme?: Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & BoxProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    children?: import("react").ReactNode;
-} & {
     theme?: Theme | undefined;
 } & CardProps, {}, {}>;

package/lib/dts/core/src/primitive/Combos.d.ts

@@ -3,71 +3,53 @@ export declare const BoxLnk: import("@emotion/styled/types/base").StyledComponen
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & import("./Box").BoxProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    children?: import("react").ReactNode;
-} & {
     theme?: import("@emotion/react").Theme | undefined;
 } & import("./Lnk").LnkProps & import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, {}, {}>;
 export declare const CardLnk: import("@emotion/styled/types/base").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & import("./Box").BoxProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    children?: import("react").ReactNode;
-} & {
     theme?: import("@emotion/react").Theme | undefined;
 } & import("./Card").CardProps & import("./Lnk").LnkProps & import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, {}, {}>;
 export declare const PosLnk: import("@emotion/styled/types/base").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & import("./Box").BoxProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    children?: import("react").ReactNode;
-} & {
     theme?: import("@emotion/react").Theme | undefined;
 } & import("./Pos").PosProps & import("./Lnk").LnkProps & import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, {}, {}>;
 export declare const FlexLnk: import("@emotion/styled/types/base").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & import("./Box").BoxProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    children?: import("react").ReactNode;
-} & {
     theme?: import("@emotion/react").Theme | undefined;
 } & import("./Flex").FlexProps & import("./Lnk").LnkProps & import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, {}, {}>;
 export declare const TypoLnk: import("@emotion/styled/types/base").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & import("./Typo").TypoProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    children?: import("react").ReactNode;
-} & {
     theme?: import("@emotion/react").Theme | undefined;
 } & import("./Lnk").LnkProps & import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, {}, {}>;
 export declare const BoxPos: import("@emotion/styled/types/base").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & import("./Box").BoxProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    children?: import("react").ReactNode;
-} & {
     theme?: import("@emotion/react").Theme | undefined;
 } & import("./Pos").PosProps, {}, {}>;
 export declare const CardPos: import("@emotion/styled/types/base").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & import("./Box").BoxProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    children?: import("react").ReactNode;
-} & {
     theme?: import("@emotion/react").Theme | undefined;
 } & import("./Card").CardProps & import("./Pos").PosProps, {}, {}>;
 export declare const FlexPos: import("@emotion/styled/types/base").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & import("./Box").BoxProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    children?: import("react").ReactNode;
-} & {
     theme?: import("@emotion/react").Theme | undefined;
 } & import("./Flex").FlexProps & import("./Pos").PosProps, {}, {}>;
 export declare const FlexCard: import("@emotion/styled/types/base").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & import("./Box").BoxProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    children?: import("react").ReactNode;
-} & {
     theme?: import("@emotion/react").Theme | undefined;
 } & import("./Flex").FlexProps & import("./Card").CardProps, {}, {}>;

package/lib/dts/core/src/primitive/Flex.d.ts

@@ -13,7 +13,5 @@ export declare const Flex: import("@emotion/styled/types/base").StyledComponent<
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & import("./Box").BoxProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    children?: import("react").ReactNode;
-} & {
     theme?: import("@emotion/react").Theme | undefined;
 } & FlexProps, {}, {}>;

package/lib/dts/core/src/primitive/FlexItem.d.ts

@@ -14,7 +14,5 @@ export declare const FlexItem: import("@emotion/styled/types/base").StyledCompon
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & import("./Box").BoxProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    children?: import("react").ReactNode;
-} & {
     theme?: import("@emotion/react").Theme | undefined;
 } & FlexItemProps, {}, {}>;

package/lib/dts/core/src/primitive/MaskInput.d.ts

@@ -3,7 +3,5 @@ export declare const MaskInput: import("@emotion/styled/types/base").StyledCompo
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & import("./Input").InputProps & import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
-    children?: import("react").ReactNode;
-} & {
     theme?: import("@emotion/react").Theme | undefined;
 } & import("../mask").MaskedInputProps & import("react").RefAttributes<HTMLInputElement>, {}, {}>;

package/lib/dts/core/src/primitive/Pos.d.ts

@@ -15,7 +15,5 @@ export declare const Pos: import("@emotion/styled/types/base").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & import("./Box").BoxProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    children?: import("react").ReactNode;
-} & {
     theme?: import("@emotion/react").Theme | undefined;
 } & PosProps, {}, {}>;

package/lib/dts/core/src/primitive/Svg.d.ts

@@ -26,13 +26,13 @@ export declare const SvgItemOptions: StyledOptions<SvgItemProps>;
 export declare const Path: import("@emotion/styled/types/base").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & SvgItemProps, import("react").SVGProps<SVGSymbolElement> | import("react").DetailedHTMLProps<import("react").ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement> | import("react").DetailedHTMLProps<import("react").MapHTMLAttributes<HTMLMapElement>, HTMLMapElement> | import("react").SVGProps<SVGFilterElement> | import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> | import("react").DetailedHTMLProps<import("react").DataHTMLAttributes<HTMLDataElement>, HTMLDataElement> | import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement> | import("react").SVGProps<SVGStopElement> | import("react").DetailedHTMLProps<import("react").TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement> | import("react").DetailedHTMLProps<import("react").SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement> | import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> | import("react").SVGProps<SVGViewElement> | import("react").SVGProps<SVGClipPathElement> | import("react").SVGProps<SVGMarkerElement> | import("react").SVGProps<SVGMaskElement> | import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> | import("react").DetailedHTMLProps<import("react").AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement> | import("react").DetailedHTMLProps<import("react").AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement> | import("react").DetailedHTMLProps<import("react").BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement> | import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBRElement>, HTMLBRElement> | import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement> | import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement> | import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDataListElement>, HTMLDataListElement> | import("react").DetailedHTMLProps<import("react").DelHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement> | import("react").DetailedHTMLProps<import("react").EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement> | import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement> | import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadElement>, HTMLHeadElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement> | import("react").DetailedHTMLProps<import("react").HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement> | import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement> | import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> | import("react").DetailedHTMLProps<import("react").InsHTMLAttributes<HTMLModElement>, HTMLModElement> | import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement> | import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement> | import("react").DetailedHTMLProps<import("react").MenuHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement> | import("react").DetailedHTMLProps<import("react").MeterHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement> | import("react").DetailedHTMLProps<import("react").OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement> | import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement> | import("react").DetailedHTMLProps<import("react").OutputHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement> | import("react").DetailedHTMLProps<import("react").ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement> | import("react").DetailedHTMLProps<import("react").QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement> | import("react").DetailedHTMLProps<import("react").ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement> | import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement> | import("react").DetailedHTMLProps<import("react").SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> | import("react").DetailedHTMLProps<import("react").StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement> | import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement> | import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement> | import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> | import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement> | import("react").DetailedHTMLProps<import("react").TimeHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTitleElement>, HTMLTitleElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement> | import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement> | import("react").SVGProps<SVGElement> | import("react").SVGProps<SVGCircleElement> | import("react").SVGProps<SVGDefsElement> | import("react").SVGProps<SVGDescElement> | import("react").SVGProps<SVGEllipseElement> | import("react").SVGProps<SVGFEBlendElement> | import("react").SVGProps<SVGFEColorMatrixElement> | import("react").SVGProps<SVGFEComponentTransferElement> | import("react").SVGProps<SVGFECompositeElement> | import("react").SVGProps<SVGFEConvolveMatrixElement> | import("react").SVGProps<SVGFEDiffuseLightingElement> | import("react").SVGProps<SVGFEDisplacementMapElement> | import("react").SVGProps<SVGFEDistantLightElement> | import("react").SVGProps<SVGFEDropShadowElement> | import("react").SVGProps<SVGFEFloodElement> | import("react").SVGProps<SVGFEFuncAElement> | import("react").SVGProps<SVGFEFuncBElement> | import("react").SVGProps<SVGFEFuncGElement> | import("react").SVGProps<SVGFEFuncRElement> | import("react").SVGProps<SVGFEGaussianBlurElement> | import("react").SVGProps<SVGFEImageElement> | import("react").SVGProps<SVGFEMergeElement> | import("react").SVGProps<SVGFEMergeNodeElement> | import("react").SVGProps<SVGFEMorphologyElement> | import("react").SVGProps<SVGFEOffsetElement> | import("react").SVGProps<SVGFEPointLightElement> | import("react").SVGProps<SVGFESpecularLightingElement> | import("react").SVGProps<SVGFESpotLightElement> | import("react").SVGProps<SVGFETileElement> | import("react").SVGProps<SVGFETurbulenceElement> | import("react").SVGProps<SVGForeignObjectElement> | import("react").SVGProps<SVGGElement> | import("react").SVGProps<SVGImageElement> | import("react").SVGProps<SVGLineElement> | import("react").SVGProps<SVGLinearGradientElement> | import("react").SVGProps<SVGMetadataElement> | import("react").SVGProps<SVGPathElement> | import("react").SVGProps<SVGPatternElement> | import("react").SVGProps<SVGPolygonElement> | import("react").SVGProps<SVGPolylineElement> | import("react").SVGProps<SVGRadialGradientElement> | import("react").SVGProps<SVGRectElement> | import("react").SVGProps<SVGSVGElement> | import("react").SVGProps<SVGSwitchElement> | import("react").SVGProps<SVGTextElement> | import("react").SVGProps<SVGTextPathElement> | import("react").SVGProps<SVGTSpanElement> | import("react").SVGProps<SVGUseElement> | import("react").DetailedHTMLProps<import("react").KeygenHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").WebViewHTMLAttributes<HTMLWebViewElement>, HTMLWebViewElement>, {}>;
+} & SvgItemProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement> | import("react").SVGProps<SVGSymbolElement> | import("react").DetailedHTMLProps<import("react").ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement> | import("react").SVGProps<SVGClipPathElement> | import("react").SVGProps<SVGFilterElement> | import("react").SVGProps<SVGMaskElement> | import("react").SVGProps<SVGMarkerElement> | import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> | import("react").DetailedHTMLProps<import("react").MeterHTMLAttributes<HTMLMeterElement>, HTMLMeterElement> | import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> | import("react").DetailedHTMLProps<import("react").StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement> | import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement> | import("react").SVGProps<SVGTextElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement> | import("react").SVGProps<SVGCircleElement> | import("react").DetailedHTMLProps<import("react").EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement> | import("react").DetailedHTMLProps<import("react").MenuHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement> | import("react").SVGProps<SVGSVGElement> | import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> | import("react").DetailedHTMLProps<import("react").AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement> | import("react").DetailedHTMLProps<import("react").AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement> | import("react").DetailedHTMLProps<import("react").BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement> | import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBRElement>, HTMLBRElement> | import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement> | import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement> | import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement> | import("react").DetailedHTMLProps<import("react").DataHTMLAttributes<HTMLDataElement>, HTMLDataElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDataListElement>, HTMLDataListElement> | import("react").DetailedHTMLProps<import("react").DelHTMLAttributes<HTMLModElement>, HTMLModElement> | import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement> | import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement> | import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement> | import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadElement>, HTMLHeadElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement> | import("react").DetailedHTMLProps<import("react").HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement> | import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement> | import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> | import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> | import("react").DetailedHTMLProps<import("react").InsHTMLAttributes<HTMLModElement>, HTMLModElement> | import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement> | import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement> | import("react").DetailedHTMLProps<import("react").LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement> | import("react").DetailedHTMLProps<import("react").MapHTMLAttributes<HTMLMapElement>, HTMLMapElement> | import("react").DetailedHTMLProps<import("react").MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement> | import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement> | import("react").DetailedHTMLProps<import("react").OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement> | import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement> | import("react").DetailedHTMLProps<import("react").OutputHTMLAttributes<HTMLOutputElement>, HTMLOutputElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement> | import("react").DetailedHTMLProps<import("react").ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement> | import("react").DetailedHTMLProps<import("react").QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement> | import("react").DetailedHTMLProps<import("react").ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement> | import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement> | import("react").DetailedHTMLProps<import("react").SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement> | import("react").DetailedHTMLProps<import("react").SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement> | import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement> | import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement> | import("react").DetailedHTMLProps<import("react").TimeHTMLAttributes<HTMLTimeElement>, HTMLTimeElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTitleElement>, HTMLTitleElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement> | import("react").DetailedHTMLProps<import("react").TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement> | import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement> | import("react").DetailedHTMLProps<import("react").KeygenHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").WebViewHTMLAttributes<HTMLWebViewElement>, HTMLWebViewElement> | import("react").SVGProps<SVGElement> | import("react").SVGProps<SVGDefsElement> | import("react").SVGProps<SVGDescElement> | import("react").SVGProps<SVGEllipseElement> | import("react").SVGProps<SVGFEBlendElement> | import("react").SVGProps<SVGFEColorMatrixElement> | import("react").SVGProps<SVGFEComponentTransferElement> | import("react").SVGProps<SVGFECompositeElement> | import("react").SVGProps<SVGFEConvolveMatrixElement> | import("react").SVGProps<SVGFEDiffuseLightingElement> | import("react").SVGProps<SVGFEDisplacementMapElement> | import("react").SVGProps<SVGFEDistantLightElement> | import("react").SVGProps<SVGFEDropShadowElement> | import("react").SVGProps<SVGFEFloodElement> | import("react").SVGProps<SVGFEFuncAElement> | import("react").SVGProps<SVGFEFuncBElement> | import("react").SVGProps<SVGFEFuncGElement> | import("react").SVGProps<SVGFEFuncRElement> | import("react").SVGProps<SVGFEGaussianBlurElement> | import("react").SVGProps<SVGFEImageElement> | import("react").SVGProps<SVGFEMergeElement> | import("react").SVGProps<SVGFEMergeNodeElement> | import("react").SVGProps<SVGFEMorphologyElement> | import("react").SVGProps<SVGFEOffsetElement> | import("react").SVGProps<SVGFEPointLightElement> | import("react").SVGProps<SVGFESpecularLightingElement> | import("react").SVGProps<SVGFESpotLightElement> | import("react").SVGProps<SVGFETileElement> | import("react").SVGProps<SVGFETurbulenceElement> | import("react").SVGProps<SVGForeignObjectElement> | import("react").SVGProps<SVGGElement> | import("react").SVGProps<SVGImageElement> | import("react").SVGProps<SVGLineElement> | import("react").SVGProps<SVGLinearGradientElement> | import("react").SVGProps<SVGMetadataElement> | import("react").SVGProps<SVGPathElement> | import("react").SVGProps<SVGPatternElement> | import("react").SVGProps<SVGPolygonElement> | import("react").SVGProps<SVGPolylineElement> | import("react").SVGProps<SVGRadialGradientElement> | import("react").SVGProps<SVGRectElement> | import("react").SVGProps<SVGStopElement> | import("react").SVGProps<SVGSwitchElement> | import("react").SVGProps<SVGTextPathElement> | import("react").SVGProps<SVGTSpanElement> | import("react").SVGProps<SVGUseElement> | import("react").SVGProps<SVGViewElement>, {}>;
 export declare const Rect: import("@emotion/styled/types/base").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & SvgItemProps, import("react").SVGProps<SVGSymbolElement> | import("react").DetailedHTMLProps<import("react").ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement> | import("react").DetailedHTMLProps<import("react").MapHTMLAttributes<HTMLMapElement>, HTMLMapElement> | import("react").SVGProps<SVGFilterElement> | import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> | import("react").DetailedHTMLProps<import("react").DataHTMLAttributes<HTMLDataElement>, HTMLDataElement> | import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement> | import("react").SVGProps<SVGStopElement> | import("react").DetailedHTMLProps<import("react").TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement> | import("react").DetailedHTMLProps<import("react").SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement> | import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> | import("react").SVGProps<SVGViewElement> | import("react").SVGProps<SVGClipPathElement> | import("react").SVGProps<SVGMarkerElement> | import("react").SVGProps<SVGMaskElement> | import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> | import("react").DetailedHTMLProps<import("react").AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement> | import("react").DetailedHTMLProps<import("react").AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement> | import("react").DetailedHTMLProps<import("react").BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement> | import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBRElement>, HTMLBRElement> | import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement> | import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement> | import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDataListElement>, HTMLDataListElement> | import("react").DetailedHTMLProps<import("react").DelHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement> | import("react").DetailedHTMLProps<import("react").EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement> | import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement> | import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadElement>, HTMLHeadElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement> | import("react").DetailedHTMLProps<import("react").HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement> | import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement> | import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> | import("react").DetailedHTMLProps<import("react").InsHTMLAttributes<HTMLModElement>, HTMLModElement> | import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement> | import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement> | import("react").DetailedHTMLProps<import("react").MenuHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement> | import("react").DetailedHTMLProps<import("react").MeterHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement> | import("react").DetailedHTMLProps<import("react").OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement> | import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement> | import("react").DetailedHTMLProps<import("react").OutputHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement> | import("react").DetailedHTMLProps<import("react").ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement> | import("react").DetailedHTMLProps<import("react").QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement> | import("react").DetailedHTMLProps<import("react").ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement> | import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement> | import("react").DetailedHTMLProps<import("react").SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> | import("react").DetailedHTMLProps<import("react").StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement> | import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement> | import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement> | import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> | import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement> | import("react").DetailedHTMLProps<import("react").TimeHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTitleElement>, HTMLTitleElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement> | import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement> | import("react").SVGProps<SVGElement> | import("react").SVGProps<SVGCircleElement> | import("react").SVGProps<SVGDefsElement> | import("react").SVGProps<SVGDescElement> | import("react").SVGProps<SVGEllipseElement> | import("react").SVGProps<SVGFEBlendElement> | import("react").SVGProps<SVGFEColorMatrixElement> | import("react").SVGProps<SVGFEComponentTransferElement> | import("react").SVGProps<SVGFECompositeElement> | import("react").SVGProps<SVGFEConvolveMatrixElement> | import("react").SVGProps<SVGFEDiffuseLightingElement> | import("react").SVGProps<SVGFEDisplacementMapElement> | import("react").SVGProps<SVGFEDistantLightElement> | import("react").SVGProps<SVGFEDropShadowElement> | import("react").SVGProps<SVGFEFloodElement> | import("react").SVGProps<SVGFEFuncAElement> | import("react").SVGProps<SVGFEFuncBElement> | import("react").SVGProps<SVGFEFuncGElement> | import("react").SVGProps<SVGFEFuncRElement> | import("react").SVGProps<SVGFEGaussianBlurElement> | import("react").SVGProps<SVGFEImageElement> | import("react").SVGProps<SVGFEMergeElement> | import("react").SVGProps<SVGFEMergeNodeElement> | import("react").SVGProps<SVGFEMorphologyElement> | import("react").SVGProps<SVGFEOffsetElement> | import("react").SVGProps<SVGFEPointLightElement> | import("react").SVGProps<SVGFESpecularLightingElement> | import("react").SVGProps<SVGFESpotLightElement> | import("react").SVGProps<SVGFETileElement> | import("react").SVGProps<SVGFETurbulenceElement> | import("react").SVGProps<SVGForeignObjectElement> | import("react").SVGProps<SVGGElement> | import("react").SVGProps<SVGImageElement> | import("react").SVGProps<SVGLineElement> | import("react").SVGProps<SVGLinearGradientElement> | import("react").SVGProps<SVGMetadataElement> | import("react").SVGProps<SVGPathElement> | import("react").SVGProps<SVGPatternElement> | import("react").SVGProps<SVGPolygonElement> | import("react").SVGProps<SVGPolylineElement> | import("react").SVGProps<SVGRadialGradientElement> | import("react").SVGProps<SVGRectElement> | import("react").SVGProps<SVGSVGElement> | import("react").SVGProps<SVGSwitchElement> | import("react").SVGProps<SVGTextElement> | import("react").SVGProps<SVGTextPathElement> | import("react").SVGProps<SVGTSpanElement> | import("react").SVGProps<SVGUseElement> | import("react").DetailedHTMLProps<import("react").KeygenHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").WebViewHTMLAttributes<HTMLWebViewElement>, HTMLWebViewElement>, {}>;
+} & SvgItemProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement> | import("react").SVGProps<SVGSymbolElement> | import("react").DetailedHTMLProps<import("react").ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement> | import("react").SVGProps<SVGClipPathElement> | import("react").SVGProps<SVGFilterElement> | import("react").SVGProps<SVGMaskElement> | import("react").SVGProps<SVGMarkerElement> | import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> | import("react").DetailedHTMLProps<import("react").MeterHTMLAttributes<HTMLMeterElement>, HTMLMeterElement> | import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> | import("react").DetailedHTMLProps<import("react").StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement> | import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement> | import("react").SVGProps<SVGTextElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement> | import("react").SVGProps<SVGCircleElement> | import("react").DetailedHTMLProps<import("react").EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement> | import("react").DetailedHTMLProps<import("react").MenuHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement> | import("react").SVGProps<SVGSVGElement> | import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> | import("react").DetailedHTMLProps<import("react").AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement> | import("react").DetailedHTMLProps<import("react").AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement> | import("react").DetailedHTMLProps<import("react").BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement> | import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBRElement>, HTMLBRElement> | import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement> | import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement> | import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement> | import("react").DetailedHTMLProps<import("react").DataHTMLAttributes<HTMLDataElement>, HTMLDataElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDataListElement>, HTMLDataListElement> | import("react").DetailedHTMLProps<import("react").DelHTMLAttributes<HTMLModElement>, HTMLModElement> | import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement> | import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement> | import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement> | import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadElement>, HTMLHeadElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement> | import("react").DetailedHTMLProps<import("react").HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement> | import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement> | import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> | import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> | import("react").DetailedHTMLProps<import("react").InsHTMLAttributes<HTMLModElement>, HTMLModElement> | import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement> | import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement> | import("react").DetailedHTMLProps<import("react").LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement> | import("react").DetailedHTMLProps<import("react").MapHTMLAttributes<HTMLMapElement>, HTMLMapElement> | import("react").DetailedHTMLProps<import("react").MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement> | import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement> | import("react").DetailedHTMLProps<import("react").OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement> | import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement> | import("react").DetailedHTMLProps<import("react").OutputHTMLAttributes<HTMLOutputElement>, HTMLOutputElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement> | import("react").DetailedHTMLProps<import("react").ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement> | import("react").DetailedHTMLProps<import("react").QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement> | import("react").DetailedHTMLProps<import("react").ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement> | import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement> | import("react").DetailedHTMLProps<import("react").SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement> | import("react").DetailedHTMLProps<import("react").SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement> | import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement> | import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement> | import("react").DetailedHTMLProps<import("react").TimeHTMLAttributes<HTMLTimeElement>, HTMLTimeElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTitleElement>, HTMLTitleElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement> | import("react").DetailedHTMLProps<import("react").TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement> | import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement> | import("react").DetailedHTMLProps<import("react").KeygenHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").WebViewHTMLAttributes<HTMLWebViewElement>, HTMLWebViewElement> | import("react").SVGProps<SVGElement> | import("react").SVGProps<SVGDefsElement> | import("react").SVGProps<SVGDescElement> | import("react").SVGProps<SVGEllipseElement> | import("react").SVGProps<SVGFEBlendElement> | import("react").SVGProps<SVGFEColorMatrixElement> | import("react").SVGProps<SVGFEComponentTransferElement> | import("react").SVGProps<SVGFECompositeElement> | import("react").SVGProps<SVGFEConvolveMatrixElement> | import("react").SVGProps<SVGFEDiffuseLightingElement> | import("react").SVGProps<SVGFEDisplacementMapElement> | import("react").SVGProps<SVGFEDistantLightElement> | import("react").SVGProps<SVGFEDropShadowElement> | import("react").SVGProps<SVGFEFloodElement> | import("react").SVGProps<SVGFEFuncAElement> | import("react").SVGProps<SVGFEFuncBElement> | import("react").SVGProps<SVGFEFuncGElement> | import("react").SVGProps<SVGFEFuncRElement> | import("react").SVGProps<SVGFEGaussianBlurElement> | import("react").SVGProps<SVGFEImageElement> | import("react").SVGProps<SVGFEMergeElement> | import("react").SVGProps<SVGFEMergeNodeElement> | import("react").SVGProps<SVGFEMorphologyElement> | import("react").SVGProps<SVGFEOffsetElement> | import("react").SVGProps<SVGFEPointLightElement> | import("react").SVGProps<SVGFESpecularLightingElement> | import("react").SVGProps<SVGFESpotLightElement> | import("react").SVGProps<SVGFETileElement> | import("react").SVGProps<SVGFETurbulenceElement> | import("react").SVGProps<SVGForeignObjectElement> | import("react").SVGProps<SVGGElement> | import("react").SVGProps<SVGImageElement> | import("react").SVGProps<SVGLineElement> | import("react").SVGProps<SVGLinearGradientElement> | import("react").SVGProps<SVGMetadataElement> | import("react").SVGProps<SVGPathElement> | import("react").SVGProps<SVGPatternElement> | import("react").SVGProps<SVGPolygonElement> | import("react").SVGProps<SVGPolylineElement> | import("react").SVGProps<SVGRadialGradientElement> | import("react").SVGProps<SVGRectElement> | import("react").SVGProps<SVGStopElement> | import("react").SVGProps<SVGSwitchElement> | import("react").SVGProps<SVGTextPathElement> | import("react").SVGProps<SVGTSpanElement> | import("react").SVGProps<SVGUseElement> | import("react").SVGProps<SVGViewElement>, {}>;
 export declare const Circle: import("@emotion/styled/types/base").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & SvgItemProps, import("react").SVGProps<SVGSymbolElement> | import("react").DetailedHTMLProps<import("react").ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement> | import("react").DetailedHTMLProps<import("react").MapHTMLAttributes<HTMLMapElement>, HTMLMapElement> | import("react").SVGProps<SVGFilterElement> | import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> | import("react").DetailedHTMLProps<import("react").DataHTMLAttributes<HTMLDataElement>, HTMLDataElement> | import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement> | import("react").SVGProps<SVGStopElement> | import("react").DetailedHTMLProps<import("react").TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement> | import("react").DetailedHTMLProps<import("react").SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement> | import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> | import("react").SVGProps<SVGViewElement> | import("react").SVGProps<SVGClipPathElement> | import("react").SVGProps<SVGMarkerElement> | import("react").SVGProps<SVGMaskElement> | import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> | import("react").DetailedHTMLProps<import("react").AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement> | import("react").DetailedHTMLProps<import("react").AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement> | import("react").DetailedHTMLProps<import("react").BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement> | import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBRElement>, HTMLBRElement> | import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement> | import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement> | import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDataListElement>, HTMLDataListElement> | import("react").DetailedHTMLProps<import("react").DelHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement> | import("react").DetailedHTMLProps<import("react").EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement> | import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement> | import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadElement>, HTMLHeadElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement> | import("react").DetailedHTMLProps<import("react").HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement> | import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement> | import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> | import("react").DetailedHTMLProps<import("react").InsHTMLAttributes<HTMLModElement>, HTMLModElement> | import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement> | import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement> | import("react").DetailedHTMLProps<import("react").MenuHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement> | import("react").DetailedHTMLProps<import("react").MeterHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement> | import("react").DetailedHTMLProps<import("react").OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement> | import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement> | import("react").DetailedHTMLProps<import("react").OutputHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement> | import("react").DetailedHTMLProps<import("react").ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement> | import("react").DetailedHTMLProps<import("react").QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement> | import("react").DetailedHTMLProps<import("react").ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement> | import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement> | import("react").DetailedHTMLProps<import("react").SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> | import("react").DetailedHTMLProps<import("react").StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement> | import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement> | import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement> | import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> | import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement> | import("react").DetailedHTMLProps<import("react").TimeHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTitleElement>, HTMLTitleElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement> | import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement> | import("react").SVGProps<SVGElement> | import("react").SVGProps<SVGCircleElement> | import("react").SVGProps<SVGDefsElement> | import("react").SVGProps<SVGDescElement> | import("react").SVGProps<SVGEllipseElement> | import("react").SVGProps<SVGFEBlendElement> | import("react").SVGProps<SVGFEColorMatrixElement> | import("react").SVGProps<SVGFEComponentTransferElement> | import("react").SVGProps<SVGFECompositeElement> | import("react").SVGProps<SVGFEConvolveMatrixElement> | import("react").SVGProps<SVGFEDiffuseLightingElement> | import("react").SVGProps<SVGFEDisplacementMapElement> | import("react").SVGProps<SVGFEDistantLightElement> | import("react").SVGProps<SVGFEDropShadowElement> | import("react").SVGProps<SVGFEFloodElement> | import("react").SVGProps<SVGFEFuncAElement> | import("react").SVGProps<SVGFEFuncBElement> | import("react").SVGProps<SVGFEFuncGElement> | import("react").SVGProps<SVGFEFuncRElement> | import("react").SVGProps<SVGFEGaussianBlurElement> | import("react").SVGProps<SVGFEImageElement> | import("react").SVGProps<SVGFEMergeElement> | import("react").SVGProps<SVGFEMergeNodeElement> | import("react").SVGProps<SVGFEMorphologyElement> | import("react").SVGProps<SVGFEOffsetElement> | import("react").SVGProps<SVGFEPointLightElement> | import("react").SVGProps<SVGFESpecularLightingElement> | import("react").SVGProps<SVGFESpotLightElement> | import("react").SVGProps<SVGFETileElement> | import("react").SVGProps<SVGFETurbulenceElement> | import("react").SVGProps<SVGForeignObjectElement> | import("react").SVGProps<SVGGElement> | import("react").SVGProps<SVGImageElement> | import("react").SVGProps<SVGLineElement> | import("react").SVGProps<SVGLinearGradientElement> | import("react").SVGProps<SVGMetadataElement> | import("react").SVGProps<SVGPathElement> | import("react").SVGProps<SVGPatternElement> | import("react").SVGProps<SVGPolygonElement> | import("react").SVGProps<SVGPolylineElement> | import("react").SVGProps<SVGRadialGradientElement> | import("react").SVGProps<SVGRectElement> | import("react").SVGProps<SVGSVGElement> | import("react").SVGProps<SVGSwitchElement> | import("react").SVGProps<SVGTextElement> | import("react").SVGProps<SVGTextPathElement> | import("react").SVGProps<SVGTSpanElement> | import("react").SVGProps<SVGUseElement> | import("react").DetailedHTMLProps<import("react").KeygenHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").WebViewHTMLAttributes<HTMLWebViewElement>, HTMLWebViewElement>, {}>;
+} & SvgItemProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement> | import("react").SVGProps<SVGSymbolElement> | import("react").DetailedHTMLProps<import("react").ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement> | import("react").SVGProps<SVGClipPathElement> | import("react").SVGProps<SVGFilterElement> | import("react").SVGProps<SVGMaskElement> | import("react").SVGProps<SVGMarkerElement> | import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> | import("react").DetailedHTMLProps<import("react").MeterHTMLAttributes<HTMLMeterElement>, HTMLMeterElement> | import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> | import("react").DetailedHTMLProps<import("react").StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement> | import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement> | import("react").SVGProps<SVGTextElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement> | import("react").SVGProps<SVGCircleElement> | import("react").DetailedHTMLProps<import("react").EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement> | import("react").DetailedHTMLProps<import("react").MenuHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement> | import("react").SVGProps<SVGSVGElement> | import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> | import("react").DetailedHTMLProps<import("react").AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement> | import("react").DetailedHTMLProps<import("react").AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement> | import("react").DetailedHTMLProps<import("react").BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement> | import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBRElement>, HTMLBRElement> | import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement> | import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement> | import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement> | import("react").DetailedHTMLProps<import("react").DataHTMLAttributes<HTMLDataElement>, HTMLDataElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDataListElement>, HTMLDataListElement> | import("react").DetailedHTMLProps<import("react").DelHTMLAttributes<HTMLModElement>, HTMLModElement> | import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement> | import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement> | import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement> | import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadElement>, HTMLHeadElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement> | import("react").DetailedHTMLProps<import("react").HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement> | import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement> | import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> | import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> | import("react").DetailedHTMLProps<import("react").InsHTMLAttributes<HTMLModElement>, HTMLModElement> | import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement> | import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement> | import("react").DetailedHTMLProps<import("react").LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement> | import("react").DetailedHTMLProps<import("react").MapHTMLAttributes<HTMLMapElement>, HTMLMapElement> | import("react").DetailedHTMLProps<import("react").MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement> | import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement> | import("react").DetailedHTMLProps<import("react").OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement> | import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement> | import("react").DetailedHTMLProps<import("react").OutputHTMLAttributes<HTMLOutputElement>, HTMLOutputElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement> | import("react").DetailedHTMLProps<import("react").ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement> | import("react").DetailedHTMLProps<import("react").QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement> | import("react").DetailedHTMLProps<import("react").ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement> | import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement> | import("react").DetailedHTMLProps<import("react").SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement> | import("react").DetailedHTMLProps<import("react").SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement> | import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement> | import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement> | import("react").DetailedHTMLProps<import("react").TimeHTMLAttributes<HTMLTimeElement>, HTMLTimeElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTitleElement>, HTMLTitleElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement> | import("react").DetailedHTMLProps<import("react").TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement> | import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement> | import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement> | import("react").DetailedHTMLProps<import("react").KeygenHTMLAttributes<HTMLElement>, HTMLElement> | import("react").DetailedHTMLProps<import("react").WebViewHTMLAttributes<HTMLWebViewElement>, HTMLWebViewElement> | import("react").SVGProps<SVGElement> | import("react").SVGProps<SVGDefsElement> | import("react").SVGProps<SVGDescElement> | import("react").SVGProps<SVGEllipseElement> | import("react").SVGProps<SVGFEBlendElement> | import("react").SVGProps<SVGFEColorMatrixElement> | import("react").SVGProps<SVGFEComponentTransferElement> | import("react").SVGProps<SVGFECompositeElement> | import("react").SVGProps<SVGFEConvolveMatrixElement> | import("react").SVGProps<SVGFEDiffuseLightingElement> | import("react").SVGProps<SVGFEDisplacementMapElement> | import("react").SVGProps<SVGFEDistantLightElement> | import("react").SVGProps<SVGFEDropShadowElement> | import("react").SVGProps<SVGFEFloodElement> | import("react").SVGProps<SVGFEFuncAElement> | import("react").SVGProps<SVGFEFuncBElement> | import("react").SVGProps<SVGFEFuncGElement> | import("react").SVGProps<SVGFEFuncRElement> | import("react").SVGProps<SVGFEGaussianBlurElement> | import("react").SVGProps<SVGFEImageElement> | import("react").SVGProps<SVGFEMergeElement> | import("react").SVGProps<SVGFEMergeNodeElement> | import("react").SVGProps<SVGFEMorphologyElement> | import("react").SVGProps<SVGFEOffsetElement> | import("react").SVGProps<SVGFEPointLightElement> | import("react").SVGProps<SVGFESpecularLightingElement> | import("react").SVGProps<SVGFESpotLightElement> | import("react").SVGProps<SVGFETileElement> | import("react").SVGProps<SVGFETurbulenceElement> | import("react").SVGProps<SVGForeignObjectElement> | import("react").SVGProps<SVGGElement> | import("react").SVGProps<SVGImageElement> | import("react").SVGProps<SVGLineElement> | import("react").SVGProps<SVGLinearGradientElement> | import("react").SVGProps<SVGMetadataElement> | import("react").SVGProps<SVGPathElement> | import("react").SVGProps<SVGPatternElement> | import("react").SVGProps<SVGPolygonElement> | import("react").SVGProps<SVGPolylineElement> | import("react").SVGProps<SVGRadialGradientElement> | import("react").SVGProps<SVGRectElement> | import("react").SVGProps<SVGStopElement> | import("react").SVGProps<SVGSwitchElement> | import("react").SVGProps<SVGTextPathElement> | import("react").SVGProps<SVGTSpanElement> | import("react").SVGProps<SVGUseElement> | import("react").SVGProps<SVGViewElement>, {}>;
 export {};

package/lib/dts/core/src/spacer/Spacer.d.ts

@@ -1,5 +1,6 @@
-import { FunctionComponent } from 'react';
+import { FunctionComponent, ReactNode } from 'react';
 export interface SpacerProps {
     size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+    children?: ReactNode;
 }
 export declare const Spacer: FunctionComponent<SpacerProps>;

package/lib/dts/core/src/striper/Striper.d.ts

@@ -1,2 +1,5 @@
-import { FC } from 'react';
-export declare const Striper: FC;
+import { FC, ReactNode } from 'react';
+export interface StriperProps {
+    children?: ReactNode;
+}
+export declare const Striper: FC<StriperProps>;

package/lib/dts/desktop/src/actions/Actions.d.ts

@@ -1,6 +1,7 @@
-import { FunctionComponent } from 'react';
+import { FunctionComponent, ReactNode } from 'react';
 export interface ActionsProps {
     size: 'accent' | 'normal' | 'minor';
     vertical?: boolean;
+    children?: ReactNode;
 }
 export declare const Actions: FunctionComponent<ActionsProps>;

package/lib/dts/desktop/src/annotation/Annotation.d.ts

@@ -1,2 +1,5 @@
-import { FC } from 'react';
-export declare const Annotation: FC;
+import { FC, ReactNode } from 'react';
+export interface AnnotationProps {
+    children?: ReactNode;
+}
+export declare const Annotation: FC<AnnotationProps>;

package/lib/dts/desktop/src/block-content/BlockContent.d.ts

@@ -1,5 +1,6 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 export interface BlockContentProps {
     indent?: 's' | 'm' | 'l';
+    children?: ReactNode;
 }
 export declare const BlockContent: FC<BlockContentProps>;

package/lib/dts/desktop/src/header/Header.d.ts

@@ -1,5 +1,6 @@
-import { FunctionComponent } from 'react';
+import { FunctionComponent, ReactNode } from 'react';
 export interface HeaderProps {
     underline?: boolean;
+    children?: ReactNode;
 }
 export declare const Header: FunctionComponent<HeaderProps>;

package/lib/dts/desktop/src/link/FileLink.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 export interface FileLinkProps {
     onClick?: (href?: string, target?: string, download?: string | boolean, rel?: string) => void;
     onFocus?: () => void;
@@ -9,5 +9,6 @@ export interface FileLinkProps {
     download?: string | boolean;
     rel?: string;
     title?: string;
+    children?: ReactNode;
 }
 export declare const FileLink: FC<FileLinkProps>;

package/lib/dts/desktop/src/link/Link.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 export interface LinkProps {
     onClick?: (href?: string, target?: string, download?: string | boolean, rel?: string) => void;
     onFocus?: () => void;
@@ -14,5 +14,6 @@ export interface LinkProps {
     bold?: boolean;
     stub?: boolean;
     inverse?: boolean;
+    children?: ReactNode;
 }
 export declare const Link: FC<LinkProps>;

package/lib/dts/desktop/src/modal/SimpleModal.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent } from 'react';
+import { FunctionComponent, ReactNode } from 'react';
 interface SimpleModalProps {
     show: boolean;
     closable?: boolean;
@@ -8,6 +8,7 @@ interface SimpleModalProps {
     stub?: boolean;
     onShow?: () => void;
     onHide?: () => void;
+    children?: ReactNode;
 }
 export declare const SimpleModal: FunctionComponent<SimpleModalProps>;
 export {};

package/lib/dts/desktop/src/nav-link/NavLink.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 export interface NavLinkProps {
     onClick?: (href?: string, target?: string, download?: string | boolean, rel?: string) => void;
     onFocus?: () => void;
@@ -10,5 +10,6 @@ export interface NavLinkProps {
     rel?: string;
     title?: string;
     stub?: boolean;
+    children?: ReactNode;
 }
 export declare const NavLink: FC<NavLinkProps>;

package/lib/dts/desktop/src/notice/Notice.d.ts

@@ -2,5 +2,6 @@ import { FC, ReactNode } from 'react';
 export interface NoticeProps {
     icon: ReactNode;
     title?: ReactNode;
+    children?: ReactNode;
 }
 export declare const Notice: FC<NoticeProps>;

package/lib/dts/desktop/src/status/Status.d.ts

@@ -4,5 +4,6 @@ export interface StatusProps {
     title?: string;
     actions?: ReactNode;
     content?: ReactNode;
+    children?: ReactNode;
 }
 export declare const Status: FC<StatusProps>;

package/lib/dts/desktop/src/typography/Caption.d.ts

@@ -1,9 +1,10 @@
 import { TypoProps } from '@qiwi/pijma-core';
-import { FunctionComponent } from 'react';
+import { FunctionComponent, ReactNode } from 'react';
 export interface CaptionProps {
     color?: 'default' | 'support' | 'inverse';
     align?: TypoProps['align'];
     clamp?: number;
     stub?: boolean;
+    children?: ReactNode;
 }
 export declare const Caption: FunctionComponent<CaptionProps>;

package/lib/dts/desktop/src/typography/Heading.d.ts

@@ -1,5 +1,5 @@
 import { TypoProps } from '@qiwi/pijma-core';
-import { FunctionComponent } from 'react';
+import { FunctionComponent, ReactNode } from 'react';
 export interface HeadingProps {
     tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     size: '1' | '2' | '3' | '4' | '5';
@@ -7,5 +7,6 @@ export interface HeadingProps {
     align?: TypoProps['align'];
     clamp?: number;
     stub?: boolean;
+    children?: ReactNode;
 }
 export declare const Heading: FunctionComponent<HeadingProps>;

package/lib/dts/desktop/src/typography/Paragraph.d.ts

@@ -1,5 +1,5 @@
 import { TypoProps } from '@qiwi/pijma-core';
-import { FunctionComponent } from 'react';
+import { FunctionComponent, ReactNode } from 'react';
 export interface ParagraphProps {
     size?: 's' | 'm' | 'l';
     bold?: boolean;
@@ -9,5 +9,6 @@ export interface ParagraphProps {
     align?: TypoProps['align'];
     clamp?: number;
     stub?: boolean;
+    children?: ReactNode;
 }
 export declare const Paragraph: FunctionComponent<ParagraphProps>;

package/lib/dts/desktop/src/typography/Text.d.ts

@@ -1,5 +1,5 @@
 import { TypoProps } from '@qiwi/pijma-core';
-import { FunctionComponent } from 'react';
+import { FunctionComponent, ReactNode } from 'react';
 export interface TextProps {
     display?: 'block' | 'inline' | 'inline-block';
     size?: 's' | 'm' | 'l';
@@ -12,5 +12,6 @@ export interface TextProps {
     align?: TypoProps['align'];
     clamp?: number;
     stub?: boolean;
+    children?: ReactNode;
 }
 export declare const Text: FunctionComponent<TextProps>;

package/lib/dts/desktop/src/typography/Title.d.ts

@@ -1,5 +1,5 @@
 import { TypoProps } from '@qiwi/pijma-core';
-import { FunctionComponent } from 'react';
+import { FunctionComponent, ReactNode } from 'react';
 export interface TitleProps {
     tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     size: '1' | '2';
@@ -7,5 +7,6 @@ export interface TitleProps {
     align?: TypoProps['align'];
     clamp?: number;
     stub?: boolean;
+    children?: ReactNode;
 }
 export declare const Title: FunctionComponent<TitleProps>;

package/lib/es5/button/Button.js

@@ -155,6 +155,7 @@ var Button = function(props) {
                                     width: 6,
                                     height: 6,
                                     transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
+                                    transform: "translateZ(0)",
                                     children: /*#__PURE__*/ _react.default.cloneElement(props.icon, {
                                         color: props.disabled ? "#666" : props.kind === "brand" ? "#fff" : "#000",
                                         size: 1

package/lib/es5/content-suggest/ContentSuggest.js

@@ -93,8 +93,12 @@ var ContentSuggest = function(_param) /*#__PURE__*/ {
                                 minWidth: 1,
                                 show: props.items !== undefined && renderProps.focused && (props.items.length > 0 || props.empty !== undefined || props.loading === true),
                                 rootClose: false,
-                                container: renderProps.containerRef.current,
-                                target: renderProps.inputRef.current,
+                                container: function() {
+                                    return renderProps.containerRef.current;
+                                },
+                                target: function() {
+                                    return renderProps.inputRef.current;
+                                },
                                 onHide: renderProps.onHide,
                                 children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Card, {
                                     height: 1,

package/lib/es5/drop-down/DropDown.js

@@ -50,6 +50,7 @@ var DropDown = function(param) {
         transition: Transition,
         children: function(renderProps) {
             return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Pos, {
+                role: "listbox",
                 type: "absolute",
                 width: width,
                 minWidth: minWidth,

package/lib/es5/header-drop-down/HeaderDropDown.js

@@ -57,6 +57,7 @@ var HeaderDropDown = function(param) {
         },
         children: function(renderProps) {
             return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Pos, {
+                role: "listbox",
                 type: "absolute",
                 zIndex: 600,
                 ref: renderProps.props.ref,
@@ -74,6 +75,7 @@ var HeaderDropDown = function(param) {
                             children: children
                         }),
                         /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Pos, {
+                            "aria-label": "close",
                             mb: "auto",
                             type: "absolute",
                             width: 6,

package/lib/es5/header-menu/HeaderMenu.js

@@ -20,6 +20,7 @@ var HeaderMenu = function(props) {
         height: 1,
         width: 1,
         justify: "flex-start",
+        role: "menu",
         children: props.stub ? (typeof props.stub === "boolean" ? [
             32,
             44,

package/lib/es5/header-menu/HeaderMenuItem.js

@@ -24,6 +24,7 @@ var HeaderMenuItem = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         onBlur: props.onBlur,
         children: function(renderProps) {
             return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_pijmaCore.PosLnk, {
+                role: "menuitem",
                 as: props.href ? "a" : "div",
                 ref: ref,
                 height: 1,

package/lib/es5/modal/SimpleModal.js

@@ -9,10 +9,10 @@ Object.defineProperty(exports, "SimpleModal", {
     }
 });
 var _extends = require("@swc/helpers/lib/_extends.js").default;
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
 var _jsxRuntime = require("react/jsx-runtime");
 var _pijmaCore = require("@qiwi/pijma-core");
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
 var ContentTransition = function(props) {
     return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.SimpleTransition, _extends({}, props));
 };
@@ -119,7 +119,8 @@ var SimpleModal = function(props) {
                         verticalAlign: "middle",
                         textAlign: "left"
                     },
-                    children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Card, {
+                    children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_pijmaCore.Card, {
+                        role: "document",
                         s: "0 20px 64px 8px rgba(0, 0, 0, 0.16)",
                         r: 10,
                         bg: "#fff",
@@ -127,24 +128,23 @@ var SimpleModal = function(props) {
                         pb: 12,
                         px: 11,
                         width: ModalWidth[props.size],
-                        children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_react.Fragment, {
-                            children: [
-                                props.closable && props.onHide ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Pos, {
-                                    type: "absolute",
-                                    top: 16,
-                                    right: 16,
-                                    width: 6,
-                                    height: 6,
-                                    cursor: "pointer",
-                                    onClick: props.onHide,
-                                    children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Icon, {
-                                        name: "cross",
-                                        color: "#000"
-                                    })
-                                }) : null,
-                                props.children
-                            ]
-                        })
+                        children: [
+                            props.closable && props.onHide ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Pos, {
+                                "aria-label": "close",
+                                type: "absolute",
+                                top: 16,
+                                right: 16,
+                                width: 6,
+                                height: 6,
+                                cursor: "pointer",
+                                onClick: props.onHide,
+                                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Icon, {
+                                    name: "cross",
+                                    color: "#000"
+                                })
+                            }) : null,
+                            props.children
+                        ]
                     })
                 })
             }));

package/lib/es5/phone-field/PhoneField.js

@@ -86,8 +86,12 @@ var PhoneField = function(_param) {
                             }),
                             /*#__PURE__*/ (0, _jsxRuntime.jsx)(_dropDown.DropDown, {
                                 offset: 4,
-                                container: renderProps.containerRef.current,
-                                target: renderProps.inputRef.current,
+                                container: function() {
+                                    return renderProps.containerRef.current;
+                                },
+                                target: function() {
+                                    return renderProps.inputRef.current;
+                                },
                                 show: renderProps.showCountries,
                                 onHide: renderProps.onCountriesHide,
                                 children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Card, {

package/lib/es5/select-field/SelectField.js

@@ -118,8 +118,12 @@ var SelectField = function(props) {
                             /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Overlay, {
                                 show: renderProps.show,
                                 placement: "bottom",
-                                target: renderProps.targetRef.current,
-                                container: renderProps.containerRef.current,
+                                target: function() {
+                                    return renderProps.targetRef.current;
+                                },
+                                container: function() {
+                                    return renderProps.containerRef.current;
+                                },
                                 popperConfig: {
                                     modifiers: {
                                         computeStyle: {

package/lib/es5/suggest-field/SuggestField.js

@@ -88,10 +88,14 @@ var SuggestField = function(_param) {
                                 })
                             }),
                             /*#__PURE__*/ (0, _jsxRuntime.jsx)(_dropDown.DropDown, {
-                                target: renderProps.inputRef.current,
-                                container: renderProps.containerRef.current,
+                                target: function() {
+                                    return renderProps.inputRef.current;
+                                },
+                                container: function() {
+                                    return renderProps.containerRef.current;
+                                },
                                 minWidth: 1,
-                                width: 1,
+                                width: "calc(100% + 48px)",
                                 offset: 3,
                                 show: props.items !== undefined && renderProps.focused && (props.items.length > 0 || props.empty !== undefined || props.loading === true),
                                 rootClose: true,
@@ -101,7 +105,6 @@ var SuggestField = function(_param) {
                                     maxHeight: 98,
                                     bg: "#fff",
                                     py: 3,
-                                    mx: -6,
                                     s: "0 28px 52px 0 rgba(0, 0, 0, 0.16)",
                                     r: 10,
                                     overflow: "auto",
@@ -119,6 +122,7 @@ var SuggestField = function(_param) {
                                             menuRenderProps.items.length > 0 ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_react.Fragment, {
                                                 children: menuRenderProps.items.map(function(item, key) {
                                                     return /*#__PURE__*/ (0, _jsxRuntime.jsx)(CardMenuItem, {
+                                                        role: "option",
                                                         ref: item.ref,
                                                         onClick: item.onClick,
                                                         onMouseDown: item.onMouseDown,

package/lib/es6/button/Button.js

@@ -142,6 +142,7 @@ export const Button = (props)=>{
                                     width: 6,
                                     height: 6,
                                     transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
+                                    transform: "translateZ(0)",
                                     children: /*#__PURE__*/ React.cloneElement(props.icon, {
                                         color: props.disabled ? '#666' : props.kind === 'brand' ? '#fff' : '#000',
                                         size: 1

package/lib/es6/content-suggest/ContentSuggest.js

@@ -73,8 +73,8 @@ export const ContentSuggest = ({ equals =(a, b)=>a === b , ...props })=>/*#__PUR
                                 minWidth: 1,
                                 show: props.items !== undefined && renderProps.focused && (props.items.length > 0 || props.empty !== undefined || props.loading === true),
                                 rootClose: false,
-                                container: renderProps.containerRef.current,
-                                target: renderProps.inputRef.current,
+                                container: ()=>renderProps.containerRef.current,
+                                target: ()=>renderProps.inputRef.current,
                                 onHide: renderProps.onHide,
                                 children: /*#__PURE__*/ _jsx(Card, {
                                     height: 1,

package/lib/es6/drop-down/DropDown.js

@@ -31,6 +31,7 @@ export const DropDown = ({ show , offset , width , minWidth , maxWidth , rootClo
         onHide: onHide,
         transition: Transition,
         children: (renderProps)=>/*#__PURE__*/ _jsx(Pos, {
+                role: "listbox",
                 type: "absolute",
                 width: width,
                 minWidth: minWidth,

package/lib/es6/header-drop-down/HeaderDropDown.js

@@ -38,6 +38,7 @@ export const HeaderDropDown = ({ show , target , container , onHide , children ,
             }
         },
         children: (renderProps)=>/*#__PURE__*/ _jsx(Pos, {
+                role: "listbox",
                 type: "absolute",
                 zIndex: 600,
                 ref: renderProps.props.ref,
@@ -55,6 +56,7 @@ export const HeaderDropDown = ({ show , target , container , onHide , children ,
                             children: children
                         }),
                         /*#__PURE__*/ _jsx(Pos, {
+                            "aria-label": "close",
                             mb: "auto",
                             type: "absolute",
                             width: 6,

package/lib/es6/header-menu/HeaderMenu.js

@@ -7,6 +7,7 @@ export const HeaderMenu = (props)=>/*#__PURE__*/ _jsx(Flex, {
         height: 1,
         width: 1,
         justify: "flex-start",
+        role: "menu",
         children: props.stub ? (typeof props.stub === 'boolean' ? [
             32,
             44,

package/lib/es6/header-menu/HeaderMenuItem.js

@@ -11,6 +11,7 @@ export const HeaderMenuItem = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__
         onFocus: props.onFocus,
         onBlur: props.onBlur,
         children: (renderProps)=>/*#__PURE__*/ _jsxs(PosLnk, {
+                role: "menuitem",
                 as: props.href ? 'a' : 'div',
                 ref: ref,
                 height: 1,

package/lib/es6/modal/SimpleModal.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Card, css, Icon, Modal, Pos, SimpleTransition } from '@qiwi/pijma-core';
-import React, { Fragment } from 'react';
+import React from 'react';
 const ContentTransition = (props)=>/*#__PURE__*/ _jsx(SimpleTransition, {
         ...props
     });
@@ -95,7 +95,8 @@ export const SimpleModal = (props)=>props.stub ? /*#__PURE__*/ _jsx(Box, {
                         verticalAlign: 'middle',
                         textAlign: 'left'
                     },
-                    children: /*#__PURE__*/ _jsx(Card, {
+                    children: /*#__PURE__*/ _jsxs(Card, {
+                        role: "document",
                         s: "0 20px 64px 8px rgba(0, 0, 0, 0.16)",
                         r: 10,
                         bg: "#fff",
@@ -103,24 +104,23 @@ export const SimpleModal = (props)=>props.stub ? /*#__PURE__*/ _jsx(Box, {
                         pb: 12,
                         px: 11,
                         width: ModalWidth[props.size],
-                        children: /*#__PURE__*/ _jsxs(Fragment, {
-                            children: [
-                                props.closable && props.onHide ? /*#__PURE__*/ _jsx(Pos, {
-                                    type: "absolute",
-                                    top: 16,
-                                    right: 16,
-                                    width: 6,
-                                    height: 6,
-                                    cursor: "pointer",
-                                    onClick: props.onHide,
-                                    children: /*#__PURE__*/ _jsx(Icon, {
-                                        name: "cross",
-                                        color: "#000"
-                                    })
-                                }) : null,
-                                props.children
-                            ]
-                        })
+                        children: [
+                            props.closable && props.onHide ? /*#__PURE__*/ _jsx(Pos, {
+                                "aria-label": "close",
+                                type: "absolute",
+                                top: 16,
+                                right: 16,
+                                width: 6,
+                                height: 6,
+                                cursor: "pointer",
+                                onClick: props.onHide,
+                                children: /*#__PURE__*/ _jsx(Icon, {
+                                    name: "cross",
+                                    color: "#000"
+                                })
+                            }) : null,
+                            props.children
+                        ]
                     })
                 })
             })

package/lib/es6/phone-field/PhoneField.js

@@ -67,8 +67,8 @@ export const PhoneField = ({ tabIndex =0 , code ='ru' , ...props })=>props.stub
                             }),
                             /*#__PURE__*/ _jsx(DropDown, {
                                 offset: 4,
-                                container: renderProps.containerRef.current,
-                                target: renderProps.inputRef.current,
+                                container: ()=>renderProps.containerRef.current,
+                                target: ()=>renderProps.inputRef.current,
                                 show: renderProps.showCountries,
                                 onHide: renderProps.onCountriesHide,
                                 children: /*#__PURE__*/ _jsx(Card, {

package/lib/es6/select-field/SelectField.js

@@ -95,8 +95,8 @@ export const SelectField = (props)=>props.stub ? /*#__PURE__*/ _jsx(InputField,
                             /*#__PURE__*/ _jsx(Overlay, {
                                 show: renderProps.show,
                                 placement: "bottom",
-                                target: renderProps.targetRef.current,
-                                container: renderProps.containerRef.current,
+                                target: ()=>renderProps.targetRef.current,
+                                container: ()=>renderProps.containerRef.current,
                                 popperConfig: {
                                     modifiers: {
                                         computeStyle: {

package/lib/es6/suggest-field/SuggestField.js

@@ -68,10 +68,10 @@ export const SuggestField = ({ equals =(a, b)=>a === b , ...props })=>props.stub
                                 })
                             }),
                             /*#__PURE__*/ _jsx(DropDown, {
-                                target: renderProps.inputRef.current,
-                                container: renderProps.containerRef.current,
+                                target: ()=>renderProps.inputRef.current,
+                                container: ()=>renderProps.containerRef.current,
                                 minWidth: 1,
-                                width: 1,
+                                width: "calc(100% + 48px)",
                                 offset: 3,
                                 show: props.items !== undefined && renderProps.focused && (props.items.length > 0 || props.empty !== undefined || props.loading === true),
                                 rootClose: true,
@@ -81,7 +81,6 @@ export const SuggestField = ({ equals =(a, b)=>a === b , ...props })=>props.stub
                                     maxHeight: 98,
                                     bg: "#fff",
                                     py: 3,
-                                    mx: -6,
                                     s: "0 28px 52px 0 rgba(0, 0, 0, 0.16)",
                                     r: 10,
                                     overflow: "auto",
@@ -96,6 +95,7 @@ export const SuggestField = ({ equals =(a, b)=>a === b , ...props })=>props.stub
                                         children: [
                                             menuRenderProps.items.length > 0 ? /*#__PURE__*/ _jsx(Fragment, {
                                                 children: menuRenderProps.items.map((item, key)=>/*#__PURE__*/ _jsx(CardMenuItem, {
+                                                        role: "option",
                                                         ref: item.ref,
                                                         onClick: item.onClick,
                                                         onMouseDown: item.onMouseDown,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qiwi/pijma-desktop",
-  "version": "1.151.0",
+  "version": "1.152.1",
   "type": "module",
   "main": "./lib/es5/index.js",
   "module": "./lib/es6/index.js",
@@ -37,10 +37,10 @@
     "lib"
   ],
   "dependencies": {
-    "@qiwi/pijma-core": "1.153.0"
+    "@qiwi/pijma-core": "1.154.0"
   },
   "devDependencies": {
-    "@qiwi/pijma-infra": "1.8.0",
+    "@qiwi/pijma-infra": "1.9.0",
     "concurrently": "7.2.2",
     "css-loader": "4.3.0",
     "eslint": "8.19.0",