Socket
Socket
Sign inDemoInstall

styled-components

Package Overview
Dependencies
Maintainers
4
Versions
358
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

styled-components - npm Package Compare versions

Comparing version 6.0.0-beta.1 to 6.0.0-beta.2

37

dist/constructors/constructWithOptions.d.ts
/// <reference types="react" />
import { Attrs, ExecutionContext, Interpolation, IStyledComponent, IStyledComponentFactory, IStyledNativeComponent, IStyledNativeComponentFactory, KnownTarget, NativeTarget, StyledNativeOptions, StyledOptions, StyledTarget, Styles, WebTarget } from '../types';
export interface NativeStyled<Target extends NativeTarget, DerivedProps = Target extends KnownTarget ? React.ComponentProps<Target> : unknown, OuterProps = unknown, OuterStatics = unknown> {
<Props = unknown, Statics = unknown>(initialStyles: Styles<DerivedProps & OuterProps & Props>, ...interpolations: Exclude<Interpolation<ExecutionContext & DerivedProps & OuterProps & Props>, IStyledComponent<any>>[]): IStyledNativeComponent<Target, DerivedProps & OuterProps & Props> & OuterStatics & Statics;
attrs(attrs: Attrs<ExecutionContext & DerivedProps & OuterProps>): NativeStyled<Target, DerivedProps, OuterProps, OuterStatics>;
withConfig(config: StyledNativeOptions<DerivedProps & OuterProps>): NativeStyled<Target, DerivedProps, OuterProps, OuterStatics>;
import { Attrs, ExecutionContext, ExtensibleObject, Interpolation, IStyledComponent, IStyledComponentFactory, KnownTarget, Runtime, StyledOptions, StyledTarget, Styles } from '../types';
export interface Styled<R extends Runtime, Target extends StyledTarget<R>, DerivedProps = Target extends KnownTarget ? React.ComponentProps<Target> : unknown, OuterProps = unknown, OuterStatics = unknown> {
<Props = unknown, Statics = unknown>(initialStyles: Styles<DerivedProps & OuterProps & Props>, ...interpolations: Interpolation<ExecutionContext & DerivedProps & OuterProps & Props>[]): IStyledComponent<R, Target, DerivedProps & OuterProps & Props> & OuterStatics & Statics;
attrs(attrs: Attrs<ExtensibleObject & DerivedProps & OuterProps>): Styled<R, Target, DerivedProps, OuterProps, OuterStatics>;
withConfig(config: StyledOptions<R, DerivedProps & OuterProps>): Styled<R, Target, DerivedProps, OuterProps, OuterStatics>;
}
export interface WebStyled<Target extends WebTarget, DerivedProps = Target extends KnownTarget ? React.ComponentProps<Target> : unknown, OuterProps = unknown, OuterStatics = unknown> {
<Props = unknown, Statics = unknown>(initialStyles: Styles<DerivedProps & OuterProps & Props>, ...interpolations: Interpolation<ExecutionContext & DerivedProps & OuterProps & Props>[]): IStyledComponent<Target, DerivedProps & OuterProps & Props> & OuterStatics & Statics;
attrs(attrs: Attrs<ExecutionContext & DerivedProps & OuterProps>): WebStyled<Target, DerivedProps, OuterProps, OuterStatics>;
withConfig(config: StyledOptions<DerivedProps & OuterProps>): WebStyled<Target, DerivedProps, OuterProps, OuterStatics>;
}
export default function constructWithOptions<Environment extends 'web' | 'native', Target extends StyledTarget, DerivedProps = Target extends KnownTarget ? React.ComponentProps<Target> : unknown, OuterProps = unknown, // used for styled<{}>().attrs() so attrs() gets the generic prop context
OuterStatics = unknown>(componentConstructor: Environment extends 'web' ? IStyledComponentFactory<any, any, any> : IStyledNativeComponentFactory<any, any, any>, tag: Target, options?: Environment extends 'web' ? StyledOptions<DerivedProps & OuterProps> : StyledNativeOptions<DerivedProps & OuterProps>): {
<Props = unknown, Statics = unknown>(initialStyles: Styles<DerivedProps & OuterProps & Props>, ...interpolations: Interpolation<ExecutionContext & DerivedProps & OuterProps & Props>[]): ReturnType<Environment extends "web" ? IStyledComponentFactory<Target, DerivedProps & OuterProps & Props, OuterStatics & Statics> : IStyledNativeComponentFactory<Target, DerivedProps & OuterProps & Props, OuterStatics & Statics>>;
attrs(attrs: Attrs<ExecutionContext & DerivedProps & OuterProps>): {
<Props_1 = unknown, Statics_1 = unknown>(initialStyles: Styles<DerivedProps & OuterProps & OuterStatics & Props_1>, ...interpolations: Interpolation<ExecutionContext & DerivedProps & OuterProps & OuterStatics & Props_1>[]): ReturnType<Environment extends "web" ? IStyledComponentFactory<Target, DerivedProps & OuterProps & OuterStatics & Props_1, Statics_1> : IStyledNativeComponentFactory<Target, DerivedProps & OuterProps & OuterStatics & Props_1, Statics_1>>;
attrs(attrs: Attrs<ExecutionContext & DerivedProps & OuterProps & OuterStatics>): {
<Props_2 = unknown, Statics_2 = unknown>(initialStyles: Styles<DerivedProps & OuterProps & OuterStatics & Props_2>, ...interpolations: Interpolation<ExecutionContext & DerivedProps & OuterProps & OuterStatics & Props_2>[]): ReturnType<Environment extends "web" ? IStyledComponentFactory<Target, DerivedProps & OuterProps & OuterStatics & Props_2, Statics_2> : IStyledNativeComponentFactory<Target, DerivedProps & OuterProps & OuterStatics & Props_2, Statics_2>>;
attrs(attrs: Attrs<ExecutionContext & DerivedProps & OuterProps & OuterStatics>): any;
export default function constructWithOptions<R extends Runtime, Target extends StyledTarget<R>, DerivedProps = Target extends KnownTarget ? React.ComponentProps<Target> : unknown, OuterProps = unknown, // used for styled<{}>().attrs() so attrs() gets the generic prop context
OuterStatics = unknown>(componentConstructor: IStyledComponentFactory<R, any, any, any>, tag: Target, options?: StyledOptions<R, DerivedProps & OuterProps>): {
<Props = unknown, Statics = unknown>(initialStyles: Styles<DerivedProps & OuterProps & Props>, ...interpolations: Interpolation<ExecutionContext & DerivedProps & OuterProps & Props>[]): IStyledComponent<R, Target, DerivedProps & OuterProps & Props> & OuterStatics & Statics;
attrs(attrs: Attrs<ExtensibleObject & DerivedProps & OuterProps>): {
<Props_1 = unknown, Statics_1 = unknown>(initialStyles: Styles<DerivedProps & OuterProps & OuterStatics & Props_1>, ...interpolations: Interpolation<ExecutionContext & DerivedProps & OuterProps & OuterStatics & Props_1>[]): IStyledComponent<R, Target, DerivedProps & OuterProps & OuterStatics & Props_1> & Statics_1;
attrs(attrs: Attrs<ExtensibleObject & DerivedProps & OuterProps & OuterStatics>): {
<Props_2 = unknown, Statics_2 = unknown>(initialStyles: Styles<DerivedProps & OuterProps & OuterStatics & Props_2>, ...interpolations: Interpolation<ExecutionContext & DerivedProps & OuterProps & OuterStatics & Props_2>[]): IStyledComponent<R, Target, DerivedProps & OuterProps & OuterStatics & Props_2> & Statics_2;
attrs(attrs: Attrs<ExtensibleObject & DerivedProps & OuterProps & OuterStatics>): any;
/**
* If config methods are called, wrap up a new template function and merge options */
withConfig(config: Environment extends "web" ? StyledOptions<DerivedProps & OuterProps & OuterStatics> : StyledNativeOptions<DerivedProps & OuterProps & OuterStatics>): any;
withConfig(config: StyledOptions<R, DerivedProps & OuterProps & OuterStatics>): any;
};
/**
* If config methods are called, wrap up a new template function and merge options */
withConfig(config: Environment extends "web" ? StyledOptions<DerivedProps & OuterProps & OuterStatics> : StyledNativeOptions<DerivedProps & OuterProps & OuterStatics>): any;
withConfig(config: StyledOptions<R, DerivedProps & OuterProps & OuterStatics>): any;
};
/**
* If config methods are called, wrap up a new template function and merge options */
withConfig(config: Environment extends 'web' ? StyledOptions<DerivedProps & OuterProps> : StyledNativeOptions<DerivedProps & OuterProps>): any;
withConfig(config: StyledOptions<R, DerivedProps & OuterProps>): any;
};

4

dist/constructors/css.d.ts
import { Interpolation, StyledObject, StyleFunction, Styles } from '../types';
export default function css<Props>(styles: Styles<Props>, ...interpolations: Interpolation<Props>[]): string | number | import("../types").Keyframes | TemplateStringsArray | import("../types").IStyledComponent<any, any> | StyledObject<Props> | StyleFunction<Props> | (Interpolation<Props>[] & {
export default function css<Props>(styles: Styles<Props>, ...interpolations: Interpolation<Props>[]): string | number | import("../types").Keyframes | TemplateStringsArray | import("../types").IStyledComponent<"web", any, any> | StyledObject<Props> | StyleFunction<Props> | (Interpolation<Props>[] & {
isCss?: boolean | undefined;
});
}) | null | undefined;

358

dist/constructors/styled.d.ts
/// <reference types="react" />
import { WebTarget } from '../types';
import { WebStyled } from './constructWithOptions';
import { Styled } from './constructWithOptions';
declare const styled: (<Target extends WebTarget>(tag: Target) => {
<Props = unknown, Statics = unknown>(initialStyles: import("../types").Styles<(Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown) & Props>, ...interpolations: import("../types").Interpolation<import("../types").ExecutionContext & (Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown) & Props>[]): import("../types").IStyledComponent<Target, (Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown) & Props> & Statics;
attrs(attrs: import("../types").Attrs<import("../types").ExecutionContext & (Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown)>): any;
withConfig(config: import("../types").StyledOptions<Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown>): any;
<Props = unknown, Statics = unknown>(initialStyles: import("../types").Styles<(Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown) & Props>, ...interpolations: import("../types").Interpolation<import("../types").ExecutionContext & (Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown) & Props>[]): import("../types").IStyledComponent<"web", Target, (Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown) & Props> & Statics;
attrs(attrs: import("../types").Attrs<import("../types").ExtensibleObject & (Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown)>): any;
withConfig(config: import("../types").StyledOptions<"web", Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown>): any;
}) & {
a: WebStyled<"a", import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, unknown, unknown>;
abbr: WebStyled<"abbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
address: WebStyled<"address", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
area: WebStyled<"area", import("react").DetailedHTMLProps<import("react").AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>, unknown, unknown>;
article: WebStyled<"article", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
aside: WebStyled<"aside", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
audio: WebStyled<"audio", import("react").DetailedHTMLProps<import("react").AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, unknown, unknown>;
b: WebStyled<"b", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
base: WebStyled<"base", import("react").DetailedHTMLProps<import("react").BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement>, unknown, unknown>;
bdi: WebStyled<"bdi", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
bdo: WebStyled<"bdo", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
big: WebStyled<"big", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
blockquote: WebStyled<"blockquote", import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
body: WebStyled<"body", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, unknown, unknown>;
br: WebStyled<"br", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBRElement>, HTMLBRElement>, unknown, unknown>;
button: WebStyled<"button", import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, unknown, unknown>;
canvas: WebStyled<"canvas", import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, unknown, unknown>;
caption: WebStyled<"caption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
cite: WebStyled<"cite", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
code: WebStyled<"code", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
col: WebStyled<"col", import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, unknown, unknown>;
colgroup: WebStyled<"colgroup", import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, unknown, unknown>;
data: WebStyled<"data", import("react").DetailedHTMLProps<import("react").DataHTMLAttributes<HTMLDataElement>, HTMLDataElement>, unknown, unknown>;
datalist: WebStyled<"datalist", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>, unknown, unknown>;
dd: WebStyled<"dd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
del: WebStyled<"del", import("react").DetailedHTMLProps<import("react").DelHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
details: WebStyled<"details", import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
dfn: WebStyled<"dfn", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
dialog: WebStyled<"dialog", import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, unknown, unknown>;
div: WebStyled<"div", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, unknown, unknown>;
dl: WebStyled<"dl", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement>, unknown, unknown>;
dt: WebStyled<"dt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
em: WebStyled<"em", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
embed: WebStyled<"embed", import("react").DetailedHTMLProps<import("react").EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>, unknown, unknown>;
fieldset: WebStyled<"fieldset", import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, unknown, unknown>;
figcaption: WebStyled<"figcaption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
figure: WebStyled<"figure", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
footer: WebStyled<"footer", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
form: WebStyled<"form", import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, unknown, unknown>;
h1: WebStyled<"h1", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h2: WebStyled<"h2", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h3: WebStyled<"h3", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h4: WebStyled<"h4", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h5: WebStyled<"h5", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h6: WebStyled<"h6", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
head: WebStyled<"head", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadElement>, HTMLHeadElement>, unknown, unknown>;
header: WebStyled<"header", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
hgroup: WebStyled<"hgroup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
hr: WebStyled<"hr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, unknown, unknown>;
html: WebStyled<"html", import("react").DetailedHTMLProps<import("react").HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>, unknown, unknown>;
i: WebStyled<"i", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
iframe: WebStyled<"iframe", import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, unknown, unknown>;
img: WebStyled<"img", import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, unknown, unknown>;
input: WebStyled<"input", import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, unknown, unknown>;
ins: WebStyled<"ins", import("react").DetailedHTMLProps<import("react").InsHTMLAttributes<HTMLModElement>, HTMLModElement>, unknown, unknown>;
kbd: WebStyled<"kbd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
keygen: WebStyled<"keygen", import("react").DetailedHTMLProps<import("react").KeygenHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
label: WebStyled<"label", import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, unknown, unknown>;
legend: WebStyled<"legend", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, unknown, unknown>;
li: WebStyled<"li", import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, unknown, unknown>;
link: WebStyled<"link", import("react").DetailedHTMLProps<import("react").LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>, unknown, unknown>;
main: WebStyled<"main", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
map: WebStyled<"map", import("react").DetailedHTMLProps<import("react").MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>, unknown, unknown>;
mark: WebStyled<"mark", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
menu: WebStyled<"menu", import("react").DetailedHTMLProps<import("react").MenuHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
menuitem: WebStyled<"menuitem", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
meta: WebStyled<"meta", import("react").DetailedHTMLProps<import("react").MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>, unknown, unknown>;
meter: WebStyled<"meter", import("react").DetailedHTMLProps<import("react").MeterHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
nav: WebStyled<"nav", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
noindex: WebStyled<"noindex", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
noscript: WebStyled<"noscript", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
object: WebStyled<"object", import("react").DetailedHTMLProps<import("react").ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>, unknown, unknown>;
ol: WebStyled<"ol", import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, unknown, unknown>;
optgroup: WebStyled<"optgroup", import("react").DetailedHTMLProps<import("react").OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, unknown, unknown>;
option: WebStyled<"option", import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, unknown, unknown>;
output: WebStyled<"output", import("react").DetailedHTMLProps<import("react").OutputHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
p: WebStyled<"p", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, unknown, unknown>;
param: WebStyled<"param", import("react").DetailedHTMLProps<import("react").ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement>, unknown, unknown>;
picture: WebStyled<"picture", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
pre: WebStyled<"pre", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, unknown, unknown>;
progress: WebStyled<"progress", import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>, unknown, unknown>;
q: WebStyled<"q", import("react").DetailedHTMLProps<import("react").QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, unknown, unknown>;
rp: WebStyled<"rp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
rt: WebStyled<"rt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
ruby: WebStyled<"ruby", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
s: WebStyled<"s", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
samp: WebStyled<"samp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
slot: WebStyled<"slot", import("react").DetailedHTMLProps<import("react").SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement>, unknown, unknown>;
script: WebStyled<"script", import("react").DetailedHTMLProps<import("react").ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement>, unknown, unknown>;
section: WebStyled<"section", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
select: WebStyled<"select", import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, unknown, unknown>;
small: WebStyled<"small", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
source: WebStyled<"source", import("react").DetailedHTMLProps<import("react").SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>, unknown, unknown>;
span: WebStyled<"span", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, unknown, unknown>;
strong: WebStyled<"strong", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
style: WebStyled<"style", import("react").DetailedHTMLProps<import("react").StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>, unknown, unknown>;
sub: WebStyled<"sub", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
summary: WebStyled<"summary", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
sup: WebStyled<"sup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
table: WebStyled<"table", import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, unknown, unknown>;
template: WebStyled<"template", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement>, unknown, unknown>;
tbody: WebStyled<"tbody", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, unknown, unknown>;
td: WebStyled<"td", import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, unknown, unknown>;
textarea: WebStyled<"textarea", import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, unknown, unknown>;
tfoot: WebStyled<"tfoot", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, unknown, unknown>;
th: WebStyled<"th", import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, unknown, unknown>;
thead: WebStyled<"thead", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, unknown, unknown>;
time: WebStyled<"time", import("react").DetailedHTMLProps<import("react").TimeHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
title: WebStyled<"title", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>, unknown, unknown>;
tr: WebStyled<"tr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, unknown, unknown>;
track: WebStyled<"track", import("react").DetailedHTMLProps<import("react").TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>, unknown, unknown>;
u: WebStyled<"u", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
ul: WebStyled<"ul", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, unknown, unknown>;
var: WebStyled<"var", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
video: WebStyled<"video", import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, unknown, unknown>;
wbr: WebStyled<"wbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
webview: WebStyled<"webview", import("react").DetailedHTMLProps<import("react").WebViewHTMLAttributes<HTMLWebViewElement>, HTMLWebViewElement>, unknown, unknown>;
svg: WebStyled<"svg", import("react").SVGProps<SVGSVGElement>, unknown, unknown>;
animate: WebStyled<"animate", import("react").SVGProps<SVGElement>, unknown, unknown>;
animateMotion: WebStyled<"animateMotion", import("react").SVGProps<SVGElement>, unknown, unknown>;
animateTransform: WebStyled<"animateTransform", import("react").SVGProps<SVGElement>, unknown, unknown>;
circle: WebStyled<"circle", import("react").SVGProps<SVGCircleElement>, unknown, unknown>;
clipPath: WebStyled<"clipPath", import("react").SVGProps<SVGClipPathElement>, unknown, unknown>;
defs: WebStyled<"defs", import("react").SVGProps<SVGDefsElement>, unknown, unknown>;
desc: WebStyled<"desc", import("react").SVGProps<SVGDescElement>, unknown, unknown>;
ellipse: WebStyled<"ellipse", import("react").SVGProps<SVGEllipseElement>, unknown, unknown>;
feBlend: WebStyled<"feBlend", import("react").SVGProps<SVGFEBlendElement>, unknown, unknown>;
feColorMatrix: WebStyled<"feColorMatrix", import("react").SVGProps<SVGFEColorMatrixElement>, unknown, unknown>;
feComponentTransfer: WebStyled<"feComponentTransfer", import("react").SVGProps<SVGFEComponentTransferElement>, unknown, unknown>;
feComposite: WebStyled<"feComposite", import("react").SVGProps<SVGFECompositeElement>, unknown, unknown>;
feConvolveMatrix: WebStyled<"feConvolveMatrix", import("react").SVGProps<SVGFEConvolveMatrixElement>, unknown, unknown>;
feDiffuseLighting: WebStyled<"feDiffuseLighting", import("react").SVGProps<SVGFEDiffuseLightingElement>, unknown, unknown>;
feDisplacementMap: WebStyled<"feDisplacementMap", import("react").SVGProps<SVGFEDisplacementMapElement>, unknown, unknown>;
feDistantLight: WebStyled<"feDistantLight", import("react").SVGProps<SVGFEDistantLightElement>, unknown, unknown>;
feDropShadow: WebStyled<"feDropShadow", import("react").SVGProps<SVGFEDropShadowElement>, unknown, unknown>;
feFlood: WebStyled<"feFlood", import("react").SVGProps<SVGFEFloodElement>, unknown, unknown>;
feFuncA: WebStyled<"feFuncA", import("react").SVGProps<SVGFEFuncAElement>, unknown, unknown>;
feFuncB: WebStyled<"feFuncB", import("react").SVGProps<SVGFEFuncBElement>, unknown, unknown>;
feFuncG: WebStyled<"feFuncG", import("react").SVGProps<SVGFEFuncGElement>, unknown, unknown>;
feFuncR: WebStyled<"feFuncR", import("react").SVGProps<SVGFEFuncRElement>, unknown, unknown>;
feGaussianBlur: WebStyled<"feGaussianBlur", import("react").SVGProps<SVGFEGaussianBlurElement>, unknown, unknown>;
feImage: WebStyled<"feImage", import("react").SVGProps<SVGFEImageElement>, unknown, unknown>;
feMerge: WebStyled<"feMerge", import("react").SVGProps<SVGFEMergeElement>, unknown, unknown>;
feMergeNode: WebStyled<"feMergeNode", import("react").SVGProps<SVGFEMergeNodeElement>, unknown, unknown>;
feMorphology: WebStyled<"feMorphology", import("react").SVGProps<SVGFEMorphologyElement>, unknown, unknown>;
feOffset: WebStyled<"feOffset", import("react").SVGProps<SVGFEOffsetElement>, unknown, unknown>;
fePointLight: WebStyled<"fePointLight", import("react").SVGProps<SVGFEPointLightElement>, unknown, unknown>;
feSpecularLighting: WebStyled<"feSpecularLighting", import("react").SVGProps<SVGFESpecularLightingElement>, unknown, unknown>;
feSpotLight: WebStyled<"feSpotLight", import("react").SVGProps<SVGFESpotLightElement>, unknown, unknown>;
feTile: WebStyled<"feTile", import("react").SVGProps<SVGFETileElement>, unknown, unknown>;
feTurbulence: WebStyled<"feTurbulence", import("react").SVGProps<SVGFETurbulenceElement>, unknown, unknown>;
filter: WebStyled<"filter", import("react").SVGProps<SVGFilterElement>, unknown, unknown>;
foreignObject: WebStyled<"foreignObject", import("react").SVGProps<SVGForeignObjectElement>, unknown, unknown>;
g: WebStyled<"g", import("react").SVGProps<SVGGElement>, unknown, unknown>;
image: WebStyled<"image", import("react").SVGProps<SVGImageElement>, unknown, unknown>;
line: WebStyled<"line", import("react").SVGProps<SVGLineElement>, unknown, unknown>;
linearGradient: WebStyled<"linearGradient", import("react").SVGProps<SVGLinearGradientElement>, unknown, unknown>;
marker: WebStyled<"marker", import("react").SVGProps<SVGMarkerElement>, unknown, unknown>;
mask: WebStyled<"mask", import("react").SVGProps<SVGMaskElement>, unknown, unknown>;
metadata: WebStyled<"metadata", import("react").SVGProps<SVGMetadataElement>, unknown, unknown>;
mpath: WebStyled<"mpath", import("react").SVGProps<SVGElement>, unknown, unknown>;
path: WebStyled<"path", import("react").SVGProps<SVGPathElement>, unknown, unknown>;
pattern: WebStyled<"pattern", import("react").SVGProps<SVGPatternElement>, unknown, unknown>;
polygon: WebStyled<"polygon", import("react").SVGProps<SVGPolygonElement>, unknown, unknown>;
polyline: WebStyled<"polyline", import("react").SVGProps<SVGPolylineElement>, unknown, unknown>;
radialGradient: WebStyled<"radialGradient", import("react").SVGProps<SVGRadialGradientElement>, unknown, unknown>;
rect: WebStyled<"rect", import("react").SVGProps<SVGRectElement>, unknown, unknown>;
stop: WebStyled<"stop", import("react").SVGProps<SVGStopElement>, unknown, unknown>;
switch: WebStyled<"switch", import("react").SVGProps<SVGSwitchElement>, unknown, unknown>;
symbol: WebStyled<"symbol", import("react").SVGProps<SVGSymbolElement>, unknown, unknown>;
text: WebStyled<"text", import("react").SVGProps<SVGTextElement>, unknown, unknown>;
textPath: WebStyled<"textPath", import("react").SVGProps<SVGTextPathElement>, unknown, unknown>;
tspan: WebStyled<"tspan", import("react").SVGProps<SVGTSpanElement>, unknown, unknown>;
use: WebStyled<"use", import("react").SVGProps<SVGUseElement>, unknown, unknown>;
view: WebStyled<"view", import("react").SVGProps<SVGViewElement>, unknown, unknown>;
a: Styled<"web", "a", import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, unknown, unknown>;
abbr: Styled<"web", "abbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
address: Styled<"web", "address", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
area: Styled<"web", "area", import("react").DetailedHTMLProps<import("react").AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>, unknown, unknown>;
article: Styled<"web", "article", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
aside: Styled<"web", "aside", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
audio: Styled<"web", "audio", import("react").DetailedHTMLProps<import("react").AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, unknown, unknown>;
b: Styled<"web", "b", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
base: Styled<"web", "base", import("react").DetailedHTMLProps<import("react").BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement>, unknown, unknown>;
bdi: Styled<"web", "bdi", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
bdo: Styled<"web", "bdo", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
big: Styled<"web", "big", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
blockquote: Styled<"web", "blockquote", import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
body: Styled<"web", "body", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, unknown, unknown>;
br: Styled<"web", "br", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBRElement>, HTMLBRElement>, unknown, unknown>;
button: Styled<"web", "button", import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, unknown, unknown>;
canvas: Styled<"web", "canvas", import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, unknown, unknown>;
caption: Styled<"web", "caption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
cite: Styled<"web", "cite", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
code: Styled<"web", "code", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
col: Styled<"web", "col", import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, unknown, unknown>;
colgroup: Styled<"web", "colgroup", import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, unknown, unknown>;
data: Styled<"web", "data", import("react").DetailedHTMLProps<import("react").DataHTMLAttributes<HTMLDataElement>, HTMLDataElement>, unknown, unknown>;
datalist: Styled<"web", "datalist", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>, unknown, unknown>;
dd: Styled<"web", "dd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
del: Styled<"web", "del", import("react").DetailedHTMLProps<import("react").DelHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
details: Styled<"web", "details", import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
dfn: Styled<"web", "dfn", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
dialog: Styled<"web", "dialog", import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, unknown, unknown>;
div: Styled<"web", "div", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, unknown, unknown>;
dl: Styled<"web", "dl", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement>, unknown, unknown>;
dt: Styled<"web", "dt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
em: Styled<"web", "em", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
embed: Styled<"web", "embed", import("react").DetailedHTMLProps<import("react").EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>, unknown, unknown>;
fieldset: Styled<"web", "fieldset", import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, unknown, unknown>;
figcaption: Styled<"web", "figcaption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
figure: Styled<"web", "figure", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
footer: Styled<"web", "footer", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
form: Styled<"web", "form", import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, unknown, unknown>;
h1: Styled<"web", "h1", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h2: Styled<"web", "h2", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h3: Styled<"web", "h3", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h4: Styled<"web", "h4", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h5: Styled<"web", "h5", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h6: Styled<"web", "h6", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
head: Styled<"web", "head", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadElement>, HTMLHeadElement>, unknown, unknown>;
header: Styled<"web", "header", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
hgroup: Styled<"web", "hgroup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
hr: Styled<"web", "hr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, unknown, unknown>;
html: Styled<"web", "html", import("react").DetailedHTMLProps<import("react").HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>, unknown, unknown>;
i: Styled<"web", "i", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
iframe: Styled<"web", "iframe", import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, unknown, unknown>;
img: Styled<"web", "img", import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, unknown, unknown>;
input: Styled<"web", "input", import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, unknown, unknown>;
ins: Styled<"web", "ins", import("react").DetailedHTMLProps<import("react").InsHTMLAttributes<HTMLModElement>, HTMLModElement>, unknown, unknown>;
kbd: Styled<"web", "kbd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
keygen: Styled<"web", "keygen", import("react").DetailedHTMLProps<import("react").KeygenHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
label: Styled<"web", "label", import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, unknown, unknown>;
legend: Styled<"web", "legend", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, unknown, unknown>;
li: Styled<"web", "li", import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, unknown, unknown>;
link: Styled<"web", "link", import("react").DetailedHTMLProps<import("react").LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>, unknown, unknown>;
main: Styled<"web", "main", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
map: Styled<"web", "map", import("react").DetailedHTMLProps<import("react").MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>, unknown, unknown>;
mark: Styled<"web", "mark", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
menu: Styled<"web", "menu", import("react").DetailedHTMLProps<import("react").MenuHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
menuitem: Styled<"web", "menuitem", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
meta: Styled<"web", "meta", import("react").DetailedHTMLProps<import("react").MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>, unknown, unknown>;
meter: Styled<"web", "meter", import("react").DetailedHTMLProps<import("react").MeterHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
nav: Styled<"web", "nav", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
noindex: Styled<"web", "noindex", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
noscript: Styled<"web", "noscript", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
object: Styled<"web", "object", import("react").DetailedHTMLProps<import("react").ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>, unknown, unknown>;
ol: Styled<"web", "ol", import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, unknown, unknown>;
optgroup: Styled<"web", "optgroup", import("react").DetailedHTMLProps<import("react").OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, unknown, unknown>;
option: Styled<"web", "option", import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, unknown, unknown>;
output: Styled<"web", "output", import("react").DetailedHTMLProps<import("react").OutputHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
p: Styled<"web", "p", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, unknown, unknown>;
param: Styled<"web", "param", import("react").DetailedHTMLProps<import("react").ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement>, unknown, unknown>;
picture: Styled<"web", "picture", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
pre: Styled<"web", "pre", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, unknown, unknown>;
progress: Styled<"web", "progress", import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>, unknown, unknown>;
q: Styled<"web", "q", import("react").DetailedHTMLProps<import("react").QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, unknown, unknown>;
rp: Styled<"web", "rp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
rt: Styled<"web", "rt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
ruby: Styled<"web", "ruby", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
s: Styled<"web", "s", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
samp: Styled<"web", "samp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
slot: Styled<"web", "slot", import("react").DetailedHTMLProps<import("react").SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement>, unknown, unknown>;
script: Styled<"web", "script", import("react").DetailedHTMLProps<import("react").ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement>, unknown, unknown>;
section: Styled<"web", "section", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
select: Styled<"web", "select", import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, unknown, unknown>;
small: Styled<"web", "small", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
source: Styled<"web", "source", import("react").DetailedHTMLProps<import("react").SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>, unknown, unknown>;
span: Styled<"web", "span", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, unknown, unknown>;
strong: Styled<"web", "strong", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
style: Styled<"web", "style", import("react").DetailedHTMLProps<import("react").StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>, unknown, unknown>;
sub: Styled<"web", "sub", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
summary: Styled<"web", "summary", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
sup: Styled<"web", "sup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
table: Styled<"web", "table", import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, unknown, unknown>;
template: Styled<"web", "template", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement>, unknown, unknown>;
tbody: Styled<"web", "tbody", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, unknown, unknown>;
td: Styled<"web", "td", import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, unknown, unknown>;
textarea: Styled<"web", "textarea", import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, unknown, unknown>;
tfoot: Styled<"web", "tfoot", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, unknown, unknown>;
th: Styled<"web", "th", import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, unknown, unknown>;
thead: Styled<"web", "thead", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, unknown, unknown>;
time: Styled<"web", "time", import("react").DetailedHTMLProps<import("react").TimeHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
title: Styled<"web", "title", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>, unknown, unknown>;
tr: Styled<"web", "tr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, unknown, unknown>;
track: Styled<"web", "track", import("react").DetailedHTMLProps<import("react").TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>, unknown, unknown>;
u: Styled<"web", "u", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
ul: Styled<"web", "ul", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, unknown, unknown>;
var: Styled<"web", "var", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
video: Styled<"web", "video", import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, unknown, unknown>;
wbr: Styled<"web", "wbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
webview: Styled<"web", "webview", import("react").DetailedHTMLProps<import("react").WebViewHTMLAttributes<HTMLWebViewElement>, HTMLWebViewElement>, unknown, unknown>;
svg: Styled<"web", "svg", import("react").SVGProps<SVGSVGElement>, unknown, unknown>;
animate: Styled<"web", "animate", import("react").SVGProps<SVGElement>, unknown, unknown>;
animateMotion: Styled<"web", "animateMotion", import("react").SVGProps<SVGElement>, unknown, unknown>;
animateTransform: Styled<"web", "animateTransform", import("react").SVGProps<SVGElement>, unknown, unknown>;
circle: Styled<"web", "circle", import("react").SVGProps<SVGCircleElement>, unknown, unknown>;
clipPath: Styled<"web", "clipPath", import("react").SVGProps<SVGClipPathElement>, unknown, unknown>;
defs: Styled<"web", "defs", import("react").SVGProps<SVGDefsElement>, unknown, unknown>;
desc: Styled<"web", "desc", import("react").SVGProps<SVGDescElement>, unknown, unknown>;
ellipse: Styled<"web", "ellipse", import("react").SVGProps<SVGEllipseElement>, unknown, unknown>;
feBlend: Styled<"web", "feBlend", import("react").SVGProps<SVGFEBlendElement>, unknown, unknown>;
feColorMatrix: Styled<"web", "feColorMatrix", import("react").SVGProps<SVGFEColorMatrixElement>, unknown, unknown>;
feComponentTransfer: Styled<"web", "feComponentTransfer", import("react").SVGProps<SVGFEComponentTransferElement>, unknown, unknown>;
feComposite: Styled<"web", "feComposite", import("react").SVGProps<SVGFECompositeElement>, unknown, unknown>;
feConvolveMatrix: Styled<"web", "feConvolveMatrix", import("react").SVGProps<SVGFEConvolveMatrixElement>, unknown, unknown>;
feDiffuseLighting: Styled<"web", "feDiffuseLighting", import("react").SVGProps<SVGFEDiffuseLightingElement>, unknown, unknown>;
feDisplacementMap: Styled<"web", "feDisplacementMap", import("react").SVGProps<SVGFEDisplacementMapElement>, unknown, unknown>;
feDistantLight: Styled<"web", "feDistantLight", import("react").SVGProps<SVGFEDistantLightElement>, unknown, unknown>;
feDropShadow: Styled<"web", "feDropShadow", import("react").SVGProps<SVGFEDropShadowElement>, unknown, unknown>;
feFlood: Styled<"web", "feFlood", import("react").SVGProps<SVGFEFloodElement>, unknown, unknown>;
feFuncA: Styled<"web", "feFuncA", import("react").SVGProps<SVGFEFuncAElement>, unknown, unknown>;
feFuncB: Styled<"web", "feFuncB", import("react").SVGProps<SVGFEFuncBElement>, unknown, unknown>;
feFuncG: Styled<"web", "feFuncG", import("react").SVGProps<SVGFEFuncGElement>, unknown, unknown>;
feFuncR: Styled<"web", "feFuncR", import("react").SVGProps<SVGFEFuncRElement>, unknown, unknown>;
feGaussianBlur: Styled<"web", "feGaussianBlur", import("react").SVGProps<SVGFEGaussianBlurElement>, unknown, unknown>;
feImage: Styled<"web", "feImage", import("react").SVGProps<SVGFEImageElement>, unknown, unknown>;
feMerge: Styled<"web", "feMerge", import("react").SVGProps<SVGFEMergeElement>, unknown, unknown>;
feMergeNode: Styled<"web", "feMergeNode", import("react").SVGProps<SVGFEMergeNodeElement>, unknown, unknown>;
feMorphology: Styled<"web", "feMorphology", import("react").SVGProps<SVGFEMorphologyElement>, unknown, unknown>;
feOffset: Styled<"web", "feOffset", import("react").SVGProps<SVGFEOffsetElement>, unknown, unknown>;
fePointLight: Styled<"web", "fePointLight", import("react").SVGProps<SVGFEPointLightElement>, unknown, unknown>;
feSpecularLighting: Styled<"web", "feSpecularLighting", import("react").SVGProps<SVGFESpecularLightingElement>, unknown, unknown>;
feSpotLight: Styled<"web", "feSpotLight", import("react").SVGProps<SVGFESpotLightElement>, unknown, unknown>;
feTile: Styled<"web", "feTile", import("react").SVGProps<SVGFETileElement>, unknown, unknown>;
feTurbulence: Styled<"web", "feTurbulence", import("react").SVGProps<SVGFETurbulenceElement>, unknown, unknown>;
filter: Styled<"web", "filter", import("react").SVGProps<SVGFilterElement>, unknown, unknown>;
foreignObject: Styled<"web", "foreignObject", import("react").SVGProps<SVGForeignObjectElement>, unknown, unknown>;
g: Styled<"web", "g", import("react").SVGProps<SVGGElement>, unknown, unknown>;
image: Styled<"web", "image", import("react").SVGProps<SVGImageElement>, unknown, unknown>;
line: Styled<"web", "line", import("react").SVGProps<SVGLineElement>, unknown, unknown>;
linearGradient: Styled<"web", "linearGradient", import("react").SVGProps<SVGLinearGradientElement>, unknown, unknown>;
marker: Styled<"web", "marker", import("react").SVGProps<SVGMarkerElement>, unknown, unknown>;
mask: Styled<"web", "mask", import("react").SVGProps<SVGMaskElement>, unknown, unknown>;
metadata: Styled<"web", "metadata", import("react").SVGProps<SVGMetadataElement>, unknown, unknown>;
mpath: Styled<"web", "mpath", import("react").SVGProps<SVGElement>, unknown, unknown>;
path: Styled<"web", "path", import("react").SVGProps<SVGPathElement>, unknown, unknown>;
pattern: Styled<"web", "pattern", import("react").SVGProps<SVGPatternElement>, unknown, unknown>;
polygon: Styled<"web", "polygon", import("react").SVGProps<SVGPolygonElement>, unknown, unknown>;
polyline: Styled<"web", "polyline", import("react").SVGProps<SVGPolylineElement>, unknown, unknown>;
radialGradient: Styled<"web", "radialGradient", import("react").SVGProps<SVGRadialGradientElement>, unknown, unknown>;
rect: Styled<"web", "rect", import("react").SVGProps<SVGRectElement>, unknown, unknown>;
stop: Styled<"web", "stop", import("react").SVGProps<SVGStopElement>, unknown, unknown>;
switch: Styled<"web", "switch", import("react").SVGProps<SVGSwitchElement>, unknown, unknown>;
symbol: Styled<"web", "symbol", import("react").SVGProps<SVGSymbolElement>, unknown, unknown>;
text: Styled<"web", "text", import("react").SVGProps<SVGTextElement>, unknown, unknown>;
textPath: Styled<"web", "textPath", import("react").SVGProps<SVGTextPathElement>, unknown, unknown>;
tspan: Styled<"web", "tspan", import("react").SVGProps<SVGTSpanElement>, unknown, unknown>;
use: Styled<"web", "use", import("react").SVGProps<SVGUseElement>, unknown, unknown>;
view: Styled<"web", "view", import("react").SVGProps<SVGViewElement>, unknown, unknown>;
};
export default styled;

2

dist/models/StyledComponent.d.ts
import type { IStyledComponentFactory, RuleSet, StyledOptions, WebTarget } from '../types';
declare function createStyledComponent<Target extends WebTarget, OuterProps = unknown, Statics = unknown>(target: Target, options: StyledOptions<OuterProps>, rules: RuleSet<OuterProps>): ReturnType<IStyledComponentFactory<Target, OuterProps, Statics>>;
declare function createStyledComponent<Target extends WebTarget, OuterProps = unknown, Statics = unknown>(target: Target, options: StyledOptions<'web', OuterProps>, rules: RuleSet<OuterProps>): ReturnType<IStyledComponentFactory<'web', Target, OuterProps, Statics>>;
export default createStyledComponent;

4

dist/models/StyledNativeComponent.d.ts

@@ -1,3 +0,3 @@

import type { ExtensibleObject, IInlineStyleConstructor, IStyledNativeComponent, IStyledNativeComponentFactory, NativeTarget, RuleSet, StyledNativeOptions } from '../types';
declare const _default: (InlineStyle: IInlineStyleConstructor<any>) => <Target extends NativeTarget, OuterProps extends ExtensibleObject, Statics = unknown>(target: Target, options: StyledNativeOptions<OuterProps>, rules: RuleSet<OuterProps>) => IStyledNativeComponent<Target, OuterProps> & Statics;
import type { ExtensibleObject, IInlineStyleConstructor, IStyledComponent, IStyledComponentFactory, NativeTarget, RuleSet, StyledOptions } from '../types';
declare const _default: (InlineStyle: IInlineStyleConstructor<any>) => <Target extends NativeTarget, OuterProps extends ExtensibleObject, Statics = unknown>(target: Target, options: StyledOptions<"native", OuterProps>, rules: RuleSet<OuterProps>) => IStyledComponent<"native", Target, OuterProps> & Statics;
export default _default;

58

dist/native/index.d.ts
import React from 'react';
import { NativeStyled } from '../constructors/constructWithOptions';
import { Styled } from '../constructors/constructWithOptions';
import css from '../constructors/css';

@@ -10,33 +10,33 @@ import withTheme from '../hoc/withTheme';

declare const styled: (<Target extends NativeTarget>(tag: Target) => {
<Props = unknown, Statics = unknown>(initialStyles: import("../types").Styles<(Target extends import("../types").KnownTarget ? React.ComponentProps<Target> : unknown) & Props>, ...interpolations: import("../types").Interpolation<import("../types").ExecutionContext & (Target extends import("../types").KnownTarget ? React.ComponentProps<Target> : unknown) & Props>[]): import("../types").IStyledNativeComponent<Target, (Target extends import("../types").KnownTarget ? React.ComponentProps<Target> : unknown) & Props> & Statics;
attrs(attrs: import("../types").Attrs<import("../types").ExecutionContext & (Target extends import("../types").KnownTarget ? React.ComponentProps<Target> : unknown)>): any;
withConfig(config: import("../types").StyledNativeOptions<Target extends import("../types").KnownTarget ? React.ComponentProps<Target> : unknown>): any;
<Props = unknown, Statics = unknown>(initialStyles: import("../types").Styles<(Target extends import("../types").KnownTarget ? React.ComponentProps<Target> : unknown) & Props>, ...interpolations: import("../types").Interpolation<import("../types").ExecutionContext & (Target extends import("../types").KnownTarget ? React.ComponentProps<Target> : unknown) & Props>[]): import("../types").IStyledComponent<"native", Target, (Target extends import("../types").KnownTarget ? React.ComponentProps<Target> : unknown) & Props> & Statics;
attrs(attrs: import("../types").Attrs<import("../types").ExtensibleObject & (Target extends import("../types").KnownTarget ? React.ComponentProps<Target> : unknown)>): any;
withConfig(config: import("../types").StyledOptions<"native", Target extends import("../types").KnownTarget ? React.ComponentProps<Target> : unknown>): any;
}) & {
ActivityIndicator: NativeStyled<typeof import("react-native").ActivityIndicator, import("react-native").ActivityIndicatorProps, unknown, unknown>;
Button: NativeStyled<typeof import("react-native").Button, import("react-native").ButtonProps, unknown, unknown>;
DatePickerIOS: NativeStyled<typeof import("react-native").DatePickerIOS, import("react-native").DatePickerIOSProps, unknown, unknown>;
DrawerLayoutAndroid: NativeStyled<typeof import("react-native").DrawerLayoutAndroid, import("react-native").DrawerLayoutAndroidProps, unknown, unknown>;
FlatList: NativeStyled<typeof import("react-native").FlatList, import("react-native").FlatListProps<unknown>, unknown, unknown>;
Image: NativeStyled<typeof import("react-native").Image, import("react-native").ImageProps, unknown, unknown>;
ImageBackground: NativeStyled<typeof import("react-native").ImageBackground, import("react-native").ImageBackgroundProps, unknown, unknown>;
KeyboardAvoidingView: NativeStyled<typeof import("react-native").KeyboardAvoidingView, import("react-native").KeyboardAvoidingViewProps, unknown, unknown>;
Modal: NativeStyled<typeof import("react-native").Modal, import("react-native").ModalProps, unknown, unknown>;
Pressable: NativeStyled<import("react").ForwardRefExoticComponent<import("react-native").PressableProps & import("react").RefAttributes<import("react-native").View>>, import("react-native").PressableProps & import("react").RefAttributes<import("react-native").View>, unknown, unknown>;
ProgressBarAndroid: NativeStyled<typeof import("react-native").ProgressBarAndroid, import("react-native").ProgressBarAndroidProps, unknown, unknown>;
ProgressViewIOS: NativeStyled<typeof import("react-native").ProgressViewIOS, import("react-native").ProgressViewIOSProps, unknown, unknown>;
RefreshControl: NativeStyled<typeof import("react-native").RefreshControl, import("react-native").RefreshControlProps, unknown, unknown>;
SafeAreaView: NativeStyled<typeof import("react-native").SafeAreaView, import("react-native").ViewProps, unknown, unknown>;
ScrollView: NativeStyled<typeof import("react-native").ScrollView, import("react-native").ScrollViewProps, unknown, unknown>;
SectionList: NativeStyled<typeof import("react-native").SectionList, import("react-native").SectionListProps<unknown, unknown>, unknown, unknown>;
Slider: NativeStyled<typeof import("react-native").Slider, import("react-native").SliderProps, unknown, unknown>;
Switch: NativeStyled<typeof import("react-native").Switch, import("react-native").SwitchProps, unknown, unknown>;
Text: NativeStyled<typeof import("react-native").Text, import("react-native").TextProps, unknown, unknown>;
TextInput: NativeStyled<typeof import("react-native").TextInput, import("react-native").TextInputProps, unknown, unknown>;
TouchableHighlight: NativeStyled<typeof import("react-native").TouchableHighlight, import("react-native").TouchableHighlightProps, unknown, unknown>;
TouchableOpacity: NativeStyled<typeof import("react-native").TouchableOpacity, import("react-native").TouchableOpacityProps, unknown, unknown>;
View: NativeStyled<typeof import("react-native").View, import("react-native").ViewProps, unknown, unknown>;
VirtualizedList: NativeStyled<typeof import("react-native").VirtualizedList, import("react-native").VirtualizedListProps<unknown>, unknown, unknown>;
ActivityIndicator: Styled<"native", typeof import("react-native").ActivityIndicator, import("react-native").ActivityIndicatorProps, unknown, unknown>;
Button: Styled<"native", typeof import("react-native").Button, import("react-native").ButtonProps, unknown, unknown>;
DatePickerIOS: Styled<"native", typeof import("react-native").DatePickerIOS, import("react-native").DatePickerIOSProps, unknown, unknown>;
DrawerLayoutAndroid: Styled<"native", typeof import("react-native").DrawerLayoutAndroid, import("react-native").DrawerLayoutAndroidProps, unknown, unknown>;
FlatList: Styled<"native", typeof import("react-native").FlatList, import("react-native").FlatListProps<unknown>, unknown, unknown>;
Image: Styled<"native", typeof import("react-native").Image, import("react-native").ImageProps, unknown, unknown>;
ImageBackground: Styled<"native", typeof import("react-native").ImageBackground, import("react-native").ImageBackgroundProps, unknown, unknown>;
KeyboardAvoidingView: Styled<"native", typeof import("react-native").KeyboardAvoidingView, import("react-native").KeyboardAvoidingViewProps, unknown, unknown>;
Modal: Styled<"native", typeof import("react-native").Modal, import("react-native").ModalProps, unknown, unknown>;
Pressable: Styled<"native", import("react").ForwardRefExoticComponent<import("react-native").PressableProps & import("react").RefAttributes<import("react-native").View>>, import("react-native").PressableProps & import("react").RefAttributes<import("react-native").View>, unknown, unknown>;
ProgressBarAndroid: Styled<"native", typeof import("react-native").ProgressBarAndroid, import("react-native").ProgressBarAndroidProps, unknown, unknown>;
ProgressViewIOS: Styled<"native", typeof import("react-native").ProgressViewIOS, import("react-native").ProgressViewIOSProps, unknown, unknown>;
RefreshControl: Styled<"native", typeof import("react-native").RefreshControl, import("react-native").RefreshControlProps, unknown, unknown>;
SafeAreaView: Styled<"native", typeof import("react-native").SafeAreaView, import("react-native").ViewProps, unknown, unknown>;
ScrollView: Styled<"native", typeof import("react-native").ScrollView, import("react-native").ScrollViewProps, unknown, unknown>;
SectionList: Styled<"native", typeof import("react-native").SectionList, import("react-native").SectionListProps<unknown, unknown>, unknown, unknown>;
Slider: Styled<"native", typeof import("react-native").Slider, import("react-native").SliderProps, unknown, unknown>;
Switch: Styled<"native", typeof import("react-native").Switch, import("react-native").SwitchProps, unknown, unknown>;
Text: Styled<"native", typeof import("react-native").Text, import("react-native").TextProps, unknown, unknown>;
TextInput: Styled<"native", typeof import("react-native").TextInput, import("react-native").TextInputProps, unknown, unknown>;
TouchableHighlight: Styled<"native", typeof import("react-native").TouchableHighlight, import("react-native").TouchableHighlightProps, unknown, unknown>;
TouchableOpacity: Styled<"native", typeof import("react-native").TouchableOpacity, import("react-native").TouchableOpacityProps, unknown, unknown>;
View: Styled<"native", typeof import("react-native").View, import("react-native").ViewProps, unknown, unknown>;
VirtualizedList: Styled<"native", typeof import("react-native").VirtualizedList, import("react-native").VirtualizedListProps<unknown>, unknown, unknown>;
};
export { IStyledNativeComponent, IStyledNativeComponentFactory, IStyledNativeStatics, NativeTarget, StyledNativeOptions, } from '../types';
export { IStyledComponent, IStyledComponentFactory, IStyledStatics, NativeTarget, StyledOptions, } from '../types';
export { css, isStyledComponent, ThemeProvider, ThemeConsumer, ThemeContext, withTheme, useTheme };
export default styled;

48

dist/styled-components-macro.cjs.js

@@ -1,2 +0,48 @@

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("@babel/helper-module-imports"),a=require("@babel/traverse"),o=require("babel-plugin-macros"),r=require("babel-plugin-styled-components");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=/*#__PURE__*/n(a),i=/*#__PURE__*/n(r),l=o.createMacro(function(a){var o,r=a.references,n=a.state,l=a.babel.types,u=a.config,d=void 0===u?{}:u,p=d.importModuleName,c=void 0===p?"styled-components":p,m=e.__rest(d,["importModuleName"]),f=n.file.path;Object.keys(r).forEach(function(e){var a;"default"===e?(a=t.addDefault(f,c,{nameHint:"styled"}),o=a):a=t.addNamed(f,e,c,{nameHint:e}),r[e].forEach(function(e){e.node.name=a.name})});var b=e.__assign(e.__assign({},n),{opts:e.__assign(e.__assign({},m),{topLevelImportPaths:(m.topLevelImportPaths||[]).concat(c)}),customImportName:o});s.default(f.parent,i.default({types:l}).visitor,void 0,b)},{configName:"styledComponents"});exports.default=l;
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var tslib = require('tslib');
var helperModuleImports = require('@babel/helper-module-imports');
var traverse = require('@babel/traverse');
var babelPluginMacros = require('babel-plugin-macros');
var babelPlugin = require('babel-plugin-styled-components');
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
var traverse__default = /*#__PURE__*/_interopDefaultLegacy(traverse);
var babelPlugin__default = /*#__PURE__*/_interopDefaultLegacy(babelPlugin);
function styledComponentsMacro(_a) {
var references = _a.references, state = _a.state, t = _a.babel.types, _b = _a.config, _c = _b === void 0 ? {} : _b, _d = _c.importModuleName, importModuleName = _d === void 0 ? 'styled-components' : _d, config = tslib.__rest(_c, ["importModuleName"]);
var program = state.file.path;
// FIRST STEP : replace `styled-components/macro` by `styled-components
// references looks like this
// { default: [path, path], css: [path], ... }
var customImportName;
Object.keys(references).forEach(function (refName) {
// generate new identifier
var id;
if (refName === 'default') {
id = helperModuleImports.addDefault(program, importModuleName, { nameHint: 'styled' });
customImportName = id;
}
else {
id = helperModuleImports.addNamed(program, refName, importModuleName, { nameHint: refName });
}
// update references with the new identifiers
references[refName].forEach(function (referencePath) {
// eslint-disable-next-line no-param-reassign
referencePath.node.name = id.name;
});
});
// SECOND STEP : apply babel-plugin-styled-components to the file
var stateWithOpts = tslib.__assign(tslib.__assign({}, state), { opts: tslib.__assign(tslib.__assign({}, config), { topLevelImportPaths: (config.topLevelImportPaths || []).concat(importModuleName) }), customImportName: customImportName });
traverse__default["default"](program.parent, babelPlugin__default["default"]({ types: t }).visitor, undefined, stateWithOpts);
}
var index = babelPluginMacros.createMacro(styledComponentsMacro, {
configName: 'styledComponents',
});
exports["default"] = index;
//# sourceMappingURL=styled-components-macro.cjs.js.map

39

dist/styled-components-macro.esm.js

@@ -1,2 +0,39 @@

import{__rest as e,__assign as o}from"tslib";import{addDefault as t,addNamed as r}from"@babel/helper-module-imports";import a from"@babel/traverse";import{createMacro as m}from"babel-plugin-macros";import n from"babel-plugin-styled-components";var p=m(function(m){var p,i=m.references,s=m.state,l=m.babel.types,f=m.config,c=void 0===f?{}:f,d=c.importModuleName,b=void 0===d?"styled-components":d,u=e(c,["importModuleName"]),v=s.file.path;Object.keys(i).forEach(function(e){var o;"default"===e?(o=t(v,b,{nameHint:"styled"}),p=o):o=r(v,e,b,{nameHint:e}),i[e].forEach(function(e){e.node.name=o.name})});var y=o(o({},s),{opts:o(o({},u),{topLevelImportPaths:(u.topLevelImportPaths||[]).concat(b)}),customImportName:p});a(v.parent,n({types:l}).visitor,void 0,y)},{configName:"styledComponents"});export{p as default};
import { __rest, __assign } from 'tslib';
import { addDefault, addNamed } from '@babel/helper-module-imports';
import traverse from '@babel/traverse';
import { createMacro } from 'babel-plugin-macros';
import babelPlugin from 'babel-plugin-styled-components';
function styledComponentsMacro(_a) {
var references = _a.references, state = _a.state, t = _a.babel.types, _b = _a.config, _c = _b === void 0 ? {} : _b, _d = _c.importModuleName, importModuleName = _d === void 0 ? 'styled-components' : _d, config = __rest(_c, ["importModuleName"]);
var program = state.file.path;
// FIRST STEP : replace `styled-components/macro` by `styled-components
// references looks like this
// { default: [path, path], css: [path], ... }
var customImportName;
Object.keys(references).forEach(function (refName) {
// generate new identifier
var id;
if (refName === 'default') {
id = addDefault(program, importModuleName, { nameHint: 'styled' });
customImportName = id;
}
else {
id = addNamed(program, refName, importModuleName, { nameHint: refName });
}
// update references with the new identifiers
references[refName].forEach(function (referencePath) {
// eslint-disable-next-line no-param-reassign
referencePath.node.name = id.name;
});
});
// SECOND STEP : apply babel-plugin-styled-components to the file
var stateWithOpts = __assign(__assign({}, state), { opts: __assign(__assign({}, config), { topLevelImportPaths: (config.topLevelImportPaths || []).concat(importModuleName) }), customImportName: customImportName });
traverse(program.parent, babelPlugin({ types: t }).visitor, undefined, stateWithOpts);
}
var index = createMacro(styledComponentsMacro, {
configName: 'styledComponents',
});
export { index as default };
//# sourceMappingURL=styled-components-macro.esm.js.map

2

dist/styled-components.min.js

@@ -1,2 +0,2 @@

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):(e=e||self).styled=t(e.React)}(this,function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=/*#__PURE__*/t(e),n="undefined"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",o="active",i="data-styled-version",a="6.0.0-beta.1",s="/*!sc*/\n",c="undefined"!=typeof window&&"HTMLElement"in window,u=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY&&"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY),l={},f=function(){return(f=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function p(e,t,r){if(r||2===arguments.length)for(var n,o=0,i=t.length;o<i;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}var d=Object.freeze([]),h=Object.freeze({});function m(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];return new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e," for more information.").concat(t.length>0?" Args: ".concat(t.join(", ")):""))}var g=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}return e.prototype.indexOfGroup=function(e){for(var t=0,r=0;r<e;r++)t+=this.groupSizes[r];return t},e.prototype.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var r=this.groupSizes,n=r.length,o=n;e>=o;)if((o<<=1)<0)throw m(16,"".concat(e));this.groupSizes=new Uint32Array(o),this.groupSizes.set(r),this.length=o;for(var i=n;i<o;i++)this.groupSizes[i]=0}var a=this.indexOfGroup(e+1);if(Array.isArray(t)){i=0;for(var s=t.length;i<s;i++)this.tag.insertRule(a,t[i])&&(this.groupSizes[e]++,a++)}else this.tag.insertRule(a,t)&&this.groupSizes[e]++},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],r=this.indexOfGroup(e),n=r+t;this.groupSizes[e]=0;for(var o=r;o<n;o++)this.tag.deleteRule(r)}},e.prototype.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var r=this.groupSizes[e],n=this.indexOfGroup(e),o=n+r,i=n;i<o;i++)t+="".concat(this.tag.getRule(i)).concat(s);return t},e}(),y=new Map,v=new Map,S=1,b=function(e){if(y.has(e))return y.get(e);for(;v.has(S);)S++;var t=S++;return y.set(e,t),v.set(t,e),t},w=function(e,t){y.set(e,t),v.set(t,e)},x="style[".concat(n,"][").concat(i,'="').concat(a,'"]'),C=new RegExp("^".concat(n,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),k=function(e,t,r){for(var n,o=r.split(","),i=0,a=o.length;i<a;i++)(n=o[i])&&e.registerName(t,n)},P=function(e,t){for(var r,n=(null!==(r=t.textContent)&&void 0!==r?r:"").split(s),o=[],i=0,a=n.length;i<a;i++){var c=n[i].trim();if(c){var u=c.match(C);if(u){var l=0|parseInt(u[1],10),f=u[2];0!==l&&(w(f,l),k(e,f,u[3]),e.getTag().insertRules(l,o)),o.length=0}else o.push(c)}}};function A(){return"undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null}var I=function(e){var t=document.head,r=e||t,s=document.createElement("style"),c=function(e){for(var t=e.childNodes,r=t.length;r>=0;r--){var o=t[r];if(o&&1===o.nodeType&&o.hasAttribute(n))return o}}(r),u=void 0!==c?c.nextSibling:null;s.setAttribute(n,o),s.setAttribute(i,a);var l=A();return l&&s.setAttribute("nonce",l),r.insertBefore(s,u),s},O=function(){function e(e){var t=this.element=I(e);t.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,r=0,n=t.length;r<n;r++){var o=t[r];if(o.ownerNode===e)return o}throw m(17)}(t),this.length=0}return e.prototype.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},e.prototype.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},e.prototype.getRule=function(e){var t=this.sheet.cssRules[e];return void 0!==t&&"string"==typeof t.cssText?t.cssText:""},e}(),R=function(){function e(e){var t=this.element=I(e);this.nodes=t.childNodes,this.length=0}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var r=document.createTextNode(t);return this.element.insertBefore(r,this.nodes[e]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},e.prototype.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),E=function(){function e(e){this.rules=[],this.length=0}return e.prototype.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},e.prototype.deleteRule=function(e){this.rules.splice(e,1),this.length--},e.prototype.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),_=c,j={isServer:!c,useCSSOMInjection:!u},T=function(){function e(e,t,r){void 0===e&&(e=h),void 0===t&&(t={}),this.options=f(f({},j),e),this.gs=t,this.names=new Map(r),this.server=!!e.isServer,!this.server&&c&&_&&(_=!1,function(e){for(var t=document.querySelectorAll(x),r=0,i=t.length;r<i;r++){var a=t[r];a&&a.getAttribute(n)!==o&&(P(e,a),a.parentNode&&a.parentNode.removeChild(a))}}(this))}return e.registerId=function(e){return b(e)},e.prototype.reconstructWithOptions=function(t,r){return void 0===r&&(r=!0),new e(f(f({},this.options),t),this.gs,r&&this.names||void 0)},e.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(e=function(e){var t=e.useCSSOMInjection,r=e.target;return e.isServer?new E(r):t?new O(r):new R(r)}(this.options),new g(e)));var e},e.prototype.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},e.prototype.registerName=function(e,t){if(b(e),this.names.has(e))this.names.get(e).add(t);else{var r=new Set;r.add(t),this.names.set(e,r)}},e.prototype.insertRules=function(e,t,r){this.registerName(e,t),this.getTag().insertRules(b(e),r)},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},e.prototype.clearRules=function(e){this.getTag().clearGroup(b(e)),this.clearNames(e)},e.prototype.clearTag=function(){this.tag=void 0},e.prototype.toString=function(){return function(e){for(var t=e.getTag(),r=t.length,o="",i=function(r){var i=function(e){return v.get(e)}(r);if(void 0===i)return"continue";var a=e.names.get(i),c=t.getGroup(r);if(void 0===a||0===c.length)return"continue";var u="".concat(n,".g").concat(r,'[id="').concat(i,'"]'),l="";void 0!==a&&a.forEach(function(e){e.length>0&&(l+="".concat(e,","))}),o+="".concat(c).concat(u,'{content:"').concat(l,'"}').concat(s)},a=0;a<r;a++)i(a);return o}(this)},e}(),$="-ms-",N="-moz-",D="-webkit-",z="comm",M="rule",L="decl",G="@keyframes",F=Math.abs,B=String.fromCharCode,H=Object.assign;function W(e){return e.trim()}function Y(e,t){return(e=t.exec(e))?e[0]:e}function U(e,t,r){return e.replace(t,r)}function q(e,t){return e.indexOf(t)}function V(e,t){return 0|e.charCodeAt(t)}function X(e,t,r){return e.slice(t,r)}function Z(e){return e.length}function K(e){return e.length}function J(e,t){return t.push(e),e}var Q=1,ee=1,te=0,re=0,ne=0,oe="";function ie(e,t,r,n,o,i,a){return{value:e,root:t,parent:r,type:n,props:o,children:i,line:Q,column:ee,length:a,return:""}}function ae(e,t){return H(ie("",null,null,"",null,null,0),e,{length:-e.length},t)}function se(){return ne=re>0?V(oe,--re):0,ee--,10===ne&&(ee=1,Q--),ne}function ce(){return ne=re<te?V(oe,re++):0,ee++,10===ne&&(ee=1,Q++),ne}function ue(){return V(oe,re)}function le(){return re}function fe(e,t){return X(oe,e,t)}function pe(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function de(e){return W(fe(re-1,ge(91===e?e+2:40===e?e+1:e)))}function he(e){for(;(ne=ue())&&ne<33;)ce();return pe(e)>2||pe(ne)>3?"":" "}function me(e,t){for(;--t&&ce()&&!(ne<48||ne>102||ne>57&&ne<65||ne>70&&ne<97););return fe(e,le()+(t<6&&32==ue()&&32==ce()))}function ge(e){for(;ce();)switch(ne){case e:return re;case 34:case 39:34!==e&&39!==e&&ge(ne);break;case 40:41===e&&ge(e);break;case 92:ce()}return re}function ye(e,t){for(;ce()&&e+ne!==57&&(e+ne!==84||47!==ue()););return"/*"+fe(t,re-1)+"*"+B(47===e?e:ce())}function ve(e){for(;!pe(ue());)ce();return fe(e,re)}function Se(e){return function(e){return oe="",e}(be("",null,null,null,[""],e=function(e){return Q=ee=1,te=Z(oe=e),re=0,[]}(e),0,[0],e))}function be(e,t,r,n,o,i,a,s,c){for(var u=0,l=0,f=a,p=0,d=0,h=0,m=1,g=1,y=1,v=0,S="",b=o,w=i,x=n,C=S;g;)switch(h=v,v=ce()){case 40:if(108!=h&&58==C.charCodeAt(f-1)){-1!=q(C+=U(de(v),"&","&\f"),"&\f")&&(y=-1);break}case 34:case 39:case 91:C+=de(v);break;case 9:case 10:case 13:case 32:C+=he(h);break;case 92:C+=me(le()-1,7);continue;case 47:switch(ue()){case 42:case 47:J(xe(ye(ce(),le()),t,r),c);break;default:C+="/"}break;case 123*m:s[u++]=Z(C)*y;case 125*m:case 59:case 0:switch(v){case 0:case 125:g=0;case 59+l:d>0&&Z(C)-f&&J(d>32?Ce(C+";",n,r,f-1):Ce(U(C," ","")+";",n,r,f-2),c);break;case 59:C+=";";default:if(J(x=we(C,t,r,u,l,o,s,S,b=[],w=[],f),i),123===v)if(0===l)be(C,t,x,x,b,i,f,s,w);else switch(p){case 100:case 109:case 115:be(e,x,x,n&&J(we(e,x,x,0,0,o,s,S,o,b=[],f),w),o,w,f,s,n?b:w);break;default:be(C,x,x,x,[""],w,0,s,w)}}u=l=d=0,m=y=1,S=C="",f=a;break;case 58:f=1+Z(C),d=h;default:if(m<1)if(123==v)--m;else if(125==v&&0==m++&&125==se())continue;switch(C+=B(v),v*m){case 38:y=l>0?1:(C+="\f",-1);break;case 44:s[u++]=(Z(C)-1)*y,y=1;break;case 64:45===ue()&&(C+=de(ce())),p=ue(),l=f=Z(S=C+=ve(le())),v++;break;case 45:45===h&&2==Z(C)&&(m=0)}}return i}function we(e,t,r,n,o,i,a,s,c,u,l){for(var f=o-1,p=0===o?i:[""],d=K(p),h=0,m=0,g=0;h<n;++h)for(var y=0,v=X(e,f+1,f=F(m=a[h])),S=e;y<d;++y)(S=W(m>0?p[y]+" "+v:U(v,/&\f/g,p[y])))&&(c[g++]=S);return ie(e,t,r,0===o?M:s,c,u,l)}function xe(e,t,r){return ie(e,t,r,z,B(ne),X(e,2,-2),0)}function Ce(e,t,r,n){return ie(e,t,r,L,X(e,0,n),X(e,n+1,-1),n)}function ke(e,t,r){switch(function(e,t){return(((t<<2^V(e,0))<<2^V(e,1))<<2^V(e,2))<<2^V(e,3)}(e,t)){case 5103:return D+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return D+e+e;case 4789:return N+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return D+e+N+e+$+e+e;case 6828:case 4268:return D+e+$+e+e;case 6165:return D+e+$+"flex-"+e+e;case 5187:return D+e+U(e,/(\w+).+(:[^]+)/,D+"box-$1$2"+$+"flex-$1$2")+e;case 5443:return D+e+$+"flex-item-"+U(e,/flex-|-self/g,"")+(Y(e,/flex-|baseline/)?"":$+"grid-row-"+U(e,/flex-|-self/g,""))+e;case 4675:return D+e+$+"flex-line-pack"+U(e,/align-content|flex-|-self/g,"")+e;case 5548:return D+e+$+U(e,"shrink","negative")+e;case 5292:return D+e+$+U(e,"basis","preferred-size")+e;case 6060:return D+"box-"+U(e,"-grow","")+D+e+$+U(e,"grow","positive")+e;case 4554:return D+U(e,/([^-])(transform)/g,"$1"+D+"$2")+e;case 6187:return U(U(U(e,/(zoom-|grab)/,D+"$1"),/(image-set)/,D+"$1"),e,"")+e;case 5495:case 3959:return U(e,/(image-set\([^]*)/,D+"$1$`$1");case 4968:return U(U(e,/(.+:)(flex-)?(.*)/,D+"box-pack:$3"+$+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+D+e+e;case 4200:if(!Y(e,/flex-|baseline/))return $+"grid-column-align"+X(e,t)+e;break;case 2592:case 3360:return $+U(e,"template-","")+e;case 4384:case 3616:return r&&r.some(function(e,r){return t=r,Y(e.props,/grid-\w+-end/)})?~q(e+(r=r[t].value),"span")?e:$+U(e,"-start","")+e+$+"grid-row-span:"+(~q(r,"span")?Y(r,/\d+/):+Y(r,/\d+/)-+Y(e,/\d+/))+";":$+U(e,"-start","")+e;case 4896:case 4128:return r&&r.some(function(e){return Y(e.props,/grid-\w+-start/)})?e:$+U(U(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return U(e,/(.+)-inline(.+)/,D+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(Z(e)-1-t>6)switch(V(e,t+1)){case 109:if(45!==V(e,t+4))break;case 102:return U(e,/(.+:)(.+)-([^]+)/,"$1"+D+"$2-$3$1"+N+(108==V(e,t+3)?"$3":"$2-$3"))+e;case 115:return~q(e,"stretch")?ke(U(e,"stretch","fill-available"),t,r)+e:e}break;case 5152:case 5920:return U(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(t,r,n,o,i,a,s){return $+r+":"+n+s+(o?$+r+"-span:"+(i?a:+a-+n)+s:"")+e});case 4949:if(121===V(e,t+6))return U(e,":",":"+D)+e;break;case 6444:switch(V(e,45===V(e,14)?18:11)){case 120:return U(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+D+(45===V(e,14)?"inline-":"")+"box$3$1"+D+"$2$3$1"+$+"$2box$3")+e;case 100:return U(e,":",":"+$)+e}break;case 5936:switch(V(e,t+11)){case 114:return D+e+$+U(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return D+e+$+U(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return D+e+$+U(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 2903:return D+e+$+e+e;case 5719:case 2647:case 2135:case 3927:case 2391:return U(e,"scroll-","scroll-snap-")+e}return e}function Pe(e,t){for(var r="",n=K(e),o=0;o<n;o++)r+=t(e[o],o,e,t)||"";return r}function Ae(e,t,r,n){switch(e.type){case"@import":case L:return e.return=e.return||e.value;case z:return"";case G:return e.return=e.value+"{"+Pe(e.children,n)+"}";case M:e.value=e.props.join(",")}return Z(r=Pe(e.children,n))?e.return=e.value+"{"+r+"}":""}function Ie(e,t,r,n){if(e.length>-1&&!e.return)switch(e.type){case L:return void(e.return=ke(e.value,e.length,r));case G:return Pe([ae(e,{value:U(e.value,"@","@"+D)})],n);case M:if(e.length)return function(e,t){return e.map(t).join("")}(e.props,function(t){switch(Y(t,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return Pe([ae(e,{props:[U(t,/:(read-\w+)/,":-moz-$1")]})],n);case"::placeholder":return Pe([ae(e,{props:[U(t,/:(plac\w+)/,":"+D+"input-$1")]}),ae(e,{props:[U(t,/:(plac\w+)/,":-moz-$1")]}),ae(e,{props:[U(t,/:(plac\w+)/,$+"input-$1")]})],n)}return""})}}var Oe=function(e,t){for(var r=t.length;r;)e=33*e^t.charCodeAt(--r);return e},Re=function(e){return Oe(5381,e)},Ee=/^\s*\/\/.*$/gm,_e=[":","[",".","#"];function je(e){var t,r,n,o,i=void 0===e?h:e,a=i.options,s=void 0===a?h:a,c=i.plugins,u=void 0===c?d:c,l=function(e,n,i){return 0===n&&_e.includes(i[r.length])||i.match(o)?e:".".concat(t)},f=function(e){if(e.type===M&&e.value.includes("&")){var t=e.props;t[0]=t[0].replace(n,l)}},p=function(e,i,a,c){void 0===i&&(i=""),void 0===a&&(a=""),void 0===c&&(c="&");var l=e.replace(Ee,"");t=c,r=i,n=new RegExp("\\".concat(r,"\\b"),"g"),o=new RegExp("(\\".concat(r,"\\b){2,}"));var p,d,h=u.slice();return(s.prefix||void 0===s.prefix)&&h.unshift(Ie),h.push(f,Ae),p=Se(a||i?"".concat(a," ").concat(i," { ").concat(l," }"):l),d=function(e){var t=K(e);return function(r,n,o,i){for(var a="",s=0;s<t;s++)a+=e[s](r,n,o,i)||"";return a}}(h),p.map(function(e,t){return d(e,t,p,d)}).filter(Boolean)};return p.hash=u.length?u.reduce(function(e,t){return t.name||m(15),Oe(e,t.name)},5381).toString():"",p}var Te=r.default.createContext(void 0),$e=Te.Consumer,Ne=r.default.createContext(void 0),De=new T,ze=je();function Me(){return e.useContext(Te)||De}function Le(){return e.useContext(Ne)||ze}function Ge(t){var n=e.useState(t.stylisPlugins),o=n[0],i=n[1],a=Me(),s=e.useMemo(function(){var e=a;return t.sheet?e=t.sheet:t.target&&(e=e.reconstructWithOptions({target:t.target},!1)),t.disableCSSOMInjection&&(e=e.reconstructWithOptions({useCSSOMInjection:!1})),e},[t.disableCSSOMInjection,t.sheet,t.target]),c=e.useMemo(function(){return je({options:{prefix:!t.disableVendorPrefixes},plugins:o})},[t.disableVendorPrefixes,o]);return e.useEffect(function(){(function(e,t,r,n){var o=void 0;if(void 0!==o)return!!o;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var i=Object.keys(e),a=Object.keys(t);if(i.length!==a.length)return!1;for(var s=Object.prototype.hasOwnProperty.bind(t),c=0;c<i.length;c++){var u=i[c];if(!s(u))return!1;if(!1===(o=void 0)||void 0===o&&e[u]!==t[u])return!1}return!0})(o,t.stylisPlugins)||i(t.stylisPlugins)},[t.stylisPlugins]),r.default.createElement(Te.Provider,{value:s},r.default.createElement(Ne.Provider,{value:c},t.children))}var Fe=function(){function e(e,t){var r=this;this.inject=function(e,t){void 0===t&&(t=ze);var n=r.name+t.hash;e.hasNameForId(r.id,n)||e.insertRules(r.id,n,t(r.rules,n,"@keyframes"))},this.toString=function(){throw m(12,String(r.name))},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t}return e.prototype.getName=function(e){return void 0===e&&(e=ze),this.name+e.hash},e}();function Be(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function He(e,t){return e(t={exports:{}},t.exports),t.exports}var We=He(function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1}});Be(We),Be(He(function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1}}));var Ye=He(function(e){e.exports=We});function Ue(e){return e.displayName||e.name||"Component"}var qe=/([A-Z])/,Ve=/([A-Z])/g,Xe=/^ms-/,Ze=function(e){return"-".concat(e.toLowerCase())};function Ke(e){return qe.test(e)?e.replace(Ve,Ze).replace(Xe,"-ms-"):e}function Je(e){return"function"==typeof e}function Qe(e){return!(null===e||"object"!=typeof e||e.constructor&&"Object"!==e.constructor.name||"[object Object]"!==(e.toString?e.toString():Object.prototype.toString.call(e))||"props"in e&&(e.$$typeof||void 0===e.constructor))}function et(e){return"object"==typeof e&&"styledComponentId"in e}var tt=function(e){return null==e||!1===e||""===e},rt=function(e,t){var r,n=[];for(var o in e)e.hasOwnProperty(o)&&!tt(e[o])&&(Array.isArray(e[o])&&e[o].isCss||Je(e[o])?n.push("".concat(Ke(o),":"),e[o],";"):Qe(e[o])?n.push.apply(n,rt(e[o],o)):n.push("".concat(Ke(o),": ").concat(null==(r=e[o])||"boolean"==typeof r||""===r?"":"number"!=typeof r||0===r||o in Ye?String(r).trim():"".concat(r,"px"),";")));return t?p(p(["".concat(t," {")],n,!0),["}"],!1):n};function nt(e,t,r,n){if(Array.isArray(e)){for(var o=[],i=0,a=e.length,s=void 0;i<a;i+=1)""!==(s=nt(e[i],t,r,n))&&(Array.isArray(s)?o.push.apply(o,s):o.push(s));return o}return tt(e)?"":et(e)?".".concat(e.styledComponentId):Je(e)?"function"!=typeof(c=e)||c.prototype&&c.prototype.isReactComponent||!t?e:nt(s=e(t),t,r,n):e instanceof Fe?r?(e.inject(r,n),e.getName(n)):e:Qe(e)?rt(e):e.toString();var c}function ot(e){for(var t=0;t<e.length;t+=1){var r=e[t];if(Je(r)&&!et(r))return!1}return!0}var it=function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=ot(e),T.registerId(this.componentId+1)}return e.prototype.createStyles=function(e,t,r,n){var o=n(nt(this.rules,t,r,n).join(""),""),i=this.componentId+e;r.insertRules(i,i,o)},e.prototype.removeStyles=function(e,t){t.clearRules(this.componentId+e)},e.prototype.renderStyles=function(e,t,r,n){e>2&&T.registerId(this.componentId+e),this.removeStyles(e,r),this.createStyles(e,t,r,n)},e}(),at=r.default.createContext(void 0),st=at.Consumer;function ct(e,t,r){return void 0===r&&(r=h),e.theme!==r.theme&&e.theme||t||r.theme}var ut=/(a)(d)/gi,lt=function(e){return String.fromCharCode(e+(e>25?39:97))};function ft(e){var t,r="";for(t=Math.abs(e);t>52;t=t/52|0)r=lt(t%52)+r;return(lt(t%52)+r).replace(ut,"$1-$2")}function pt(e){return ft(Re(e)>>>0)}function dt(e,t){for(var r=[e[0]],n=0,o=t.length;n<o;n+=1)r.push(t[n],e[n+1]);return r}var ht,mt=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function gt(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];if(Je(e)||Qe(e)){var n=e;return mt(nt(dt(d,p([n],t,!0))))}var o=e;return 0===t.length&&1===o.length&&"string"==typeof o[0]?o:mt(nt(dt(o,t)))}var yt="function"==typeof Symbol&&Symbol.for,vt=yt?Symbol.for("react.memo"):60115,St=yt?Symbol.for("react.forward_ref"):60112,bt={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},wt={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},xt={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Ct=((ht={})[St]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},ht[vt]=xt,ht);function kt(e){return("type"in(t=e)&&t.type.$$typeof)===vt?xt:"$$typeof"in e?Ct[e.$$typeof]:bt;var t}var Pt=Object.defineProperty,At=Object.getOwnPropertyNames,It=Object.getOwnPropertySymbols,Ot=Object.getOwnPropertyDescriptor,Rt=Object.getPrototypeOf,Et=Object.prototype;function _t(e,t,r){if("string"!=typeof t){if(Et){var n=Rt(t);n&&n!==Et&&_t(e,n,r)}var o=At(t);It&&(o=o.concat(It(t)));for(var i=kt(e),a=kt(t),s=0;s<o.length;++s){var c=o[s];if(!(c in wt||r&&r[c]||a&&c in a||i&&c in i)){var u=Ot(t,c);try{Pt(e,c,u)}catch(e){}}}}return e}var jt=function(){function e(){var e=this;this._emitSheetCSS=function(){var t=e.instance.toString(),r=A(),o=[r&&'nonce="'.concat(r,'"'),"".concat(n,'="true"'),"".concat(i,'="').concat(a,'"')].filter(Boolean).join(" ");return"<style ".concat(o,">").concat(t,"</style>")},this.getStyleTags=function(){if(e.sealed)throw m(2);return e._emitSheetCSS()},this.getStyleElement=function(){var t;if(e.sealed)throw m(2);var o=((t={})[n]="",t[i]=a,t.dangerouslySetInnerHTML={__html:e.instance.toString()},t),s=A();return s&&(o.nonce=s),[r.default.createElement("style",f({},o,{key:"sc-0-0"}))]},this.seal=function(){e.sealed=!0},this.instance=new T({isServer:!0}),this.sealed=!1}return e.prototype.collectStyles=function(e){if(this.sealed)throw m(2);return r.default.createElement(Ge,{sheet:this.instance},e)},e.prototype.interleaveWithNodeStream=function(e){throw m(3)},e}(),Tt=/*#__PURE__*/Object.freeze({__proto__:null,createGlobalStyle:function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];var o=gt.apply(void 0,p([e],t,!1)),i="sc-global-".concat(pt(JSON.stringify(o))),a=new it(o,i),s=function(e){var t=Me(),n=Le(),o=r.default.useContext(at),s=r.default.useRef(t.allocateGSInstance(i)).current;return t.server&&c(s,e,t,o,n),(r.default.useInsertionEffect||r.default.useLayoutEffect)(function(){if(!t.server)return c(s,e,t,o,n),function(){return a.removeStyles(s,t)}},[s,e,t,o,n]),null};function c(e,t,r,n,o){if(a.isStatic)a.renderStyles(e,l,r,o);else{var i=f(f({},t),{theme:ct(t,n,s.defaultProps)});a.renderStyles(e,i,r,o)}}return r.default.memo(s)},css:gt,isStyledComponent:et,keyframes:function(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];var n=gt.apply(void 0,p([e],t,!1)).join(""),o=pt(n);return new Fe(o,n)},ServerStyleSheet:jt,StyleSheetConsumer:$e,StyleSheetContext:Te,StyleSheetManager:Ge,ThemeConsumer:st,ThemeContext:at,ThemeProvider:function(t){var n=e.useContext(at),o=e.useMemo(function(){return function(e,t){if(!e)throw m(14);if(Je(e))return e(t);if(Array.isArray(e)||"object"!=typeof e)throw m(8);return t?f(f({},t),e):e}(t.theme,n)},[t.theme,n]);return t.children?r.default.createElement(at.Provider,{value:o},t.children):null},useTheme:function(){return e.useContext(at)},version:a,withTheme:function(e){var t=r.default.forwardRef(function(t,n){var o=ct(t,r.default.useContext(at),e.defaultProps);return r.default.createElement(e,f({},t,{theme:o,ref:n}))});return t.displayName="WithTheme(".concat(Ue(e),")"),_t(t,e)},__PRIVATE__:{StyleSheet:T,mainSheet:De}});function $t(e){var t=Object.create(null);return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var Nt=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,Dt=/* #__PURE__ */$t(function(e){return Nt.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91}),zt=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"],Mt=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,Lt=/(^-|-$)/g;function Gt(e){return e.replace(Mt,"-").replace(Lt,"")}function Ft(e){return"string"==typeof e&&!0}function Bt(e,t){return e&&t?"".concat(e," ").concat(t):e||t}function Ht(e,t,r){if(void 0===r&&(r=!1),!r&&!Qe(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var n=0;n<t.length;n++)e[n]=Ht(e[n],t[n]);else if(Qe(t))for(var n in t)e[n]=Ht(e[n],t[n]);return e}var Wt=Re(a),Yt=function(){function e(e,t,r){this.names=[],this.rules=e,this.staticRulesId="",this.isStatic=(void 0===r||r.isStatic)&&ot(e),this.componentId=t,this.baseHash=Oe(Wt,t),this.baseStyle=r,T.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,r){var n=this.componentId;if(this.names.length=0,this.baseStyle&&this.names.push(this.baseStyle.generateAndInjectStyles(e,t,r)),this.isStatic&&!r.hash)if(this.staticRulesId&&t.hasNameForId(n,this.staticRulesId))this.names.push(this.staticRulesId);else{var o=nt(this.rules,e,t,r).join(""),i=ft(Oe(this.baseHash,o)>>>0);if(!t.hasNameForId(n,i)){var a=r(o,".".concat(i),void 0,n);t.insertRules(n,i,a)}this.names.push(i),this.staticRulesId=i}else{for(var s=this.rules.length,c=Oe(this.baseHash,r.hash),u="",l=0;l<s;l++){var f=this.rules[l];if("string"==typeof f)u+=f;else if(f){var p=nt(f,e,t,r),d=Array.isArray(p)?p.join(""):p;c=Oe(c,d),u+=d}}if(u){var h=ft(c>>>0);if(!t.hasNameForId(n,h)){var m=r(u,".".concat(h),void 0,n);t.insertRules(n,h,m)}this.names.push(h)}}return this.names.join(" ")},e}(),Ut={};function qt(t,n,o){var i=et(t),s=t,c=!Ft(t),u=n.attrs,l=void 0===u?d:u,p=n.componentId,m=void 0===p?function(e,t){var r="string"!=typeof e?"sc":Gt(e);Ut[r]=(Ut[r]||0)+1;var n="".concat(r,"-").concat(pt(a+r+Ut[r]));return t?"".concat(t,"-").concat(n):n}(n.displayName,n.parentComponentId):p,g=n.displayName,y=void 0===g?function(e){return Ft(e)?"styled.".concat(e):"Styled(".concat(Ue(e),")")}(t):g,v=n.displayName&&n.componentId?"".concat(Gt(n.displayName),"-").concat(n.componentId):n.componentId||m,S=i&&s.attrs?s.attrs.concat(l).filter(Boolean):l,b=n.shouldForwardProp;if(i&&s.shouldForwardProp){var w=s.shouldForwardProp;if(n.shouldForwardProp){var x=n.shouldForwardProp;b=function(e,t,r){return w(e,t,r)&&x(e,t,r)}}else b=w}var C=new Yt(o,v,i?s.componentStyle:void 0),k=C.isStatic&&0===l.length;function P(t,r){return function(t,r,n,o){var i=t.attrs,a=t.componentStyle,s=t.defaultProps,c=t.foldedComponentIds,u=t.shouldForwardProp,l=t.styledComponentId,p=t.target,d=function(e,t,r){void 0===e&&(e=h);var n=f(f({},t),{theme:e});return r.forEach(function(e){var t,r="function"==typeof e?e(n):e;for(t in r)n[t]="className"===t?Bt(n[t],r[t]):"style"===t?f(f({},n[t]),r[t]):r[t]}),n}(ct(r,e.useContext(at),s)||h,r,i),m=function(e,t,r,n){var o=Me(),i=Le();return e.generateAndInjectStyles(t?h:r,o,i)}(a,o,d),g=n,y=d.$as||d.as||p,v=Ft(y),S={};for(var b in d)"$"!==b[0]&&"as"!==b&&"theme"!==b&&("forwardedAs"===b?S.as=d[b]:(u?u(b,Dt,y):!v||Dt(b))&&(S[b]=d[b]));return S[v&&-1===zt.indexOf(y)?"class":"className"]=c.concat(l,m!==l?m:null,d.className).filter(Boolean).join(" "),S.ref=g,e.createElement(y,S)}(A,t,r,k)}P.displayName=y;var A=r.default.forwardRef(P);return A.attrs=S,A.componentStyle=C,A.displayName=y,A.shouldForwardProp=b,A.foldedComponentIds=i?s.foldedComponentIds.concat(s.styledComponentId):d,A.styledComponentId=v,A.target=i?s.target:t,A.withComponent=function(e){var t=n.componentId,r=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(n,["componentId"]),i=t&&"".concat(t,"-").concat(Ft(e)?e:Gt(Ue(e)));return qt(e,f(f({},r),{attrs:S,componentId:i}),o)},Object.defineProperty(A,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=i?function(e){void 0===e&&(e={});for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];for(var n=0,o=t;n<o.length;n++)Ht(e,o[n],!0);return e}({},s.defaultProps,e):e}}),A.toString=function(){return".".concat(A.styledComponentId)},c&&_t(A,t,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),A}function Vt(e,t,r){if(void 0===r&&(r=h),!t)throw m(1,t);var n=function(n){for(var o=[],i=1;i<arguments.length;i++)o[i-1]=arguments[i];return e(t,r,gt.apply(void 0,p([n],o,!1)))};return n.attrs=function(n){return Vt(e,t,f(f({},r),{attrs:Array.prototype.concat(r.attrs,n).filter(Boolean)}))},n.withConfig=function(n){return Vt(e,t,f(f({},r),n))},n}var Xt=function(e){return Vt(qt,e)},Zt=Xt;for(var Kt in zt.forEach(function(e){Zt[e]=Xt(e)}),Tt)Zt[Kt]=Tt[Kt];return Zt});
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):(e=e||self).styled=t(e.React)}(this,function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=/*#__PURE__*/t(e),n="undefined"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",o="active",s="data-styled-version",a="6.0.0-beta.2",i="/*!sc*/\n",c="undefined"!=typeof window&&"HTMLElement"in window,u=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY&&"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY),l={},f=function(){return(f=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function p(e,t,r){if(r||2===arguments.length)for(var n,o=0,s=t.length;o<s;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}var d=Object.freeze([]),h=Object.freeze({});function m(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];return new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e," for more information.").concat(t.length>0?" Args: ".concat(t.join(", ")):""))}var g=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}return e.prototype.indexOfGroup=function(e){for(var t=0,r=0;r<e;r++)t+=this.groupSizes[r];return t},e.prototype.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var r=this.groupSizes,n=r.length,o=n;e>=o;)if((o<<=1)<0)throw m(16,"".concat(e));this.groupSizes=new Uint32Array(o),this.groupSizes.set(r),this.length=o;for(var s=n;s<o;s++)this.groupSizes[s]=0}var a=this.indexOfGroup(e+1);if(Array.isArray(t)){s=0;for(var i=t.length;s<i;s++)this.tag.insertRule(a,t[s])&&(this.groupSizes[e]++,a++)}else this.tag.insertRule(a,t)&&this.groupSizes[e]++},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],r=this.indexOfGroup(e),n=r+t;this.groupSizes[e]=0;for(var o=r;o<n;o++)this.tag.deleteRule(r)}},e.prototype.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var r=this.groupSizes[e],n=this.indexOfGroup(e),o=n+r,s=n;s<o;s++)t+="".concat(this.tag.getRule(s)).concat(i);return t},e}(),v=new Map,y=new Map,S=1,b=function(e){if(v.has(e))return v.get(e);for(;y.has(S);)S++;var t=S++;return v.set(e,t),y.set(t,e),t},w=function(e,t){v.set(e,t),y.set(t,e)},C="style[".concat(n,"][").concat(s,'="').concat(a,'"]'),x=new RegExp("^".concat(n,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),I=function(e,t,r){for(var n,o=r.split(","),s=0,a=o.length;s<a;s++)(n=o[s])&&e.registerName(t,n)},O=function(e,t){for(var r,n=(null!==(r=t.textContent)&&void 0!==r?r:"").split(i),o=[],s=0,a=n.length;s<a;s++){var c=n[s].trim();if(c){var u=c.match(x);if(u){var l=0|parseInt(u[1],10),f=u[2];0!==l&&(w(f,l),I(e,f,u[3]),e.getTag().insertRules(l,o)),o.length=0}else o.push(c)}}};function P(){return"undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null}var A=function(e){var t=document.head,r=e||t,i=document.createElement("style"),c=function(e){for(var t=e.childNodes,r=t.length;r>=0;r--){var o=t[r];if(o&&1===o.nodeType&&o.hasAttribute(n))return o}}(r),u=void 0!==c?c.nextSibling:null;i.setAttribute(n,o),i.setAttribute(s,a);var l=P();return l&&i.setAttribute("nonce",l),r.insertBefore(i,u),i},_=function(){function e(e){var t=this.element=A(e);t.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,r=0,n=t.length;r<n;r++){var o=t[r];if(o.ownerNode===e)return o}throw m(17)}(t),this.length=0}return e.prototype.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},e.prototype.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},e.prototype.getRule=function(e){var t=this.sheet.cssRules[e];return void 0!==t&&"string"==typeof t.cssText?t.cssText:""},e}(),E=function(){function e(e){var t=this.element=A(e);this.nodes=t.childNodes,this.length=0}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var r=document.createTextNode(t);return this.element.insertBefore(r,this.nodes[e]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},e.prototype.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),R=function(){function e(e){this.rules=[],this.length=0}return e.prototype.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},e.prototype.deleteRule=function(e){this.rules.splice(e,1),this.length--},e.prototype.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),j=c,k={isServer:!c,useCSSOMInjection:!u},$=function(){function e(e,t,r){void 0===e&&(e=h),void 0===t&&(t={}),this.options=f(f({},k),e),this.gs=t,this.names=new Map(r),this.server=!!e.isServer,!this.server&&c&&j&&(j=!1,function(e){for(var t=document.querySelectorAll(C),r=0,s=t.length;r<s;r++){var a=t[r];a&&a.getAttribute(n)!==o&&(O(e,a),a.parentNode&&a.parentNode.removeChild(a))}}(this))}return e.registerId=function(e){return b(e)},e.prototype.reconstructWithOptions=function(t,r){return void 0===r&&(r=!0),new e(f(f({},this.options),t),this.gs,r&&this.names||void 0)},e.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(e=function(e){var t=e.useCSSOMInjection,r=e.target;return e.isServer?new R(r):t?new _(r):new E(r)}(this.options),new g(e)));var e},e.prototype.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},e.prototype.registerName=function(e,t){if(b(e),this.names.has(e))this.names.get(e).add(t);else{var r=new Set;r.add(t),this.names.set(e,r)}},e.prototype.insertRules=function(e,t,r){this.registerName(e,t),this.getTag().insertRules(b(e),r)},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},e.prototype.clearRules=function(e){this.getTag().clearGroup(b(e)),this.clearNames(e)},e.prototype.clearTag=function(){this.tag=void 0},e.prototype.toString=function(){return function(e){for(var t=e.getTag(),r=t.length,o="",s=function(r){var s=function(e){return y.get(e)}(r);if(void 0===s)return"continue";var a=e.names.get(s),c=t.getGroup(r);if(void 0===a||0===c.length)return"continue";var u="".concat(n,".g").concat(r,'[id="').concat(s,'"]'),l="";void 0!==a&&a.forEach(function(e){e.length>0&&(l+="".concat(e,","))}),o+="".concat(c).concat(u,'{content:"').concat(l,'"}').concat(i)},a=0;a<r;a++)s(a);return o}(this)},e}(),N="-ms-",T="-moz-",D="-webkit-",z="comm",G="rule",M="decl",F="@keyframes",B=Math.abs,L=String.fromCharCode,W=Object.assign;function Y(e){return e.trim()}function H(e,t){return(e=t.exec(e))?e[0]:e}function q(e,t,r){return e.replace(t,r)}function V(e,t){return e.indexOf(t)}function U(e,t){return 0|e.charCodeAt(t)}function Z(e,t,r){return e.slice(t,r)}function J(e){return e.length}function K(e){return e.length}function Q(e,t){return t.push(e),e}var X=1,ee=1,te=0,re=0,ne=0,oe="";function se(e,t,r,n,o,s,a){return{value:e,root:t,parent:r,type:n,props:o,children:s,line:X,column:ee,length:a,return:""}}function ae(e,t){return W(se("",null,null,"",null,null,0),e,{length:-e.length},t)}function ie(){return ne=re>0?U(oe,--re):0,ee--,10===ne&&(ee=1,X--),ne}function ce(){return ne=re<te?U(oe,re++):0,ee++,10===ne&&(ee=1,X++),ne}function ue(){return U(oe,re)}function le(){return re}function fe(e,t){return Z(oe,e,t)}function pe(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function de(e){return Y(fe(re-1,ge(91===e?e+2:40===e?e+1:e)))}function he(e){for(;(ne=ue())&&ne<33;)ce();return pe(e)>2||pe(ne)>3?"":" "}function me(e,t){for(;--t&&ce()&&!(ne<48||ne>102||ne>57&&ne<65||ne>70&&ne<97););return fe(e,le()+(t<6&&32==ue()&&32==ce()))}function ge(e){for(;ce();)switch(ne){case e:return re;case 34:case 39:34!==e&&39!==e&&ge(ne);break;case 40:41===e&&ge(e);break;case 92:ce()}return re}function ve(e,t){for(;ce()&&e+ne!==57&&(e+ne!==84||47!==ue()););return"/*"+fe(t,re-1)+"*"+L(47===e?e:ce())}function ye(e){for(;!pe(ue());)ce();return fe(e,re)}function Se(e){return function(e){return oe="",e}(be("",null,null,null,[""],e=function(e){return X=ee=1,te=J(oe=e),re=0,[]}(e),0,[0],e))}function be(e,t,r,n,o,s,a,i,c){for(var u=0,l=0,f=a,p=0,d=0,h=0,m=1,g=1,v=1,y=0,S="",b=o,w=s,C=n,x=S;g;)switch(h=y,y=ce()){case 40:if(108!=h&&58==x.charCodeAt(f-1)){-1!=V(x+=q(de(y),"&","&\f"),"&\f")&&(v=-1);break}case 34:case 39:case 91:x+=de(y);break;case 9:case 10:case 13:case 32:x+=he(h);break;case 92:x+=me(le()-1,7);continue;case 47:switch(ue()){case 42:case 47:Q(Ce(ve(ce(),le()),t,r),c);break;default:x+="/"}break;case 123*m:i[u++]=J(x)*v;case 125*m:case 59:case 0:switch(y){case 0:case 125:g=0;case 59+l:d>0&&J(x)-f&&Q(d>32?xe(x+";",n,r,f-1):xe(q(x," ","")+";",n,r,f-2),c);break;case 59:x+=";";default:if(Q(C=we(x,t,r,u,l,o,i,S,b=[],w=[],f),s),123===y)if(0===l)be(x,t,C,C,b,s,f,i,w);else switch(p){case 100:case 109:case 115:be(e,C,C,n&&Q(we(e,C,C,0,0,o,i,S,o,b=[],f),w),o,w,f,i,n?b:w);break;default:be(x,C,C,C,[""],w,0,i,w)}}u=l=d=0,m=v=1,S=x="",f=a;break;case 58:f=1+J(x),d=h;default:if(m<1)if(123==y)--m;else if(125==y&&0==m++&&125==ie())continue;switch(x+=L(y),y*m){case 38:v=l>0?1:(x+="\f",-1);break;case 44:i[u++]=(J(x)-1)*v,v=1;break;case 64:45===ue()&&(x+=de(ce())),p=ue(),l=f=J(S=x+=ye(le())),y++;break;case 45:45===h&&2==J(x)&&(m=0)}}return s}function we(e,t,r,n,o,s,a,i,c,u,l){for(var f=o-1,p=0===o?s:[""],d=K(p),h=0,m=0,g=0;h<n;++h)for(var v=0,y=Z(e,f+1,f=B(m=a[h])),S=e;v<d;++v)(S=Y(m>0?p[v]+" "+y:q(y,/&\f/g,p[v])))&&(c[g++]=S);return se(e,t,r,0===o?G:i,c,u,l)}function Ce(e,t,r){return se(e,t,r,z,L(ne),Z(e,2,-2),0)}function xe(e,t,r,n){return se(e,t,r,M,Z(e,0,n),Z(e,n+1,-1),n)}function Ie(e,t,r){switch(function(e,t){return(((t<<2^U(e,0))<<2^U(e,1))<<2^U(e,2))<<2^U(e,3)}(e,t)){case 5103:return D+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return D+e+e;case 4789:return T+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return D+e+T+e+N+e+e;case 6828:case 4268:return D+e+N+e+e;case 6165:return D+e+N+"flex-"+e+e;case 5187:return D+e+q(e,/(\w+).+(:[^]+)/,D+"box-$1$2"+N+"flex-$1$2")+e;case 5443:return D+e+N+"flex-item-"+q(e,/flex-|-self/g,"")+(H(e,/flex-|baseline/)?"":N+"grid-row-"+q(e,/flex-|-self/g,""))+e;case 4675:return D+e+N+"flex-line-pack"+q(e,/align-content|flex-|-self/g,"")+e;case 5548:return D+e+N+q(e,"shrink","negative")+e;case 5292:return D+e+N+q(e,"basis","preferred-size")+e;case 6060:return D+"box-"+q(e,"-grow","")+D+e+N+q(e,"grow","positive")+e;case 4554:return D+q(e,/([^-])(transform)/g,"$1"+D+"$2")+e;case 6187:return q(q(q(e,/(zoom-|grab)/,D+"$1"),/(image-set)/,D+"$1"),e,"")+e;case 5495:case 3959:return q(e,/(image-set\([^]*)/,D+"$1$`$1");case 4968:return q(q(e,/(.+:)(flex-)?(.*)/,D+"box-pack:$3"+N+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+D+e+e;case 4200:if(!H(e,/flex-|baseline/))return N+"grid-column-align"+Z(e,t)+e;break;case 2592:case 3360:return N+q(e,"template-","")+e;case 4384:case 3616:return r&&r.some(function(e,r){return t=r,H(e.props,/grid-\w+-end/)})?~V(e+(r=r[t].value),"span")?e:N+q(e,"-start","")+e+N+"grid-row-span:"+(~V(r,"span")?H(r,/\d+/):+H(r,/\d+/)-+H(e,/\d+/))+";":N+q(e,"-start","")+e;case 4896:case 4128:return r&&r.some(function(e){return H(e.props,/grid-\w+-start/)})?e:N+q(q(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return q(e,/(.+)-inline(.+)/,D+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(J(e)-1-t>6)switch(U(e,t+1)){case 109:if(45!==U(e,t+4))break;case 102:return q(e,/(.+:)(.+)-([^]+)/,"$1"+D+"$2-$3$1"+T+(108==U(e,t+3)?"$3":"$2-$3"))+e;case 115:return~V(e,"stretch")?Ie(q(e,"stretch","fill-available"),t,r)+e:e}break;case 5152:case 5920:return q(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(t,r,n,o,s,a,i){return N+r+":"+n+i+(o?N+r+"-span:"+(s?a:+a-+n)+i:"")+e});case 4949:if(121===U(e,t+6))return q(e,":",":"+D)+e;break;case 6444:switch(U(e,45===U(e,14)?18:11)){case 120:return q(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+D+(45===U(e,14)?"inline-":"")+"box$3$1"+D+"$2$3$1"+N+"$2box$3")+e;case 100:return q(e,":",":"+N)+e}break;case 5936:switch(U(e,t+11)){case 114:return D+e+N+q(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return D+e+N+q(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return D+e+N+q(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 2903:return D+e+N+e+e;case 5719:case 2647:case 2135:case 3927:case 2391:return q(e,"scroll-","scroll-snap-")+e}return e}function Oe(e,t){for(var r="",n=K(e),o=0;o<n;o++)r+=t(e[o],o,e,t)||"";return r}function Pe(e,t,r,n){switch(e.type){case"@import":case M:return e.return=e.return||e.value;case z:return"";case F:return e.return=e.value+"{"+Oe(e.children,n)+"}";case G:e.value=e.props.join(",")}return J(r=Oe(e.children,n))?e.return=e.value+"{"+r+"}":""}function Ae(e,t,r,n){if(e.length>-1&&!e.return)switch(e.type){case M:return void(e.return=Ie(e.value,e.length,r));case F:return Oe([ae(e,{value:q(e.value,"@","@"+D)})],n);case G:if(e.length)return function(e,t){return e.map(t).join("")}(e.props,function(t){switch(H(t,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return Oe([ae(e,{props:[q(t,/:(read-\w+)/,":-moz-$1")]})],n);case"::placeholder":return Oe([ae(e,{props:[q(t,/:(plac\w+)/,":"+D+"input-$1")]}),ae(e,{props:[q(t,/:(plac\w+)/,":-moz-$1")]}),ae(e,{props:[q(t,/:(plac\w+)/,N+"input-$1")]})],n)}return""})}}var _e=function(e,t){for(var r=t.length;r;)e=33*e^t.charCodeAt(--r);return e},Ee=function(e){return _e(5381,e)},Re=/^\s*\/\/.*$/gm,je=[":","[",".","#"];function ke(e){var t,r,n,o,s=void 0===e?h:e,a=s.options,i=void 0===a?h:a,c=s.plugins,u=void 0===c?d:c,l=function(e,n,s){return 0===n&&je.includes(s[r.length])||s.match(o)?e:".".concat(t)},f=function(e){if(e.type===G&&e.value.includes("&")){var t=e.props;t[0]=t[0].replace(n,l)}},p=function(e,s,a,c){void 0===s&&(s=""),void 0===a&&(a=""),void 0===c&&(c="&");var l=e.replace(Re,"");t=c,r=s,n=new RegExp("\\".concat(r,"\\b"),"g"),o=new RegExp("(\\".concat(r,"\\b){2,}"));var p,d,h=u.slice();return(i.prefix||void 0===i.prefix)&&h.unshift(Ae),h.push(f,Pe),p=Se(a||s?"".concat(a," ").concat(s," { ").concat(l," }"):l),d=function(e){var t=K(e);return function(r,n,o,s){for(var a="",i=0;i<t;i++)a+=e[i](r,n,o,s)||"";return a}}(h),p.map(function(e,t){return d(e,t,p,d)}).filter(Boolean)};return p.hash=u.length?u.reduce(function(e,t){return t.name||m(15),_e(e,t.name)},5381).toString():"",p}var $e=r.default.createContext(void 0),Ne=$e.Consumer,Te=r.default.createContext(void 0),De=new $,ze=ke();function Ge(){return e.useContext($e)||De}function Me(){return e.useContext(Te)||ze}function Fe(t){var n=e.useState(t.stylisPlugins),o=n[0],s=n[1],a=Ge(),i=e.useMemo(function(){var e=a;return t.sheet?e=t.sheet:t.target&&(e=e.reconstructWithOptions({target:t.target},!1)),t.disableCSSOMInjection&&(e=e.reconstructWithOptions({useCSSOMInjection:!1})),e},[t.disableCSSOMInjection,t.sheet,t.target]),c=e.useMemo(function(){return ke({options:{prefix:!t.disableVendorPrefixes},plugins:o})},[t.disableVendorPrefixes,o]);return e.useEffect(function(){(function(e,t,r,n){var o=void 0;if(void 0!==o)return!!o;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var s=Object.keys(e),a=Object.keys(t);if(s.length!==a.length)return!1;for(var i=Object.prototype.hasOwnProperty.bind(t),c=0;c<s.length;c++){var u=s[c];if(!i(u))return!1;if(!1===(o=void 0)||void 0===o&&e[u]!==t[u])return!1}return!0})(o,t.stylisPlugins)||s(t.stylisPlugins)},[t.stylisPlugins]),r.default.createElement($e.Provider,{value:i},r.default.createElement(Te.Provider,{value:c},t.children))}var Be=function(){function e(e,t){var r=this;this.inject=function(e,t){void 0===t&&(t=ze);var n=r.name+t.hash;e.hasNameForId(r.id,n)||e.insertRules(r.id,n,t(r.rules,n,"@keyframes"))},this.toString=function(){throw m(12,String(r.name))},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t}return e.prototype.getName=function(e){return void 0===e&&(e=ze),this.name+e.hash},e}();function Le(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function We(e,t){return e(t={exports:{}},t.exports),t.exports}var Ye=We(function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1}});Le(Ye),Le(We(function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1}}));var He=We(function(e){e.exports=Ye});function qe(e){return e.displayName||e.name||"Component"}var Ve=/([A-Z])/,Ue=/([A-Z])/g,Ze=/^ms-/,Je=function(e){return"-".concat(e.toLowerCase())};function Ke(e){return Ve.test(e)?e.replace(Ue,Je).replace(Ze,"-ms-"):e}function Qe(e){return"function"==typeof e}function Xe(e){return!(null===e||"object"!=typeof e||e.constructor&&"Object"!==e.constructor.name||"[object Object]"!==(e.toString?e.toString():Object.prototype.toString.call(e))||"props"in e&&(e.$$typeof||void 0===e.constructor))}function et(e){return"object"==typeof e&&"styledComponentId"in e}var tt=function(e){return null==e||!1===e||""===e},rt=function(e,t){var r,n=[];for(var o in e)e.hasOwnProperty(o)&&!tt(e[o])&&(Array.isArray(e[o])&&e[o].isCss||Qe(e[o])?n.push("".concat(Ke(o),":"),e[o],";"):Xe(e[o])?n.push.apply(n,rt(e[o],o)):n.push("".concat(Ke(o),": ").concat(null==(r=e[o])||"boolean"==typeof r||""===r?"":"number"!=typeof r||0===r||o in He?String(r).trim():"".concat(r,"px"),";")));return t?p(p(["".concat(t," {")],n,!0),["}"],!1):n};function nt(e,t,r,n){if(Array.isArray(e)){for(var o=[],s=0,a=e.length,i=void 0;s<a;s+=1)""!==(i=nt(e[s],t,r,n))&&(Array.isArray(i)?o.push.apply(o,i):o.push(i));return o}return tt(e)?"":et(e)?".".concat(e.styledComponentId):Qe(e)?"function"!=typeof(c=e)||c.prototype&&c.prototype.isReactComponent||!t?e:nt(i=e(t),t,r,n):e instanceof Be?r?(e.inject(r,n),e.getName(n)):e:Xe(e)?rt(e):e.toString();var c}function ot(e){for(var t=0;t<e.length;t+=1){var r=e[t];if(Qe(r)&&!et(r))return!1}return!0}var st=function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=ot(e),$.registerId(this.componentId+1)}return e.prototype.createStyles=function(e,t,r,n){var o=n(nt(this.rules,t,r,n).join(""),""),s=this.componentId+e;r.insertRules(s,s,o)},e.prototype.removeStyles=function(e,t){t.clearRules(this.componentId+e)},e.prototype.renderStyles=function(e,t,r,n){e>2&&$.registerId(this.componentId+e),this.removeStyles(e,r),this.createStyles(e,t,r,n)},e}(),at=r.default.createContext(void 0),it=at.Consumer;function ct(e,t,r){return void 0===r&&(r=h),e.theme!==r.theme&&e.theme||t||r.theme}var ut=/(a)(d)/gi,lt=function(e){return String.fromCharCode(e+(e>25?39:97))};function ft(e){var t,r="";for(t=Math.abs(e);t>52;t=t/52|0)r=lt(t%52)+r;return(lt(t%52)+r).replace(ut,"$1-$2")}function pt(e){return ft(Ee(e)>>>0)}function dt(e,t){for(var r=[e[0]],n=0,o=t.length;n<o;n+=1)r.push(t[n],e[n+1]);return r}var ht,mt=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function gt(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];if(Qe(e)||Xe(e)){var n=e;return mt(nt(dt(d,p([n],t,!0))))}var o=e;return 0===t.length&&1===o.length&&"string"==typeof o[0]?o:mt(nt(dt(o,t)))}var vt="function"==typeof Symbol&&Symbol.for,yt=vt?Symbol.for("react.memo"):60115,St=vt?Symbol.for("react.forward_ref"):60112,bt={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},wt={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Ct={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},xt=((ht={})[St]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},ht[yt]=Ct,ht);function It(e){return("type"in(t=e)&&t.type.$$typeof)===yt?Ct:"$$typeof"in e?xt[e.$$typeof]:bt;var t}var Ot=Object.defineProperty,Pt=Object.getOwnPropertyNames,At=Object.getOwnPropertySymbols,_t=Object.getOwnPropertyDescriptor,Et=Object.getPrototypeOf,Rt=Object.prototype;function jt(e,t,r){if("string"!=typeof t){if(Rt){var n=Et(t);n&&n!==Rt&&jt(e,n,r)}var o=Pt(t);At&&(o=o.concat(At(t)));for(var s=It(e),a=It(t),i=0;i<o.length;++i){var c=o[i];if(!(c in wt||r&&r[c]||a&&c in a||s&&c in s)){var u=_t(t,c);try{Ot(e,c,u)}catch(e){}}}}return e}var kt=function(){function e(){var e=this;this._emitSheetCSS=function(){var t=e.instance.toString(),r=P(),o=[r&&'nonce="'.concat(r,'"'),"".concat(n,'="true"'),"".concat(s,'="').concat(a,'"')].filter(Boolean).join(" ");return"<style ".concat(o,">").concat(t,"</style>")},this.getStyleTags=function(){if(e.sealed)throw m(2);return e._emitSheetCSS()},this.getStyleElement=function(){var t;if(e.sealed)throw m(2);var o=((t={})[n]="",t[s]=a,t.dangerouslySetInnerHTML={__html:e.instance.toString()},t),i=P();return i&&(o.nonce=i),[r.default.createElement("style",f({},o,{key:"sc-0-0"}))]},this.seal=function(){e.sealed=!0},this.instance=new $({isServer:!0}),this.sealed=!1}return e.prototype.collectStyles=function(e){if(this.sealed)throw m(2);return r.default.createElement(Fe,{sheet:this.instance},e)},e.prototype.interleaveWithNodeStream=function(e){throw m(3)},e}(),$t=/*#__PURE__*/Object.freeze({__proto__:null,createGlobalStyle:function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];var o=gt.apply(void 0,p([e],t,!1)),s="sc-global-".concat(pt(JSON.stringify(o))),a=new st(o,s),i=function(e){var t=Ge(),n=Me(),o=r.default.useContext(at),i=r.default.useRef(t.allocateGSInstance(s)).current;return t.server&&c(i,e,t,o,n),(r.default.useInsertionEffect||r.default.useLayoutEffect)(function(){if(!t.server)return c(i,e,t,o,n),function(){return a.removeStyles(i,t)}},[i,e,t,o,n]),null};function c(e,t,r,n,o){if(a.isStatic)a.renderStyles(e,l,r,o);else{var s=f(f({},t),{theme:ct(t,n,i.defaultProps)});a.renderStyles(e,s,r,o)}}return r.default.memo(i)},css:gt,isStyledComponent:et,keyframes:function(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];var n=gt.apply(void 0,p([e],t,!1)).join(""),o=pt(n);return new Be(o,n)},ServerStyleSheet:kt,StyleSheetConsumer:Ne,StyleSheetContext:$e,StyleSheetManager:Fe,ThemeConsumer:it,ThemeContext:at,ThemeProvider:function(t){var n=e.useContext(at),o=e.useMemo(function(){return function(e,t){if(!e)throw m(14);if(Qe(e))return e(t);if(Array.isArray(e)||"object"!=typeof e)throw m(8);return t?f(f({},t),e):e}(t.theme,n)},[t.theme,n]);return t.children?r.default.createElement(at.Provider,{value:o},t.children):null},useTheme:function(){return e.useContext(at)},version:a,withTheme:function(e){var t=r.default.forwardRef(function(t,n){var o=ct(t,r.default.useContext(at),e.defaultProps);return r.default.createElement(e,f({},t,{theme:o,ref:n}))});return t.displayName="WithTheme(".concat(qe(e),")"),jt(t,e)},__PRIVATE__:{StyleSheet:$,mainSheet:De}}),Nt=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"],Tt=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,Dt=/(^-|-$)/g;function zt(e){return e.replace(Tt,"-").replace(Dt,"")}function Gt(e){return"string"==typeof e&&!0}function Mt(e,t){return e&&t?"".concat(e," ").concat(t):e||t}function Ft(e,t,r){if(void 0===r&&(r=!1),!r&&!Xe(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var n=0;n<t.length;n++)e[n]=Ft(e[n],t[n]);else if(Xe(t))for(var n in t)e[n]=Ft(e[n],t[n]);return e}var Bt=Ee(a),Lt=function(){function e(e,t,r){this.names=[],this.rules=e,this.staticRulesId="",this.isStatic=(void 0===r||r.isStatic)&&ot(e),this.componentId=t,this.baseHash=_e(Bt,t),this.baseStyle=r,$.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,r){var n=this.componentId;if(this.names.length=0,this.baseStyle&&this.names.push(this.baseStyle.generateAndInjectStyles(e,t,r)),this.isStatic&&!r.hash)if(this.staticRulesId&&t.hasNameForId(n,this.staticRulesId))this.names.push(this.staticRulesId);else{var o=nt(this.rules,e,t,r).join(""),s=ft(_e(this.baseHash,o)>>>0);if(!t.hasNameForId(n,s)){var a=r(o,".".concat(s),void 0,n);t.insertRules(n,s,a)}this.names.push(s),this.staticRulesId=s}else{for(var i=this.rules.length,c=_e(this.baseHash,r.hash),u="",l=0;l<i;l++){var f=this.rules[l];if("string"==typeof f)u+=f;else if(f){var p=nt(f,e,t,r),d=Array.isArray(p)?p.join(""):p;c=_e(c,d),u+=d}}if(u){var h=ft(c>>>0);if(!t.hasNameForId(n,h)){var m=r(u,".".concat(h),void 0,n);t.insertRules(n,h,m)}this.names.push(h)}}return this.names.join(" ")},e}(),Wt={};function Yt(t,n,o){var s=et(t),i=t,c=!Gt(t),u=n.attrs,l=void 0===u?d:u,p=n.componentId,m=void 0===p?function(e,t){var r="string"!=typeof e?"sc":zt(e);Wt[r]=(Wt[r]||0)+1;var n="".concat(r,"-").concat(pt(a+r+Wt[r]));return t?"".concat(t,"-").concat(n):n}(n.displayName,n.parentComponentId):p,g=n.displayName,v=void 0===g?function(e){return Gt(e)?"styled.".concat(e):"Styled(".concat(qe(e),")")}(t):g,y=n.displayName&&n.componentId?"".concat(zt(n.displayName),"-").concat(n.componentId):n.componentId||m,S=s&&i.attrs?i.attrs.concat(l).filter(Boolean):l,b=n.shouldForwardProp;if(s&&i.shouldForwardProp){var w=i.shouldForwardProp;if(n.shouldForwardProp){var C=n.shouldForwardProp;b=function(e,t){return w(e,t)&&C(e,t)}}else b=w}var x=new Lt(o,y,s?i.componentStyle:void 0),I=x.isStatic&&0===l.length;function O(t,r){return function(t,r,n,o){var s=t.attrs,a=t.componentStyle,i=t.defaultProps,c=t.foldedComponentIds,u=t.shouldForwardProp,l=t.styledComponentId,p=t.target,d=function(e,t,r){void 0===e&&(e=h);var n=f(f({},t),{theme:e});return r.forEach(function(e){var t,r="function"==typeof e?e(n):e;for(t in r)n[t]="className"===t?Mt(n[t],r[t]):"style"===t?f(f({},n[t]),r[t]):r[t]}),n}(ct(r,e.useContext(at),i)||h,r,s),m=function(e,t,r,n){var o=Ge(),s=Me();return e.generateAndInjectStyles(t?h:r,o,s)}(a,o,d),g=n,v=d.$as||d.as||p,y=Gt(v),S={};for(var b in d)"$"!==b[0]&&"as"!==b&&"theme"!==b&&("forwardedAs"===b?S.as=d[b]:u&&!u(b,v)||(S[b]=d[b]));return S[y&&-1===Nt.indexOf(v)?"class":"className"]=c.concat(l,m!==l?m:null,d.className).filter(Boolean).join(" "),S.ref=g,e.createElement(v,S)}(P,t,r,I)}O.displayName=v;var P=r.default.forwardRef(O);return P.attrs=S,P.componentStyle=x,P.displayName=v,P.shouldForwardProp=b,P.foldedComponentIds=s?i.foldedComponentIds.concat(i.styledComponentId):d,P.styledComponentId=y,P.target=s?i.target:t,P.withComponent=function(e){var t=n.componentId,r=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(n,["componentId"]),s=t&&"".concat(t,"-").concat(Gt(e)?e:zt(qe(e)));return Yt(e,f(f({},r),{attrs:S,componentId:s}),o)},Object.defineProperty(P,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=s?function(e){void 0===e&&(e={});for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];for(var n=0,o=t;n<o.length;n++)Ft(e,o[n],!0);return e}({},i.defaultProps,e):e}}),P.toString=function(){return".".concat(P.styledComponentId)},c&&jt(P,t,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),P}function Ht(e,t,r){if(void 0===r&&(r=h),!t)throw m(1,t);var n=function(n){for(var o=[],s=1;s<arguments.length;s++)o[s-1]=arguments[s];return e(t,r,gt.apply(void 0,p([n],o,!1)))};return n.attrs=function(n){return Ht(e,t,f(f({},r),{attrs:Array.prototype.concat(r.attrs,n).filter(Boolean)}))},n.withConfig=function(n){return Ht(e,t,f(f({},r),n))},n}var qt=function(e){return Ht(Yt,e)},Vt=qt;for(var Ut in Nt.forEach(function(e){Vt[e]=qt(e)}),$t)Vt[Ut]=$t[Ut];return Vt});
//# sourceMappingURL=styled-components.min.js.map

356

dist/test/utils.d.ts
/// <reference types="react" />
export declare const seedNextClassnames: (names: string[]) => string[];
export declare const resetStyled: (isServer?: boolean) => (<Target extends import("..").WebTarget>(tag: Target) => {
<Props = unknown, Statics = unknown>(initialStyles: import("../types").Styles<(Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown) & Props>, ...interpolations: import("../types").Interpolation<import("../types").ExecutionContext & (Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown) & Props>[]): import("..").IStyledComponent<Target, (Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown) & Props> & Statics;
attrs(attrs: import("..").Attrs<import("../types").ExecutionContext & (Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown)>): any;
withConfig(config: import("..").StyledOptions<Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown>): any;
<Props = unknown, Statics = unknown>(initialStyles: import("../types").Styles<(Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown) & Props>, ...interpolations: import("../types").Interpolation<import("../types").ExecutionContext & (Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown) & Props>[]): import("..").IStyledComponent<"web", Target, (Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown) & Props> & Statics;
attrs(attrs: import("..").Attrs<import("../types").ExtensibleObject & (Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown)>): any;
withConfig(config: import("..").StyledOptions<"web", Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown>): any;
}) & {
a: import("../constructors/constructWithOptions").WebStyled<"a", import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, unknown, unknown>;
abbr: import("../constructors/constructWithOptions").WebStyled<"abbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
address: import("../constructors/constructWithOptions").WebStyled<"address", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
area: import("../constructors/constructWithOptions").WebStyled<"area", import("react").DetailedHTMLProps<import("react").AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>, unknown, unknown>;
article: import("../constructors/constructWithOptions").WebStyled<"article", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
aside: import("../constructors/constructWithOptions").WebStyled<"aside", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
audio: import("../constructors/constructWithOptions").WebStyled<"audio", import("react").DetailedHTMLProps<import("react").AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, unknown, unknown>;
b: import("../constructors/constructWithOptions").WebStyled<"b", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
base: import("../constructors/constructWithOptions").WebStyled<"base", import("react").DetailedHTMLProps<import("react").BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement>, unknown, unknown>;
bdi: import("../constructors/constructWithOptions").WebStyled<"bdi", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
bdo: import("../constructors/constructWithOptions").WebStyled<"bdo", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
big: import("../constructors/constructWithOptions").WebStyled<"big", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
blockquote: import("../constructors/constructWithOptions").WebStyled<"blockquote", import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
body: import("../constructors/constructWithOptions").WebStyled<"body", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, unknown, unknown>;
br: import("../constructors/constructWithOptions").WebStyled<"br", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBRElement>, HTMLBRElement>, unknown, unknown>;
button: import("../constructors/constructWithOptions").WebStyled<"button", import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, unknown, unknown>;
canvas: import("../constructors/constructWithOptions").WebStyled<"canvas", import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, unknown, unknown>;
caption: import("../constructors/constructWithOptions").WebStyled<"caption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
cite: import("../constructors/constructWithOptions").WebStyled<"cite", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
code: import("../constructors/constructWithOptions").WebStyled<"code", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
col: import("../constructors/constructWithOptions").WebStyled<"col", import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, unknown, unknown>;
colgroup: import("../constructors/constructWithOptions").WebStyled<"colgroup", import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, unknown, unknown>;
data: import("../constructors/constructWithOptions").WebStyled<"data", import("react").DetailedHTMLProps<import("react").DataHTMLAttributes<HTMLDataElement>, HTMLDataElement>, unknown, unknown>;
datalist: import("../constructors/constructWithOptions").WebStyled<"datalist", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>, unknown, unknown>;
dd: import("../constructors/constructWithOptions").WebStyled<"dd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
del: import("../constructors/constructWithOptions").WebStyled<"del", import("react").DetailedHTMLProps<import("react").DelHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
details: import("../constructors/constructWithOptions").WebStyled<"details", import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
dfn: import("../constructors/constructWithOptions").WebStyled<"dfn", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
dialog: import("../constructors/constructWithOptions").WebStyled<"dialog", import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, unknown, unknown>;
div: import("../constructors/constructWithOptions").WebStyled<"div", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, unknown, unknown>;
dl: import("../constructors/constructWithOptions").WebStyled<"dl", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement>, unknown, unknown>;
dt: import("../constructors/constructWithOptions").WebStyled<"dt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
em: import("../constructors/constructWithOptions").WebStyled<"em", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
embed: import("../constructors/constructWithOptions").WebStyled<"embed", import("react").DetailedHTMLProps<import("react").EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>, unknown, unknown>;
fieldset: import("../constructors/constructWithOptions").WebStyled<"fieldset", import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, unknown, unknown>;
figcaption: import("../constructors/constructWithOptions").WebStyled<"figcaption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
figure: import("../constructors/constructWithOptions").WebStyled<"figure", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
footer: import("../constructors/constructWithOptions").WebStyled<"footer", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
form: import("../constructors/constructWithOptions").WebStyled<"form", import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, unknown, unknown>;
h1: import("../constructors/constructWithOptions").WebStyled<"h1", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h2: import("../constructors/constructWithOptions").WebStyled<"h2", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h3: import("../constructors/constructWithOptions").WebStyled<"h3", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h4: import("../constructors/constructWithOptions").WebStyled<"h4", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h5: import("../constructors/constructWithOptions").WebStyled<"h5", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h6: import("../constructors/constructWithOptions").WebStyled<"h6", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
head: import("../constructors/constructWithOptions").WebStyled<"head", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadElement>, HTMLHeadElement>, unknown, unknown>;
header: import("../constructors/constructWithOptions").WebStyled<"header", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
hgroup: import("../constructors/constructWithOptions").WebStyled<"hgroup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
hr: import("../constructors/constructWithOptions").WebStyled<"hr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, unknown, unknown>;
html: import("../constructors/constructWithOptions").WebStyled<"html", import("react").DetailedHTMLProps<import("react").HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>, unknown, unknown>;
i: import("../constructors/constructWithOptions").WebStyled<"i", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
iframe: import("../constructors/constructWithOptions").WebStyled<"iframe", import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, unknown, unknown>;
img: import("../constructors/constructWithOptions").WebStyled<"img", import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, unknown, unknown>;
input: import("../constructors/constructWithOptions").WebStyled<"input", import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, unknown, unknown>;
ins: import("../constructors/constructWithOptions").WebStyled<"ins", import("react").DetailedHTMLProps<import("react").InsHTMLAttributes<HTMLModElement>, HTMLModElement>, unknown, unknown>;
kbd: import("../constructors/constructWithOptions").WebStyled<"kbd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
keygen: import("../constructors/constructWithOptions").WebStyled<"keygen", import("react").DetailedHTMLProps<import("react").KeygenHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
label: import("../constructors/constructWithOptions").WebStyled<"label", import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, unknown, unknown>;
legend: import("../constructors/constructWithOptions").WebStyled<"legend", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, unknown, unknown>;
li: import("../constructors/constructWithOptions").WebStyled<"li", import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, unknown, unknown>;
link: import("../constructors/constructWithOptions").WebStyled<"link", import("react").DetailedHTMLProps<import("react").LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>, unknown, unknown>;
main: import("../constructors/constructWithOptions").WebStyled<"main", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
map: import("../constructors/constructWithOptions").WebStyled<"map", import("react").DetailedHTMLProps<import("react").MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>, unknown, unknown>;
mark: import("../constructors/constructWithOptions").WebStyled<"mark", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
menu: import("../constructors/constructWithOptions").WebStyled<"menu", import("react").DetailedHTMLProps<import("react").MenuHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
menuitem: import("../constructors/constructWithOptions").WebStyled<"menuitem", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
meta: import("../constructors/constructWithOptions").WebStyled<"meta", import("react").DetailedHTMLProps<import("react").MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>, unknown, unknown>;
meter: import("../constructors/constructWithOptions").WebStyled<"meter", import("react").DetailedHTMLProps<import("react").MeterHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
nav: import("../constructors/constructWithOptions").WebStyled<"nav", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
noindex: import("../constructors/constructWithOptions").WebStyled<"noindex", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
noscript: import("../constructors/constructWithOptions").WebStyled<"noscript", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
object: import("../constructors/constructWithOptions").WebStyled<"object", import("react").DetailedHTMLProps<import("react").ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>, unknown, unknown>;
ol: import("../constructors/constructWithOptions").WebStyled<"ol", import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, unknown, unknown>;
optgroup: import("../constructors/constructWithOptions").WebStyled<"optgroup", import("react").DetailedHTMLProps<import("react").OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, unknown, unknown>;
option: import("../constructors/constructWithOptions").WebStyled<"option", import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, unknown, unknown>;
output: import("../constructors/constructWithOptions").WebStyled<"output", import("react").DetailedHTMLProps<import("react").OutputHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
p: import("../constructors/constructWithOptions").WebStyled<"p", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, unknown, unknown>;
param: import("../constructors/constructWithOptions").WebStyled<"param", import("react").DetailedHTMLProps<import("react").ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement>, unknown, unknown>;
picture: import("../constructors/constructWithOptions").WebStyled<"picture", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
pre: import("../constructors/constructWithOptions").WebStyled<"pre", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, unknown, unknown>;
progress: import("../constructors/constructWithOptions").WebStyled<"progress", import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>, unknown, unknown>;
q: import("../constructors/constructWithOptions").WebStyled<"q", import("react").DetailedHTMLProps<import("react").QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, unknown, unknown>;
rp: import("../constructors/constructWithOptions").WebStyled<"rp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
rt: import("../constructors/constructWithOptions").WebStyled<"rt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
ruby: import("../constructors/constructWithOptions").WebStyled<"ruby", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
s: import("../constructors/constructWithOptions").WebStyled<"s", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
samp: import("../constructors/constructWithOptions").WebStyled<"samp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
slot: import("../constructors/constructWithOptions").WebStyled<"slot", import("react").DetailedHTMLProps<import("react").SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement>, unknown, unknown>;
script: import("../constructors/constructWithOptions").WebStyled<"script", import("react").DetailedHTMLProps<import("react").ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement>, unknown, unknown>;
section: import("../constructors/constructWithOptions").WebStyled<"section", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
select: import("../constructors/constructWithOptions").WebStyled<"select", import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, unknown, unknown>;
small: import("../constructors/constructWithOptions").WebStyled<"small", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
source: import("../constructors/constructWithOptions").WebStyled<"source", import("react").DetailedHTMLProps<import("react").SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>, unknown, unknown>;
span: import("../constructors/constructWithOptions").WebStyled<"span", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, unknown, unknown>;
strong: import("../constructors/constructWithOptions").WebStyled<"strong", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
style: import("../constructors/constructWithOptions").WebStyled<"style", import("react").DetailedHTMLProps<import("react").StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>, unknown, unknown>;
sub: import("../constructors/constructWithOptions").WebStyled<"sub", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
summary: import("../constructors/constructWithOptions").WebStyled<"summary", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
sup: import("../constructors/constructWithOptions").WebStyled<"sup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
table: import("../constructors/constructWithOptions").WebStyled<"table", import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, unknown, unknown>;
template: import("../constructors/constructWithOptions").WebStyled<"template", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement>, unknown, unknown>;
tbody: import("../constructors/constructWithOptions").WebStyled<"tbody", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, unknown, unknown>;
td: import("../constructors/constructWithOptions").WebStyled<"td", import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, unknown, unknown>;
textarea: import("../constructors/constructWithOptions").WebStyled<"textarea", import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, unknown, unknown>;
tfoot: import("../constructors/constructWithOptions").WebStyled<"tfoot", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, unknown, unknown>;
th: import("../constructors/constructWithOptions").WebStyled<"th", import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, unknown, unknown>;
thead: import("../constructors/constructWithOptions").WebStyled<"thead", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, unknown, unknown>;
time: import("../constructors/constructWithOptions").WebStyled<"time", import("react").DetailedHTMLProps<import("react").TimeHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
title: import("../constructors/constructWithOptions").WebStyled<"title", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>, unknown, unknown>;
tr: import("../constructors/constructWithOptions").WebStyled<"tr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, unknown, unknown>;
track: import("../constructors/constructWithOptions").WebStyled<"track", import("react").DetailedHTMLProps<import("react").TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>, unknown, unknown>;
u: import("../constructors/constructWithOptions").WebStyled<"u", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
ul: import("../constructors/constructWithOptions").WebStyled<"ul", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, unknown, unknown>;
var: import("../constructors/constructWithOptions").WebStyled<"var", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
video: import("../constructors/constructWithOptions").WebStyled<"video", import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, unknown, unknown>;
wbr: import("../constructors/constructWithOptions").WebStyled<"wbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
webview: import("../constructors/constructWithOptions").WebStyled<"webview", import("react").DetailedHTMLProps<import("react").WebViewHTMLAttributes<HTMLWebViewElement>, HTMLWebViewElement>, unknown, unknown>;
svg: import("../constructors/constructWithOptions").WebStyled<"svg", import("react").SVGProps<SVGSVGElement>, unknown, unknown>;
animate: import("../constructors/constructWithOptions").WebStyled<"animate", import("react").SVGProps<SVGElement>, unknown, unknown>;
animateMotion: import("../constructors/constructWithOptions").WebStyled<"animateMotion", import("react").SVGProps<SVGElement>, unknown, unknown>;
animateTransform: import("../constructors/constructWithOptions").WebStyled<"animateTransform", import("react").SVGProps<SVGElement>, unknown, unknown>;
circle: import("../constructors/constructWithOptions").WebStyled<"circle", import("react").SVGProps<SVGCircleElement>, unknown, unknown>;
clipPath: import("../constructors/constructWithOptions").WebStyled<"clipPath", import("react").SVGProps<SVGClipPathElement>, unknown, unknown>;
defs: import("../constructors/constructWithOptions").WebStyled<"defs", import("react").SVGProps<SVGDefsElement>, unknown, unknown>;
desc: import("../constructors/constructWithOptions").WebStyled<"desc", import("react").SVGProps<SVGDescElement>, unknown, unknown>;
ellipse: import("../constructors/constructWithOptions").WebStyled<"ellipse", import("react").SVGProps<SVGEllipseElement>, unknown, unknown>;
feBlend: import("../constructors/constructWithOptions").WebStyled<"feBlend", import("react").SVGProps<SVGFEBlendElement>, unknown, unknown>;
feColorMatrix: import("../constructors/constructWithOptions").WebStyled<"feColorMatrix", import("react").SVGProps<SVGFEColorMatrixElement>, unknown, unknown>;
feComponentTransfer: import("../constructors/constructWithOptions").WebStyled<"feComponentTransfer", import("react").SVGProps<SVGFEComponentTransferElement>, unknown, unknown>;
feComposite: import("../constructors/constructWithOptions").WebStyled<"feComposite", import("react").SVGProps<SVGFECompositeElement>, unknown, unknown>;
feConvolveMatrix: import("../constructors/constructWithOptions").WebStyled<"feConvolveMatrix", import("react").SVGProps<SVGFEConvolveMatrixElement>, unknown, unknown>;
feDiffuseLighting: import("../constructors/constructWithOptions").WebStyled<"feDiffuseLighting", import("react").SVGProps<SVGFEDiffuseLightingElement>, unknown, unknown>;
feDisplacementMap: import("../constructors/constructWithOptions").WebStyled<"feDisplacementMap", import("react").SVGProps<SVGFEDisplacementMapElement>, unknown, unknown>;
feDistantLight: import("../constructors/constructWithOptions").WebStyled<"feDistantLight", import("react").SVGProps<SVGFEDistantLightElement>, unknown, unknown>;
feDropShadow: import("../constructors/constructWithOptions").WebStyled<"feDropShadow", import("react").SVGProps<SVGFEDropShadowElement>, unknown, unknown>;
feFlood: import("../constructors/constructWithOptions").WebStyled<"feFlood", import("react").SVGProps<SVGFEFloodElement>, unknown, unknown>;
feFuncA: import("../constructors/constructWithOptions").WebStyled<"feFuncA", import("react").SVGProps<SVGFEFuncAElement>, unknown, unknown>;
feFuncB: import("../constructors/constructWithOptions").WebStyled<"feFuncB", import("react").SVGProps<SVGFEFuncBElement>, unknown, unknown>;
feFuncG: import("../constructors/constructWithOptions").WebStyled<"feFuncG", import("react").SVGProps<SVGFEFuncGElement>, unknown, unknown>;
feFuncR: import("../constructors/constructWithOptions").WebStyled<"feFuncR", import("react").SVGProps<SVGFEFuncRElement>, unknown, unknown>;
feGaussianBlur: import("../constructors/constructWithOptions").WebStyled<"feGaussianBlur", import("react").SVGProps<SVGFEGaussianBlurElement>, unknown, unknown>;
feImage: import("../constructors/constructWithOptions").WebStyled<"feImage", import("react").SVGProps<SVGFEImageElement>, unknown, unknown>;
feMerge: import("../constructors/constructWithOptions").WebStyled<"feMerge", import("react").SVGProps<SVGFEMergeElement>, unknown, unknown>;
feMergeNode: import("../constructors/constructWithOptions").WebStyled<"feMergeNode", import("react").SVGProps<SVGFEMergeNodeElement>, unknown, unknown>;
feMorphology: import("../constructors/constructWithOptions").WebStyled<"feMorphology", import("react").SVGProps<SVGFEMorphologyElement>, unknown, unknown>;
feOffset: import("../constructors/constructWithOptions").WebStyled<"feOffset", import("react").SVGProps<SVGFEOffsetElement>, unknown, unknown>;
fePointLight: import("../constructors/constructWithOptions").WebStyled<"fePointLight", import("react").SVGProps<SVGFEPointLightElement>, unknown, unknown>;
feSpecularLighting: import("../constructors/constructWithOptions").WebStyled<"feSpecularLighting", import("react").SVGProps<SVGFESpecularLightingElement>, unknown, unknown>;
feSpotLight: import("../constructors/constructWithOptions").WebStyled<"feSpotLight", import("react").SVGProps<SVGFESpotLightElement>, unknown, unknown>;
feTile: import("../constructors/constructWithOptions").WebStyled<"feTile", import("react").SVGProps<SVGFETileElement>, unknown, unknown>;
feTurbulence: import("../constructors/constructWithOptions").WebStyled<"feTurbulence", import("react").SVGProps<SVGFETurbulenceElement>, unknown, unknown>;
filter: import("../constructors/constructWithOptions").WebStyled<"filter", import("react").SVGProps<SVGFilterElement>, unknown, unknown>;
foreignObject: import("../constructors/constructWithOptions").WebStyled<"foreignObject", import("react").SVGProps<SVGForeignObjectElement>, unknown, unknown>;
g: import("../constructors/constructWithOptions").WebStyled<"g", import("react").SVGProps<SVGGElement>, unknown, unknown>;
image: import("../constructors/constructWithOptions").WebStyled<"image", import("react").SVGProps<SVGImageElement>, unknown, unknown>;
line: import("../constructors/constructWithOptions").WebStyled<"line", import("react").SVGProps<SVGLineElement>, unknown, unknown>;
linearGradient: import("../constructors/constructWithOptions").WebStyled<"linearGradient", import("react").SVGProps<SVGLinearGradientElement>, unknown, unknown>;
marker: import("../constructors/constructWithOptions").WebStyled<"marker", import("react").SVGProps<SVGMarkerElement>, unknown, unknown>;
mask: import("../constructors/constructWithOptions").WebStyled<"mask", import("react").SVGProps<SVGMaskElement>, unknown, unknown>;
metadata: import("../constructors/constructWithOptions").WebStyled<"metadata", import("react").SVGProps<SVGMetadataElement>, unknown, unknown>;
mpath: import("../constructors/constructWithOptions").WebStyled<"mpath", import("react").SVGProps<SVGElement>, unknown, unknown>;
path: import("../constructors/constructWithOptions").WebStyled<"path", import("react").SVGProps<SVGPathElement>, unknown, unknown>;
pattern: import("../constructors/constructWithOptions").WebStyled<"pattern", import("react").SVGProps<SVGPatternElement>, unknown, unknown>;
polygon: import("../constructors/constructWithOptions").WebStyled<"polygon", import("react").SVGProps<SVGPolygonElement>, unknown, unknown>;
polyline: import("../constructors/constructWithOptions").WebStyled<"polyline", import("react").SVGProps<SVGPolylineElement>, unknown, unknown>;
radialGradient: import("../constructors/constructWithOptions").WebStyled<"radialGradient", import("react").SVGProps<SVGRadialGradientElement>, unknown, unknown>;
rect: import("../constructors/constructWithOptions").WebStyled<"rect", import("react").SVGProps<SVGRectElement>, unknown, unknown>;
stop: import("../constructors/constructWithOptions").WebStyled<"stop", import("react").SVGProps<SVGStopElement>, unknown, unknown>;
switch: import("../constructors/constructWithOptions").WebStyled<"switch", import("react").SVGProps<SVGSwitchElement>, unknown, unknown>;
symbol: import("../constructors/constructWithOptions").WebStyled<"symbol", import("react").SVGProps<SVGSymbolElement>, unknown, unknown>;
text: import("../constructors/constructWithOptions").WebStyled<"text", import("react").SVGProps<SVGTextElement>, unknown, unknown>;
textPath: import("../constructors/constructWithOptions").WebStyled<"textPath", import("react").SVGProps<SVGTextPathElement>, unknown, unknown>;
tspan: import("../constructors/constructWithOptions").WebStyled<"tspan", import("react").SVGProps<SVGTSpanElement>, unknown, unknown>;
use: import("../constructors/constructWithOptions").WebStyled<"use", import("react").SVGProps<SVGUseElement>, unknown, unknown>;
view: import("../constructors/constructWithOptions").WebStyled<"view", import("react").SVGProps<SVGViewElement>, unknown, unknown>;
a: import("../constructors/constructWithOptions").Styled<"web", "a", import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, unknown, unknown>;
abbr: import("../constructors/constructWithOptions").Styled<"web", "abbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
address: import("../constructors/constructWithOptions").Styled<"web", "address", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
area: import("../constructors/constructWithOptions").Styled<"web", "area", import("react").DetailedHTMLProps<import("react").AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>, unknown, unknown>;
article: import("../constructors/constructWithOptions").Styled<"web", "article", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
aside: import("../constructors/constructWithOptions").Styled<"web", "aside", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
audio: import("../constructors/constructWithOptions").Styled<"web", "audio", import("react").DetailedHTMLProps<import("react").AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, unknown, unknown>;
b: import("../constructors/constructWithOptions").Styled<"web", "b", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
base: import("../constructors/constructWithOptions").Styled<"web", "base", import("react").DetailedHTMLProps<import("react").BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement>, unknown, unknown>;
bdi: import("../constructors/constructWithOptions").Styled<"web", "bdi", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
bdo: import("../constructors/constructWithOptions").Styled<"web", "bdo", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
big: import("../constructors/constructWithOptions").Styled<"web", "big", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
blockquote: import("../constructors/constructWithOptions").Styled<"web", "blockquote", import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
body: import("../constructors/constructWithOptions").Styled<"web", "body", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, unknown, unknown>;
br: import("../constructors/constructWithOptions").Styled<"web", "br", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBRElement>, HTMLBRElement>, unknown, unknown>;
button: import("../constructors/constructWithOptions").Styled<"web", "button", import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, unknown, unknown>;
canvas: import("../constructors/constructWithOptions").Styled<"web", "canvas", import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, unknown, unknown>;
caption: import("../constructors/constructWithOptions").Styled<"web", "caption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
cite: import("../constructors/constructWithOptions").Styled<"web", "cite", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
code: import("../constructors/constructWithOptions").Styled<"web", "code", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
col: import("../constructors/constructWithOptions").Styled<"web", "col", import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, unknown, unknown>;
colgroup: import("../constructors/constructWithOptions").Styled<"web", "colgroup", import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, unknown, unknown>;
data: import("../constructors/constructWithOptions").Styled<"web", "data", import("react").DetailedHTMLProps<import("react").DataHTMLAttributes<HTMLDataElement>, HTMLDataElement>, unknown, unknown>;
datalist: import("../constructors/constructWithOptions").Styled<"web", "datalist", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>, unknown, unknown>;
dd: import("../constructors/constructWithOptions").Styled<"web", "dd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
del: import("../constructors/constructWithOptions").Styled<"web", "del", import("react").DetailedHTMLProps<import("react").DelHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
details: import("../constructors/constructWithOptions").Styled<"web", "details", import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
dfn: import("../constructors/constructWithOptions").Styled<"web", "dfn", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
dialog: import("../constructors/constructWithOptions").Styled<"web", "dialog", import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, unknown, unknown>;
div: import("../constructors/constructWithOptions").Styled<"web", "div", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, unknown, unknown>;
dl: import("../constructors/constructWithOptions").Styled<"web", "dl", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement>, unknown, unknown>;
dt: import("../constructors/constructWithOptions").Styled<"web", "dt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
em: import("../constructors/constructWithOptions").Styled<"web", "em", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
embed: import("../constructors/constructWithOptions").Styled<"web", "embed", import("react").DetailedHTMLProps<import("react").EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>, unknown, unknown>;
fieldset: import("../constructors/constructWithOptions").Styled<"web", "fieldset", import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, unknown, unknown>;
figcaption: import("../constructors/constructWithOptions").Styled<"web", "figcaption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
figure: import("../constructors/constructWithOptions").Styled<"web", "figure", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
footer: import("../constructors/constructWithOptions").Styled<"web", "footer", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
form: import("../constructors/constructWithOptions").Styled<"web", "form", import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, unknown, unknown>;
h1: import("../constructors/constructWithOptions").Styled<"web", "h1", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h2: import("../constructors/constructWithOptions").Styled<"web", "h2", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h3: import("../constructors/constructWithOptions").Styled<"web", "h3", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h4: import("../constructors/constructWithOptions").Styled<"web", "h4", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h5: import("../constructors/constructWithOptions").Styled<"web", "h5", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h6: import("../constructors/constructWithOptions").Styled<"web", "h6", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
head: import("../constructors/constructWithOptions").Styled<"web", "head", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadElement>, HTMLHeadElement>, unknown, unknown>;
header: import("../constructors/constructWithOptions").Styled<"web", "header", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
hgroup: import("../constructors/constructWithOptions").Styled<"web", "hgroup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
hr: import("../constructors/constructWithOptions").Styled<"web", "hr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, unknown, unknown>;
html: import("../constructors/constructWithOptions").Styled<"web", "html", import("react").DetailedHTMLProps<import("react").HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>, unknown, unknown>;
i: import("../constructors/constructWithOptions").Styled<"web", "i", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
iframe: import("../constructors/constructWithOptions").Styled<"web", "iframe", import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, unknown, unknown>;
img: import("../constructors/constructWithOptions").Styled<"web", "img", import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, unknown, unknown>;
input: import("../constructors/constructWithOptions").Styled<"web", "input", import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, unknown, unknown>;
ins: import("../constructors/constructWithOptions").Styled<"web", "ins", import("react").DetailedHTMLProps<import("react").InsHTMLAttributes<HTMLModElement>, HTMLModElement>, unknown, unknown>;
kbd: import("../constructors/constructWithOptions").Styled<"web", "kbd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
keygen: import("../constructors/constructWithOptions").Styled<"web", "keygen", import("react").DetailedHTMLProps<import("react").KeygenHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
label: import("../constructors/constructWithOptions").Styled<"web", "label", import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, unknown, unknown>;
legend: import("../constructors/constructWithOptions").Styled<"web", "legend", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, unknown, unknown>;
li: import("../constructors/constructWithOptions").Styled<"web", "li", import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, unknown, unknown>;
link: import("../constructors/constructWithOptions").Styled<"web", "link", import("react").DetailedHTMLProps<import("react").LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>, unknown, unknown>;
main: import("../constructors/constructWithOptions").Styled<"web", "main", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
map: import("../constructors/constructWithOptions").Styled<"web", "map", import("react").DetailedHTMLProps<import("react").MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>, unknown, unknown>;
mark: import("../constructors/constructWithOptions").Styled<"web", "mark", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
menu: import("../constructors/constructWithOptions").Styled<"web", "menu", import("react").DetailedHTMLProps<import("react").MenuHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
menuitem: import("../constructors/constructWithOptions").Styled<"web", "menuitem", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
meta: import("../constructors/constructWithOptions").Styled<"web", "meta", import("react").DetailedHTMLProps<import("react").MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>, unknown, unknown>;
meter: import("../constructors/constructWithOptions").Styled<"web", "meter", import("react").DetailedHTMLProps<import("react").MeterHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
nav: import("../constructors/constructWithOptions").Styled<"web", "nav", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
noindex: import("../constructors/constructWithOptions").Styled<"web", "noindex", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
noscript: import("../constructors/constructWithOptions").Styled<"web", "noscript", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
object: import("../constructors/constructWithOptions").Styled<"web", "object", import("react").DetailedHTMLProps<import("react").ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>, unknown, unknown>;
ol: import("../constructors/constructWithOptions").Styled<"web", "ol", import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, unknown, unknown>;
optgroup: import("../constructors/constructWithOptions").Styled<"web", "optgroup", import("react").DetailedHTMLProps<import("react").OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, unknown, unknown>;
option: import("../constructors/constructWithOptions").Styled<"web", "option", import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, unknown, unknown>;
output: import("../constructors/constructWithOptions").Styled<"web", "output", import("react").DetailedHTMLProps<import("react").OutputHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
p: import("../constructors/constructWithOptions").Styled<"web", "p", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, unknown, unknown>;
param: import("../constructors/constructWithOptions").Styled<"web", "param", import("react").DetailedHTMLProps<import("react").ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement>, unknown, unknown>;
picture: import("../constructors/constructWithOptions").Styled<"web", "picture", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
pre: import("../constructors/constructWithOptions").Styled<"web", "pre", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, unknown, unknown>;
progress: import("../constructors/constructWithOptions").Styled<"web", "progress", import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>, unknown, unknown>;
q: import("../constructors/constructWithOptions").Styled<"web", "q", import("react").DetailedHTMLProps<import("react").QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, unknown, unknown>;
rp: import("../constructors/constructWithOptions").Styled<"web", "rp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
rt: import("../constructors/constructWithOptions").Styled<"web", "rt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
ruby: import("../constructors/constructWithOptions").Styled<"web", "ruby", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
s: import("../constructors/constructWithOptions").Styled<"web", "s", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
samp: import("../constructors/constructWithOptions").Styled<"web", "samp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
slot: import("../constructors/constructWithOptions").Styled<"web", "slot", import("react").DetailedHTMLProps<import("react").SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement>, unknown, unknown>;
script: import("../constructors/constructWithOptions").Styled<"web", "script", import("react").DetailedHTMLProps<import("react").ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement>, unknown, unknown>;
section: import("../constructors/constructWithOptions").Styled<"web", "section", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
select: import("../constructors/constructWithOptions").Styled<"web", "select", import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, unknown, unknown>;
small: import("../constructors/constructWithOptions").Styled<"web", "small", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
source: import("../constructors/constructWithOptions").Styled<"web", "source", import("react").DetailedHTMLProps<import("react").SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>, unknown, unknown>;
span: import("../constructors/constructWithOptions").Styled<"web", "span", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, unknown, unknown>;
strong: import("../constructors/constructWithOptions").Styled<"web", "strong", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
style: import("../constructors/constructWithOptions").Styled<"web", "style", import("react").DetailedHTMLProps<import("react").StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>, unknown, unknown>;
sub: import("../constructors/constructWithOptions").Styled<"web", "sub", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
summary: import("../constructors/constructWithOptions").Styled<"web", "summary", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
sup: import("../constructors/constructWithOptions").Styled<"web", "sup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
table: import("../constructors/constructWithOptions").Styled<"web", "table", import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, unknown, unknown>;
template: import("../constructors/constructWithOptions").Styled<"web", "template", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement>, unknown, unknown>;
tbody: import("../constructors/constructWithOptions").Styled<"web", "tbody", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, unknown, unknown>;
td: import("../constructors/constructWithOptions").Styled<"web", "td", import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, unknown, unknown>;
textarea: import("../constructors/constructWithOptions").Styled<"web", "textarea", import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, unknown, unknown>;
tfoot: import("../constructors/constructWithOptions").Styled<"web", "tfoot", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, unknown, unknown>;
th: import("../constructors/constructWithOptions").Styled<"web", "th", import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, unknown, unknown>;
thead: import("../constructors/constructWithOptions").Styled<"web", "thead", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, unknown, unknown>;
time: import("../constructors/constructWithOptions").Styled<"web", "time", import("react").DetailedHTMLProps<import("react").TimeHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
title: import("../constructors/constructWithOptions").Styled<"web", "title", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>, unknown, unknown>;
tr: import("../constructors/constructWithOptions").Styled<"web", "tr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, unknown, unknown>;
track: import("../constructors/constructWithOptions").Styled<"web", "track", import("react").DetailedHTMLProps<import("react").TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>, unknown, unknown>;
u: import("../constructors/constructWithOptions").Styled<"web", "u", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
ul: import("../constructors/constructWithOptions").Styled<"web", "ul", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, unknown, unknown>;
var: import("../constructors/constructWithOptions").Styled<"web", "var", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
video: import("../constructors/constructWithOptions").Styled<"web", "video", import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, unknown, unknown>;
wbr: import("../constructors/constructWithOptions").Styled<"web", "wbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
webview: import("../constructors/constructWithOptions").Styled<"web", "webview", import("react").DetailedHTMLProps<import("react").WebViewHTMLAttributes<HTMLWebViewElement>, HTMLWebViewElement>, unknown, unknown>;
svg: import("../constructors/constructWithOptions").Styled<"web", "svg", import("react").SVGProps<SVGSVGElement>, unknown, unknown>;
animate: import("../constructors/constructWithOptions").Styled<"web", "animate", import("react").SVGProps<SVGElement>, unknown, unknown>;
animateMotion: import("../constructors/constructWithOptions").Styled<"web", "animateMotion", import("react").SVGProps<SVGElement>, unknown, unknown>;
animateTransform: import("../constructors/constructWithOptions").Styled<"web", "animateTransform", import("react").SVGProps<SVGElement>, unknown, unknown>;
circle: import("../constructors/constructWithOptions").Styled<"web", "circle", import("react").SVGProps<SVGCircleElement>, unknown, unknown>;
clipPath: import("../constructors/constructWithOptions").Styled<"web", "clipPath", import("react").SVGProps<SVGClipPathElement>, unknown, unknown>;
defs: import("../constructors/constructWithOptions").Styled<"web", "defs", import("react").SVGProps<SVGDefsElement>, unknown, unknown>;
desc: import("../constructors/constructWithOptions").Styled<"web", "desc", import("react").SVGProps<SVGDescElement>, unknown, unknown>;
ellipse: import("../constructors/constructWithOptions").Styled<"web", "ellipse", import("react").SVGProps<SVGEllipseElement>, unknown, unknown>;
feBlend: import("../constructors/constructWithOptions").Styled<"web", "feBlend", import("react").SVGProps<SVGFEBlendElement>, unknown, unknown>;
feColorMatrix: import("../constructors/constructWithOptions").Styled<"web", "feColorMatrix", import("react").SVGProps<SVGFEColorMatrixElement>, unknown, unknown>;
feComponentTransfer: import("../constructors/constructWithOptions").Styled<"web", "feComponentTransfer", import("react").SVGProps<SVGFEComponentTransferElement>, unknown, unknown>;
feComposite: import("../constructors/constructWithOptions").Styled<"web", "feComposite", import("react").SVGProps<SVGFECompositeElement>, unknown, unknown>;
feConvolveMatrix: import("../constructors/constructWithOptions").Styled<"web", "feConvolveMatrix", import("react").SVGProps<SVGFEConvolveMatrixElement>, unknown, unknown>;
feDiffuseLighting: import("../constructors/constructWithOptions").Styled<"web", "feDiffuseLighting", import("react").SVGProps<SVGFEDiffuseLightingElement>, unknown, unknown>;
feDisplacementMap: import("../constructors/constructWithOptions").Styled<"web", "feDisplacementMap", import("react").SVGProps<SVGFEDisplacementMapElement>, unknown, unknown>;
feDistantLight: import("../constructors/constructWithOptions").Styled<"web", "feDistantLight", import("react").SVGProps<SVGFEDistantLightElement>, unknown, unknown>;
feDropShadow: import("../constructors/constructWithOptions").Styled<"web", "feDropShadow", import("react").SVGProps<SVGFEDropShadowElement>, unknown, unknown>;
feFlood: import("../constructors/constructWithOptions").Styled<"web", "feFlood", import("react").SVGProps<SVGFEFloodElement>, unknown, unknown>;
feFuncA: import("../constructors/constructWithOptions").Styled<"web", "feFuncA", import("react").SVGProps<SVGFEFuncAElement>, unknown, unknown>;
feFuncB: import("../constructors/constructWithOptions").Styled<"web", "feFuncB", import("react").SVGProps<SVGFEFuncBElement>, unknown, unknown>;
feFuncG: import("../constructors/constructWithOptions").Styled<"web", "feFuncG", import("react").SVGProps<SVGFEFuncGElement>, unknown, unknown>;
feFuncR: import("../constructors/constructWithOptions").Styled<"web", "feFuncR", import("react").SVGProps<SVGFEFuncRElement>, unknown, unknown>;
feGaussianBlur: import("../constructors/constructWithOptions").Styled<"web", "feGaussianBlur", import("react").SVGProps<SVGFEGaussianBlurElement>, unknown, unknown>;
feImage: import("../constructors/constructWithOptions").Styled<"web", "feImage", import("react").SVGProps<SVGFEImageElement>, unknown, unknown>;
feMerge: import("../constructors/constructWithOptions").Styled<"web", "feMerge", import("react").SVGProps<SVGFEMergeElement>, unknown, unknown>;
feMergeNode: import("../constructors/constructWithOptions").Styled<"web", "feMergeNode", import("react").SVGProps<SVGFEMergeNodeElement>, unknown, unknown>;
feMorphology: import("../constructors/constructWithOptions").Styled<"web", "feMorphology", import("react").SVGProps<SVGFEMorphologyElement>, unknown, unknown>;
feOffset: import("../constructors/constructWithOptions").Styled<"web", "feOffset", import("react").SVGProps<SVGFEOffsetElement>, unknown, unknown>;
fePointLight: import("../constructors/constructWithOptions").Styled<"web", "fePointLight", import("react").SVGProps<SVGFEPointLightElement>, unknown, unknown>;
feSpecularLighting: import("../constructors/constructWithOptions").Styled<"web", "feSpecularLighting", import("react").SVGProps<SVGFESpecularLightingElement>, unknown, unknown>;
feSpotLight: import("../constructors/constructWithOptions").Styled<"web", "feSpotLight", import("react").SVGProps<SVGFESpotLightElement>, unknown, unknown>;
feTile: import("../constructors/constructWithOptions").Styled<"web", "feTile", import("react").SVGProps<SVGFETileElement>, unknown, unknown>;
feTurbulence: import("../constructors/constructWithOptions").Styled<"web", "feTurbulence", import("react").SVGProps<SVGFETurbulenceElement>, unknown, unknown>;
filter: import("../constructors/constructWithOptions").Styled<"web", "filter", import("react").SVGProps<SVGFilterElement>, unknown, unknown>;
foreignObject: import("../constructors/constructWithOptions").Styled<"web", "foreignObject", import("react").SVGProps<SVGForeignObjectElement>, unknown, unknown>;
g: import("../constructors/constructWithOptions").Styled<"web", "g", import("react").SVGProps<SVGGElement>, unknown, unknown>;
image: import("../constructors/constructWithOptions").Styled<"web", "image", import("react").SVGProps<SVGImageElement>, unknown, unknown>;
line: import("../constructors/constructWithOptions").Styled<"web", "line", import("react").SVGProps<SVGLineElement>, unknown, unknown>;
linearGradient: import("../constructors/constructWithOptions").Styled<"web", "linearGradient", import("react").SVGProps<SVGLinearGradientElement>, unknown, unknown>;
marker: import("../constructors/constructWithOptions").Styled<"web", "marker", import("react").SVGProps<SVGMarkerElement>, unknown, unknown>;
mask: import("../constructors/constructWithOptions").Styled<"web", "mask", import("react").SVGProps<SVGMaskElement>, unknown, unknown>;
metadata: import("../constructors/constructWithOptions").Styled<"web", "metadata", import("react").SVGProps<SVGMetadataElement>, unknown, unknown>;
mpath: import("../constructors/constructWithOptions").Styled<"web", "mpath", import("react").SVGProps<SVGElement>, unknown, unknown>;
path: import("../constructors/constructWithOptions").Styled<"web", "path", import("react").SVGProps<SVGPathElement>, unknown, unknown>;
pattern: import("../constructors/constructWithOptions").Styled<"web", "pattern", import("react").SVGProps<SVGPatternElement>, unknown, unknown>;
polygon: import("../constructors/constructWithOptions").Styled<"web", "polygon", import("react").SVGProps<SVGPolygonElement>, unknown, unknown>;
polyline: import("../constructors/constructWithOptions").Styled<"web", "polyline", import("react").SVGProps<SVGPolylineElement>, unknown, unknown>;
radialGradient: import("../constructors/constructWithOptions").Styled<"web", "radialGradient", import("react").SVGProps<SVGRadialGradientElement>, unknown, unknown>;
rect: import("../constructors/constructWithOptions").Styled<"web", "rect", import("react").SVGProps<SVGRectElement>, unknown, unknown>;
stop: import("../constructors/constructWithOptions").Styled<"web", "stop", import("react").SVGProps<SVGStopElement>, unknown, unknown>;
switch: import("../constructors/constructWithOptions").Styled<"web", "switch", import("react").SVGProps<SVGSwitchElement>, unknown, unknown>;
symbol: import("../constructors/constructWithOptions").Styled<"web", "symbol", import("react").SVGProps<SVGSymbolElement>, unknown, unknown>;
text: import("../constructors/constructWithOptions").Styled<"web", "text", import("react").SVGProps<SVGTextElement>, unknown, unknown>;
textPath: import("../constructors/constructWithOptions").Styled<"web", "textPath", import("react").SVGProps<SVGTextPathElement>, unknown, unknown>;
tspan: import("../constructors/constructWithOptions").Styled<"web", "tspan", import("react").SVGProps<SVGTSpanElement>, unknown, unknown>;
use: import("../constructors/constructWithOptions").Styled<"web", "use", import("react").SVGProps<SVGUseElement>, unknown, unknown>;
view: import("../constructors/constructWithOptions").Styled<"web", "view", import("react").SVGProps<SVGViewElement>, unknown, unknown>;
};

@@ -184,0 +184,0 @@ export declare const rehydrateTestStyles: () => void;

75

dist/types.d.ts

@@ -9,16 +9,15 @@ import React from 'react';

}
export declare type OmitNever<T> = {
[K in keyof T as T[K] extends never ? never : K]: T[K];
};
export declare type Runtime = 'web' | 'native';
export { DefaultTheme };
export declare type AnyComponent<P = any> = ExoticComponentWithDisplayName<P> | React.ComponentType<P>;
export interface StyledOptions<Props> {
export interface StyledOptions<R extends Runtime, Props> {
attrs?: Attrs<Props>[];
componentId?: string;
componentId?: R extends 'web' ? string : never;
displayName?: string;
parentComponentId?: string;
shouldForwardProp?: ShouldForwardProp;
parentComponentId?: R extends 'web' ? string : never;
shouldForwardProp?: ShouldForwardProp<R>;
}
export interface StyledNativeOptions<Props> {
attrs?: Attrs<Props>[];
displayName?: string;
shouldForwardProp?: ShouldForwardProp;
}
export declare type KnownTarget = keyof JSX.IntrinsicElements | AnyComponent;

@@ -40,7 +39,7 @@ export declare type WebTarget = string | KnownTarget;

}
export interface StyleFunction<Props = ExecutionContext> {
(executionContext: Props): Interpolation<Props>;
export interface StyleFunction<Props = BaseExtensibleObject> {
(executionContext: ExecutionContext & Props): Interpolation<Props>;
}
export declare type Interpolation<Props> = StyleFunction<Props> | StyledObject<Props> | TemplateStringsArray | string | number | Keyframes | IStyledComponent<any, any> | Interpolation<Props>[];
export declare type Attrs<Props> = (ExtensibleObject & Props) | ((props: Props) => Partial<Props>);
export declare type Interpolation<Props> = StyleFunction<Props> | StyledObject<Props> | TemplateStringsArray | string | number | undefined | null | Keyframes | IStyledComponent<'web', any, any> | Interpolation<Props>[];
export declare type Attrs<Props> = (ExtensibleObject & Props) | ((props: ExecutionContext & Props) => Partial<Props>);
export declare type RuleSet<Props> = Interpolation<Props>[];

@@ -65,20 +64,21 @@ export declare type Styles<Props> = TemplateStringsArray | StyledObject<Props> | StyleFunction<Props>;

}
export interface ShouldForwardProp {
(prop: string, isValidAttr: (prop: string) => boolean, elementToBeCreated?: WebTarget | NativeTarget): boolean;
export interface ShouldForwardProp<R extends Runtime> {
(prop: string, elementToBeCreated?: StyledTarget<R>): boolean;
}
export interface CommonStatics<Props> {
export interface CommonStatics<R extends Runtime, Props> {
attrs: Attrs<Props>[];
target: StyledTarget;
shouldForwardProp?: ShouldForwardProp;
target: StyledTarget<R>;
shouldForwardProp?: ShouldForwardProp<R>;
withComponent: any;
}
export interface IStyledStatics<OuterProps = unknown> extends CommonStatics<OuterProps> {
componentStyle: ComponentStyle;
foldedComponentIds: Array<string>;
target: WebTarget;
styledComponentId: string;
warnTooManyClasses?: ReturnType<typeof createWarnTooManyClasses>;
withComponent: <Target extends WebTarget, Props = unknown>(tag: Target) => IStyledComponent<Target, OuterProps & Props>;
export interface IStyledStatics<R extends Runtime, OuterProps = unknown> extends CommonStatics<R, OuterProps> {
componentStyle: R extends 'web' ? ComponentStyle : never;
foldedComponentIds: R extends 'web' ? Array<string> : never;
inlineStyle: R extends 'native' ? InstanceType<IInlineStyleConstructor<OuterProps>> : never;
target: StyledTarget<R>;
styledComponentId: R extends 'web' ? string : never;
warnTooManyClasses?: R extends 'web' ? ReturnType<typeof createWarnTooManyClasses> : never;
withComponent: <Target extends StyledTarget<R>, Props = unknown>(tag: Target) => IStyledComponent<R, Target, OuterProps & Props>;
}
declare type PolymorphicComponentProps<ActualComponent extends StyledTarget, PropsToBeInjectedIntoActualComponent extends {}, ActualComponentProps = ActualComponent extends KnownTarget ? React.ComponentPropsWithRef<ActualComponent> : {}> = React.HTMLAttributes<ActualComponent> & Omit<PropsToBeInjectedIntoActualComponent, keyof ActualComponentProps | 'as' | '$as'> & ActualComponentProps & ({
declare type PolymorphicComponentProps<R extends Runtime, ActualComponent extends StyledTarget<R>, PropsToBeInjectedIntoActualComponent extends {}, ActualComponentProps = ActualComponent extends KnownTarget ? React.ComponentPropsWithRef<ActualComponent> : {}> = React.HTMLAttributes<ActualComponent> & Omit<PropsToBeInjectedIntoActualComponent, keyof ActualComponentProps | 'as' | '$as'> & ActualComponentProps & ({
$as: ActualComponent;

@@ -89,23 +89,12 @@ as?: AnyComponent;

});
interface PolymorphicComponent<FallbackComponent extends StyledTarget, ExpectedProps = unknown, PropsToBeInjectedIntoActualComponent = unknown> extends React.ForwardRefExoticComponent<ExpectedProps> {
<ActualComponent extends StyledTarget = FallbackComponent>(props: PolymorphicComponentProps<ActualComponent, ExpectedProps & PropsToBeInjectedIntoActualComponent>): React.ReactElement<PolymorphicComponentProps<ActualComponent, ExecutionContext & ExpectedProps & PropsToBeInjectedIntoActualComponent>, ActualComponent>;
interface PolymorphicComponent<R extends Runtime, FallbackComponent extends StyledTarget<R>, ExpectedProps = unknown, PropsToBeInjectedIntoActualComponent = unknown> extends React.ForwardRefExoticComponent<ExpectedProps> {
<ActualComponent extends StyledTarget<R> = FallbackComponent>(props: PolymorphicComponentProps<R, ActualComponent, ExpectedProps & PropsToBeInjectedIntoActualComponent>): React.ReactElement<PolymorphicComponentProps<R, ActualComponent, ExecutionContext & ExpectedProps & PropsToBeInjectedIntoActualComponent>, ActualComponent>;
}
export interface IStyledComponent<Target extends WebTarget, Props = unknown> extends PolymorphicComponent<Target, Props, ExecutionContext>, IStyledStatics<Props> {
export interface IStyledComponent<R extends Runtime, Target extends StyledTarget<R>, Props = unknown> extends PolymorphicComponent<R, Target, Props, ExecutionContext>, IStyledStatics<R, Props> {
defaultProps?: Partial<ExtensibleObject & (Target extends KnownTarget ? React.ComponentProps<Target> : {}) & Props>;
toString: () => string;
}
export interface IStyledComponentFactory<Target extends WebTarget, Props = unknown, Statics = unknown> {
(target: Target, options: StyledOptions<Props>, rules: RuleSet<Props>): IStyledComponent<Target, Props> & Statics;
export interface IStyledComponentFactory<R extends Runtime, Target extends StyledTarget<R>, Props = unknown, Statics = unknown> {
(target: Target, options: StyledOptions<R, Props>, rules: RuleSet<Props>): IStyledComponent<R, Target, Props> & Statics;
}
export interface IStyledNativeStatics<OuterProps = unknown> extends CommonStatics<OuterProps> {
inlineStyle: InstanceType<IInlineStyleConstructor<OuterProps>>;
target: NativeTarget;
withComponent: <Target extends NativeTarget, Props = unknown>(tag: Target) => IStyledNativeComponent<Target, OuterProps & Props>;
}
export interface IStyledNativeComponent<Target extends NativeTarget, Props = unknown> extends PolymorphicComponent<Target, Props, ExecutionContext>, IStyledNativeStatics<Props> {
defaultProps?: Partial<ExtensibleObject & (Target extends KnownTarget ? React.ComponentProps<Target> : {}) & Props>;
}
export interface IStyledNativeComponentFactory<Target extends NativeTarget, Props = unknown, Statics = unknown> {
(target: Target, options: StyledNativeOptions<Props>, rules: RuleSet<Props>): IStyledNativeComponent<Target, Props> & Statics;
}
export interface IInlineStyleConstructor<Props = unknown> {

@@ -118,3 +107,3 @@ new (rules: RuleSet<Props>): IInlineStyle<Props>;

}
export declare type StyledTarget = WebTarget | NativeTarget;
export declare type StyledTarget<R extends Runtime> = R extends 'web' ? WebTarget : NativeTarget;
export interface StyledObject<Props = ExecutionContext> {

@@ -121,0 +110,0 @@ [key: string]: BaseExtensibleObject | string | number | StyleFunction<Props>;

2

dist/utils/generateDisplayName.d.ts
import { StyledTarget } from '../types';
export default function generateDisplayName(target: StyledTarget): string;
export default function generateDisplayName(target: StyledTarget<any>): string;

2

dist/utils/getComponentName.d.ts
import { StyledTarget } from '../types';
export default function getComponentName(target: StyledTarget): string;
export default function getComponentName(target: StyledTarget<any>): string;

2

dist/utils/isStyledComponent.d.ts
import { IStyledComponent } from '../types';
export default function isStyledComponent(target: any): target is IStyledComponent<any>;
export default function isStyledComponent(target: any): target is IStyledComponent<'web', any>;

2

dist/utils/isTag.d.ts
import { StyledTarget } from '../types';
export default function isTag(target: StyledTarget): boolean;
export default function isTag(target: StyledTarget<'web'>): target is string;

37

native/dist/constructors/constructWithOptions.d.ts
/// <reference types="react" />
import { Attrs, ExecutionContext, Interpolation, IStyledComponent, IStyledComponentFactory, IStyledNativeComponent, IStyledNativeComponentFactory, KnownTarget, NativeTarget, StyledNativeOptions, StyledOptions, StyledTarget, Styles, WebTarget } from '../types';
export interface NativeStyled<Target extends NativeTarget, DerivedProps = Target extends KnownTarget ? React.ComponentProps<Target> : unknown, OuterProps = unknown, OuterStatics = unknown> {
<Props = unknown, Statics = unknown>(initialStyles: Styles<DerivedProps & OuterProps & Props>, ...interpolations: Exclude<Interpolation<ExecutionContext & DerivedProps & OuterProps & Props>, IStyledComponent<any>>[]): IStyledNativeComponent<Target, DerivedProps & OuterProps & Props> & OuterStatics & Statics;
attrs(attrs: Attrs<ExecutionContext & DerivedProps & OuterProps>): NativeStyled<Target, DerivedProps, OuterProps, OuterStatics>;
withConfig(config: StyledNativeOptions<DerivedProps & OuterProps>): NativeStyled<Target, DerivedProps, OuterProps, OuterStatics>;
import { Attrs, ExecutionContext, ExtensibleObject, Interpolation, IStyledComponent, IStyledComponentFactory, KnownTarget, Runtime, StyledOptions, StyledTarget, Styles } from '../types';
export interface Styled<R extends Runtime, Target extends StyledTarget<R>, DerivedProps = Target extends KnownTarget ? React.ComponentProps<Target> : unknown, OuterProps = unknown, OuterStatics = unknown> {
<Props = unknown, Statics = unknown>(initialStyles: Styles<DerivedProps & OuterProps & Props>, ...interpolations: Interpolation<ExecutionContext & DerivedProps & OuterProps & Props>[]): IStyledComponent<R, Target, DerivedProps & OuterProps & Props> & OuterStatics & Statics;
attrs(attrs: Attrs<ExtensibleObject & DerivedProps & OuterProps>): Styled<R, Target, DerivedProps, OuterProps, OuterStatics>;
withConfig(config: StyledOptions<R, DerivedProps & OuterProps>): Styled<R, Target, DerivedProps, OuterProps, OuterStatics>;
}
export interface WebStyled<Target extends WebTarget, DerivedProps = Target extends KnownTarget ? React.ComponentProps<Target> : unknown, OuterProps = unknown, OuterStatics = unknown> {
<Props = unknown, Statics = unknown>(initialStyles: Styles<DerivedProps & OuterProps & Props>, ...interpolations: Interpolation<ExecutionContext & DerivedProps & OuterProps & Props>[]): IStyledComponent<Target, DerivedProps & OuterProps & Props> & OuterStatics & Statics;
attrs(attrs: Attrs<ExecutionContext & DerivedProps & OuterProps>): WebStyled<Target, DerivedProps, OuterProps, OuterStatics>;
withConfig(config: StyledOptions<DerivedProps & OuterProps>): WebStyled<Target, DerivedProps, OuterProps, OuterStatics>;
}
export default function constructWithOptions<Environment extends 'web' | 'native', Target extends StyledTarget, DerivedProps = Target extends KnownTarget ? React.ComponentProps<Target> : unknown, OuterProps = unknown, // used for styled<{}>().attrs() so attrs() gets the generic prop context
OuterStatics = unknown>(componentConstructor: Environment extends 'web' ? IStyledComponentFactory<any, any, any> : IStyledNativeComponentFactory<any, any, any>, tag: Target, options?: Environment extends 'web' ? StyledOptions<DerivedProps & OuterProps> : StyledNativeOptions<DerivedProps & OuterProps>): {
<Props = unknown, Statics = unknown>(initialStyles: Styles<DerivedProps & OuterProps & Props>, ...interpolations: Interpolation<ExecutionContext & DerivedProps & OuterProps & Props>[]): ReturnType<Environment extends "web" ? IStyledComponentFactory<Target, DerivedProps & OuterProps & Props, OuterStatics & Statics> : IStyledNativeComponentFactory<Target, DerivedProps & OuterProps & Props, OuterStatics & Statics>>;
attrs(attrs: Attrs<ExecutionContext & DerivedProps & OuterProps>): {
<Props_1 = unknown, Statics_1 = unknown>(initialStyles: Styles<DerivedProps & OuterProps & OuterStatics & Props_1>, ...interpolations: Interpolation<ExecutionContext & DerivedProps & OuterProps & OuterStatics & Props_1>[]): ReturnType<Environment extends "web" ? IStyledComponentFactory<Target, DerivedProps & OuterProps & OuterStatics & Props_1, Statics_1> : IStyledNativeComponentFactory<Target, DerivedProps & OuterProps & OuterStatics & Props_1, Statics_1>>;
attrs(attrs: Attrs<ExecutionContext & DerivedProps & OuterProps & OuterStatics>): {
<Props_2 = unknown, Statics_2 = unknown>(initialStyles: Styles<DerivedProps & OuterProps & OuterStatics & Props_2>, ...interpolations: Interpolation<ExecutionContext & DerivedProps & OuterProps & OuterStatics & Props_2>[]): ReturnType<Environment extends "web" ? IStyledComponentFactory<Target, DerivedProps & OuterProps & OuterStatics & Props_2, Statics_2> : IStyledNativeComponentFactory<Target, DerivedProps & OuterProps & OuterStatics & Props_2, Statics_2>>;
attrs(attrs: Attrs<ExecutionContext & DerivedProps & OuterProps & OuterStatics>): any;
export default function constructWithOptions<R extends Runtime, Target extends StyledTarget<R>, DerivedProps = Target extends KnownTarget ? React.ComponentProps<Target> : unknown, OuterProps = unknown, // used for styled<{}>().attrs() so attrs() gets the generic prop context
OuterStatics = unknown>(componentConstructor: IStyledComponentFactory<R, any, any, any>, tag: Target, options?: StyledOptions<R, DerivedProps & OuterProps>): {
<Props = unknown, Statics = unknown>(initialStyles: Styles<DerivedProps & OuterProps & Props>, ...interpolations: Interpolation<ExecutionContext & DerivedProps & OuterProps & Props>[]): IStyledComponent<R, Target, DerivedProps & OuterProps & Props> & OuterStatics & Statics;
attrs(attrs: Attrs<ExtensibleObject & DerivedProps & OuterProps>): {
<Props_1 = unknown, Statics_1 = unknown>(initialStyles: Styles<DerivedProps & OuterProps & OuterStatics & Props_1>, ...interpolations: Interpolation<ExecutionContext & DerivedProps & OuterProps & OuterStatics & Props_1>[]): IStyledComponent<R, Target, DerivedProps & OuterProps & OuterStatics & Props_1> & Statics_1;
attrs(attrs: Attrs<ExtensibleObject & DerivedProps & OuterProps & OuterStatics>): {
<Props_2 = unknown, Statics_2 = unknown>(initialStyles: Styles<DerivedProps & OuterProps & OuterStatics & Props_2>, ...interpolations: Interpolation<ExecutionContext & DerivedProps & OuterProps & OuterStatics & Props_2>[]): IStyledComponent<R, Target, DerivedProps & OuterProps & OuterStatics & Props_2> & Statics_2;
attrs(attrs: Attrs<ExtensibleObject & DerivedProps & OuterProps & OuterStatics>): any;
/**
* If config methods are called, wrap up a new template function and merge options */
withConfig(config: Environment extends "web" ? StyledOptions<DerivedProps & OuterProps & OuterStatics> : StyledNativeOptions<DerivedProps & OuterProps & OuterStatics>): any;
withConfig(config: StyledOptions<R, DerivedProps & OuterProps & OuterStatics>): any;
};
/**
* If config methods are called, wrap up a new template function and merge options */
withConfig(config: Environment extends "web" ? StyledOptions<DerivedProps & OuterProps & OuterStatics> : StyledNativeOptions<DerivedProps & OuterProps & OuterStatics>): any;
withConfig(config: StyledOptions<R, DerivedProps & OuterProps & OuterStatics>): any;
};
/**
* If config methods are called, wrap up a new template function and merge options */
withConfig(config: Environment extends 'web' ? StyledOptions<DerivedProps & OuterProps> : StyledNativeOptions<DerivedProps & OuterProps>): any;
withConfig(config: StyledOptions<R, DerivedProps & OuterProps>): any;
};

4

native/dist/constructors/css.d.ts
import { Interpolation, StyledObject, StyleFunction, Styles } from '../types';
export default function css<Props>(styles: Styles<Props>, ...interpolations: Interpolation<Props>[]): string | number | import("../types").Keyframes | TemplateStringsArray | import("../types").IStyledComponent<any, any> | StyledObject<Props> | StyleFunction<Props> | (Interpolation<Props>[] & {
export default function css<Props>(styles: Styles<Props>, ...interpolations: Interpolation<Props>[]): string | number | import("../types").Keyframes | TemplateStringsArray | import("../types").IStyledComponent<"web", any, any> | StyledObject<Props> | StyleFunction<Props> | (Interpolation<Props>[] & {
isCss?: boolean | undefined;
});
}) | null | undefined;

358

native/dist/constructors/styled.d.ts
/// <reference types="react" />
import { WebTarget } from '../types';
import { WebStyled } from './constructWithOptions';
import { Styled } from './constructWithOptions';
declare const styled: (<Target extends WebTarget>(tag: Target) => {
<Props = unknown, Statics = unknown>(initialStyles: import("../types").Styles<(Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown) & Props>, ...interpolations: import("../types").Interpolation<import("../types").ExecutionContext & (Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown) & Props>[]): import("../types").IStyledComponent<Target, (Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown) & Props> & Statics;
attrs(attrs: import("../types").Attrs<import("../types").ExecutionContext & (Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown)>): any;
withConfig(config: import("../types").StyledOptions<Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown>): any;
<Props = unknown, Statics = unknown>(initialStyles: import("../types").Styles<(Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown) & Props>, ...interpolations: import("../types").Interpolation<import("../types").ExecutionContext & (Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown) & Props>[]): import("../types").IStyledComponent<"web", Target, (Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown) & Props> & Statics;
attrs(attrs: import("../types").Attrs<import("../types").ExtensibleObject & (Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown)>): any;
withConfig(config: import("../types").StyledOptions<"web", Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown>): any;
}) & {
a: WebStyled<"a", import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, unknown, unknown>;
abbr: WebStyled<"abbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
address: WebStyled<"address", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
area: WebStyled<"area", import("react").DetailedHTMLProps<import("react").AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>, unknown, unknown>;
article: WebStyled<"article", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
aside: WebStyled<"aside", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
audio: WebStyled<"audio", import("react").DetailedHTMLProps<import("react").AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, unknown, unknown>;
b: WebStyled<"b", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
base: WebStyled<"base", import("react").DetailedHTMLProps<import("react").BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement>, unknown, unknown>;
bdi: WebStyled<"bdi", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
bdo: WebStyled<"bdo", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
big: WebStyled<"big", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
blockquote: WebStyled<"blockquote", import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
body: WebStyled<"body", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, unknown, unknown>;
br: WebStyled<"br", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBRElement>, HTMLBRElement>, unknown, unknown>;
button: WebStyled<"button", import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, unknown, unknown>;
canvas: WebStyled<"canvas", import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, unknown, unknown>;
caption: WebStyled<"caption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
cite: WebStyled<"cite", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
code: WebStyled<"code", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
col: WebStyled<"col", import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, unknown, unknown>;
colgroup: WebStyled<"colgroup", import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, unknown, unknown>;
data: WebStyled<"data", import("react").DetailedHTMLProps<import("react").DataHTMLAttributes<HTMLDataElement>, HTMLDataElement>, unknown, unknown>;
datalist: WebStyled<"datalist", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>, unknown, unknown>;
dd: WebStyled<"dd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
del: WebStyled<"del", import("react").DetailedHTMLProps<import("react").DelHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
details: WebStyled<"details", import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
dfn: WebStyled<"dfn", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
dialog: WebStyled<"dialog", import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, unknown, unknown>;
div: WebStyled<"div", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, unknown, unknown>;
dl: WebStyled<"dl", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement>, unknown, unknown>;
dt: WebStyled<"dt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
em: WebStyled<"em", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
embed: WebStyled<"embed", import("react").DetailedHTMLProps<import("react").EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>, unknown, unknown>;
fieldset: WebStyled<"fieldset", import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, unknown, unknown>;
figcaption: WebStyled<"figcaption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
figure: WebStyled<"figure", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
footer: WebStyled<"footer", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
form: WebStyled<"form", import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, unknown, unknown>;
h1: WebStyled<"h1", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h2: WebStyled<"h2", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h3: WebStyled<"h3", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h4: WebStyled<"h4", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h5: WebStyled<"h5", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h6: WebStyled<"h6", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
head: WebStyled<"head", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadElement>, HTMLHeadElement>, unknown, unknown>;
header: WebStyled<"header", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
hgroup: WebStyled<"hgroup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
hr: WebStyled<"hr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, unknown, unknown>;
html: WebStyled<"html", import("react").DetailedHTMLProps<import("react").HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>, unknown, unknown>;
i: WebStyled<"i", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
iframe: WebStyled<"iframe", import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, unknown, unknown>;
img: WebStyled<"img", import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, unknown, unknown>;
input: WebStyled<"input", import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, unknown, unknown>;
ins: WebStyled<"ins", import("react").DetailedHTMLProps<import("react").InsHTMLAttributes<HTMLModElement>, HTMLModElement>, unknown, unknown>;
kbd: WebStyled<"kbd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
keygen: WebStyled<"keygen", import("react").DetailedHTMLProps<import("react").KeygenHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
label: WebStyled<"label", import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, unknown, unknown>;
legend: WebStyled<"legend", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, unknown, unknown>;
li: WebStyled<"li", import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, unknown, unknown>;
link: WebStyled<"link", import("react").DetailedHTMLProps<import("react").LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>, unknown, unknown>;
main: WebStyled<"main", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
map: WebStyled<"map", import("react").DetailedHTMLProps<import("react").MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>, unknown, unknown>;
mark: WebStyled<"mark", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
menu: WebStyled<"menu", import("react").DetailedHTMLProps<import("react").MenuHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
menuitem: WebStyled<"menuitem", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
meta: WebStyled<"meta", import("react").DetailedHTMLProps<import("react").MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>, unknown, unknown>;
meter: WebStyled<"meter", import("react").DetailedHTMLProps<import("react").MeterHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
nav: WebStyled<"nav", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
noindex: WebStyled<"noindex", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
noscript: WebStyled<"noscript", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
object: WebStyled<"object", import("react").DetailedHTMLProps<import("react").ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>, unknown, unknown>;
ol: WebStyled<"ol", import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, unknown, unknown>;
optgroup: WebStyled<"optgroup", import("react").DetailedHTMLProps<import("react").OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, unknown, unknown>;
option: WebStyled<"option", import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, unknown, unknown>;
output: WebStyled<"output", import("react").DetailedHTMLProps<import("react").OutputHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
p: WebStyled<"p", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, unknown, unknown>;
param: WebStyled<"param", import("react").DetailedHTMLProps<import("react").ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement>, unknown, unknown>;
picture: WebStyled<"picture", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
pre: WebStyled<"pre", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, unknown, unknown>;
progress: WebStyled<"progress", import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>, unknown, unknown>;
q: WebStyled<"q", import("react").DetailedHTMLProps<import("react").QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, unknown, unknown>;
rp: WebStyled<"rp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
rt: WebStyled<"rt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
ruby: WebStyled<"ruby", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
s: WebStyled<"s", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
samp: WebStyled<"samp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
slot: WebStyled<"slot", import("react").DetailedHTMLProps<import("react").SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement>, unknown, unknown>;
script: WebStyled<"script", import("react").DetailedHTMLProps<import("react").ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement>, unknown, unknown>;
section: WebStyled<"section", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
select: WebStyled<"select", import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, unknown, unknown>;
small: WebStyled<"small", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
source: WebStyled<"source", import("react").DetailedHTMLProps<import("react").SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>, unknown, unknown>;
span: WebStyled<"span", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, unknown, unknown>;
strong: WebStyled<"strong", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
style: WebStyled<"style", import("react").DetailedHTMLProps<import("react").StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>, unknown, unknown>;
sub: WebStyled<"sub", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
summary: WebStyled<"summary", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
sup: WebStyled<"sup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
table: WebStyled<"table", import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, unknown, unknown>;
template: WebStyled<"template", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement>, unknown, unknown>;
tbody: WebStyled<"tbody", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, unknown, unknown>;
td: WebStyled<"td", import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, unknown, unknown>;
textarea: WebStyled<"textarea", import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, unknown, unknown>;
tfoot: WebStyled<"tfoot", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, unknown, unknown>;
th: WebStyled<"th", import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, unknown, unknown>;
thead: WebStyled<"thead", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, unknown, unknown>;
time: WebStyled<"time", import("react").DetailedHTMLProps<import("react").TimeHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
title: WebStyled<"title", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>, unknown, unknown>;
tr: WebStyled<"tr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, unknown, unknown>;
track: WebStyled<"track", import("react").DetailedHTMLProps<import("react").TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>, unknown, unknown>;
u: WebStyled<"u", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
ul: WebStyled<"ul", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, unknown, unknown>;
var: WebStyled<"var", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
video: WebStyled<"video", import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, unknown, unknown>;
wbr: WebStyled<"wbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
webview: WebStyled<"webview", import("react").DetailedHTMLProps<import("react").WebViewHTMLAttributes<HTMLWebViewElement>, HTMLWebViewElement>, unknown, unknown>;
svg: WebStyled<"svg", import("react").SVGProps<SVGSVGElement>, unknown, unknown>;
animate: WebStyled<"animate", import("react").SVGProps<SVGElement>, unknown, unknown>;
animateMotion: WebStyled<"animateMotion", import("react").SVGProps<SVGElement>, unknown, unknown>;
animateTransform: WebStyled<"animateTransform", import("react").SVGProps<SVGElement>, unknown, unknown>;
circle: WebStyled<"circle", import("react").SVGProps<SVGCircleElement>, unknown, unknown>;
clipPath: WebStyled<"clipPath", import("react").SVGProps<SVGClipPathElement>, unknown, unknown>;
defs: WebStyled<"defs", import("react").SVGProps<SVGDefsElement>, unknown, unknown>;
desc: WebStyled<"desc", import("react").SVGProps<SVGDescElement>, unknown, unknown>;
ellipse: WebStyled<"ellipse", import("react").SVGProps<SVGEllipseElement>, unknown, unknown>;
feBlend: WebStyled<"feBlend", import("react").SVGProps<SVGFEBlendElement>, unknown, unknown>;
feColorMatrix: WebStyled<"feColorMatrix", import("react").SVGProps<SVGFEColorMatrixElement>, unknown, unknown>;
feComponentTransfer: WebStyled<"feComponentTransfer", import("react").SVGProps<SVGFEComponentTransferElement>, unknown, unknown>;
feComposite: WebStyled<"feComposite", import("react").SVGProps<SVGFECompositeElement>, unknown, unknown>;
feConvolveMatrix: WebStyled<"feConvolveMatrix", import("react").SVGProps<SVGFEConvolveMatrixElement>, unknown, unknown>;
feDiffuseLighting: WebStyled<"feDiffuseLighting", import("react").SVGProps<SVGFEDiffuseLightingElement>, unknown, unknown>;
feDisplacementMap: WebStyled<"feDisplacementMap", import("react").SVGProps<SVGFEDisplacementMapElement>, unknown, unknown>;
feDistantLight: WebStyled<"feDistantLight", import("react").SVGProps<SVGFEDistantLightElement>, unknown, unknown>;
feDropShadow: WebStyled<"feDropShadow", import("react").SVGProps<SVGFEDropShadowElement>, unknown, unknown>;
feFlood: WebStyled<"feFlood", import("react").SVGProps<SVGFEFloodElement>, unknown, unknown>;
feFuncA: WebStyled<"feFuncA", import("react").SVGProps<SVGFEFuncAElement>, unknown, unknown>;
feFuncB: WebStyled<"feFuncB", import("react").SVGProps<SVGFEFuncBElement>, unknown, unknown>;
feFuncG: WebStyled<"feFuncG", import("react").SVGProps<SVGFEFuncGElement>, unknown, unknown>;
feFuncR: WebStyled<"feFuncR", import("react").SVGProps<SVGFEFuncRElement>, unknown, unknown>;
feGaussianBlur: WebStyled<"feGaussianBlur", import("react").SVGProps<SVGFEGaussianBlurElement>, unknown, unknown>;
feImage: WebStyled<"feImage", import("react").SVGProps<SVGFEImageElement>, unknown, unknown>;
feMerge: WebStyled<"feMerge", import("react").SVGProps<SVGFEMergeElement>, unknown, unknown>;
feMergeNode: WebStyled<"feMergeNode", import("react").SVGProps<SVGFEMergeNodeElement>, unknown, unknown>;
feMorphology: WebStyled<"feMorphology", import("react").SVGProps<SVGFEMorphologyElement>, unknown, unknown>;
feOffset: WebStyled<"feOffset", import("react").SVGProps<SVGFEOffsetElement>, unknown, unknown>;
fePointLight: WebStyled<"fePointLight", import("react").SVGProps<SVGFEPointLightElement>, unknown, unknown>;
feSpecularLighting: WebStyled<"feSpecularLighting", import("react").SVGProps<SVGFESpecularLightingElement>, unknown, unknown>;
feSpotLight: WebStyled<"feSpotLight", import("react").SVGProps<SVGFESpotLightElement>, unknown, unknown>;
feTile: WebStyled<"feTile", import("react").SVGProps<SVGFETileElement>, unknown, unknown>;
feTurbulence: WebStyled<"feTurbulence", import("react").SVGProps<SVGFETurbulenceElement>, unknown, unknown>;
filter: WebStyled<"filter", import("react").SVGProps<SVGFilterElement>, unknown, unknown>;
foreignObject: WebStyled<"foreignObject", import("react").SVGProps<SVGForeignObjectElement>, unknown, unknown>;
g: WebStyled<"g", import("react").SVGProps<SVGGElement>, unknown, unknown>;
image: WebStyled<"image", import("react").SVGProps<SVGImageElement>, unknown, unknown>;
line: WebStyled<"line", import("react").SVGProps<SVGLineElement>, unknown, unknown>;
linearGradient: WebStyled<"linearGradient", import("react").SVGProps<SVGLinearGradientElement>, unknown, unknown>;
marker: WebStyled<"marker", import("react").SVGProps<SVGMarkerElement>, unknown, unknown>;
mask: WebStyled<"mask", import("react").SVGProps<SVGMaskElement>, unknown, unknown>;
metadata: WebStyled<"metadata", import("react").SVGProps<SVGMetadataElement>, unknown, unknown>;
mpath: WebStyled<"mpath", import("react").SVGProps<SVGElement>, unknown, unknown>;
path: WebStyled<"path", import("react").SVGProps<SVGPathElement>, unknown, unknown>;
pattern: WebStyled<"pattern", import("react").SVGProps<SVGPatternElement>, unknown, unknown>;
polygon: WebStyled<"polygon", import("react").SVGProps<SVGPolygonElement>, unknown, unknown>;
polyline: WebStyled<"polyline", import("react").SVGProps<SVGPolylineElement>, unknown, unknown>;
radialGradient: WebStyled<"radialGradient", import("react").SVGProps<SVGRadialGradientElement>, unknown, unknown>;
rect: WebStyled<"rect", import("react").SVGProps<SVGRectElement>, unknown, unknown>;
stop: WebStyled<"stop", import("react").SVGProps<SVGStopElement>, unknown, unknown>;
switch: WebStyled<"switch", import("react").SVGProps<SVGSwitchElement>, unknown, unknown>;
symbol: WebStyled<"symbol", import("react").SVGProps<SVGSymbolElement>, unknown, unknown>;
text: WebStyled<"text", import("react").SVGProps<SVGTextElement>, unknown, unknown>;
textPath: WebStyled<"textPath", import("react").SVGProps<SVGTextPathElement>, unknown, unknown>;
tspan: WebStyled<"tspan", import("react").SVGProps<SVGTSpanElement>, unknown, unknown>;
use: WebStyled<"use", import("react").SVGProps<SVGUseElement>, unknown, unknown>;
view: WebStyled<"view", import("react").SVGProps<SVGViewElement>, unknown, unknown>;
a: Styled<"web", "a", import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, unknown, unknown>;
abbr: Styled<"web", "abbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
address: Styled<"web", "address", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
area: Styled<"web", "area", import("react").DetailedHTMLProps<import("react").AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>, unknown, unknown>;
article: Styled<"web", "article", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
aside: Styled<"web", "aside", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
audio: Styled<"web", "audio", import("react").DetailedHTMLProps<import("react").AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, unknown, unknown>;
b: Styled<"web", "b", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
base: Styled<"web", "base", import("react").DetailedHTMLProps<import("react").BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement>, unknown, unknown>;
bdi: Styled<"web", "bdi", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
bdo: Styled<"web", "bdo", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
big: Styled<"web", "big", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
blockquote: Styled<"web", "blockquote", import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
body: Styled<"web", "body", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, unknown, unknown>;
br: Styled<"web", "br", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBRElement>, HTMLBRElement>, unknown, unknown>;
button: Styled<"web", "button", import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, unknown, unknown>;
canvas: Styled<"web", "canvas", import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, unknown, unknown>;
caption: Styled<"web", "caption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
cite: Styled<"web", "cite", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
code: Styled<"web", "code", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
col: Styled<"web", "col", import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, unknown, unknown>;
colgroup: Styled<"web", "colgroup", import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, unknown, unknown>;
data: Styled<"web", "data", import("react").DetailedHTMLProps<import("react").DataHTMLAttributes<HTMLDataElement>, HTMLDataElement>, unknown, unknown>;
datalist: Styled<"web", "datalist", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>, unknown, unknown>;
dd: Styled<"web", "dd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
del: Styled<"web", "del", import("react").DetailedHTMLProps<import("react").DelHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
details: Styled<"web", "details", import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
dfn: Styled<"web", "dfn", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
dialog: Styled<"web", "dialog", import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, unknown, unknown>;
div: Styled<"web", "div", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, unknown, unknown>;
dl: Styled<"web", "dl", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement>, unknown, unknown>;
dt: Styled<"web", "dt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
em: Styled<"web", "em", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
embed: Styled<"web", "embed", import("react").DetailedHTMLProps<import("react").EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>, unknown, unknown>;
fieldset: Styled<"web", "fieldset", import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, unknown, unknown>;
figcaption: Styled<"web", "figcaption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
figure: Styled<"web", "figure", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
footer: Styled<"web", "footer", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
form: Styled<"web", "form", import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, unknown, unknown>;
h1: Styled<"web", "h1", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h2: Styled<"web", "h2", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h3: Styled<"web", "h3", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h4: Styled<"web", "h4", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h5: Styled<"web", "h5", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h6: Styled<"web", "h6", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
head: Styled<"web", "head", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadElement>, HTMLHeadElement>, unknown, unknown>;
header: Styled<"web", "header", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
hgroup: Styled<"web", "hgroup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
hr: Styled<"web", "hr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, unknown, unknown>;
html: Styled<"web", "html", import("react").DetailedHTMLProps<import("react").HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>, unknown, unknown>;
i: Styled<"web", "i", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
iframe: Styled<"web", "iframe", import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, unknown, unknown>;
img: Styled<"web", "img", import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, unknown, unknown>;
input: Styled<"web", "input", import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, unknown, unknown>;
ins: Styled<"web", "ins", import("react").DetailedHTMLProps<import("react").InsHTMLAttributes<HTMLModElement>, HTMLModElement>, unknown, unknown>;
kbd: Styled<"web", "kbd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
keygen: Styled<"web", "keygen", import("react").DetailedHTMLProps<import("react").KeygenHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
label: Styled<"web", "label", import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, unknown, unknown>;
legend: Styled<"web", "legend", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, unknown, unknown>;
li: Styled<"web", "li", import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, unknown, unknown>;
link: Styled<"web", "link", import("react").DetailedHTMLProps<import("react").LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>, unknown, unknown>;
main: Styled<"web", "main", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
map: Styled<"web", "map", import("react").DetailedHTMLProps<import("react").MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>, unknown, unknown>;
mark: Styled<"web", "mark", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
menu: Styled<"web", "menu", import("react").DetailedHTMLProps<import("react").MenuHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
menuitem: Styled<"web", "menuitem", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
meta: Styled<"web", "meta", import("react").DetailedHTMLProps<import("react").MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>, unknown, unknown>;
meter: Styled<"web", "meter", import("react").DetailedHTMLProps<import("react").MeterHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
nav: Styled<"web", "nav", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
noindex: Styled<"web", "noindex", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
noscript: Styled<"web", "noscript", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
object: Styled<"web", "object", import("react").DetailedHTMLProps<import("react").ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>, unknown, unknown>;
ol: Styled<"web", "ol", import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, unknown, unknown>;
optgroup: Styled<"web", "optgroup", import("react").DetailedHTMLProps<import("react").OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, unknown, unknown>;
option: Styled<"web", "option", import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, unknown, unknown>;
output: Styled<"web", "output", import("react").DetailedHTMLProps<import("react").OutputHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
p: Styled<"web", "p", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, unknown, unknown>;
param: Styled<"web", "param", import("react").DetailedHTMLProps<import("react").ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement>, unknown, unknown>;
picture: Styled<"web", "picture", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
pre: Styled<"web", "pre", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, unknown, unknown>;
progress: Styled<"web", "progress", import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>, unknown, unknown>;
q: Styled<"web", "q", import("react").DetailedHTMLProps<import("react").QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, unknown, unknown>;
rp: Styled<"web", "rp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
rt: Styled<"web", "rt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
ruby: Styled<"web", "ruby", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
s: Styled<"web", "s", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
samp: Styled<"web", "samp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
slot: Styled<"web", "slot", import("react").DetailedHTMLProps<import("react").SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement>, unknown, unknown>;
script: Styled<"web", "script", import("react").DetailedHTMLProps<import("react").ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement>, unknown, unknown>;
section: Styled<"web", "section", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
select: Styled<"web", "select", import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, unknown, unknown>;
small: Styled<"web", "small", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
source: Styled<"web", "source", import("react").DetailedHTMLProps<import("react").SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>, unknown, unknown>;
span: Styled<"web", "span", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, unknown, unknown>;
strong: Styled<"web", "strong", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
style: Styled<"web", "style", import("react").DetailedHTMLProps<import("react").StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>, unknown, unknown>;
sub: Styled<"web", "sub", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
summary: Styled<"web", "summary", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
sup: Styled<"web", "sup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
table: Styled<"web", "table", import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, unknown, unknown>;
template: Styled<"web", "template", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement>, unknown, unknown>;
tbody: Styled<"web", "tbody", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, unknown, unknown>;
td: Styled<"web", "td", import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, unknown, unknown>;
textarea: Styled<"web", "textarea", import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, unknown, unknown>;
tfoot: Styled<"web", "tfoot", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, unknown, unknown>;
th: Styled<"web", "th", import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, unknown, unknown>;
thead: Styled<"web", "thead", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, unknown, unknown>;
time: Styled<"web", "time", import("react").DetailedHTMLProps<import("react").TimeHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
title: Styled<"web", "title", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>, unknown, unknown>;
tr: Styled<"web", "tr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, unknown, unknown>;
track: Styled<"web", "track", import("react").DetailedHTMLProps<import("react").TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>, unknown, unknown>;
u: Styled<"web", "u", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
ul: Styled<"web", "ul", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, unknown, unknown>;
var: Styled<"web", "var", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
video: Styled<"web", "video", import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, unknown, unknown>;
wbr: Styled<"web", "wbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
webview: Styled<"web", "webview", import("react").DetailedHTMLProps<import("react").WebViewHTMLAttributes<HTMLWebViewElement>, HTMLWebViewElement>, unknown, unknown>;
svg: Styled<"web", "svg", import("react").SVGProps<SVGSVGElement>, unknown, unknown>;
animate: Styled<"web", "animate", import("react").SVGProps<SVGElement>, unknown, unknown>;
animateMotion: Styled<"web", "animateMotion", import("react").SVGProps<SVGElement>, unknown, unknown>;
animateTransform: Styled<"web", "animateTransform", import("react").SVGProps<SVGElement>, unknown, unknown>;
circle: Styled<"web", "circle", import("react").SVGProps<SVGCircleElement>, unknown, unknown>;
clipPath: Styled<"web", "clipPath", import("react").SVGProps<SVGClipPathElement>, unknown, unknown>;
defs: Styled<"web", "defs", import("react").SVGProps<SVGDefsElement>, unknown, unknown>;
desc: Styled<"web", "desc", import("react").SVGProps<SVGDescElement>, unknown, unknown>;
ellipse: Styled<"web", "ellipse", import("react").SVGProps<SVGEllipseElement>, unknown, unknown>;
feBlend: Styled<"web", "feBlend", import("react").SVGProps<SVGFEBlendElement>, unknown, unknown>;
feColorMatrix: Styled<"web", "feColorMatrix", import("react").SVGProps<SVGFEColorMatrixElement>, unknown, unknown>;
feComponentTransfer: Styled<"web", "feComponentTransfer", import("react").SVGProps<SVGFEComponentTransferElement>, unknown, unknown>;
feComposite: Styled<"web", "feComposite", import("react").SVGProps<SVGFECompositeElement>, unknown, unknown>;
feConvolveMatrix: Styled<"web", "feConvolveMatrix", import("react").SVGProps<SVGFEConvolveMatrixElement>, unknown, unknown>;
feDiffuseLighting: Styled<"web", "feDiffuseLighting", import("react").SVGProps<SVGFEDiffuseLightingElement>, unknown, unknown>;
feDisplacementMap: Styled<"web", "feDisplacementMap", import("react").SVGProps<SVGFEDisplacementMapElement>, unknown, unknown>;
feDistantLight: Styled<"web", "feDistantLight", import("react").SVGProps<SVGFEDistantLightElement>, unknown, unknown>;
feDropShadow: Styled<"web", "feDropShadow", import("react").SVGProps<SVGFEDropShadowElement>, unknown, unknown>;
feFlood: Styled<"web", "feFlood", import("react").SVGProps<SVGFEFloodElement>, unknown, unknown>;
feFuncA: Styled<"web", "feFuncA", import("react").SVGProps<SVGFEFuncAElement>, unknown, unknown>;
feFuncB: Styled<"web", "feFuncB", import("react").SVGProps<SVGFEFuncBElement>, unknown, unknown>;
feFuncG: Styled<"web", "feFuncG", import("react").SVGProps<SVGFEFuncGElement>, unknown, unknown>;
feFuncR: Styled<"web", "feFuncR", import("react").SVGProps<SVGFEFuncRElement>, unknown, unknown>;
feGaussianBlur: Styled<"web", "feGaussianBlur", import("react").SVGProps<SVGFEGaussianBlurElement>, unknown, unknown>;
feImage: Styled<"web", "feImage", import("react").SVGProps<SVGFEImageElement>, unknown, unknown>;
feMerge: Styled<"web", "feMerge", import("react").SVGProps<SVGFEMergeElement>, unknown, unknown>;
feMergeNode: Styled<"web", "feMergeNode", import("react").SVGProps<SVGFEMergeNodeElement>, unknown, unknown>;
feMorphology: Styled<"web", "feMorphology", import("react").SVGProps<SVGFEMorphologyElement>, unknown, unknown>;
feOffset: Styled<"web", "feOffset", import("react").SVGProps<SVGFEOffsetElement>, unknown, unknown>;
fePointLight: Styled<"web", "fePointLight", import("react").SVGProps<SVGFEPointLightElement>, unknown, unknown>;
feSpecularLighting: Styled<"web", "feSpecularLighting", import("react").SVGProps<SVGFESpecularLightingElement>, unknown, unknown>;
feSpotLight: Styled<"web", "feSpotLight", import("react").SVGProps<SVGFESpotLightElement>, unknown, unknown>;
feTile: Styled<"web", "feTile", import("react").SVGProps<SVGFETileElement>, unknown, unknown>;
feTurbulence: Styled<"web", "feTurbulence", import("react").SVGProps<SVGFETurbulenceElement>, unknown, unknown>;
filter: Styled<"web", "filter", import("react").SVGProps<SVGFilterElement>, unknown, unknown>;
foreignObject: Styled<"web", "foreignObject", import("react").SVGProps<SVGForeignObjectElement>, unknown, unknown>;
g: Styled<"web", "g", import("react").SVGProps<SVGGElement>, unknown, unknown>;
image: Styled<"web", "image", import("react").SVGProps<SVGImageElement>, unknown, unknown>;
line: Styled<"web", "line", import("react").SVGProps<SVGLineElement>, unknown, unknown>;
linearGradient: Styled<"web", "linearGradient", import("react").SVGProps<SVGLinearGradientElement>, unknown, unknown>;
marker: Styled<"web", "marker", import("react").SVGProps<SVGMarkerElement>, unknown, unknown>;
mask: Styled<"web", "mask", import("react").SVGProps<SVGMaskElement>, unknown, unknown>;
metadata: Styled<"web", "metadata", import("react").SVGProps<SVGMetadataElement>, unknown, unknown>;
mpath: Styled<"web", "mpath", import("react").SVGProps<SVGElement>, unknown, unknown>;
path: Styled<"web", "path", import("react").SVGProps<SVGPathElement>, unknown, unknown>;
pattern: Styled<"web", "pattern", import("react").SVGProps<SVGPatternElement>, unknown, unknown>;
polygon: Styled<"web", "polygon", import("react").SVGProps<SVGPolygonElement>, unknown, unknown>;
polyline: Styled<"web", "polyline", import("react").SVGProps<SVGPolylineElement>, unknown, unknown>;
radialGradient: Styled<"web", "radialGradient", import("react").SVGProps<SVGRadialGradientElement>, unknown, unknown>;
rect: Styled<"web", "rect", import("react").SVGProps<SVGRectElement>, unknown, unknown>;
stop: Styled<"web", "stop", import("react").SVGProps<SVGStopElement>, unknown, unknown>;
switch: Styled<"web", "switch", import("react").SVGProps<SVGSwitchElement>, unknown, unknown>;
symbol: Styled<"web", "symbol", import("react").SVGProps<SVGSymbolElement>, unknown, unknown>;
text: Styled<"web", "text", import("react").SVGProps<SVGTextElement>, unknown, unknown>;
textPath: Styled<"web", "textPath", import("react").SVGProps<SVGTextPathElement>, unknown, unknown>;
tspan: Styled<"web", "tspan", import("react").SVGProps<SVGTSpanElement>, unknown, unknown>;
use: Styled<"web", "use", import("react").SVGProps<SVGUseElement>, unknown, unknown>;
view: Styled<"web", "view", import("react").SVGProps<SVGViewElement>, unknown, unknown>;
};
export default styled;

2

native/dist/models/StyledComponent.d.ts
import type { IStyledComponentFactory, RuleSet, StyledOptions, WebTarget } from '../types';
declare function createStyledComponent<Target extends WebTarget, OuterProps = unknown, Statics = unknown>(target: Target, options: StyledOptions<OuterProps>, rules: RuleSet<OuterProps>): ReturnType<IStyledComponentFactory<Target, OuterProps, Statics>>;
declare function createStyledComponent<Target extends WebTarget, OuterProps = unknown, Statics = unknown>(target: Target, options: StyledOptions<'web', OuterProps>, rules: RuleSet<OuterProps>): ReturnType<IStyledComponentFactory<'web', Target, OuterProps, Statics>>;
export default createStyledComponent;

4

native/dist/models/StyledNativeComponent.d.ts

@@ -1,3 +0,3 @@

import type { ExtensibleObject, IInlineStyleConstructor, IStyledNativeComponent, IStyledNativeComponentFactory, NativeTarget, RuleSet, StyledNativeOptions } from '../types';
declare const _default: (InlineStyle: IInlineStyleConstructor<any>) => <Target extends NativeTarget, OuterProps extends ExtensibleObject, Statics = unknown>(target: Target, options: StyledNativeOptions<OuterProps>, rules: RuleSet<OuterProps>) => IStyledNativeComponent<Target, OuterProps> & Statics;
import type { ExtensibleObject, IInlineStyleConstructor, IStyledComponent, IStyledComponentFactory, NativeTarget, RuleSet, StyledOptions } from '../types';
declare const _default: (InlineStyle: IInlineStyleConstructor<any>) => <Target extends NativeTarget, OuterProps extends ExtensibleObject, Statics = unknown>(target: Target, options: StyledOptions<"native", OuterProps>, rules: RuleSet<OuterProps>) => IStyledComponent<"native", Target, OuterProps> & Statics;
export default _default;

58

native/dist/native/index.d.ts
import React from 'react';
import { NativeStyled } from '../constructors/constructWithOptions';
import { Styled } from '../constructors/constructWithOptions';
import css from '../constructors/css';

@@ -10,33 +10,33 @@ import withTheme from '../hoc/withTheme';

declare const styled: (<Target extends NativeTarget>(tag: Target) => {
<Props = unknown, Statics = unknown>(initialStyles: import("../types").Styles<(Target extends import("../types").KnownTarget ? React.ComponentProps<Target> : unknown) & Props>, ...interpolations: import("../types").Interpolation<import("../types").ExecutionContext & (Target extends import("../types").KnownTarget ? React.ComponentProps<Target> : unknown) & Props>[]): import("../types").IStyledNativeComponent<Target, (Target extends import("../types").KnownTarget ? React.ComponentProps<Target> : unknown) & Props> & Statics;
attrs(attrs: import("../types").Attrs<import("../types").ExecutionContext & (Target extends import("../types").KnownTarget ? React.ComponentProps<Target> : unknown)>): any;
withConfig(config: import("../types").StyledNativeOptions<Target extends import("../types").KnownTarget ? React.ComponentProps<Target> : unknown>): any;
<Props = unknown, Statics = unknown>(initialStyles: import("../types").Styles<(Target extends import("../types").KnownTarget ? React.ComponentProps<Target> : unknown) & Props>, ...interpolations: import("../types").Interpolation<import("../types").ExecutionContext & (Target extends import("../types").KnownTarget ? React.ComponentProps<Target> : unknown) & Props>[]): import("../types").IStyledComponent<"native", Target, (Target extends import("../types").KnownTarget ? React.ComponentProps<Target> : unknown) & Props> & Statics;
attrs(attrs: import("../types").Attrs<import("../types").ExtensibleObject & (Target extends import("../types").KnownTarget ? React.ComponentProps<Target> : unknown)>): any;
withConfig(config: import("../types").StyledOptions<"native", Target extends import("../types").KnownTarget ? React.ComponentProps<Target> : unknown>): any;
}) & {
ActivityIndicator: NativeStyled<typeof import("react-native").ActivityIndicator, import("react-native").ActivityIndicatorProps, unknown, unknown>;
Button: NativeStyled<typeof import("react-native").Button, import("react-native").ButtonProps, unknown, unknown>;
DatePickerIOS: NativeStyled<typeof import("react-native").DatePickerIOS, import("react-native").DatePickerIOSProps, unknown, unknown>;
DrawerLayoutAndroid: NativeStyled<typeof import("react-native").DrawerLayoutAndroid, import("react-native").DrawerLayoutAndroidProps, unknown, unknown>;
FlatList: NativeStyled<typeof import("react-native").FlatList, import("react-native").FlatListProps<unknown>, unknown, unknown>;
Image: NativeStyled<typeof import("react-native").Image, import("react-native").ImageProps, unknown, unknown>;
ImageBackground: NativeStyled<typeof import("react-native").ImageBackground, import("react-native").ImageBackgroundProps, unknown, unknown>;
KeyboardAvoidingView: NativeStyled<typeof import("react-native").KeyboardAvoidingView, import("react-native").KeyboardAvoidingViewProps, unknown, unknown>;
Modal: NativeStyled<typeof import("react-native").Modal, import("react-native").ModalProps, unknown, unknown>;
Pressable: NativeStyled<import("react").ForwardRefExoticComponent<import("react-native").PressableProps & import("react").RefAttributes<import("react-native").View>>, import("react-native").PressableProps & import("react").RefAttributes<import("react-native").View>, unknown, unknown>;
ProgressBarAndroid: NativeStyled<typeof import("react-native").ProgressBarAndroid, import("react-native").ProgressBarAndroidProps, unknown, unknown>;
ProgressViewIOS: NativeStyled<typeof import("react-native").ProgressViewIOS, import("react-native").ProgressViewIOSProps, unknown, unknown>;
RefreshControl: NativeStyled<typeof import("react-native").RefreshControl, import("react-native").RefreshControlProps, unknown, unknown>;
SafeAreaView: NativeStyled<typeof import("react-native").SafeAreaView, import("react-native").ViewProps, unknown, unknown>;
ScrollView: NativeStyled<typeof import("react-native").ScrollView, import("react-native").ScrollViewProps, unknown, unknown>;
SectionList: NativeStyled<typeof import("react-native").SectionList, import("react-native").SectionListProps<unknown, unknown>, unknown, unknown>;
Slider: NativeStyled<typeof import("react-native").Slider, import("react-native").SliderProps, unknown, unknown>;
Switch: NativeStyled<typeof import("react-native").Switch, import("react-native").SwitchProps, unknown, unknown>;
Text: NativeStyled<typeof import("react-native").Text, import("react-native").TextProps, unknown, unknown>;
TextInput: NativeStyled<typeof import("react-native").TextInput, import("react-native").TextInputProps, unknown, unknown>;
TouchableHighlight: NativeStyled<typeof import("react-native").TouchableHighlight, import("react-native").TouchableHighlightProps, unknown, unknown>;
TouchableOpacity: NativeStyled<typeof import("react-native").TouchableOpacity, import("react-native").TouchableOpacityProps, unknown, unknown>;
View: NativeStyled<typeof import("react-native").View, import("react-native").ViewProps, unknown, unknown>;
VirtualizedList: NativeStyled<typeof import("react-native").VirtualizedList, import("react-native").VirtualizedListProps<unknown>, unknown, unknown>;
ActivityIndicator: Styled<"native", typeof import("react-native").ActivityIndicator, import("react-native").ActivityIndicatorProps, unknown, unknown>;
Button: Styled<"native", typeof import("react-native").Button, import("react-native").ButtonProps, unknown, unknown>;
DatePickerIOS: Styled<"native", typeof import("react-native").DatePickerIOS, import("react-native").DatePickerIOSProps, unknown, unknown>;
DrawerLayoutAndroid: Styled<"native", typeof import("react-native").DrawerLayoutAndroid, import("react-native").DrawerLayoutAndroidProps, unknown, unknown>;
FlatList: Styled<"native", typeof import("react-native").FlatList, import("react-native").FlatListProps<unknown>, unknown, unknown>;
Image: Styled<"native", typeof import("react-native").Image, import("react-native").ImageProps, unknown, unknown>;
ImageBackground: Styled<"native", typeof import("react-native").ImageBackground, import("react-native").ImageBackgroundProps, unknown, unknown>;
KeyboardAvoidingView: Styled<"native", typeof import("react-native").KeyboardAvoidingView, import("react-native").KeyboardAvoidingViewProps, unknown, unknown>;
Modal: Styled<"native", typeof import("react-native").Modal, import("react-native").ModalProps, unknown, unknown>;
Pressable: Styled<"native", import("react").ForwardRefExoticComponent<import("react-native").PressableProps & import("react").RefAttributes<import("react-native").View>>, import("react-native").PressableProps & import("react").RefAttributes<import("react-native").View>, unknown, unknown>;
ProgressBarAndroid: Styled<"native", typeof import("react-native").ProgressBarAndroid, import("react-native").ProgressBarAndroidProps, unknown, unknown>;
ProgressViewIOS: Styled<"native", typeof import("react-native").ProgressViewIOS, import("react-native").ProgressViewIOSProps, unknown, unknown>;
RefreshControl: Styled<"native", typeof import("react-native").RefreshControl, import("react-native").RefreshControlProps, unknown, unknown>;
SafeAreaView: Styled<"native", typeof import("react-native").SafeAreaView, import("react-native").ViewProps, unknown, unknown>;
ScrollView: Styled<"native", typeof import("react-native").ScrollView, import("react-native").ScrollViewProps, unknown, unknown>;
SectionList: Styled<"native", typeof import("react-native").SectionList, import("react-native").SectionListProps<unknown, unknown>, unknown, unknown>;
Slider: Styled<"native", typeof import("react-native").Slider, import("react-native").SliderProps, unknown, unknown>;
Switch: Styled<"native", typeof import("react-native").Switch, import("react-native").SwitchProps, unknown, unknown>;
Text: Styled<"native", typeof import("react-native").Text, import("react-native").TextProps, unknown, unknown>;
TextInput: Styled<"native", typeof import("react-native").TextInput, import("react-native").TextInputProps, unknown, unknown>;
TouchableHighlight: Styled<"native", typeof import("react-native").TouchableHighlight, import("react-native").TouchableHighlightProps, unknown, unknown>;
TouchableOpacity: Styled<"native", typeof import("react-native").TouchableOpacity, import("react-native").TouchableOpacityProps, unknown, unknown>;
View: Styled<"native", typeof import("react-native").View, import("react-native").ViewProps, unknown, unknown>;
VirtualizedList: Styled<"native", typeof import("react-native").VirtualizedList, import("react-native").VirtualizedListProps<unknown>, unknown, unknown>;
};
export { IStyledNativeComponent, IStyledNativeComponentFactory, IStyledNativeStatics, NativeTarget, StyledNativeOptions, } from '../types';
export { IStyledComponent, IStyledComponentFactory, IStyledStatics, NativeTarget, StyledOptions, } from '../types';
export { css, isStyledComponent, ThemeProvider, ThemeConsumer, ThemeContext, withTheme, useTheme };
export default styled;

16

native/dist/styled-components.native.cjs.js

@@ -82,3 +82,3 @@ 'use strict';

var SC_ATTR_VERSION = 'data-styled-version';
var SC_VERSION = "6.0.0-beta.1";
var SC_VERSION = "6.0.0-beta.2";
var SPLITTER = '/*!sc*/\n';

@@ -773,5 +773,3 @@ var IS_BROWSER = typeof window !== 'undefined' && 'HTMLElement' in window;

// eslint-disable-next-line no-console
console.error("".concat(getComponentName(
// @ts-expect-error handling unexpected input
chunkFn), " is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details."));
console.error("".concat(getComponentName(chunkFn), " is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details."));
}

@@ -1148,4 +1146,2 @@ return flatten(result, executionContext, styleSheet, stylisInstance);

}
// Validator defaults to true if not in HTML/DOM env
var validAttr = function () { return true; };
function useStyledComponentImpl(forwardedComponent, props, forwardedRef) {

@@ -1170,3 +1166,3 @@ var componentAttrs = forwardedComponent.attrs, inlineStyle = forwardedComponent.inlineStyle, defaultProps = forwardedComponent.defaultProps, shouldForwardProp = forwardedComponent.shouldForwardProp, target = forwardedComponent.target;

}
else if (!shouldForwardProp || shouldForwardProp(key, validAttr, elementToBeCreated)) {
else if (!shouldForwardProp || shouldForwardProp(key, elementToBeCreated)) {
propsForElement[key] = computedProps[key];

@@ -1207,5 +1203,5 @@ }

// compose nested shouldForwardProp calls
shouldForwardProp = function (prop, filterFn, elementToBeCreated) {
return shouldForwardPropFn_1(prop, filterFn, elementToBeCreated) &&
passedShouldForwardPropFn_1(prop, filterFn, elementToBeCreated);
shouldForwardProp = function (prop, elementToBeCreated) {
return shouldForwardPropFn_1(prop, elementToBeCreated) &&
passedShouldForwardPropFn_1(prop, elementToBeCreated);
};

@@ -1212,0 +1208,0 @@ }

16

native/dist/styled-components.native.esm.js

@@ -72,3 +72,3 @@ import { __spreadArray, __assign } from 'tslib';

var SC_ATTR_VERSION = 'data-styled-version';
var SC_VERSION = "6.0.0-beta.1";
var SC_VERSION = "6.0.0-beta.2";
var SPLITTER = '/*!sc*/\n';

@@ -763,5 +763,3 @@ var IS_BROWSER = typeof window !== 'undefined' && 'HTMLElement' in window;

// eslint-disable-next-line no-console
console.error("".concat(getComponentName(
// @ts-expect-error handling unexpected input
chunkFn), " is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details."));
console.error("".concat(getComponentName(chunkFn), " is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details."));
}

@@ -1138,4 +1136,2 @@ return flatten(result, executionContext, styleSheet, stylisInstance);

}
// Validator defaults to true if not in HTML/DOM env
var validAttr = function () { return true; };
function useStyledComponentImpl(forwardedComponent, props, forwardedRef) {

@@ -1160,3 +1156,3 @@ var componentAttrs = forwardedComponent.attrs, inlineStyle = forwardedComponent.inlineStyle, defaultProps = forwardedComponent.defaultProps, shouldForwardProp = forwardedComponent.shouldForwardProp, target = forwardedComponent.target;

}
else if (!shouldForwardProp || shouldForwardProp(key, validAttr, elementToBeCreated)) {
else if (!shouldForwardProp || shouldForwardProp(key, elementToBeCreated)) {
propsForElement[key] = computedProps[key];

@@ -1197,5 +1193,5 @@ }

// compose nested shouldForwardProp calls
shouldForwardProp = function (prop, filterFn, elementToBeCreated) {
return shouldForwardPropFn_1(prop, filterFn, elementToBeCreated) &&
passedShouldForwardPropFn_1(prop, filterFn, elementToBeCreated);
shouldForwardProp = function (prop, elementToBeCreated) {
return shouldForwardPropFn_1(prop, elementToBeCreated) &&
passedShouldForwardPropFn_1(prop, elementToBeCreated);
};

@@ -1202,0 +1198,0 @@ }

356

native/dist/test/utils.d.ts
/// <reference types="react" />
export declare const seedNextClassnames: (names: string[]) => string[];
export declare const resetStyled: (isServer?: boolean) => (<Target extends import("..").WebTarget>(tag: Target) => {
<Props = unknown, Statics = unknown>(initialStyles: import("../types").Styles<(Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown) & Props>, ...interpolations: import("../types").Interpolation<import("../types").ExecutionContext & (Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown) & Props>[]): import("..").IStyledComponent<Target, (Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown) & Props> & Statics;
attrs(attrs: import("..").Attrs<import("../types").ExecutionContext & (Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown)>): any;
withConfig(config: import("..").StyledOptions<Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown>): any;
<Props = unknown, Statics = unknown>(initialStyles: import("../types").Styles<(Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown) & Props>, ...interpolations: import("../types").Interpolation<import("../types").ExecutionContext & (Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown) & Props>[]): import("..").IStyledComponent<"web", Target, (Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown) & Props> & Statics;
attrs(attrs: import("..").Attrs<import("../types").ExtensibleObject & (Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown)>): any;
withConfig(config: import("..").StyledOptions<"web", Target extends import("../types").KnownTarget ? import("react").ComponentProps<Target> : unknown>): any;
}) & {
a: import("../constructors/constructWithOptions").WebStyled<"a", import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, unknown, unknown>;
abbr: import("../constructors/constructWithOptions").WebStyled<"abbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
address: import("../constructors/constructWithOptions").WebStyled<"address", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
area: import("../constructors/constructWithOptions").WebStyled<"area", import("react").DetailedHTMLProps<import("react").AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>, unknown, unknown>;
article: import("../constructors/constructWithOptions").WebStyled<"article", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
aside: import("../constructors/constructWithOptions").WebStyled<"aside", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
audio: import("../constructors/constructWithOptions").WebStyled<"audio", import("react").DetailedHTMLProps<import("react").AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, unknown, unknown>;
b: import("../constructors/constructWithOptions").WebStyled<"b", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
base: import("../constructors/constructWithOptions").WebStyled<"base", import("react").DetailedHTMLProps<import("react").BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement>, unknown, unknown>;
bdi: import("../constructors/constructWithOptions").WebStyled<"bdi", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
bdo: import("../constructors/constructWithOptions").WebStyled<"bdo", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
big: import("../constructors/constructWithOptions").WebStyled<"big", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
blockquote: import("../constructors/constructWithOptions").WebStyled<"blockquote", import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
body: import("../constructors/constructWithOptions").WebStyled<"body", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, unknown, unknown>;
br: import("../constructors/constructWithOptions").WebStyled<"br", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBRElement>, HTMLBRElement>, unknown, unknown>;
button: import("../constructors/constructWithOptions").WebStyled<"button", import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, unknown, unknown>;
canvas: import("../constructors/constructWithOptions").WebStyled<"canvas", import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, unknown, unknown>;
caption: import("../constructors/constructWithOptions").WebStyled<"caption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
cite: import("../constructors/constructWithOptions").WebStyled<"cite", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
code: import("../constructors/constructWithOptions").WebStyled<"code", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
col: import("../constructors/constructWithOptions").WebStyled<"col", import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, unknown, unknown>;
colgroup: import("../constructors/constructWithOptions").WebStyled<"colgroup", import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, unknown, unknown>;
data: import("../constructors/constructWithOptions").WebStyled<"data", import("react").DetailedHTMLProps<import("react").DataHTMLAttributes<HTMLDataElement>, HTMLDataElement>, unknown, unknown>;
datalist: import("../constructors/constructWithOptions").WebStyled<"datalist", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>, unknown, unknown>;
dd: import("../constructors/constructWithOptions").WebStyled<"dd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
del: import("../constructors/constructWithOptions").WebStyled<"del", import("react").DetailedHTMLProps<import("react").DelHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
details: import("../constructors/constructWithOptions").WebStyled<"details", import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
dfn: import("../constructors/constructWithOptions").WebStyled<"dfn", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
dialog: import("../constructors/constructWithOptions").WebStyled<"dialog", import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, unknown, unknown>;
div: import("../constructors/constructWithOptions").WebStyled<"div", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, unknown, unknown>;
dl: import("../constructors/constructWithOptions").WebStyled<"dl", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement>, unknown, unknown>;
dt: import("../constructors/constructWithOptions").WebStyled<"dt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
em: import("../constructors/constructWithOptions").WebStyled<"em", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
embed: import("../constructors/constructWithOptions").WebStyled<"embed", import("react").DetailedHTMLProps<import("react").EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>, unknown, unknown>;
fieldset: import("../constructors/constructWithOptions").WebStyled<"fieldset", import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, unknown, unknown>;
figcaption: import("../constructors/constructWithOptions").WebStyled<"figcaption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
figure: import("../constructors/constructWithOptions").WebStyled<"figure", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
footer: import("../constructors/constructWithOptions").WebStyled<"footer", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
form: import("../constructors/constructWithOptions").WebStyled<"form", import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, unknown, unknown>;
h1: import("../constructors/constructWithOptions").WebStyled<"h1", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h2: import("../constructors/constructWithOptions").WebStyled<"h2", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h3: import("../constructors/constructWithOptions").WebStyled<"h3", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h4: import("../constructors/constructWithOptions").WebStyled<"h4", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h5: import("../constructors/constructWithOptions").WebStyled<"h5", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h6: import("../constructors/constructWithOptions").WebStyled<"h6", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
head: import("../constructors/constructWithOptions").WebStyled<"head", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadElement>, HTMLHeadElement>, unknown, unknown>;
header: import("../constructors/constructWithOptions").WebStyled<"header", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
hgroup: import("../constructors/constructWithOptions").WebStyled<"hgroup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
hr: import("../constructors/constructWithOptions").WebStyled<"hr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, unknown, unknown>;
html: import("../constructors/constructWithOptions").WebStyled<"html", import("react").DetailedHTMLProps<import("react").HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>, unknown, unknown>;
i: import("../constructors/constructWithOptions").WebStyled<"i", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
iframe: import("../constructors/constructWithOptions").WebStyled<"iframe", import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, unknown, unknown>;
img: import("../constructors/constructWithOptions").WebStyled<"img", import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, unknown, unknown>;
input: import("../constructors/constructWithOptions").WebStyled<"input", import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, unknown, unknown>;
ins: import("../constructors/constructWithOptions").WebStyled<"ins", import("react").DetailedHTMLProps<import("react").InsHTMLAttributes<HTMLModElement>, HTMLModElement>, unknown, unknown>;
kbd: import("../constructors/constructWithOptions").WebStyled<"kbd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
keygen: import("../constructors/constructWithOptions").WebStyled<"keygen", import("react").DetailedHTMLProps<import("react").KeygenHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
label: import("../constructors/constructWithOptions").WebStyled<"label", import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, unknown, unknown>;
legend: import("../constructors/constructWithOptions").WebStyled<"legend", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, unknown, unknown>;
li: import("../constructors/constructWithOptions").WebStyled<"li", import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, unknown, unknown>;
link: import("../constructors/constructWithOptions").WebStyled<"link", import("react").DetailedHTMLProps<import("react").LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>, unknown, unknown>;
main: import("../constructors/constructWithOptions").WebStyled<"main", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
map: import("../constructors/constructWithOptions").WebStyled<"map", import("react").DetailedHTMLProps<import("react").MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>, unknown, unknown>;
mark: import("../constructors/constructWithOptions").WebStyled<"mark", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
menu: import("../constructors/constructWithOptions").WebStyled<"menu", import("react").DetailedHTMLProps<import("react").MenuHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
menuitem: import("../constructors/constructWithOptions").WebStyled<"menuitem", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
meta: import("../constructors/constructWithOptions").WebStyled<"meta", import("react").DetailedHTMLProps<import("react").MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>, unknown, unknown>;
meter: import("../constructors/constructWithOptions").WebStyled<"meter", import("react").DetailedHTMLProps<import("react").MeterHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
nav: import("../constructors/constructWithOptions").WebStyled<"nav", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
noindex: import("../constructors/constructWithOptions").WebStyled<"noindex", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
noscript: import("../constructors/constructWithOptions").WebStyled<"noscript", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
object: import("../constructors/constructWithOptions").WebStyled<"object", import("react").DetailedHTMLProps<import("react").ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>, unknown, unknown>;
ol: import("../constructors/constructWithOptions").WebStyled<"ol", import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, unknown, unknown>;
optgroup: import("../constructors/constructWithOptions").WebStyled<"optgroup", import("react").DetailedHTMLProps<import("react").OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, unknown, unknown>;
option: import("../constructors/constructWithOptions").WebStyled<"option", import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, unknown, unknown>;
output: import("../constructors/constructWithOptions").WebStyled<"output", import("react").DetailedHTMLProps<import("react").OutputHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
p: import("../constructors/constructWithOptions").WebStyled<"p", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, unknown, unknown>;
param: import("../constructors/constructWithOptions").WebStyled<"param", import("react").DetailedHTMLProps<import("react").ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement>, unknown, unknown>;
picture: import("../constructors/constructWithOptions").WebStyled<"picture", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
pre: import("../constructors/constructWithOptions").WebStyled<"pre", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, unknown, unknown>;
progress: import("../constructors/constructWithOptions").WebStyled<"progress", import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>, unknown, unknown>;
q: import("../constructors/constructWithOptions").WebStyled<"q", import("react").DetailedHTMLProps<import("react").QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, unknown, unknown>;
rp: import("../constructors/constructWithOptions").WebStyled<"rp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
rt: import("../constructors/constructWithOptions").WebStyled<"rt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
ruby: import("../constructors/constructWithOptions").WebStyled<"ruby", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
s: import("../constructors/constructWithOptions").WebStyled<"s", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
samp: import("../constructors/constructWithOptions").WebStyled<"samp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
slot: import("../constructors/constructWithOptions").WebStyled<"slot", import("react").DetailedHTMLProps<import("react").SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement>, unknown, unknown>;
script: import("../constructors/constructWithOptions").WebStyled<"script", import("react").DetailedHTMLProps<import("react").ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement>, unknown, unknown>;
section: import("../constructors/constructWithOptions").WebStyled<"section", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
select: import("../constructors/constructWithOptions").WebStyled<"select", import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, unknown, unknown>;
small: import("../constructors/constructWithOptions").WebStyled<"small", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
source: import("../constructors/constructWithOptions").WebStyled<"source", import("react").DetailedHTMLProps<import("react").SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>, unknown, unknown>;
span: import("../constructors/constructWithOptions").WebStyled<"span", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, unknown, unknown>;
strong: import("../constructors/constructWithOptions").WebStyled<"strong", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
style: import("../constructors/constructWithOptions").WebStyled<"style", import("react").DetailedHTMLProps<import("react").StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>, unknown, unknown>;
sub: import("../constructors/constructWithOptions").WebStyled<"sub", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
summary: import("../constructors/constructWithOptions").WebStyled<"summary", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
sup: import("../constructors/constructWithOptions").WebStyled<"sup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
table: import("../constructors/constructWithOptions").WebStyled<"table", import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, unknown, unknown>;
template: import("../constructors/constructWithOptions").WebStyled<"template", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement>, unknown, unknown>;
tbody: import("../constructors/constructWithOptions").WebStyled<"tbody", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, unknown, unknown>;
td: import("../constructors/constructWithOptions").WebStyled<"td", import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, unknown, unknown>;
textarea: import("../constructors/constructWithOptions").WebStyled<"textarea", import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, unknown, unknown>;
tfoot: import("../constructors/constructWithOptions").WebStyled<"tfoot", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, unknown, unknown>;
th: import("../constructors/constructWithOptions").WebStyled<"th", import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, unknown, unknown>;
thead: import("../constructors/constructWithOptions").WebStyled<"thead", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, unknown, unknown>;
time: import("../constructors/constructWithOptions").WebStyled<"time", import("react").DetailedHTMLProps<import("react").TimeHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
title: import("../constructors/constructWithOptions").WebStyled<"title", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>, unknown, unknown>;
tr: import("../constructors/constructWithOptions").WebStyled<"tr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, unknown, unknown>;
track: import("../constructors/constructWithOptions").WebStyled<"track", import("react").DetailedHTMLProps<import("react").TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>, unknown, unknown>;
u: import("../constructors/constructWithOptions").WebStyled<"u", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
ul: import("../constructors/constructWithOptions").WebStyled<"ul", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, unknown, unknown>;
var: import("../constructors/constructWithOptions").WebStyled<"var", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
video: import("../constructors/constructWithOptions").WebStyled<"video", import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, unknown, unknown>;
wbr: import("../constructors/constructWithOptions").WebStyled<"wbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
webview: import("../constructors/constructWithOptions").WebStyled<"webview", import("react").DetailedHTMLProps<import("react").WebViewHTMLAttributes<HTMLWebViewElement>, HTMLWebViewElement>, unknown, unknown>;
svg: import("../constructors/constructWithOptions").WebStyled<"svg", import("react").SVGProps<SVGSVGElement>, unknown, unknown>;
animate: import("../constructors/constructWithOptions").WebStyled<"animate", import("react").SVGProps<SVGElement>, unknown, unknown>;
animateMotion: import("../constructors/constructWithOptions").WebStyled<"animateMotion", import("react").SVGProps<SVGElement>, unknown, unknown>;
animateTransform: import("../constructors/constructWithOptions").WebStyled<"animateTransform", import("react").SVGProps<SVGElement>, unknown, unknown>;
circle: import("../constructors/constructWithOptions").WebStyled<"circle", import("react").SVGProps<SVGCircleElement>, unknown, unknown>;
clipPath: import("../constructors/constructWithOptions").WebStyled<"clipPath", import("react").SVGProps<SVGClipPathElement>, unknown, unknown>;
defs: import("../constructors/constructWithOptions").WebStyled<"defs", import("react").SVGProps<SVGDefsElement>, unknown, unknown>;
desc: import("../constructors/constructWithOptions").WebStyled<"desc", import("react").SVGProps<SVGDescElement>, unknown, unknown>;
ellipse: import("../constructors/constructWithOptions").WebStyled<"ellipse", import("react").SVGProps<SVGEllipseElement>, unknown, unknown>;
feBlend: import("../constructors/constructWithOptions").WebStyled<"feBlend", import("react").SVGProps<SVGFEBlendElement>, unknown, unknown>;
feColorMatrix: import("../constructors/constructWithOptions").WebStyled<"feColorMatrix", import("react").SVGProps<SVGFEColorMatrixElement>, unknown, unknown>;
feComponentTransfer: import("../constructors/constructWithOptions").WebStyled<"feComponentTransfer", import("react").SVGProps<SVGFEComponentTransferElement>, unknown, unknown>;
feComposite: import("../constructors/constructWithOptions").WebStyled<"feComposite", import("react").SVGProps<SVGFECompositeElement>, unknown, unknown>;
feConvolveMatrix: import("../constructors/constructWithOptions").WebStyled<"feConvolveMatrix", import("react").SVGProps<SVGFEConvolveMatrixElement>, unknown, unknown>;
feDiffuseLighting: import("../constructors/constructWithOptions").WebStyled<"feDiffuseLighting", import("react").SVGProps<SVGFEDiffuseLightingElement>, unknown, unknown>;
feDisplacementMap: import("../constructors/constructWithOptions").WebStyled<"feDisplacementMap", import("react").SVGProps<SVGFEDisplacementMapElement>, unknown, unknown>;
feDistantLight: import("../constructors/constructWithOptions").WebStyled<"feDistantLight", import("react").SVGProps<SVGFEDistantLightElement>, unknown, unknown>;
feDropShadow: import("../constructors/constructWithOptions").WebStyled<"feDropShadow", import("react").SVGProps<SVGFEDropShadowElement>, unknown, unknown>;
feFlood: import("../constructors/constructWithOptions").WebStyled<"feFlood", import("react").SVGProps<SVGFEFloodElement>, unknown, unknown>;
feFuncA: import("../constructors/constructWithOptions").WebStyled<"feFuncA", import("react").SVGProps<SVGFEFuncAElement>, unknown, unknown>;
feFuncB: import("../constructors/constructWithOptions").WebStyled<"feFuncB", import("react").SVGProps<SVGFEFuncBElement>, unknown, unknown>;
feFuncG: import("../constructors/constructWithOptions").WebStyled<"feFuncG", import("react").SVGProps<SVGFEFuncGElement>, unknown, unknown>;
feFuncR: import("../constructors/constructWithOptions").WebStyled<"feFuncR", import("react").SVGProps<SVGFEFuncRElement>, unknown, unknown>;
feGaussianBlur: import("../constructors/constructWithOptions").WebStyled<"feGaussianBlur", import("react").SVGProps<SVGFEGaussianBlurElement>, unknown, unknown>;
feImage: import("../constructors/constructWithOptions").WebStyled<"feImage", import("react").SVGProps<SVGFEImageElement>, unknown, unknown>;
feMerge: import("../constructors/constructWithOptions").WebStyled<"feMerge", import("react").SVGProps<SVGFEMergeElement>, unknown, unknown>;
feMergeNode: import("../constructors/constructWithOptions").WebStyled<"feMergeNode", import("react").SVGProps<SVGFEMergeNodeElement>, unknown, unknown>;
feMorphology: import("../constructors/constructWithOptions").WebStyled<"feMorphology", import("react").SVGProps<SVGFEMorphologyElement>, unknown, unknown>;
feOffset: import("../constructors/constructWithOptions").WebStyled<"feOffset", import("react").SVGProps<SVGFEOffsetElement>, unknown, unknown>;
fePointLight: import("../constructors/constructWithOptions").WebStyled<"fePointLight", import("react").SVGProps<SVGFEPointLightElement>, unknown, unknown>;
feSpecularLighting: import("../constructors/constructWithOptions").WebStyled<"feSpecularLighting", import("react").SVGProps<SVGFESpecularLightingElement>, unknown, unknown>;
feSpotLight: import("../constructors/constructWithOptions").WebStyled<"feSpotLight", import("react").SVGProps<SVGFESpotLightElement>, unknown, unknown>;
feTile: import("../constructors/constructWithOptions").WebStyled<"feTile", import("react").SVGProps<SVGFETileElement>, unknown, unknown>;
feTurbulence: import("../constructors/constructWithOptions").WebStyled<"feTurbulence", import("react").SVGProps<SVGFETurbulenceElement>, unknown, unknown>;
filter: import("../constructors/constructWithOptions").WebStyled<"filter", import("react").SVGProps<SVGFilterElement>, unknown, unknown>;
foreignObject: import("../constructors/constructWithOptions").WebStyled<"foreignObject", import("react").SVGProps<SVGForeignObjectElement>, unknown, unknown>;
g: import("../constructors/constructWithOptions").WebStyled<"g", import("react").SVGProps<SVGGElement>, unknown, unknown>;
image: import("../constructors/constructWithOptions").WebStyled<"image", import("react").SVGProps<SVGImageElement>, unknown, unknown>;
line: import("../constructors/constructWithOptions").WebStyled<"line", import("react").SVGProps<SVGLineElement>, unknown, unknown>;
linearGradient: import("../constructors/constructWithOptions").WebStyled<"linearGradient", import("react").SVGProps<SVGLinearGradientElement>, unknown, unknown>;
marker: import("../constructors/constructWithOptions").WebStyled<"marker", import("react").SVGProps<SVGMarkerElement>, unknown, unknown>;
mask: import("../constructors/constructWithOptions").WebStyled<"mask", import("react").SVGProps<SVGMaskElement>, unknown, unknown>;
metadata: import("../constructors/constructWithOptions").WebStyled<"metadata", import("react").SVGProps<SVGMetadataElement>, unknown, unknown>;
mpath: import("../constructors/constructWithOptions").WebStyled<"mpath", import("react").SVGProps<SVGElement>, unknown, unknown>;
path: import("../constructors/constructWithOptions").WebStyled<"path", import("react").SVGProps<SVGPathElement>, unknown, unknown>;
pattern: import("../constructors/constructWithOptions").WebStyled<"pattern", import("react").SVGProps<SVGPatternElement>, unknown, unknown>;
polygon: import("../constructors/constructWithOptions").WebStyled<"polygon", import("react").SVGProps<SVGPolygonElement>, unknown, unknown>;
polyline: import("../constructors/constructWithOptions").WebStyled<"polyline", import("react").SVGProps<SVGPolylineElement>, unknown, unknown>;
radialGradient: import("../constructors/constructWithOptions").WebStyled<"radialGradient", import("react").SVGProps<SVGRadialGradientElement>, unknown, unknown>;
rect: import("../constructors/constructWithOptions").WebStyled<"rect", import("react").SVGProps<SVGRectElement>, unknown, unknown>;
stop: import("../constructors/constructWithOptions").WebStyled<"stop", import("react").SVGProps<SVGStopElement>, unknown, unknown>;
switch: import("../constructors/constructWithOptions").WebStyled<"switch", import("react").SVGProps<SVGSwitchElement>, unknown, unknown>;
symbol: import("../constructors/constructWithOptions").WebStyled<"symbol", import("react").SVGProps<SVGSymbolElement>, unknown, unknown>;
text: import("../constructors/constructWithOptions").WebStyled<"text", import("react").SVGProps<SVGTextElement>, unknown, unknown>;
textPath: import("../constructors/constructWithOptions").WebStyled<"textPath", import("react").SVGProps<SVGTextPathElement>, unknown, unknown>;
tspan: import("../constructors/constructWithOptions").WebStyled<"tspan", import("react").SVGProps<SVGTSpanElement>, unknown, unknown>;
use: import("../constructors/constructWithOptions").WebStyled<"use", import("react").SVGProps<SVGUseElement>, unknown, unknown>;
view: import("../constructors/constructWithOptions").WebStyled<"view", import("react").SVGProps<SVGViewElement>, unknown, unknown>;
a: import("../constructors/constructWithOptions").Styled<"web", "a", import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, unknown, unknown>;
abbr: import("../constructors/constructWithOptions").Styled<"web", "abbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
address: import("../constructors/constructWithOptions").Styled<"web", "address", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
area: import("../constructors/constructWithOptions").Styled<"web", "area", import("react").DetailedHTMLProps<import("react").AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>, unknown, unknown>;
article: import("../constructors/constructWithOptions").Styled<"web", "article", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
aside: import("../constructors/constructWithOptions").Styled<"web", "aside", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
audio: import("../constructors/constructWithOptions").Styled<"web", "audio", import("react").DetailedHTMLProps<import("react").AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, unknown, unknown>;
b: import("../constructors/constructWithOptions").Styled<"web", "b", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
base: import("../constructors/constructWithOptions").Styled<"web", "base", import("react").DetailedHTMLProps<import("react").BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement>, unknown, unknown>;
bdi: import("../constructors/constructWithOptions").Styled<"web", "bdi", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
bdo: import("../constructors/constructWithOptions").Styled<"web", "bdo", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
big: import("../constructors/constructWithOptions").Styled<"web", "big", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
blockquote: import("../constructors/constructWithOptions").Styled<"web", "blockquote", import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
body: import("../constructors/constructWithOptions").Styled<"web", "body", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, unknown, unknown>;
br: import("../constructors/constructWithOptions").Styled<"web", "br", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBRElement>, HTMLBRElement>, unknown, unknown>;
button: import("../constructors/constructWithOptions").Styled<"web", "button", import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, unknown, unknown>;
canvas: import("../constructors/constructWithOptions").Styled<"web", "canvas", import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, unknown, unknown>;
caption: import("../constructors/constructWithOptions").Styled<"web", "caption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
cite: import("../constructors/constructWithOptions").Styled<"web", "cite", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
code: import("../constructors/constructWithOptions").Styled<"web", "code", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
col: import("../constructors/constructWithOptions").Styled<"web", "col", import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, unknown, unknown>;
colgroup: import("../constructors/constructWithOptions").Styled<"web", "colgroup", import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, unknown, unknown>;
data: import("../constructors/constructWithOptions").Styled<"web", "data", import("react").DetailedHTMLProps<import("react").DataHTMLAttributes<HTMLDataElement>, HTMLDataElement>, unknown, unknown>;
datalist: import("../constructors/constructWithOptions").Styled<"web", "datalist", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>, unknown, unknown>;
dd: import("../constructors/constructWithOptions").Styled<"web", "dd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
del: import("../constructors/constructWithOptions").Styled<"web", "del", import("react").DetailedHTMLProps<import("react").DelHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
details: import("../constructors/constructWithOptions").Styled<"web", "details", import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
dfn: import("../constructors/constructWithOptions").Styled<"web", "dfn", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
dialog: import("../constructors/constructWithOptions").Styled<"web", "dialog", import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, unknown, unknown>;
div: import("../constructors/constructWithOptions").Styled<"web", "div", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, unknown, unknown>;
dl: import("../constructors/constructWithOptions").Styled<"web", "dl", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement>, unknown, unknown>;
dt: import("../constructors/constructWithOptions").Styled<"web", "dt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
em: import("../constructors/constructWithOptions").Styled<"web", "em", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
embed: import("../constructors/constructWithOptions").Styled<"web", "embed", import("react").DetailedHTMLProps<import("react").EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>, unknown, unknown>;
fieldset: import("../constructors/constructWithOptions").Styled<"web", "fieldset", import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, unknown, unknown>;
figcaption: import("../constructors/constructWithOptions").Styled<"web", "figcaption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
figure: import("../constructors/constructWithOptions").Styled<"web", "figure", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
footer: import("../constructors/constructWithOptions").Styled<"web", "footer", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
form: import("../constructors/constructWithOptions").Styled<"web", "form", import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, unknown, unknown>;
h1: import("../constructors/constructWithOptions").Styled<"web", "h1", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h2: import("../constructors/constructWithOptions").Styled<"web", "h2", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h3: import("../constructors/constructWithOptions").Styled<"web", "h3", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h4: import("../constructors/constructWithOptions").Styled<"web", "h4", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h5: import("../constructors/constructWithOptions").Styled<"web", "h5", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
h6: import("../constructors/constructWithOptions").Styled<"web", "h6", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown, unknown>;
head: import("../constructors/constructWithOptions").Styled<"web", "head", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadElement>, HTMLHeadElement>, unknown, unknown>;
header: import("../constructors/constructWithOptions").Styled<"web", "header", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
hgroup: import("../constructors/constructWithOptions").Styled<"web", "hgroup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
hr: import("../constructors/constructWithOptions").Styled<"web", "hr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, unknown, unknown>;
html: import("../constructors/constructWithOptions").Styled<"web", "html", import("react").DetailedHTMLProps<import("react").HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>, unknown, unknown>;
i: import("../constructors/constructWithOptions").Styled<"web", "i", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
iframe: import("../constructors/constructWithOptions").Styled<"web", "iframe", import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, unknown, unknown>;
img: import("../constructors/constructWithOptions").Styled<"web", "img", import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, unknown, unknown>;
input: import("../constructors/constructWithOptions").Styled<"web", "input", import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, unknown, unknown>;
ins: import("../constructors/constructWithOptions").Styled<"web", "ins", import("react").DetailedHTMLProps<import("react").InsHTMLAttributes<HTMLModElement>, HTMLModElement>, unknown, unknown>;
kbd: import("../constructors/constructWithOptions").Styled<"web", "kbd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
keygen: import("../constructors/constructWithOptions").Styled<"web", "keygen", import("react").DetailedHTMLProps<import("react").KeygenHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
label: import("../constructors/constructWithOptions").Styled<"web", "label", import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, unknown, unknown>;
legend: import("../constructors/constructWithOptions").Styled<"web", "legend", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, unknown, unknown>;
li: import("../constructors/constructWithOptions").Styled<"web", "li", import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, unknown, unknown>;
link: import("../constructors/constructWithOptions").Styled<"web", "link", import("react").DetailedHTMLProps<import("react").LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>, unknown, unknown>;
main: import("../constructors/constructWithOptions").Styled<"web", "main", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
map: import("../constructors/constructWithOptions").Styled<"web", "map", import("react").DetailedHTMLProps<import("react").MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>, unknown, unknown>;
mark: import("../constructors/constructWithOptions").Styled<"web", "mark", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
menu: import("../constructors/constructWithOptions").Styled<"web", "menu", import("react").DetailedHTMLProps<import("react").MenuHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
menuitem: import("../constructors/constructWithOptions").Styled<"web", "menuitem", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
meta: import("../constructors/constructWithOptions").Styled<"web", "meta", import("react").DetailedHTMLProps<import("react").MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>, unknown, unknown>;
meter: import("../constructors/constructWithOptions").Styled<"web", "meter", import("react").DetailedHTMLProps<import("react").MeterHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
nav: import("../constructors/constructWithOptions").Styled<"web", "nav", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
noindex: import("../constructors/constructWithOptions").Styled<"web", "noindex", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
noscript: import("../constructors/constructWithOptions").Styled<"web", "noscript", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
object: import("../constructors/constructWithOptions").Styled<"web", "object", import("react").DetailedHTMLProps<import("react").ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>, unknown, unknown>;
ol: import("../constructors/constructWithOptions").Styled<"web", "ol", import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, unknown, unknown>;
optgroup: import("../constructors/constructWithOptions").Styled<"web", "optgroup", import("react").DetailedHTMLProps<import("react").OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, unknown, unknown>;
option: import("../constructors/constructWithOptions").Styled<"web", "option", import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, unknown, unknown>;
output: import("../constructors/constructWithOptions").Styled<"web", "output", import("react").DetailedHTMLProps<import("react").OutputHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
p: import("../constructors/constructWithOptions").Styled<"web", "p", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, unknown, unknown>;
param: import("../constructors/constructWithOptions").Styled<"web", "param", import("react").DetailedHTMLProps<import("react").ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement>, unknown, unknown>;
picture: import("../constructors/constructWithOptions").Styled<"web", "picture", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
pre: import("../constructors/constructWithOptions").Styled<"web", "pre", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, unknown, unknown>;
progress: import("../constructors/constructWithOptions").Styled<"web", "progress", import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>, unknown, unknown>;
q: import("../constructors/constructWithOptions").Styled<"web", "q", import("react").DetailedHTMLProps<import("react").QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, unknown, unknown>;
rp: import("../constructors/constructWithOptions").Styled<"web", "rp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
rt: import("../constructors/constructWithOptions").Styled<"web", "rt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
ruby: import("../constructors/constructWithOptions").Styled<"web", "ruby", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
s: import("../constructors/constructWithOptions").Styled<"web", "s", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
samp: import("../constructors/constructWithOptions").Styled<"web", "samp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
slot: import("../constructors/constructWithOptions").Styled<"web", "slot", import("react").DetailedHTMLProps<import("react").SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement>, unknown, unknown>;
script: import("../constructors/constructWithOptions").Styled<"web", "script", import("react").DetailedHTMLProps<import("react").ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement>, unknown, unknown>;
section: import("../constructors/constructWithOptions").Styled<"web", "section", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
select: import("../constructors/constructWithOptions").Styled<"web", "select", import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, unknown, unknown>;
small: import("../constructors/constructWithOptions").Styled<"web", "small", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
source: import("../constructors/constructWithOptions").Styled<"web", "source", import("react").DetailedHTMLProps<import("react").SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>, unknown, unknown>;
span: import("../constructors/constructWithOptions").Styled<"web", "span", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, unknown, unknown>;
strong: import("../constructors/constructWithOptions").Styled<"web", "strong", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
style: import("../constructors/constructWithOptions").Styled<"web", "style", import("react").DetailedHTMLProps<import("react").StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>, unknown, unknown>;
sub: import("../constructors/constructWithOptions").Styled<"web", "sub", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
summary: import("../constructors/constructWithOptions").Styled<"web", "summary", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
sup: import("../constructors/constructWithOptions").Styled<"web", "sup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
table: import("../constructors/constructWithOptions").Styled<"web", "table", import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, unknown, unknown>;
template: import("../constructors/constructWithOptions").Styled<"web", "template", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement>, unknown, unknown>;
tbody: import("../constructors/constructWithOptions").Styled<"web", "tbody", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, unknown, unknown>;
td: import("../constructors/constructWithOptions").Styled<"web", "td", import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, unknown, unknown>;
textarea: import("../constructors/constructWithOptions").Styled<"web", "textarea", import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, unknown, unknown>;
tfoot: import("../constructors/constructWithOptions").Styled<"web", "tfoot", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, unknown, unknown>;
th: import("../constructors/constructWithOptions").Styled<"web", "th", import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, unknown, unknown>;
thead: import("../constructors/constructWithOptions").Styled<"web", "thead", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, unknown, unknown>;
time: import("../constructors/constructWithOptions").Styled<"web", "time", import("react").DetailedHTMLProps<import("react").TimeHTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
title: import("../constructors/constructWithOptions").Styled<"web", "title", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>, unknown, unknown>;
tr: import("../constructors/constructWithOptions").Styled<"web", "tr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, unknown, unknown>;
track: import("../constructors/constructWithOptions").Styled<"web", "track", import("react").DetailedHTMLProps<import("react").TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>, unknown, unknown>;
u: import("../constructors/constructWithOptions").Styled<"web", "u", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
ul: import("../constructors/constructWithOptions").Styled<"web", "ul", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, unknown, unknown>;
var: import("../constructors/constructWithOptions").Styled<"web", "var", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
video: import("../constructors/constructWithOptions").Styled<"web", "video", import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, unknown, unknown>;
wbr: import("../constructors/constructWithOptions").Styled<"web", "wbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown, unknown>;
webview: import("../constructors/constructWithOptions").Styled<"web", "webview", import("react").DetailedHTMLProps<import("react").WebViewHTMLAttributes<HTMLWebViewElement>, HTMLWebViewElement>, unknown, unknown>;
svg: import("../constructors/constructWithOptions").Styled<"web", "svg", import("react").SVGProps<SVGSVGElement>, unknown, unknown>;
animate: import("../constructors/constructWithOptions").Styled<"web", "animate", import("react").SVGProps<SVGElement>, unknown, unknown>;
animateMotion: import("../constructors/constructWithOptions").Styled<"web", "animateMotion", import("react").SVGProps<SVGElement>, unknown, unknown>;
animateTransform: import("../constructors/constructWithOptions").Styled<"web", "animateTransform", import("react").SVGProps<SVGElement>, unknown, unknown>;
circle: import("../constructors/constructWithOptions").Styled<"web", "circle", import("react").SVGProps<SVGCircleElement>, unknown, unknown>;
clipPath: import("../constructors/constructWithOptions").Styled<"web", "clipPath", import("react").SVGProps<SVGClipPathElement>, unknown, unknown>;
defs: import("../constructors/constructWithOptions").Styled<"web", "defs", import("react").SVGProps<SVGDefsElement>, unknown, unknown>;
desc: import("../constructors/constructWithOptions").Styled<"web", "desc", import("react").SVGProps<SVGDescElement>, unknown, unknown>;
ellipse: import("../constructors/constructWithOptions").Styled<"web", "ellipse", import("react").SVGProps<SVGEllipseElement>, unknown, unknown>;
feBlend: import("../constructors/constructWithOptions").Styled<"web", "feBlend", import("react").SVGProps<SVGFEBlendElement>, unknown, unknown>;
feColorMatrix: import("../constructors/constructWithOptions").Styled<"web", "feColorMatrix", import("react").SVGProps<SVGFEColorMatrixElement>, unknown, unknown>;
feComponentTransfer: import("../constructors/constructWithOptions").Styled<"web", "feComponentTransfer", import("react").SVGProps<SVGFEComponentTransferElement>, unknown, unknown>;
feComposite: import("../constructors/constructWithOptions").Styled<"web", "feComposite", import("react").SVGProps<SVGFECompositeElement>, unknown, unknown>;
feConvolveMatrix: import("../constructors/constructWithOptions").Styled<"web", "feConvolveMatrix", import("react").SVGProps<SVGFEConvolveMatrixElement>, unknown, unknown>;
feDiffuseLighting: import("../constructors/constructWithOptions").Styled<"web", "feDiffuseLighting", import("react").SVGProps<SVGFEDiffuseLightingElement>, unknown, unknown>;
feDisplacementMap: import("../constructors/constructWithOptions").Styled<"web", "feDisplacementMap", import("react").SVGProps<SVGFEDisplacementMapElement>, unknown, unknown>;
feDistantLight: import("../constructors/constructWithOptions").Styled<"web", "feDistantLight", import("react").SVGProps<SVGFEDistantLightElement>, unknown, unknown>;
feDropShadow: import("../constructors/constructWithOptions").Styled<"web", "feDropShadow", import("react").SVGProps<SVGFEDropShadowElement>, unknown, unknown>;
feFlood: import("../constructors/constructWithOptions").Styled<"web", "feFlood", import("react").SVGProps<SVGFEFloodElement>, unknown, unknown>;
feFuncA: import("../constructors/constructWithOptions").Styled<"web", "feFuncA", import("react").SVGProps<SVGFEFuncAElement>, unknown, unknown>;
feFuncB: import("../constructors/constructWithOptions").Styled<"web", "feFuncB", import("react").SVGProps<SVGFEFuncBElement>, unknown, unknown>;
feFuncG: import("../constructors/constructWithOptions").Styled<"web", "feFuncG", import("react").SVGProps<SVGFEFuncGElement>, unknown, unknown>;
feFuncR: import("../constructors/constructWithOptions").Styled<"web", "feFuncR", import("react").SVGProps<SVGFEFuncRElement>, unknown, unknown>;
feGaussianBlur: import("../constructors/constructWithOptions").Styled<"web", "feGaussianBlur", import("react").SVGProps<SVGFEGaussianBlurElement>, unknown, unknown>;
feImage: import("../constructors/constructWithOptions").Styled<"web", "feImage", import("react").SVGProps<SVGFEImageElement>, unknown, unknown>;
feMerge: import("../constructors/constructWithOptions").Styled<"web", "feMerge", import("react").SVGProps<SVGFEMergeElement>, unknown, unknown>;
feMergeNode: import("../constructors/constructWithOptions").Styled<"web", "feMergeNode", import("react").SVGProps<SVGFEMergeNodeElement>, unknown, unknown>;
feMorphology: import("../constructors/constructWithOptions").Styled<"web", "feMorphology", import("react").SVGProps<SVGFEMorphologyElement>, unknown, unknown>;
feOffset: import("../constructors/constructWithOptions").Styled<"web", "feOffset", import("react").SVGProps<SVGFEOffsetElement>, unknown, unknown>;
fePointLight: import("../constructors/constructWithOptions").Styled<"web", "fePointLight", import("react").SVGProps<SVGFEPointLightElement>, unknown, unknown>;
feSpecularLighting: import("../constructors/constructWithOptions").Styled<"web", "feSpecularLighting", import("react").SVGProps<SVGFESpecularLightingElement>, unknown, unknown>;
feSpotLight: import("../constructors/constructWithOptions").Styled<"web", "feSpotLight", import("react").SVGProps<SVGFESpotLightElement>, unknown, unknown>;
feTile: import("../constructors/constructWithOptions").Styled<"web", "feTile", import("react").SVGProps<SVGFETileElement>, unknown, unknown>;
feTurbulence: import("../constructors/constructWithOptions").Styled<"web", "feTurbulence", import("react").SVGProps<SVGFETurbulenceElement>, unknown, unknown>;
filter: import("../constructors/constructWithOptions").Styled<"web", "filter", import("react").SVGProps<SVGFilterElement>, unknown, unknown>;
foreignObject: import("../constructors/constructWithOptions").Styled<"web", "foreignObject", import("react").SVGProps<SVGForeignObjectElement>, unknown, unknown>;
g: import("../constructors/constructWithOptions").Styled<"web", "g", import("react").SVGProps<SVGGElement>, unknown, unknown>;
image: import("../constructors/constructWithOptions").Styled<"web", "image", import("react").SVGProps<SVGImageElement>, unknown, unknown>;
line: import("../constructors/constructWithOptions").Styled<"web", "line", import("react").SVGProps<SVGLineElement>, unknown, unknown>;
linearGradient: import("../constructors/constructWithOptions").Styled<"web", "linearGradient", import("react").SVGProps<SVGLinearGradientElement>, unknown, unknown>;
marker: import("../constructors/constructWithOptions").Styled<"web", "marker", import("react").SVGProps<SVGMarkerElement>, unknown, unknown>;
mask: import("../constructors/constructWithOptions").Styled<"web", "mask", import("react").SVGProps<SVGMaskElement>, unknown, unknown>;
metadata: import("../constructors/constructWithOptions").Styled<"web", "metadata", import("react").SVGProps<SVGMetadataElement>, unknown, unknown>;
mpath: import("../constructors/constructWithOptions").Styled<"web", "mpath", import("react").SVGProps<SVGElement>, unknown, unknown>;
path: import("../constructors/constructWithOptions").Styled<"web", "path", import("react").SVGProps<SVGPathElement>, unknown, unknown>;
pattern: import("../constructors/constructWithOptions").Styled<"web", "pattern", import("react").SVGProps<SVGPatternElement>, unknown, unknown>;
polygon: import("../constructors/constructWithOptions").Styled<"web", "polygon", import("react").SVGProps<SVGPolygonElement>, unknown, unknown>;
polyline: import("../constructors/constructWithOptions").Styled<"web", "polyline", import("react").SVGProps<SVGPolylineElement>, unknown, unknown>;
radialGradient: import("../constructors/constructWithOptions").Styled<"web", "radialGradient", import("react").SVGProps<SVGRadialGradientElement>, unknown, unknown>;
rect: import("../constructors/constructWithOptions").Styled<"web", "rect", import("react").SVGProps<SVGRectElement>, unknown, unknown>;
stop: import("../constructors/constructWithOptions").Styled<"web", "stop", import("react").SVGProps<SVGStopElement>, unknown, unknown>;
switch: import("../constructors/constructWithOptions").Styled<"web", "switch", import("react").SVGProps<SVGSwitchElement>, unknown, unknown>;
symbol: import("../constructors/constructWithOptions").Styled<"web", "symbol", import("react").SVGProps<SVGSymbolElement>, unknown, unknown>;
text: import("../constructors/constructWithOptions").Styled<"web", "text", import("react").SVGProps<SVGTextElement>, unknown, unknown>;
textPath: import("../constructors/constructWithOptions").Styled<"web", "textPath", import("react").SVGProps<SVGTextPathElement>, unknown, unknown>;
tspan: import("../constructors/constructWithOptions").Styled<"web", "tspan", import("react").SVGProps<SVGTSpanElement>, unknown, unknown>;
use: import("../constructors/constructWithOptions").Styled<"web", "use", import("react").SVGProps<SVGUseElement>, unknown, unknown>;
view: import("../constructors/constructWithOptions").Styled<"web", "view", import("react").SVGProps<SVGViewElement>, unknown, unknown>;
};

@@ -184,0 +184,0 @@ export declare const rehydrateTestStyles: () => void;

75

native/dist/types.d.ts

@@ -9,16 +9,15 @@ import React from 'react';

}
export declare type OmitNever<T> = {
[K in keyof T as T[K] extends never ? never : K]: T[K];
};
export declare type Runtime = 'web' | 'native';
export { DefaultTheme };
export declare type AnyComponent<P = any> = ExoticComponentWithDisplayName<P> | React.ComponentType<P>;
export interface StyledOptions<Props> {
export interface StyledOptions<R extends Runtime, Props> {
attrs?: Attrs<Props>[];
componentId?: string;
componentId?: R extends 'web' ? string : never;
displayName?: string;
parentComponentId?: string;
shouldForwardProp?: ShouldForwardProp;
parentComponentId?: R extends 'web' ? string : never;
shouldForwardProp?: ShouldForwardProp<R>;
}
export interface StyledNativeOptions<Props> {
attrs?: Attrs<Props>[];
displayName?: string;
shouldForwardProp?: ShouldForwardProp;
}
export declare type KnownTarget = keyof JSX.IntrinsicElements | AnyComponent;

@@ -40,7 +39,7 @@ export declare type WebTarget = string | KnownTarget;

}
export interface StyleFunction<Props = ExecutionContext> {
(executionContext: Props): Interpolation<Props>;
export interface StyleFunction<Props = BaseExtensibleObject> {
(executionContext: ExecutionContext & Props): Interpolation<Props>;
}
export declare type Interpolation<Props> = StyleFunction<Props> | StyledObject<Props> | TemplateStringsArray | string | number | Keyframes | IStyledComponent<any, any> | Interpolation<Props>[];
export declare type Attrs<Props> = (ExtensibleObject & Props) | ((props: Props) => Partial<Props>);
export declare type Interpolation<Props> = StyleFunction<Props> | StyledObject<Props> | TemplateStringsArray | string | number | undefined | null | Keyframes | IStyledComponent<'web', any, any> | Interpolation<Props>[];
export declare type Attrs<Props> = (ExtensibleObject & Props) | ((props: ExecutionContext & Props) => Partial<Props>);
export declare type RuleSet<Props> = Interpolation<Props>[];

@@ -65,20 +64,21 @@ export declare type Styles<Props> = TemplateStringsArray | StyledObject<Props> | StyleFunction<Props>;

}
export interface ShouldForwardProp {
(prop: string, isValidAttr: (prop: string) => boolean, elementToBeCreated?: WebTarget | NativeTarget): boolean;
export interface ShouldForwardProp<R extends Runtime> {
(prop: string, elementToBeCreated?: StyledTarget<R>): boolean;
}
export interface CommonStatics<Props> {
export interface CommonStatics<R extends Runtime, Props> {
attrs: Attrs<Props>[];
target: StyledTarget;
shouldForwardProp?: ShouldForwardProp;
target: StyledTarget<R>;
shouldForwardProp?: ShouldForwardProp<R>;
withComponent: any;
}
export interface IStyledStatics<OuterProps = unknown> extends CommonStatics<OuterProps> {
componentStyle: ComponentStyle;
foldedComponentIds: Array<string>;
target: WebTarget;
styledComponentId: string;
warnTooManyClasses?: ReturnType<typeof createWarnTooManyClasses>;
withComponent: <Target extends WebTarget, Props = unknown>(tag: Target) => IStyledComponent<Target, OuterProps & Props>;
export interface IStyledStatics<R extends Runtime, OuterProps = unknown> extends CommonStatics<R, OuterProps> {
componentStyle: R extends 'web' ? ComponentStyle : never;
foldedComponentIds: R extends 'web' ? Array<string> : never;
inlineStyle: R extends 'native' ? InstanceType<IInlineStyleConstructor<OuterProps>> : never;
target: StyledTarget<R>;
styledComponentId: R extends 'web' ? string : never;
warnTooManyClasses?: R extends 'web' ? ReturnType<typeof createWarnTooManyClasses> : never;
withComponent: <Target extends StyledTarget<R>, Props = unknown>(tag: Target) => IStyledComponent<R, Target, OuterProps & Props>;
}
declare type PolymorphicComponentProps<ActualComponent extends StyledTarget, PropsToBeInjectedIntoActualComponent extends {}, ActualComponentProps = ActualComponent extends KnownTarget ? React.ComponentPropsWithRef<ActualComponent> : {}> = React.HTMLAttributes<ActualComponent> & Omit<PropsToBeInjectedIntoActualComponent, keyof ActualComponentProps | 'as' | '$as'> & ActualComponentProps & ({
declare type PolymorphicComponentProps<R extends Runtime, ActualComponent extends StyledTarget<R>, PropsToBeInjectedIntoActualComponent extends {}, ActualComponentProps = ActualComponent extends KnownTarget ? React.ComponentPropsWithRef<ActualComponent> : {}> = React.HTMLAttributes<ActualComponent> & Omit<PropsToBeInjectedIntoActualComponent, keyof ActualComponentProps | 'as' | '$as'> & ActualComponentProps & ({
$as: ActualComponent;

@@ -89,23 +89,12 @@ as?: AnyComponent;

});
interface PolymorphicComponent<FallbackComponent extends StyledTarget, ExpectedProps = unknown, PropsToBeInjectedIntoActualComponent = unknown> extends React.ForwardRefExoticComponent<ExpectedProps> {
<ActualComponent extends StyledTarget = FallbackComponent>(props: PolymorphicComponentProps<ActualComponent, ExpectedProps & PropsToBeInjectedIntoActualComponent>): React.ReactElement<PolymorphicComponentProps<ActualComponent, ExecutionContext & ExpectedProps & PropsToBeInjectedIntoActualComponent>, ActualComponent>;
interface PolymorphicComponent<R extends Runtime, FallbackComponent extends StyledTarget<R>, ExpectedProps = unknown, PropsToBeInjectedIntoActualComponent = unknown> extends React.ForwardRefExoticComponent<ExpectedProps> {
<ActualComponent extends StyledTarget<R> = FallbackComponent>(props: PolymorphicComponentProps<R, ActualComponent, ExpectedProps & PropsToBeInjectedIntoActualComponent>): React.ReactElement<PolymorphicComponentProps<R, ActualComponent, ExecutionContext & ExpectedProps & PropsToBeInjectedIntoActualComponent>, ActualComponent>;
}
export interface IStyledComponent<Target extends WebTarget, Props = unknown> extends PolymorphicComponent<Target, Props, ExecutionContext>, IStyledStatics<Props> {
export interface IStyledComponent<R extends Runtime, Target extends StyledTarget<R>, Props = unknown> extends PolymorphicComponent<R, Target, Props, ExecutionContext>, IStyledStatics<R, Props> {
defaultProps?: Partial<ExtensibleObject & (Target extends KnownTarget ? React.ComponentProps<Target> : {}) & Props>;
toString: () => string;
}
export interface IStyledComponentFactory<Target extends WebTarget, Props = unknown, Statics = unknown> {
(target: Target, options: StyledOptions<Props>, rules: RuleSet<Props>): IStyledComponent<Target, Props> & Statics;
export interface IStyledComponentFactory<R extends Runtime, Target extends StyledTarget<R>, Props = unknown, Statics = unknown> {
(target: Target, options: StyledOptions<R, Props>, rules: RuleSet<Props>): IStyledComponent<R, Target, Props> & Statics;
}
export interface IStyledNativeStatics<OuterProps = unknown> extends CommonStatics<OuterProps> {
inlineStyle: InstanceType<IInlineStyleConstructor<OuterProps>>;
target: NativeTarget;
withComponent: <Target extends NativeTarget, Props = unknown>(tag: Target) => IStyledNativeComponent<Target, OuterProps & Props>;
}
export interface IStyledNativeComponent<Target extends NativeTarget, Props = unknown> extends PolymorphicComponent<Target, Props, ExecutionContext>, IStyledNativeStatics<Props> {
defaultProps?: Partial<ExtensibleObject & (Target extends KnownTarget ? React.ComponentProps<Target> : {}) & Props>;
}
export interface IStyledNativeComponentFactory<Target extends NativeTarget, Props = unknown, Statics = unknown> {
(target: Target, options: StyledNativeOptions<Props>, rules: RuleSet<Props>): IStyledNativeComponent<Target, Props> & Statics;
}
export interface IInlineStyleConstructor<Props = unknown> {

@@ -118,3 +107,3 @@ new (rules: RuleSet<Props>): IInlineStyle<Props>;

}
export declare type StyledTarget = WebTarget | NativeTarget;
export declare type StyledTarget<R extends Runtime> = R extends 'web' ? WebTarget : NativeTarget;
export interface StyledObject<Props = ExecutionContext> {

@@ -121,0 +110,0 @@ [key: string]: BaseExtensibleObject | string | number | StyleFunction<Props>;

2

native/dist/utils/generateDisplayName.d.ts
import { StyledTarget } from '../types';
export default function generateDisplayName(target: StyledTarget): string;
export default function generateDisplayName(target: StyledTarget<any>): string;

2

native/dist/utils/getComponentName.d.ts
import { StyledTarget } from '../types';
export default function getComponentName(target: StyledTarget): string;
export default function getComponentName(target: StyledTarget<any>): string;

2

native/dist/utils/isStyledComponent.d.ts
import { IStyledComponent } from '../types';
export default function isStyledComponent(target: any): target is IStyledComponent<any>;
export default function isStyledComponent(target: any): target is IStyledComponent<'web', any>;

2

native/dist/utils/isTag.d.ts
import { StyledTarget } from '../types';
export default function isTag(target: StyledTarget): boolean;
export default function isTag(target: StyledTarget<'web'>): target is string;

3

package.json
{
"name": "styled-components",
"version": "6.0.0-beta.1",
"version": "6.0.0-beta.2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",

@@ -72,3 +72,2 @@ "types": "dist/index.d.ts",

"@babel/traverse": "^7.18.8",
"@emotion/is-prop-valid": "^1.1.3",
"@emotion/unitless": "^0.7.4",

@@ -75,0 +74,0 @@ "css-to-react-native": "^3.0.0",

dist/styled-components-macro.cjs.js.map

Sorry, the diff of this file is not supported yet

dist/styled-components-macro.esm.js.map

Sorry, the diff of this file is not supported yet

dist/styled-components.browser.cjs.js

Sorry, the diff of this file is too big to display

dist/styled-components.browser.cjs.js.map

Sorry, the diff of this file is not supported yet

dist/styled-components.browser.esm.js

Sorry, the diff of this file is too big to display

dist/styled-components.browser.esm.js.map

Sorry, the diff of this file is not supported yet

dist/styled-components.cjs.js

Sorry, the diff of this file is too big to display

dist/styled-components.cjs.js.map

Sorry, the diff of this file is not supported yet

dist/styled-components.esm.js

Sorry, the diff of this file is too big to display

dist/styled-components.esm.js.map

Sorry, the diff of this file is not supported yet

dist/styled-components.js

Sorry, the diff of this file is too big to display

dist/styled-components.js.map

Sorry, the diff of this file is not supported yet

dist/styled-components.min.js.map

Sorry, the diff of this file is not supported yet

dist/tsconfig.tsbuildinfo

Sorry, the diff of this file is not supported yet

native/dist/styled-components.native.cjs.js.map

Sorry, the diff of this file is not supported yet

native/dist/styled-components.native.esm.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc