styled-components
Advanced tools
Comparing version 6.0.0-beta.2 to 6.0.0-beta.3
/// <reference types="react" /> | ||
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>; | ||
import { Attrs, Interpolation, IStyledComponent, IStyledComponentFactory, KnownTarget, Runtime, StyledOptions, StyledTarget, Styles } from '../types'; | ||
/** | ||
* for types a and b, if b shares a field with a, mark a's field as optional | ||
*/ | ||
declare type UnionWithOptionalIntersectedFields<A, B> = { | ||
[K in keyof (A | B)]: K extends keyof B ? A[K] | undefined : A[K]; | ||
}; | ||
/** | ||
* attrs can be an object or function that returns an object; attrs are always | ||
* optional and should hole-punch required base types if we're providing the | ||
* value via attrs | ||
*/ | ||
declare type InferAttrResultType<T extends Attrs<object>> = Partial<T extends (...args: any) => infer P ? P : T>; | ||
/** | ||
* If attrs type is a function (no type provided, inferring from usage), extract the return value | ||
* and merge it with the existing type to hole-punch any required fields that are satisfied as | ||
* a result of running attrs. Otherwise if we have a definite type then union the base props | ||
* with the passed attr type to capture any intended overrides. | ||
*/ | ||
declare type ApplyAttrResultToProps<T extends Attrs<object>, Props extends object> = T extends (...args: any) => object ? UnionWithOptionalIntersectedFields<Props, InferAttrResultType<T>> : Props & InferAttrResultType<T>; | ||
export interface Styled<R extends Runtime, Target extends StyledTarget<R>, OuterProps extends object = Target extends KnownTarget ? React.ComponentPropsWithRef<Target> : object, OuterStatics extends object = object> { | ||
<Props extends object = object, Statics extends object = object>(initialStyles: Styles<OuterProps & Props>, ...interpolations: Interpolation<OuterProps & Props>[]): IStyledComponent<R, Target, OuterProps & Props> & OuterStatics & Statics; | ||
attrs: <T extends Attrs<object>>(attrs: Attrs<T extends object ? OuterProps & T : OuterProps>) => Styled<R, Target, ApplyAttrResultToProps<T, OuterProps>, OuterStatics>; | ||
withConfig: (config: StyledOptions<R, OuterProps>) => Styled<R, Target, OuterProps, OuterStatics>; | ||
} | ||
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: StyledOptions<R, DerivedProps & OuterProps & OuterStatics>): any; | ||
}; | ||
/** | ||
* If config methods are called, wrap up a new template function and merge options */ | ||
withConfig(config: StyledOptions<R, DerivedProps & OuterProps & OuterStatics>): any; | ||
}; | ||
/** | ||
* If config methods are called, wrap up a new template function and merge options */ | ||
withConfig(config: StyledOptions<R, DerivedProps & OuterProps>): any; | ||
}; | ||
export default function constructWithOptions<R extends Runtime, Target extends StyledTarget<R>, OuterProps extends object = Target extends KnownTarget ? React.ComponentPropsWithRef<Target> : object, OuterStatics extends object = object>(componentConstructor: IStyledComponentFactory<R, Target, OuterProps, OuterStatics>, tag: Target, options?: StyledOptions<R, OuterProps>): Styled<R, Target, OuterProps, OuterStatics>; | ||
export {}; |
import React from 'react'; | ||
import { ExtensibleObject, Interpolation, Styles } from '../types'; | ||
export default function createGlobalStyle<Props = unknown>(strings: Styles<Props>, ...interpolations: Array<Interpolation<Props>>): React.NamedExoticComponent<ExtensibleObject>; | ||
import { ExecutionProps, Interpolation, Styles } from '../types'; | ||
export default function createGlobalStyle<Props extends object>(strings: Styles<Props>, ...interpolations: Array<Interpolation<Props>>): React.NamedExoticComponent<ExecutionProps>; |
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<"web", any, any> | StyledObject<Props> | StyleFunction<Props> | (Interpolation<Props>[] & { | ||
export default function css<Props extends object>(styles: Styles<Props>, ...interpolations: Interpolation<Props>[]): string | number | false | import("../types").Keyframes | import("../types").IStyledComponent<"web", any, any> | TemplateStringsArray | StyledObject<Props> | StyleFunction<Props> | (import("../types").RuleSet<Props> & { | ||
isCss?: boolean | undefined; | ||
}) | null | undefined; |
import Keyframes from '../models/Keyframes'; | ||
import { Interpolation, Styles } from '../types'; | ||
export default function keyframes<Props = unknown>(strings: Styles<Props>, ...interpolations: Array<Interpolation<Props>>): Keyframes; | ||
export default function keyframes<Props extends object = object>(strings: Styles<Props>, ...interpolations: Array<Interpolation<Props>>): Keyframes; |
/// <reference types="react" /> | ||
import { WebTarget } from '../types'; | ||
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<"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: 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>; | ||
declare const styled: (<Target extends WebTarget>(tag: Target) => Styled<"web", Target, Target extends import("../types").KnownTarget ? import("react").ComponentPropsWithRef<Target> : object, object>) & { | ||
a: Styled<"web", "a", import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, object>; | ||
abbr: Styled<"web", "abbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
address: Styled<"web", "address", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
area: Styled<"web", "area", import("react").DetailedHTMLProps<import("react").AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>, object>; | ||
article: Styled<"web", "article", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
aside: Styled<"web", "aside", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
audio: Styled<"web", "audio", import("react").DetailedHTMLProps<import("react").AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, object>; | ||
b: Styled<"web", "b", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
base: Styled<"web", "base", import("react").DetailedHTMLProps<import("react").BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement>, object>; | ||
bdi: Styled<"web", "bdi", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
bdo: Styled<"web", "bdo", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
big: Styled<"web", "big", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
blockquote: Styled<"web", "blockquote", import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
body: Styled<"web", "body", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, object>; | ||
br: Styled<"web", "br", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBRElement>, HTMLBRElement>, object>; | ||
button: Styled<"web", "button", import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, object>; | ||
canvas: Styled<"web", "canvas", import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, object>; | ||
caption: Styled<"web", "caption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
cite: Styled<"web", "cite", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
code: Styled<"web", "code", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
col: Styled<"web", "col", import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, object>; | ||
colgroup: Styled<"web", "colgroup", import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, object>; | ||
data: Styled<"web", "data", import("react").DetailedHTMLProps<import("react").DataHTMLAttributes<HTMLDataElement>, HTMLDataElement>, object>; | ||
datalist: Styled<"web", "datalist", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>, object>; | ||
dd: Styled<"web", "dd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
del: Styled<"web", "del", import("react").DetailedHTMLProps<import("react").DelHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
details: Styled<"web", "details", import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
dfn: Styled<"web", "dfn", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
dialog: Styled<"web", "dialog", import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, object>; | ||
div: Styled<"web", "div", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, object>; | ||
dl: Styled<"web", "dl", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement>, object>; | ||
dt: Styled<"web", "dt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
em: Styled<"web", "em", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
embed: Styled<"web", "embed", import("react").DetailedHTMLProps<import("react").EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>, object>; | ||
fieldset: Styled<"web", "fieldset", import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, object>; | ||
figcaption: Styled<"web", "figcaption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
figure: Styled<"web", "figure", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
footer: Styled<"web", "footer", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
form: Styled<"web", "form", import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, object>; | ||
h1: Styled<"web", "h1", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object>; | ||
h2: Styled<"web", "h2", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object>; | ||
h3: Styled<"web", "h3", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object>; | ||
h4: Styled<"web", "h4", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object>; | ||
h5: Styled<"web", "h5", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object>; | ||
h6: Styled<"web", "h6", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object>; | ||
head: Styled<"web", "head", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadElement>, HTMLHeadElement>, object>; | ||
header: Styled<"web", "header", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
hgroup: Styled<"web", "hgroup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
hr: Styled<"web", "hr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, object>; | ||
html: Styled<"web", "html", import("react").DetailedHTMLProps<import("react").HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>, object>; | ||
i: Styled<"web", "i", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
iframe: Styled<"web", "iframe", import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, object>; | ||
img: Styled<"web", "img", import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, object>; | ||
input: Styled<"web", "input", import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, object>; | ||
ins: Styled<"web", "ins", import("react").DetailedHTMLProps<import("react").InsHTMLAttributes<HTMLModElement>, HTMLModElement>, object>; | ||
kbd: Styled<"web", "kbd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
keygen: Styled<"web", "keygen", import("react").DetailedHTMLProps<import("react").KeygenHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
label: Styled<"web", "label", import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, object>; | ||
legend: Styled<"web", "legend", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, object>; | ||
li: Styled<"web", "li", import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, object>; | ||
link: Styled<"web", "link", import("react").DetailedHTMLProps<import("react").LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>, object>; | ||
main: Styled<"web", "main", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
map: Styled<"web", "map", import("react").DetailedHTMLProps<import("react").MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>, object>; | ||
mark: Styled<"web", "mark", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
menu: Styled<"web", "menu", import("react").DetailedHTMLProps<import("react").MenuHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
menuitem: Styled<"web", "menuitem", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
meta: Styled<"web", "meta", import("react").DetailedHTMLProps<import("react").MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>, object>; | ||
meter: Styled<"web", "meter", import("react").DetailedHTMLProps<import("react").MeterHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
nav: Styled<"web", "nav", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
noindex: Styled<"web", "noindex", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
noscript: Styled<"web", "noscript", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
object: Styled<"web", "object", import("react").DetailedHTMLProps<import("react").ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>, object>; | ||
ol: Styled<"web", "ol", import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, object>; | ||
optgroup: Styled<"web", "optgroup", import("react").DetailedHTMLProps<import("react").OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, object>; | ||
option: Styled<"web", "option", import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, object>; | ||
output: Styled<"web", "output", import("react").DetailedHTMLProps<import("react").OutputHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
p: Styled<"web", "p", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, object>; | ||
param: Styled<"web", "param", import("react").DetailedHTMLProps<import("react").ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement>, object>; | ||
picture: Styled<"web", "picture", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
pre: Styled<"web", "pre", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, object>; | ||
progress: Styled<"web", "progress", import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>, object>; | ||
q: Styled<"web", "q", import("react").DetailedHTMLProps<import("react").QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, object>; | ||
rp: Styled<"web", "rp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
rt: Styled<"web", "rt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
ruby: Styled<"web", "ruby", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
s: Styled<"web", "s", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
samp: Styled<"web", "samp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
slot: Styled<"web", "slot", import("react").DetailedHTMLProps<import("react").SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement>, object>; | ||
script: Styled<"web", "script", import("react").DetailedHTMLProps<import("react").ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement>, object>; | ||
section: Styled<"web", "section", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
select: Styled<"web", "select", import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, object>; | ||
small: Styled<"web", "small", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
source: Styled<"web", "source", import("react").DetailedHTMLProps<import("react").SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>, object>; | ||
span: Styled<"web", "span", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, object>; | ||
strong: Styled<"web", "strong", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
style: Styled<"web", "style", import("react").DetailedHTMLProps<import("react").StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>, object>; | ||
sub: Styled<"web", "sub", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
summary: Styled<"web", "summary", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
sup: Styled<"web", "sup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
table: Styled<"web", "table", import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, object>; | ||
template: Styled<"web", "template", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement>, object>; | ||
tbody: Styled<"web", "tbody", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, object>; | ||
td: Styled<"web", "td", import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, object>; | ||
textarea: Styled<"web", "textarea", import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, object>; | ||
tfoot: Styled<"web", "tfoot", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, object>; | ||
th: Styled<"web", "th", import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, object>; | ||
thead: Styled<"web", "thead", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, object>; | ||
time: Styled<"web", "time", import("react").DetailedHTMLProps<import("react").TimeHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
title: Styled<"web", "title", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>, object>; | ||
tr: Styled<"web", "tr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, object>; | ||
track: Styled<"web", "track", import("react").DetailedHTMLProps<import("react").TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>, object>; | ||
u: Styled<"web", "u", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
ul: Styled<"web", "ul", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, object>; | ||
var: Styled<"web", "var", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
video: Styled<"web", "video", import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, object>; | ||
wbr: Styled<"web", "wbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
webview: Styled<"web", "webview", import("react").DetailedHTMLProps<import("react").WebViewHTMLAttributes<HTMLWebViewElement>, HTMLWebViewElement>, object>; | ||
svg: Styled<"web", "svg", import("react").SVGProps<SVGSVGElement>, object>; | ||
animate: Styled<"web", "animate", import("react").SVGProps<SVGElement>, object>; | ||
animateMotion: Styled<"web", "animateMotion", import("react").SVGProps<SVGElement>, object>; | ||
animateTransform: Styled<"web", "animateTransform", import("react").SVGProps<SVGElement>, object>; | ||
circle: Styled<"web", "circle", import("react").SVGProps<SVGCircleElement>, object>; | ||
clipPath: Styled<"web", "clipPath", import("react").SVGProps<SVGClipPathElement>, object>; | ||
defs: Styled<"web", "defs", import("react").SVGProps<SVGDefsElement>, object>; | ||
desc: Styled<"web", "desc", import("react").SVGProps<SVGDescElement>, object>; | ||
ellipse: Styled<"web", "ellipse", import("react").SVGProps<SVGEllipseElement>, object>; | ||
feBlend: Styled<"web", "feBlend", import("react").SVGProps<SVGFEBlendElement>, object>; | ||
feColorMatrix: Styled<"web", "feColorMatrix", import("react").SVGProps<SVGFEColorMatrixElement>, object>; | ||
feComponentTransfer: Styled<"web", "feComponentTransfer", import("react").SVGProps<SVGFEComponentTransferElement>, object>; | ||
feComposite: Styled<"web", "feComposite", import("react").SVGProps<SVGFECompositeElement>, object>; | ||
feConvolveMatrix: Styled<"web", "feConvolveMatrix", import("react").SVGProps<SVGFEConvolveMatrixElement>, object>; | ||
feDiffuseLighting: Styled<"web", "feDiffuseLighting", import("react").SVGProps<SVGFEDiffuseLightingElement>, object>; | ||
feDisplacementMap: Styled<"web", "feDisplacementMap", import("react").SVGProps<SVGFEDisplacementMapElement>, object>; | ||
feDistantLight: Styled<"web", "feDistantLight", import("react").SVGProps<SVGFEDistantLightElement>, object>; | ||
feDropShadow: Styled<"web", "feDropShadow", import("react").SVGProps<SVGFEDropShadowElement>, object>; | ||
feFlood: Styled<"web", "feFlood", import("react").SVGProps<SVGFEFloodElement>, object>; | ||
feFuncA: Styled<"web", "feFuncA", import("react").SVGProps<SVGFEFuncAElement>, object>; | ||
feFuncB: Styled<"web", "feFuncB", import("react").SVGProps<SVGFEFuncBElement>, object>; | ||
feFuncG: Styled<"web", "feFuncG", import("react").SVGProps<SVGFEFuncGElement>, object>; | ||
feFuncR: Styled<"web", "feFuncR", import("react").SVGProps<SVGFEFuncRElement>, object>; | ||
feGaussianBlur: Styled<"web", "feGaussianBlur", import("react").SVGProps<SVGFEGaussianBlurElement>, object>; | ||
feImage: Styled<"web", "feImage", import("react").SVGProps<SVGFEImageElement>, object>; | ||
feMerge: Styled<"web", "feMerge", import("react").SVGProps<SVGFEMergeElement>, object>; | ||
feMergeNode: Styled<"web", "feMergeNode", import("react").SVGProps<SVGFEMergeNodeElement>, object>; | ||
feMorphology: Styled<"web", "feMorphology", import("react").SVGProps<SVGFEMorphologyElement>, object>; | ||
feOffset: Styled<"web", "feOffset", import("react").SVGProps<SVGFEOffsetElement>, object>; | ||
fePointLight: Styled<"web", "fePointLight", import("react").SVGProps<SVGFEPointLightElement>, object>; | ||
feSpecularLighting: Styled<"web", "feSpecularLighting", import("react").SVGProps<SVGFESpecularLightingElement>, object>; | ||
feSpotLight: Styled<"web", "feSpotLight", import("react").SVGProps<SVGFESpotLightElement>, object>; | ||
feTile: Styled<"web", "feTile", import("react").SVGProps<SVGFETileElement>, object>; | ||
feTurbulence: Styled<"web", "feTurbulence", import("react").SVGProps<SVGFETurbulenceElement>, object>; | ||
filter: Styled<"web", "filter", import("react").SVGProps<SVGFilterElement>, object>; | ||
foreignObject: Styled<"web", "foreignObject", import("react").SVGProps<SVGForeignObjectElement>, object>; | ||
g: Styled<"web", "g", import("react").SVGProps<SVGGElement>, object>; | ||
image: Styled<"web", "image", import("react").SVGProps<SVGImageElement>, object>; | ||
line: Styled<"web", "line", import("react").SVGProps<SVGLineElement>, object>; | ||
linearGradient: Styled<"web", "linearGradient", import("react").SVGProps<SVGLinearGradientElement>, object>; | ||
marker: Styled<"web", "marker", import("react").SVGProps<SVGMarkerElement>, object>; | ||
mask: Styled<"web", "mask", import("react").SVGProps<SVGMaskElement>, object>; | ||
metadata: Styled<"web", "metadata", import("react").SVGProps<SVGMetadataElement>, object>; | ||
mpath: Styled<"web", "mpath", import("react").SVGProps<SVGElement>, object>; | ||
path: Styled<"web", "path", import("react").SVGProps<SVGPathElement>, object>; | ||
pattern: Styled<"web", "pattern", import("react").SVGProps<SVGPatternElement>, object>; | ||
polygon: Styled<"web", "polygon", import("react").SVGProps<SVGPolygonElement>, object>; | ||
polyline: Styled<"web", "polyline", import("react").SVGProps<SVGPolylineElement>, object>; | ||
radialGradient: Styled<"web", "radialGradient", import("react").SVGProps<SVGRadialGradientElement>, object>; | ||
rect: Styled<"web", "rect", import("react").SVGProps<SVGRectElement>, object>; | ||
stop: Styled<"web", "stop", import("react").SVGProps<SVGStopElement>, object>; | ||
switch: Styled<"web", "switch", import("react").SVGProps<SVGSwitchElement>, object>; | ||
symbol: Styled<"web", "symbol", import("react").SVGProps<SVGSymbolElement>, object>; | ||
text: Styled<"web", "text", import("react").SVGProps<SVGTextElement>, object>; | ||
textPath: Styled<"web", "textPath", import("react").SVGProps<SVGTextPathElement>, object>; | ||
tspan: Styled<"web", "tspan", import("react").SVGProps<SVGTSpanElement>, object>; | ||
use: Styled<"web", "use", import("react").SVGProps<SVGUseElement>, object>; | ||
view: Styled<"web", "view", import("react").SVGProps<SVGViewElement>, object>; | ||
}; | ||
export default styled; |
import React from 'react'; | ||
import { AnyComponent, ExecutionContext } from '../types'; | ||
export default function withTheme<T extends AnyComponent>(Component: T): React.ForwardRefExoticComponent<React.PropsWithoutRef<JSX.LibraryManagedAttributes<T, ExecutionContext>> & React.RefAttributes<T>> & { [key in Exclude<keyof T, T extends React.MemoExoticComponent<any> ? "propTypes" | "defaultProps" | "displayName" | "$$typeof" | "type" | "compare" : T extends React.ForwardRefExoticComponent<any> ? "propTypes" | "defaultProps" | "displayName" | "$$typeof" | "render" : "length" | "propTypes" | "contextType" | "contextTypes" | "childContextTypes" | "defaultProps" | "displayName" | "getDerivedStateFromProps" | "getDerivedStateFromError" | "type" | "getDefaultProps" | "mixins" | "name" | "prototype" | "caller" | "callee" | "arguments" | "arity">]: T[key]; }; | ||
import { AnyComponent, ExecutionProps } from '../types'; | ||
export default function withTheme<T extends AnyComponent>(Component: T): React.ForwardRefExoticComponent<React.PropsWithoutRef<JSX.LibraryManagedAttributes<T, ExecutionProps>> & React.RefAttributes<T>> & { [key in Exclude<keyof T, T extends React.MemoExoticComponent<any> ? "propTypes" | "defaultProps" | "displayName" | "$$typeof" | "type" | "compare" : T extends React.ForwardRefExoticComponent<any> ? "propTypes" | "defaultProps" | "displayName" | "$$typeof" | "render" : "length" | "propTypes" | "contextType" | "contextTypes" | "childContextTypes" | "defaultProps" | "displayName" | "getDerivedStateFromProps" | "getDerivedStateFromError" | "type" | "getDefaultProps" | "mixins" | "name" | "prototype" | "caller" | "callee" | "arguments" | "arity">]: T[key]; }; |
import StyleSheet from '../sheet'; | ||
import { ExecutionContext, FlattenerResult, RuleSet, Stringifier } from '../types'; | ||
export default class GlobalStyle<Props = unknown> { | ||
export default class GlobalStyle<Props extends object> { | ||
componentId: string; | ||
@@ -5,0 +5,0 @@ isStatic: boolean; |
@@ -6,2 +6,2 @@ import { IInlineStyleConstructor, StyleSheet } from '../types'; | ||
*/ | ||
export default function makeInlineStyleClass<Props = unknown>(styleSheet: StyleSheet): IInlineStyleConstructor<Props>; | ||
export default function makeInlineStyleClass<Props extends object>(styleSheet: StyleSheet): IInlineStyleConstructor<Props>; |
import type { IStyledComponentFactory, RuleSet, StyledOptions, WebTarget } from '../types'; | ||
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>>; | ||
declare function createStyledComponent<Target extends WebTarget, OuterProps extends object, Statics extends object = object>(target: Target, options: StyledOptions<'web', OuterProps>, rules: RuleSet<OuterProps>): ReturnType<IStyledComponentFactory<'web', Target, OuterProps, Statics>>; | ||
export default createStyledComponent; |
@@ -1,3 +0,3 @@ | ||
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; | ||
import type { ExecutionProps, IInlineStyleConstructor, IStyledComponent, IStyledComponentFactory, NativeTarget, RuleSet, StyledOptions } from '../types'; | ||
declare const _default: (InlineStyle: IInlineStyleConstructor<any>) => <Target extends NativeTarget, OuterProps extends ExecutionProps, Statics extends object = object>(target: Target, options: StyledOptions<"native", OuterProps>, rules: RuleSet<OuterProps>) => IStyledComponent<"native", Target, OuterProps & object> & Statics & object; | ||
export default _default; |
@@ -9,31 +9,27 @@ import React from 'react'; | ||
import isStyledComponent from '../utils/isStyledComponent'; | ||
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").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: 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>; | ||
declare const styled: (<Target extends NativeTarget>(tag: Target) => Styled<"native", Target, Target extends import("../types").KnownTarget ? React.ComponentPropsWithRef<Target> : object, object>) & { | ||
ActivityIndicator: Styled<"native", typeof import("react-native").ActivityIndicator, import("react-native").ActivityIndicatorProps & React.RefAttributes<import("react-native").ActivityIndicator>, object>; | ||
Button: Styled<"native", typeof import("react-native").Button, import("react-native").ButtonProps & React.RefAttributes<import("react-native").Button>, object>; | ||
DatePickerIOS: Styled<"native", typeof import("react-native").DatePickerIOS, import("react-native").DatePickerIOSProps & React.RefAttributes<import("react-native").DatePickerIOS>, object>; | ||
DrawerLayoutAndroid: Styled<"native", typeof import("react-native").DrawerLayoutAndroid, import("react-native").DrawerLayoutAndroidProps & React.RefAttributes<import("react-native").DrawerLayoutAndroid>, object>; | ||
FlatList: Styled<"native", typeof import("react-native").FlatList, import("react-native").FlatListProps<unknown> & React.RefAttributes<import("react-native").FlatList<unknown>>, object>; | ||
Image: Styled<"native", typeof import("react-native").Image, import("react-native").ImageProps & React.RefAttributes<import("react-native").Image>, object>; | ||
ImageBackground: Styled<"native", typeof import("react-native").ImageBackground, import("react-native").ImageBackgroundProps & React.RefAttributes<import("react-native").ImageBackground>, object>; | ||
KeyboardAvoidingView: Styled<"native", typeof import("react-native").KeyboardAvoidingView, import("react-native").KeyboardAvoidingViewProps & React.RefAttributes<import("react-native").KeyboardAvoidingView>, object>; | ||
Modal: Styled<"native", typeof import("react-native").Modal, import("react-native").ModalBaseProps & import("react-native").ModalPropsIOS & import("react-native").ModalPropsAndroid & import("react-native").ViewProps & React.RefAttributes<import("react-native").Modal>, object>; | ||
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>, object>; | ||
ProgressBarAndroid: Styled<"native", typeof import("react-native").ProgressBarAndroid, import("react-native").ProgressBarAndroidProps & React.RefAttributes<import("react-native").ProgressBarAndroid>, object>; | ||
ProgressViewIOS: Styled<"native", typeof import("react-native").ProgressViewIOS, import("react-native").ProgressViewIOSProps & React.RefAttributes<import("react-native").ProgressViewIOS>, object>; | ||
RefreshControl: Styled<"native", typeof import("react-native").RefreshControl, import("react-native").RefreshControlProps & React.RefAttributes<import("react-native").RefreshControl>, object>; | ||
SafeAreaView: Styled<"native", typeof import("react-native").SafeAreaView, import("react-native").ViewProps & React.RefAttributes<import("react-native").SafeAreaView>, object>; | ||
ScrollView: Styled<"native", typeof import("react-native").ScrollView, import("react-native").ScrollViewProps & React.RefAttributes<import("react-native").ScrollView>, object>; | ||
SectionList: Styled<"native", typeof import("react-native").SectionList, import("react-native").SectionListProps<unknown, unknown> & React.RefAttributes<import("react-native").SectionList<unknown, unknown>>, object>; | ||
Slider: Styled<"native", typeof import("react-native").Slider, import("react-native").SliderProps & React.RefAttributes<import("react-native").Slider>, object>; | ||
Switch: Styled<"native", typeof import("react-native").Switch, import("react-native").SwitchProps & React.RefAttributes<import("react-native").Switch>, object>; | ||
Text: Styled<"native", typeof import("react-native").Text, import("react-native").TextProps & React.RefAttributes<import("react-native").Text>, object>; | ||
TextInput: Styled<"native", typeof import("react-native").TextInput, import("react-native").TextInputProps & React.RefAttributes<import("react-native").TextInput>, object>; | ||
TouchableHighlight: Styled<"native", typeof import("react-native").TouchableHighlight, import("react-native").TouchableHighlightProps & React.RefAttributes<import("react-native").TouchableHighlight>, object>; | ||
TouchableOpacity: Styled<"native", typeof import("react-native").TouchableOpacity, import("react-native").TouchableOpacityProps & React.RefAttributes<import("react-native").TouchableOpacity>, object>; | ||
View: Styled<"native", typeof import("react-native").View, import("react-native").ViewProps & React.RefAttributes<import("react-native").View>, object>; | ||
VirtualizedList: Styled<"native", typeof import("react-native").VirtualizedList, import("react-native").VirtualizedListProps<unknown> & React.RefAttributes<import("react-native").VirtualizedList<unknown>>, object>; | ||
}; | ||
@@ -40,0 +36,0 @@ export { IStyledComponent, IStyledComponentFactory, IStyledStatics, NativeTarget, StyledOptions, } from '../types'; |
@@ -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",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}); | ||
!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.3",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.startsWith("--")?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=ct(r,e.useContext(at),i)||h,m=s.reduce(function(e,t){var r,n="function"==typeof t?t(e):t;for(r in n)e[r]="className"===r?Mt(e[r],n[r]):"style"===r?f(f({},e[r]),n[r]):n[r];return e},f(f({},r),{theme:d})),g=function(e,t,r,n){var o=Ge(),s=Me();return e.generateAndInjectStyles(t?h:r,o,s)}(a,o,m),v=n,y=m.as||p,S=Gt(y);for(var b in m)"$"===b[0]||"as"===b||"theme"===b?m[b]=void 0:"forwardedAs"===b?(m.as=m[b],m[b]=void 0):u&&!u(b,y)&&(m[b]=void 0);return m[S&&-1===Nt.indexOf(y)?"class":"className"]=c.concat(l,g!==l?g:"",m.className||"").filter(Boolean).join(" "),m.ref=v,e.createElement(y,m)}(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 |
/// <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<"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").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>; | ||
export declare const resetStyled: (isServer?: boolean) => (<Target extends import("..").WebTarget>(tag: Target) => import("../constructors/constructWithOptions").Styled<"web", Target, Target extends import("../types").KnownTarget ? import("react").ComponentPropsWithRef<Target> : object, object>) & { | ||
a: import("../constructors/constructWithOptions").Styled<"web", "a", import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, object>; | ||
abbr: import("../constructors/constructWithOptions").Styled<"web", "abbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
address: import("../constructors/constructWithOptions").Styled<"web", "address", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
area: import("../constructors/constructWithOptions").Styled<"web", "area", import("react").DetailedHTMLProps<import("react").AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>, object>; | ||
article: import("../constructors/constructWithOptions").Styled<"web", "article", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
aside: import("../constructors/constructWithOptions").Styled<"web", "aside", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
audio: import("../constructors/constructWithOptions").Styled<"web", "audio", import("react").DetailedHTMLProps<import("react").AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, object>; | ||
b: import("../constructors/constructWithOptions").Styled<"web", "b", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
base: import("../constructors/constructWithOptions").Styled<"web", "base", import("react").DetailedHTMLProps<import("react").BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement>, object>; | ||
bdi: import("../constructors/constructWithOptions").Styled<"web", "bdi", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
bdo: import("../constructors/constructWithOptions").Styled<"web", "bdo", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
big: import("../constructors/constructWithOptions").Styled<"web", "big", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
blockquote: import("../constructors/constructWithOptions").Styled<"web", "blockquote", import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
body: import("../constructors/constructWithOptions").Styled<"web", "body", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, object>; | ||
br: import("../constructors/constructWithOptions").Styled<"web", "br", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBRElement>, HTMLBRElement>, object>; | ||
button: import("../constructors/constructWithOptions").Styled<"web", "button", import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, object>; | ||
canvas: import("../constructors/constructWithOptions").Styled<"web", "canvas", import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, object>; | ||
caption: import("../constructors/constructWithOptions").Styled<"web", "caption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
cite: import("../constructors/constructWithOptions").Styled<"web", "cite", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
code: import("../constructors/constructWithOptions").Styled<"web", "code", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
col: import("../constructors/constructWithOptions").Styled<"web", "col", import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, object>; | ||
colgroup: import("../constructors/constructWithOptions").Styled<"web", "colgroup", import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, object>; | ||
data: import("../constructors/constructWithOptions").Styled<"web", "data", import("react").DetailedHTMLProps<import("react").DataHTMLAttributes<HTMLDataElement>, HTMLDataElement>, object>; | ||
datalist: import("../constructors/constructWithOptions").Styled<"web", "datalist", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>, object>; | ||
dd: import("../constructors/constructWithOptions").Styled<"web", "dd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
del: import("../constructors/constructWithOptions").Styled<"web", "del", import("react").DetailedHTMLProps<import("react").DelHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
details: import("../constructors/constructWithOptions").Styled<"web", "details", import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
dfn: import("../constructors/constructWithOptions").Styled<"web", "dfn", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
dialog: import("../constructors/constructWithOptions").Styled<"web", "dialog", import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, object>; | ||
div: import("../constructors/constructWithOptions").Styled<"web", "div", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, object>; | ||
dl: import("../constructors/constructWithOptions").Styled<"web", "dl", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement>, object>; | ||
dt: import("../constructors/constructWithOptions").Styled<"web", "dt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
em: import("../constructors/constructWithOptions").Styled<"web", "em", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
embed: import("../constructors/constructWithOptions").Styled<"web", "embed", import("react").DetailedHTMLProps<import("react").EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>, object>; | ||
fieldset: import("../constructors/constructWithOptions").Styled<"web", "fieldset", import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, object>; | ||
figcaption: import("../constructors/constructWithOptions").Styled<"web", "figcaption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
figure: import("../constructors/constructWithOptions").Styled<"web", "figure", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
footer: import("../constructors/constructWithOptions").Styled<"web", "footer", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
form: import("../constructors/constructWithOptions").Styled<"web", "form", import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, object>; | ||
h1: import("../constructors/constructWithOptions").Styled<"web", "h1", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object>; | ||
h2: import("../constructors/constructWithOptions").Styled<"web", "h2", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object>; | ||
h3: import("../constructors/constructWithOptions").Styled<"web", "h3", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object>; | ||
h4: import("../constructors/constructWithOptions").Styled<"web", "h4", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object>; | ||
h5: import("../constructors/constructWithOptions").Styled<"web", "h5", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object>; | ||
h6: import("../constructors/constructWithOptions").Styled<"web", "h6", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object>; | ||
head: import("../constructors/constructWithOptions").Styled<"web", "head", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadElement>, HTMLHeadElement>, object>; | ||
header: import("../constructors/constructWithOptions").Styled<"web", "header", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
hgroup: import("../constructors/constructWithOptions").Styled<"web", "hgroup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
hr: import("../constructors/constructWithOptions").Styled<"web", "hr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, object>; | ||
html: import("../constructors/constructWithOptions").Styled<"web", "html", import("react").DetailedHTMLProps<import("react").HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>, object>; | ||
i: import("../constructors/constructWithOptions").Styled<"web", "i", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
iframe: import("../constructors/constructWithOptions").Styled<"web", "iframe", import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, object>; | ||
img: import("../constructors/constructWithOptions").Styled<"web", "img", import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, object>; | ||
input: import("../constructors/constructWithOptions").Styled<"web", "input", import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, object>; | ||
ins: import("../constructors/constructWithOptions").Styled<"web", "ins", import("react").DetailedHTMLProps<import("react").InsHTMLAttributes<HTMLModElement>, HTMLModElement>, object>; | ||
kbd: import("../constructors/constructWithOptions").Styled<"web", "kbd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
keygen: import("../constructors/constructWithOptions").Styled<"web", "keygen", import("react").DetailedHTMLProps<import("react").KeygenHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
label: import("../constructors/constructWithOptions").Styled<"web", "label", import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, object>; | ||
legend: import("../constructors/constructWithOptions").Styled<"web", "legend", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, object>; | ||
li: import("../constructors/constructWithOptions").Styled<"web", "li", import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, object>; | ||
link: import("../constructors/constructWithOptions").Styled<"web", "link", import("react").DetailedHTMLProps<import("react").LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>, object>; | ||
main: import("../constructors/constructWithOptions").Styled<"web", "main", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
map: import("../constructors/constructWithOptions").Styled<"web", "map", import("react").DetailedHTMLProps<import("react").MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>, object>; | ||
mark: import("../constructors/constructWithOptions").Styled<"web", "mark", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
menu: import("../constructors/constructWithOptions").Styled<"web", "menu", import("react").DetailedHTMLProps<import("react").MenuHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
menuitem: import("../constructors/constructWithOptions").Styled<"web", "menuitem", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
meta: import("../constructors/constructWithOptions").Styled<"web", "meta", import("react").DetailedHTMLProps<import("react").MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>, object>; | ||
meter: import("../constructors/constructWithOptions").Styled<"web", "meter", import("react").DetailedHTMLProps<import("react").MeterHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
nav: import("../constructors/constructWithOptions").Styled<"web", "nav", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
noindex: import("../constructors/constructWithOptions").Styled<"web", "noindex", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
noscript: import("../constructors/constructWithOptions").Styled<"web", "noscript", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
object: import("../constructors/constructWithOptions").Styled<"web", "object", import("react").DetailedHTMLProps<import("react").ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>, object>; | ||
ol: import("../constructors/constructWithOptions").Styled<"web", "ol", import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, object>; | ||
optgroup: import("../constructors/constructWithOptions").Styled<"web", "optgroup", import("react").DetailedHTMLProps<import("react").OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, object>; | ||
option: import("../constructors/constructWithOptions").Styled<"web", "option", import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, object>; | ||
output: import("../constructors/constructWithOptions").Styled<"web", "output", import("react").DetailedHTMLProps<import("react").OutputHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
p: import("../constructors/constructWithOptions").Styled<"web", "p", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, object>; | ||
param: import("../constructors/constructWithOptions").Styled<"web", "param", import("react").DetailedHTMLProps<import("react").ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement>, object>; | ||
picture: import("../constructors/constructWithOptions").Styled<"web", "picture", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
pre: import("../constructors/constructWithOptions").Styled<"web", "pre", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, object>; | ||
progress: import("../constructors/constructWithOptions").Styled<"web", "progress", import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>, object>; | ||
q: import("../constructors/constructWithOptions").Styled<"web", "q", import("react").DetailedHTMLProps<import("react").QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, object>; | ||
rp: import("../constructors/constructWithOptions").Styled<"web", "rp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
rt: import("../constructors/constructWithOptions").Styled<"web", "rt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
ruby: import("../constructors/constructWithOptions").Styled<"web", "ruby", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
s: import("../constructors/constructWithOptions").Styled<"web", "s", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
samp: import("../constructors/constructWithOptions").Styled<"web", "samp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
slot: import("../constructors/constructWithOptions").Styled<"web", "slot", import("react").DetailedHTMLProps<import("react").SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement>, object>; | ||
script: import("../constructors/constructWithOptions").Styled<"web", "script", import("react").DetailedHTMLProps<import("react").ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement>, object>; | ||
section: import("../constructors/constructWithOptions").Styled<"web", "section", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
select: import("../constructors/constructWithOptions").Styled<"web", "select", import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, object>; | ||
small: import("../constructors/constructWithOptions").Styled<"web", "small", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
source: import("../constructors/constructWithOptions").Styled<"web", "source", import("react").DetailedHTMLProps<import("react").SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>, object>; | ||
span: import("../constructors/constructWithOptions").Styled<"web", "span", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, object>; | ||
strong: import("../constructors/constructWithOptions").Styled<"web", "strong", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
style: import("../constructors/constructWithOptions").Styled<"web", "style", import("react").DetailedHTMLProps<import("react").StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>, object>; | ||
sub: import("../constructors/constructWithOptions").Styled<"web", "sub", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
summary: import("../constructors/constructWithOptions").Styled<"web", "summary", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
sup: import("../constructors/constructWithOptions").Styled<"web", "sup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
table: import("../constructors/constructWithOptions").Styled<"web", "table", import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, object>; | ||
template: import("../constructors/constructWithOptions").Styled<"web", "template", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement>, object>; | ||
tbody: import("../constructors/constructWithOptions").Styled<"web", "tbody", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, object>; | ||
td: import("../constructors/constructWithOptions").Styled<"web", "td", import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, object>; | ||
textarea: import("../constructors/constructWithOptions").Styled<"web", "textarea", import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, object>; | ||
tfoot: import("../constructors/constructWithOptions").Styled<"web", "tfoot", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, object>; | ||
th: import("../constructors/constructWithOptions").Styled<"web", "th", import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, object>; | ||
thead: import("../constructors/constructWithOptions").Styled<"web", "thead", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, object>; | ||
time: import("../constructors/constructWithOptions").Styled<"web", "time", import("react").DetailedHTMLProps<import("react").TimeHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
title: import("../constructors/constructWithOptions").Styled<"web", "title", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>, object>; | ||
tr: import("../constructors/constructWithOptions").Styled<"web", "tr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, object>; | ||
track: import("../constructors/constructWithOptions").Styled<"web", "track", import("react").DetailedHTMLProps<import("react").TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>, object>; | ||
u: import("../constructors/constructWithOptions").Styled<"web", "u", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
ul: import("../constructors/constructWithOptions").Styled<"web", "ul", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, object>; | ||
var: import("../constructors/constructWithOptions").Styled<"web", "var", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
video: import("../constructors/constructWithOptions").Styled<"web", "video", import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, object>; | ||
wbr: import("../constructors/constructWithOptions").Styled<"web", "wbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
webview: import("../constructors/constructWithOptions").Styled<"web", "webview", import("react").DetailedHTMLProps<import("react").WebViewHTMLAttributes<HTMLWebViewElement>, HTMLWebViewElement>, object>; | ||
svg: import("../constructors/constructWithOptions").Styled<"web", "svg", import("react").SVGProps<SVGSVGElement>, object>; | ||
animate: import("../constructors/constructWithOptions").Styled<"web", "animate", import("react").SVGProps<SVGElement>, object>; | ||
animateMotion: import("../constructors/constructWithOptions").Styled<"web", "animateMotion", import("react").SVGProps<SVGElement>, object>; | ||
animateTransform: import("../constructors/constructWithOptions").Styled<"web", "animateTransform", import("react").SVGProps<SVGElement>, object>; | ||
circle: import("../constructors/constructWithOptions").Styled<"web", "circle", import("react").SVGProps<SVGCircleElement>, object>; | ||
clipPath: import("../constructors/constructWithOptions").Styled<"web", "clipPath", import("react").SVGProps<SVGClipPathElement>, object>; | ||
defs: import("../constructors/constructWithOptions").Styled<"web", "defs", import("react").SVGProps<SVGDefsElement>, object>; | ||
desc: import("../constructors/constructWithOptions").Styled<"web", "desc", import("react").SVGProps<SVGDescElement>, object>; | ||
ellipse: import("../constructors/constructWithOptions").Styled<"web", "ellipse", import("react").SVGProps<SVGEllipseElement>, object>; | ||
feBlend: import("../constructors/constructWithOptions").Styled<"web", "feBlend", import("react").SVGProps<SVGFEBlendElement>, object>; | ||
feColorMatrix: import("../constructors/constructWithOptions").Styled<"web", "feColorMatrix", import("react").SVGProps<SVGFEColorMatrixElement>, object>; | ||
feComponentTransfer: import("../constructors/constructWithOptions").Styled<"web", "feComponentTransfer", import("react").SVGProps<SVGFEComponentTransferElement>, object>; | ||
feComposite: import("../constructors/constructWithOptions").Styled<"web", "feComposite", import("react").SVGProps<SVGFECompositeElement>, object>; | ||
feConvolveMatrix: import("../constructors/constructWithOptions").Styled<"web", "feConvolveMatrix", import("react").SVGProps<SVGFEConvolveMatrixElement>, object>; | ||
feDiffuseLighting: import("../constructors/constructWithOptions").Styled<"web", "feDiffuseLighting", import("react").SVGProps<SVGFEDiffuseLightingElement>, object>; | ||
feDisplacementMap: import("../constructors/constructWithOptions").Styled<"web", "feDisplacementMap", import("react").SVGProps<SVGFEDisplacementMapElement>, object>; | ||
feDistantLight: import("../constructors/constructWithOptions").Styled<"web", "feDistantLight", import("react").SVGProps<SVGFEDistantLightElement>, object>; | ||
feDropShadow: import("../constructors/constructWithOptions").Styled<"web", "feDropShadow", import("react").SVGProps<SVGFEDropShadowElement>, object>; | ||
feFlood: import("../constructors/constructWithOptions").Styled<"web", "feFlood", import("react").SVGProps<SVGFEFloodElement>, object>; | ||
feFuncA: import("../constructors/constructWithOptions").Styled<"web", "feFuncA", import("react").SVGProps<SVGFEFuncAElement>, object>; | ||
feFuncB: import("../constructors/constructWithOptions").Styled<"web", "feFuncB", import("react").SVGProps<SVGFEFuncBElement>, object>; | ||
feFuncG: import("../constructors/constructWithOptions").Styled<"web", "feFuncG", import("react").SVGProps<SVGFEFuncGElement>, object>; | ||
feFuncR: import("../constructors/constructWithOptions").Styled<"web", "feFuncR", import("react").SVGProps<SVGFEFuncRElement>, object>; | ||
feGaussianBlur: import("../constructors/constructWithOptions").Styled<"web", "feGaussianBlur", import("react").SVGProps<SVGFEGaussianBlurElement>, object>; | ||
feImage: import("../constructors/constructWithOptions").Styled<"web", "feImage", import("react").SVGProps<SVGFEImageElement>, object>; | ||
feMerge: import("../constructors/constructWithOptions").Styled<"web", "feMerge", import("react").SVGProps<SVGFEMergeElement>, object>; | ||
feMergeNode: import("../constructors/constructWithOptions").Styled<"web", "feMergeNode", import("react").SVGProps<SVGFEMergeNodeElement>, object>; | ||
feMorphology: import("../constructors/constructWithOptions").Styled<"web", "feMorphology", import("react").SVGProps<SVGFEMorphologyElement>, object>; | ||
feOffset: import("../constructors/constructWithOptions").Styled<"web", "feOffset", import("react").SVGProps<SVGFEOffsetElement>, object>; | ||
fePointLight: import("../constructors/constructWithOptions").Styled<"web", "fePointLight", import("react").SVGProps<SVGFEPointLightElement>, object>; | ||
feSpecularLighting: import("../constructors/constructWithOptions").Styled<"web", "feSpecularLighting", import("react").SVGProps<SVGFESpecularLightingElement>, object>; | ||
feSpotLight: import("../constructors/constructWithOptions").Styled<"web", "feSpotLight", import("react").SVGProps<SVGFESpotLightElement>, object>; | ||
feTile: import("../constructors/constructWithOptions").Styled<"web", "feTile", import("react").SVGProps<SVGFETileElement>, object>; | ||
feTurbulence: import("../constructors/constructWithOptions").Styled<"web", "feTurbulence", import("react").SVGProps<SVGFETurbulenceElement>, object>; | ||
filter: import("../constructors/constructWithOptions").Styled<"web", "filter", import("react").SVGProps<SVGFilterElement>, object>; | ||
foreignObject: import("../constructors/constructWithOptions").Styled<"web", "foreignObject", import("react").SVGProps<SVGForeignObjectElement>, object>; | ||
g: import("../constructors/constructWithOptions").Styled<"web", "g", import("react").SVGProps<SVGGElement>, object>; | ||
image: import("../constructors/constructWithOptions").Styled<"web", "image", import("react").SVGProps<SVGImageElement>, object>; | ||
line: import("../constructors/constructWithOptions").Styled<"web", "line", import("react").SVGProps<SVGLineElement>, object>; | ||
linearGradient: import("../constructors/constructWithOptions").Styled<"web", "linearGradient", import("react").SVGProps<SVGLinearGradientElement>, object>; | ||
marker: import("../constructors/constructWithOptions").Styled<"web", "marker", import("react").SVGProps<SVGMarkerElement>, object>; | ||
mask: import("../constructors/constructWithOptions").Styled<"web", "mask", import("react").SVGProps<SVGMaskElement>, object>; | ||
metadata: import("../constructors/constructWithOptions").Styled<"web", "metadata", import("react").SVGProps<SVGMetadataElement>, object>; | ||
mpath: import("../constructors/constructWithOptions").Styled<"web", "mpath", import("react").SVGProps<SVGElement>, object>; | ||
path: import("../constructors/constructWithOptions").Styled<"web", "path", import("react").SVGProps<SVGPathElement>, object>; | ||
pattern: import("../constructors/constructWithOptions").Styled<"web", "pattern", import("react").SVGProps<SVGPatternElement>, object>; | ||
polygon: import("../constructors/constructWithOptions").Styled<"web", "polygon", import("react").SVGProps<SVGPolygonElement>, object>; | ||
polyline: import("../constructors/constructWithOptions").Styled<"web", "polyline", import("react").SVGProps<SVGPolylineElement>, object>; | ||
radialGradient: import("../constructors/constructWithOptions").Styled<"web", "radialGradient", import("react").SVGProps<SVGRadialGradientElement>, object>; | ||
rect: import("../constructors/constructWithOptions").Styled<"web", "rect", import("react").SVGProps<SVGRectElement>, object>; | ||
stop: import("../constructors/constructWithOptions").Styled<"web", "stop", import("react").SVGProps<SVGStopElement>, object>; | ||
switch: import("../constructors/constructWithOptions").Styled<"web", "switch", import("react").SVGProps<SVGSwitchElement>, object>; | ||
symbol: import("../constructors/constructWithOptions").Styled<"web", "symbol", import("react").SVGProps<SVGSymbolElement>, object>; | ||
text: import("../constructors/constructWithOptions").Styled<"web", "text", import("react").SVGProps<SVGTextElement>, object>; | ||
textPath: import("../constructors/constructWithOptions").Styled<"web", "textPath", import("react").SVGProps<SVGTextPathElement>, object>; | ||
tspan: import("../constructors/constructWithOptions").Styled<"web", "tspan", import("react").SVGProps<SVGTSpanElement>, object>; | ||
use: import("../constructors/constructWithOptions").Styled<"web", "use", import("react").SVGProps<SVGUseElement>, object>; | ||
view: import("../constructors/constructWithOptions").Styled<"web", "view", import("react").SVGProps<SVGViewElement>, object>; | ||
}; | ||
@@ -184,0 +180,0 @@ export declare const rehydrateTestStyles: () => void; |
@@ -5,3 +5,3 @@ import React from 'react'; | ||
import createWarnTooManyClasses from './utils/createWarnTooManyClasses'; | ||
interface ExoticComponentWithDisplayName<P = unknown> extends React.ExoticComponent<P> { | ||
interface ExoticComponentWithDisplayName<P = any> extends React.ExoticComponent<P> { | ||
defaultProps?: Partial<P>; | ||
@@ -16,3 +16,3 @@ displayName?: string; | ||
export declare type AnyComponent<P = any> = ExoticComponentWithDisplayName<P> | React.ComponentType<P>; | ||
export interface StyledOptions<R extends Runtime, Props> { | ||
export interface StyledOptions<R extends Runtime, Props extends object> { | ||
attrs?: Attrs<Props>[]; | ||
@@ -27,8 +27,16 @@ componentId?: R extends 'web' ? string : never; | ||
export declare type NativeTarget = AnyComponent; | ||
export interface BaseExtensibleObject { | ||
[key: string]: any; | ||
} | ||
export interface ExtensibleObject extends BaseExtensibleObject { | ||
$as?: KnownTarget; | ||
$forwardedAs?: KnownTarget; | ||
export declare type Dict<T> = { | ||
[key: string]: T; | ||
}; | ||
export interface ExecutionProps { | ||
/** | ||
* Dynamically adjust the rendered component or HTML tag, e.g. | ||
* ``` | ||
* const StyledButton = styled.button`` | ||
* | ||
* <StyledButton as="a" href="/foo"> | ||
* I'm an anchor now | ||
* </StyledButton> | ||
* ``` | ||
*/ | ||
as?: KnownTarget; | ||
@@ -38,12 +46,12 @@ forwardedAs?: KnownTarget; | ||
} | ||
export interface ExecutionContext extends ExtensibleObject { | ||
export interface ExecutionContext extends ExecutionProps { | ||
theme: DefaultTheme; | ||
} | ||
export interface StyleFunction<Props = BaseExtensibleObject> { | ||
export interface StyleFunction<Props extends object> { | ||
(executionContext: ExecutionContext & Props): Interpolation<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>[]; | ||
export declare type Styles<Props> = TemplateStringsArray | StyledObject<Props> | StyleFunction<Props>; | ||
export declare type Interpolation<Props extends object> = StyleFunction<Props> | StyledObject<Props> | TemplateStringsArray | string | number | false | undefined | null | Keyframes | IStyledComponent<'web', any, any> | Interpolation<Props>[]; | ||
export declare type Attrs<Props extends object> = (ExecutionProps & Props) | ((props: ExecutionContext & Props) => Partial<Props>); | ||
export declare type RuleSet<Props extends object> = Interpolation<ExecutionContext & Props>[]; | ||
export declare type Styles<Props extends object> = TemplateStringsArray | StyledObject<Props> | StyleFunction<Props>; | ||
export declare type NameGenerator = (hash: number) => string; | ||
@@ -58,6 +66,6 @@ export interface StyleSheet { | ||
} | ||
export interface Flattener<Props> { | ||
export interface Flattener<Props extends object> { | ||
(chunks: Interpolation<Props>[], executionContext: Object | null | undefined, styleSheet: Object | null | undefined): Interpolation<Props>[]; | ||
} | ||
export declare type FlattenerResult<Props> = RuleSet<Props> | number | string | string[] | IStyledComponent<any, any> | Keyframes; | ||
export declare type FlattenerResult<Props extends object> = RuleSet<Props> | number | string | string[] | IStyledComponent<any, any, any> | Keyframes; | ||
export interface Stringifier { | ||
@@ -68,5 +76,5 @@ (css: string, selector?: string, prefix?: string, componentId?: string): string[]; | ||
export interface ShouldForwardProp<R extends Runtime> { | ||
(prop: string, elementToBeCreated?: StyledTarget<R>): boolean; | ||
(prop: string, elementToBeCreated: StyledTarget<R>): boolean; | ||
} | ||
export interface CommonStatics<R extends Runtime, Props> { | ||
export interface CommonStatics<R extends Runtime, Props extends object> { | ||
attrs: Attrs<Props>[]; | ||
@@ -77,3 +85,3 @@ target: StyledTarget<R>; | ||
} | ||
export interface IStyledStatics<R extends Runtime, OuterProps = unknown> extends CommonStatics<R, OuterProps> { | ||
export interface IStyledStatics<R extends Runtime, OuterProps extends object> extends CommonStatics<R, OuterProps> { | ||
componentStyle: R extends 'web' ? ComponentStyle : never; | ||
@@ -85,24 +93,22 @@ foldedComponentIds: R extends 'web' ? Array<string> : never; | ||
warnTooManyClasses?: R extends 'web' ? ReturnType<typeof createWarnTooManyClasses> : never; | ||
withComponent: <Target extends StyledTarget<R>, Props = unknown>(tag: Target) => IStyledComponent<R, Target, OuterProps & Props>; | ||
withComponent: <Target extends StyledTarget<R>, Props extends object = object>(tag: Target) => IStyledComponent<R, Target, OuterProps & Props>; | ||
} | ||
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; | ||
as?: AnyComponent; | ||
} | { | ||
as?: 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>; | ||
declare type PolymorphicComponentProps<R extends Runtime, E extends StyledTarget<R>, P extends object> = { | ||
as?: E; | ||
theme?: DefaultTheme; | ||
} & P & (E extends KnownTarget ? Omit<React.ComponentProps<E>, keyof P | 'as'> : object); | ||
interface PolymorphicComponent<R extends Runtime, P extends object, FallbackComponent extends StyledTarget<R>> extends React.ForwardRefExoticComponent<P> { | ||
<E extends StyledTarget<R> = FallbackComponent>(props: PolymorphicComponentProps<R, E, P>): React.ReactElement | null; | ||
} | ||
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>; | ||
export interface IStyledComponent<R extends Runtime, Target extends StyledTarget<R>, Props extends object> extends PolymorphicComponent<R, Props, Target>, IStyledStatics<R, Props> { | ||
defaultProps?: Partial<ExecutionProps & (Target extends KnownTarget ? React.ComponentProps<Target> : {}) & Props>; | ||
toString: () => string; | ||
} | ||
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 IStyledComponentFactory<R extends Runtime, Target extends StyledTarget<R>, OuterProps extends object, OuterStatics extends object = object> { | ||
<Props extends object = object, Statics extends object = object>(target: Target, options: StyledOptions<R, OuterProps>, rules: RuleSet<OuterProps & Props>): IStyledComponent<R, Target, OuterProps & Props> & OuterStatics & Statics; | ||
} | ||
export interface IInlineStyleConstructor<Props = unknown> { | ||
export interface IInlineStyleConstructor<Props extends object> { | ||
new (rules: RuleSet<Props>): IInlineStyle<Props>; | ||
} | ||
export interface IInlineStyle<Props = unknown> { | ||
export interface IInlineStyle<Props extends object> { | ||
rules: RuleSet<Props>; | ||
@@ -112,4 +118,4 @@ generateStyleObject(executionContext: Object): Object; | ||
export declare type StyledTarget<R extends Runtime> = R extends 'web' ? WebTarget : NativeTarget; | ||
export interface StyledObject<Props = ExecutionContext> { | ||
[key: string]: BaseExtensibleObject | string | number | StyleFunction<Props>; | ||
export interface StyledObject<Props extends object = ExecutionContext> { | ||
[key: string]: Dict<any> | string | number | StyleFunction<Props>; | ||
} | ||
@@ -138,2 +144,2 @@ /** | ||
*/ | ||
export declare type CSSProp = string | StyledObject | StyleFunction; | ||
export declare type CSSProp = string | StyledObject | StyleFunction<any>; |
@@ -1,2 +0,2 @@ | ||
import { ExtensibleObject } from '../types'; | ||
export default function determineTheme(props: ExtensibleObject, providedTheme: any, defaultProps?: any): any; | ||
import { ExecutionProps } from '../types'; | ||
export default function determineTheme(props: ExecutionProps, providedTheme: any, defaultProps?: any): any; |
@@ -1,3 +0,3 @@ | ||
import { ExtensibleObject } from '../types'; | ||
import { Dict } from '../types'; | ||
export declare const EMPTY_ARRAY: readonly any[]; | ||
export declare const EMPTY_OBJECT: Readonly<ExtensibleObject>; | ||
export declare const EMPTY_OBJECT: Readonly<Dict<any>>; |
import StyleSheet from '../sheet'; | ||
import { ExecutionContext, ExtensibleObject, Interpolation, Stringifier } from '../types'; | ||
export declare const objToCssArray: (obj: ExtensibleObject, prevKey?: string) => string[]; | ||
export default function flatten<Props = unknown>(chunk: Interpolation<Props>, executionContext?: ExecutionContext & Props, styleSheet?: StyleSheet, stylisInstance?: Stringifier): Interpolation<Props>; | ||
import { Dict, ExecutionContext, Interpolation, RuleSet, Stringifier } from '../types'; | ||
export declare const objToCssArray: (obj: Dict<any>, prevKey?: string) => string[]; | ||
export default function flatten<Props extends object>(chunk: Interpolation<Props>, executionContext?: ExecutionContext & Props, styleSheet?: StyleSheet, stylisInstance?: Stringifier): Interpolation<Props> | RuleSet<Props>; |
import { Interpolation } from '../types'; | ||
export default function interleave<Props = unknown>(strings: TemplateStringsArray, interpolations: Interpolation<Props>[]): Interpolation<Props>[]; | ||
export default function interleave<Props extends object>(strings: TemplateStringsArray, interpolations: Interpolation<Props>[]): Interpolation<Props>[]; |
import { RuleSet } from '../types'; | ||
export default function isStaticRules<Props = unknown>(rules: RuleSet<Props>): boolean; | ||
export default function isStaticRules<Props extends object>(rules: RuleSet<Props>): boolean; |
import { IStyledComponent } from '../types'; | ||
export default function isStyledComponent(target: any): target is IStyledComponent<'web', any>; | ||
export default function isStyledComponent(target: any): target is IStyledComponent<'web', any, any>; |
@@ -1,2 +0,2 @@ | ||
import { ExtensibleObject } from '../types'; | ||
import { ExecutionProps } from '../types'; | ||
/** | ||
@@ -7,2 +7,2 @@ * Arrays & POJOs merged recursively, other objects and value types are overridden | ||
*/ | ||
export default function mixinDeep(target?: ExtensibleObject, ...sources: any[]): ExtensibleObject; | ||
export default function mixinDeep(target?: ExecutionProps, ...sources: any[]): ExecutionProps; |
/// <reference types="react" /> | ||
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>; | ||
import { Attrs, Interpolation, IStyledComponent, IStyledComponentFactory, KnownTarget, Runtime, StyledOptions, StyledTarget, Styles } from '../types'; | ||
/** | ||
* for types a and b, if b shares a field with a, mark a's field as optional | ||
*/ | ||
declare type UnionWithOptionalIntersectedFields<A, B> = { | ||
[K in keyof (A | B)]: K extends keyof B ? A[K] | undefined : A[K]; | ||
}; | ||
/** | ||
* attrs can be an object or function that returns an object; attrs are always | ||
* optional and should hole-punch required base types if we're providing the | ||
* value via attrs | ||
*/ | ||
declare type InferAttrResultType<T extends Attrs<object>> = Partial<T extends (...args: any) => infer P ? P : T>; | ||
/** | ||
* If attrs type is a function (no type provided, inferring from usage), extract the return value | ||
* and merge it with the existing type to hole-punch any required fields that are satisfied as | ||
* a result of running attrs. Otherwise if we have a definite type then union the base props | ||
* with the passed attr type to capture any intended overrides. | ||
*/ | ||
declare type ApplyAttrResultToProps<T extends Attrs<object>, Props extends object> = T extends (...args: any) => object ? UnionWithOptionalIntersectedFields<Props, InferAttrResultType<T>> : Props & InferAttrResultType<T>; | ||
export interface Styled<R extends Runtime, Target extends StyledTarget<R>, OuterProps extends object = Target extends KnownTarget ? React.ComponentPropsWithRef<Target> : object, OuterStatics extends object = object> { | ||
<Props extends object = object, Statics extends object = object>(initialStyles: Styles<OuterProps & Props>, ...interpolations: Interpolation<OuterProps & Props>[]): IStyledComponent<R, Target, OuterProps & Props> & OuterStatics & Statics; | ||
attrs: <T extends Attrs<object>>(attrs: Attrs<T extends object ? OuterProps & T : OuterProps>) => Styled<R, Target, ApplyAttrResultToProps<T, OuterProps>, OuterStatics>; | ||
withConfig: (config: StyledOptions<R, OuterProps>) => Styled<R, Target, OuterProps, OuterStatics>; | ||
} | ||
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: StyledOptions<R, DerivedProps & OuterProps & OuterStatics>): any; | ||
}; | ||
/** | ||
* If config methods are called, wrap up a new template function and merge options */ | ||
withConfig(config: StyledOptions<R, DerivedProps & OuterProps & OuterStatics>): any; | ||
}; | ||
/** | ||
* If config methods are called, wrap up a new template function and merge options */ | ||
withConfig(config: StyledOptions<R, DerivedProps & OuterProps>): any; | ||
}; | ||
export default function constructWithOptions<R extends Runtime, Target extends StyledTarget<R>, OuterProps extends object = Target extends KnownTarget ? React.ComponentPropsWithRef<Target> : object, OuterStatics extends object = object>(componentConstructor: IStyledComponentFactory<R, Target, OuterProps, OuterStatics>, tag: Target, options?: StyledOptions<R, OuterProps>): Styled<R, Target, OuterProps, OuterStatics>; | ||
export {}; |
import React from 'react'; | ||
import { ExtensibleObject, Interpolation, Styles } from '../types'; | ||
export default function createGlobalStyle<Props = unknown>(strings: Styles<Props>, ...interpolations: Array<Interpolation<Props>>): React.NamedExoticComponent<ExtensibleObject>; | ||
import { ExecutionProps, Interpolation, Styles } from '../types'; | ||
export default function createGlobalStyle<Props extends object>(strings: Styles<Props>, ...interpolations: Array<Interpolation<Props>>): React.NamedExoticComponent<ExecutionProps>; |
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<"web", any, any> | StyledObject<Props> | StyleFunction<Props> | (Interpolation<Props>[] & { | ||
export default function css<Props extends object>(styles: Styles<Props>, ...interpolations: Interpolation<Props>[]): string | number | false | import("../types").Keyframes | import("../types").IStyledComponent<"web", any, any> | TemplateStringsArray | StyledObject<Props> | StyleFunction<Props> | (import("../types").RuleSet<Props> & { | ||
isCss?: boolean | undefined; | ||
}) | null | undefined; |
import Keyframes from '../models/Keyframes'; | ||
import { Interpolation, Styles } from '../types'; | ||
export default function keyframes<Props = unknown>(strings: Styles<Props>, ...interpolations: Array<Interpolation<Props>>): Keyframes; | ||
export default function keyframes<Props extends object = object>(strings: Styles<Props>, ...interpolations: Array<Interpolation<Props>>): Keyframes; |
/// <reference types="react" /> | ||
import { WebTarget } from '../types'; | ||
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<"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: 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>; | ||
declare const styled: (<Target extends WebTarget>(tag: Target) => Styled<"web", Target, Target extends import("../types").KnownTarget ? import("react").ComponentPropsWithRef<Target> : object, object>) & { | ||
a: Styled<"web", "a", import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, object>; | ||
abbr: Styled<"web", "abbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
address: Styled<"web", "address", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
area: Styled<"web", "area", import("react").DetailedHTMLProps<import("react").AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>, object>; | ||
article: Styled<"web", "article", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
aside: Styled<"web", "aside", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
audio: Styled<"web", "audio", import("react").DetailedHTMLProps<import("react").AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, object>; | ||
b: Styled<"web", "b", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
base: Styled<"web", "base", import("react").DetailedHTMLProps<import("react").BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement>, object>; | ||
bdi: Styled<"web", "bdi", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
bdo: Styled<"web", "bdo", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
big: Styled<"web", "big", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
blockquote: Styled<"web", "blockquote", import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
body: Styled<"web", "body", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, object>; | ||
br: Styled<"web", "br", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBRElement>, HTMLBRElement>, object>; | ||
button: Styled<"web", "button", import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, object>; | ||
canvas: Styled<"web", "canvas", import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, object>; | ||
caption: Styled<"web", "caption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
cite: Styled<"web", "cite", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
code: Styled<"web", "code", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
col: Styled<"web", "col", import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, object>; | ||
colgroup: Styled<"web", "colgroup", import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, object>; | ||
data: Styled<"web", "data", import("react").DetailedHTMLProps<import("react").DataHTMLAttributes<HTMLDataElement>, HTMLDataElement>, object>; | ||
datalist: Styled<"web", "datalist", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>, object>; | ||
dd: Styled<"web", "dd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
del: Styled<"web", "del", import("react").DetailedHTMLProps<import("react").DelHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
details: Styled<"web", "details", import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
dfn: Styled<"web", "dfn", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
dialog: Styled<"web", "dialog", import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, object>; | ||
div: Styled<"web", "div", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, object>; | ||
dl: Styled<"web", "dl", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement>, object>; | ||
dt: Styled<"web", "dt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
em: Styled<"web", "em", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
embed: Styled<"web", "embed", import("react").DetailedHTMLProps<import("react").EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>, object>; | ||
fieldset: Styled<"web", "fieldset", import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, object>; | ||
figcaption: Styled<"web", "figcaption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
figure: Styled<"web", "figure", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
footer: Styled<"web", "footer", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
form: Styled<"web", "form", import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, object>; | ||
h1: Styled<"web", "h1", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object>; | ||
h2: Styled<"web", "h2", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object>; | ||
h3: Styled<"web", "h3", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object>; | ||
h4: Styled<"web", "h4", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object>; | ||
h5: Styled<"web", "h5", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object>; | ||
h6: Styled<"web", "h6", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object>; | ||
head: Styled<"web", "head", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadElement>, HTMLHeadElement>, object>; | ||
header: Styled<"web", "header", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
hgroup: Styled<"web", "hgroup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
hr: Styled<"web", "hr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, object>; | ||
html: Styled<"web", "html", import("react").DetailedHTMLProps<import("react").HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>, object>; | ||
i: Styled<"web", "i", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
iframe: Styled<"web", "iframe", import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, object>; | ||
img: Styled<"web", "img", import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, object>; | ||
input: Styled<"web", "input", import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, object>; | ||
ins: Styled<"web", "ins", import("react").DetailedHTMLProps<import("react").InsHTMLAttributes<HTMLModElement>, HTMLModElement>, object>; | ||
kbd: Styled<"web", "kbd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
keygen: Styled<"web", "keygen", import("react").DetailedHTMLProps<import("react").KeygenHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
label: Styled<"web", "label", import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, object>; | ||
legend: Styled<"web", "legend", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, object>; | ||
li: Styled<"web", "li", import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, object>; | ||
link: Styled<"web", "link", import("react").DetailedHTMLProps<import("react").LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>, object>; | ||
main: Styled<"web", "main", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
map: Styled<"web", "map", import("react").DetailedHTMLProps<import("react").MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>, object>; | ||
mark: Styled<"web", "mark", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
menu: Styled<"web", "menu", import("react").DetailedHTMLProps<import("react").MenuHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
menuitem: Styled<"web", "menuitem", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
meta: Styled<"web", "meta", import("react").DetailedHTMLProps<import("react").MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>, object>; | ||
meter: Styled<"web", "meter", import("react").DetailedHTMLProps<import("react").MeterHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
nav: Styled<"web", "nav", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
noindex: Styled<"web", "noindex", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
noscript: Styled<"web", "noscript", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
object: Styled<"web", "object", import("react").DetailedHTMLProps<import("react").ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>, object>; | ||
ol: Styled<"web", "ol", import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, object>; | ||
optgroup: Styled<"web", "optgroup", import("react").DetailedHTMLProps<import("react").OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, object>; | ||
option: Styled<"web", "option", import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, object>; | ||
output: Styled<"web", "output", import("react").DetailedHTMLProps<import("react").OutputHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
p: Styled<"web", "p", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, object>; | ||
param: Styled<"web", "param", import("react").DetailedHTMLProps<import("react").ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement>, object>; | ||
picture: Styled<"web", "picture", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
pre: Styled<"web", "pre", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, object>; | ||
progress: Styled<"web", "progress", import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>, object>; | ||
q: Styled<"web", "q", import("react").DetailedHTMLProps<import("react").QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, object>; | ||
rp: Styled<"web", "rp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
rt: Styled<"web", "rt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
ruby: Styled<"web", "ruby", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
s: Styled<"web", "s", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
samp: Styled<"web", "samp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
slot: Styled<"web", "slot", import("react").DetailedHTMLProps<import("react").SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement>, object>; | ||
script: Styled<"web", "script", import("react").DetailedHTMLProps<import("react").ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement>, object>; | ||
section: Styled<"web", "section", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
select: Styled<"web", "select", import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, object>; | ||
small: Styled<"web", "small", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
source: Styled<"web", "source", import("react").DetailedHTMLProps<import("react").SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>, object>; | ||
span: Styled<"web", "span", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, object>; | ||
strong: Styled<"web", "strong", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
style: Styled<"web", "style", import("react").DetailedHTMLProps<import("react").StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>, object>; | ||
sub: Styled<"web", "sub", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
summary: Styled<"web", "summary", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
sup: Styled<"web", "sup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
table: Styled<"web", "table", import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, object>; | ||
template: Styled<"web", "template", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement>, object>; | ||
tbody: Styled<"web", "tbody", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, object>; | ||
td: Styled<"web", "td", import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, object>; | ||
textarea: Styled<"web", "textarea", import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, object>; | ||
tfoot: Styled<"web", "tfoot", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, object>; | ||
th: Styled<"web", "th", import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, object>; | ||
thead: Styled<"web", "thead", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, object>; | ||
time: Styled<"web", "time", import("react").DetailedHTMLProps<import("react").TimeHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
title: Styled<"web", "title", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>, object>; | ||
tr: Styled<"web", "tr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, object>; | ||
track: Styled<"web", "track", import("react").DetailedHTMLProps<import("react").TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>, object>; | ||
u: Styled<"web", "u", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
ul: Styled<"web", "ul", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, object>; | ||
var: Styled<"web", "var", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
video: Styled<"web", "video", import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, object>; | ||
wbr: Styled<"web", "wbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
webview: Styled<"web", "webview", import("react").DetailedHTMLProps<import("react").WebViewHTMLAttributes<HTMLWebViewElement>, HTMLWebViewElement>, object>; | ||
svg: Styled<"web", "svg", import("react").SVGProps<SVGSVGElement>, object>; | ||
animate: Styled<"web", "animate", import("react").SVGProps<SVGElement>, object>; | ||
animateMotion: Styled<"web", "animateMotion", import("react").SVGProps<SVGElement>, object>; | ||
animateTransform: Styled<"web", "animateTransform", import("react").SVGProps<SVGElement>, object>; | ||
circle: Styled<"web", "circle", import("react").SVGProps<SVGCircleElement>, object>; | ||
clipPath: Styled<"web", "clipPath", import("react").SVGProps<SVGClipPathElement>, object>; | ||
defs: Styled<"web", "defs", import("react").SVGProps<SVGDefsElement>, object>; | ||
desc: Styled<"web", "desc", import("react").SVGProps<SVGDescElement>, object>; | ||
ellipse: Styled<"web", "ellipse", import("react").SVGProps<SVGEllipseElement>, object>; | ||
feBlend: Styled<"web", "feBlend", import("react").SVGProps<SVGFEBlendElement>, object>; | ||
feColorMatrix: Styled<"web", "feColorMatrix", import("react").SVGProps<SVGFEColorMatrixElement>, object>; | ||
feComponentTransfer: Styled<"web", "feComponentTransfer", import("react").SVGProps<SVGFEComponentTransferElement>, object>; | ||
feComposite: Styled<"web", "feComposite", import("react").SVGProps<SVGFECompositeElement>, object>; | ||
feConvolveMatrix: Styled<"web", "feConvolveMatrix", import("react").SVGProps<SVGFEConvolveMatrixElement>, object>; | ||
feDiffuseLighting: Styled<"web", "feDiffuseLighting", import("react").SVGProps<SVGFEDiffuseLightingElement>, object>; | ||
feDisplacementMap: Styled<"web", "feDisplacementMap", import("react").SVGProps<SVGFEDisplacementMapElement>, object>; | ||
feDistantLight: Styled<"web", "feDistantLight", import("react").SVGProps<SVGFEDistantLightElement>, object>; | ||
feDropShadow: Styled<"web", "feDropShadow", import("react").SVGProps<SVGFEDropShadowElement>, object>; | ||
feFlood: Styled<"web", "feFlood", import("react").SVGProps<SVGFEFloodElement>, object>; | ||
feFuncA: Styled<"web", "feFuncA", import("react").SVGProps<SVGFEFuncAElement>, object>; | ||
feFuncB: Styled<"web", "feFuncB", import("react").SVGProps<SVGFEFuncBElement>, object>; | ||
feFuncG: Styled<"web", "feFuncG", import("react").SVGProps<SVGFEFuncGElement>, object>; | ||
feFuncR: Styled<"web", "feFuncR", import("react").SVGProps<SVGFEFuncRElement>, object>; | ||
feGaussianBlur: Styled<"web", "feGaussianBlur", import("react").SVGProps<SVGFEGaussianBlurElement>, object>; | ||
feImage: Styled<"web", "feImage", import("react").SVGProps<SVGFEImageElement>, object>; | ||
feMerge: Styled<"web", "feMerge", import("react").SVGProps<SVGFEMergeElement>, object>; | ||
feMergeNode: Styled<"web", "feMergeNode", import("react").SVGProps<SVGFEMergeNodeElement>, object>; | ||
feMorphology: Styled<"web", "feMorphology", import("react").SVGProps<SVGFEMorphologyElement>, object>; | ||
feOffset: Styled<"web", "feOffset", import("react").SVGProps<SVGFEOffsetElement>, object>; | ||
fePointLight: Styled<"web", "fePointLight", import("react").SVGProps<SVGFEPointLightElement>, object>; | ||
feSpecularLighting: Styled<"web", "feSpecularLighting", import("react").SVGProps<SVGFESpecularLightingElement>, object>; | ||
feSpotLight: Styled<"web", "feSpotLight", import("react").SVGProps<SVGFESpotLightElement>, object>; | ||
feTile: Styled<"web", "feTile", import("react").SVGProps<SVGFETileElement>, object>; | ||
feTurbulence: Styled<"web", "feTurbulence", import("react").SVGProps<SVGFETurbulenceElement>, object>; | ||
filter: Styled<"web", "filter", import("react").SVGProps<SVGFilterElement>, object>; | ||
foreignObject: Styled<"web", "foreignObject", import("react").SVGProps<SVGForeignObjectElement>, object>; | ||
g: Styled<"web", "g", import("react").SVGProps<SVGGElement>, object>; | ||
image: Styled<"web", "image", import("react").SVGProps<SVGImageElement>, object>; | ||
line: Styled<"web", "line", import("react").SVGProps<SVGLineElement>, object>; | ||
linearGradient: Styled<"web", "linearGradient", import("react").SVGProps<SVGLinearGradientElement>, object>; | ||
marker: Styled<"web", "marker", import("react").SVGProps<SVGMarkerElement>, object>; | ||
mask: Styled<"web", "mask", import("react").SVGProps<SVGMaskElement>, object>; | ||
metadata: Styled<"web", "metadata", import("react").SVGProps<SVGMetadataElement>, object>; | ||
mpath: Styled<"web", "mpath", import("react").SVGProps<SVGElement>, object>; | ||
path: Styled<"web", "path", import("react").SVGProps<SVGPathElement>, object>; | ||
pattern: Styled<"web", "pattern", import("react").SVGProps<SVGPatternElement>, object>; | ||
polygon: Styled<"web", "polygon", import("react").SVGProps<SVGPolygonElement>, object>; | ||
polyline: Styled<"web", "polyline", import("react").SVGProps<SVGPolylineElement>, object>; | ||
radialGradient: Styled<"web", "radialGradient", import("react").SVGProps<SVGRadialGradientElement>, object>; | ||
rect: Styled<"web", "rect", import("react").SVGProps<SVGRectElement>, object>; | ||
stop: Styled<"web", "stop", import("react").SVGProps<SVGStopElement>, object>; | ||
switch: Styled<"web", "switch", import("react").SVGProps<SVGSwitchElement>, object>; | ||
symbol: Styled<"web", "symbol", import("react").SVGProps<SVGSymbolElement>, object>; | ||
text: Styled<"web", "text", import("react").SVGProps<SVGTextElement>, object>; | ||
textPath: Styled<"web", "textPath", import("react").SVGProps<SVGTextPathElement>, object>; | ||
tspan: Styled<"web", "tspan", import("react").SVGProps<SVGTSpanElement>, object>; | ||
use: Styled<"web", "use", import("react").SVGProps<SVGUseElement>, object>; | ||
view: Styled<"web", "view", import("react").SVGProps<SVGViewElement>, object>; | ||
}; | ||
export default styled; |
import React from 'react'; | ||
import { AnyComponent, ExecutionContext } from '../types'; | ||
export default function withTheme<T extends AnyComponent>(Component: T): React.ForwardRefExoticComponent<React.PropsWithoutRef<JSX.LibraryManagedAttributes<T, ExecutionContext>> & React.RefAttributes<T>> & { [key in Exclude<keyof T, T extends React.MemoExoticComponent<any> ? "propTypes" | "defaultProps" | "displayName" | "$$typeof" | "type" | "compare" : T extends React.ForwardRefExoticComponent<any> ? "propTypes" | "defaultProps" | "displayName" | "$$typeof" | "render" : "length" | "propTypes" | "contextType" | "contextTypes" | "childContextTypes" | "defaultProps" | "displayName" | "getDerivedStateFromProps" | "getDerivedStateFromError" | "type" | "getDefaultProps" | "mixins" | "name" | "prototype" | "caller" | "callee" | "arguments" | "arity">]: T[key]; }; | ||
import { AnyComponent, ExecutionProps } from '../types'; | ||
export default function withTheme<T extends AnyComponent>(Component: T): React.ForwardRefExoticComponent<React.PropsWithoutRef<JSX.LibraryManagedAttributes<T, ExecutionProps>> & React.RefAttributes<T>> & { [key in Exclude<keyof T, T extends React.MemoExoticComponent<any> ? "propTypes" | "defaultProps" | "displayName" | "$$typeof" | "type" | "compare" : T extends React.ForwardRefExoticComponent<any> ? "propTypes" | "defaultProps" | "displayName" | "$$typeof" | "render" : "length" | "propTypes" | "contextType" | "contextTypes" | "childContextTypes" | "defaultProps" | "displayName" | "getDerivedStateFromProps" | "getDerivedStateFromError" | "type" | "getDefaultProps" | "mixins" | "name" | "prototype" | "caller" | "callee" | "arguments" | "arity">]: T[key]; }; |
import StyleSheet from '../sheet'; | ||
import { ExecutionContext, FlattenerResult, RuleSet, Stringifier } from '../types'; | ||
export default class GlobalStyle<Props = unknown> { | ||
export default class GlobalStyle<Props extends object> { | ||
componentId: string; | ||
@@ -5,0 +5,0 @@ isStatic: boolean; |
@@ -6,2 +6,2 @@ import { IInlineStyleConstructor, StyleSheet } from '../types'; | ||
*/ | ||
export default function makeInlineStyleClass<Props = unknown>(styleSheet: StyleSheet): IInlineStyleConstructor<Props>; | ||
export default function makeInlineStyleClass<Props extends object>(styleSheet: StyleSheet): IInlineStyleConstructor<Props>; |
import type { IStyledComponentFactory, RuleSet, StyledOptions, WebTarget } from '../types'; | ||
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>>; | ||
declare function createStyledComponent<Target extends WebTarget, OuterProps extends object, Statics extends object = object>(target: Target, options: StyledOptions<'web', OuterProps>, rules: RuleSet<OuterProps>): ReturnType<IStyledComponentFactory<'web', Target, OuterProps, Statics>>; | ||
export default createStyledComponent; |
@@ -1,3 +0,3 @@ | ||
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; | ||
import type { ExecutionProps, IInlineStyleConstructor, IStyledComponent, IStyledComponentFactory, NativeTarget, RuleSet, StyledOptions } from '../types'; | ||
declare const _default: (InlineStyle: IInlineStyleConstructor<any>) => <Target extends NativeTarget, OuterProps extends ExecutionProps, Statics extends object = object>(target: Target, options: StyledOptions<"native", OuterProps>, rules: RuleSet<OuterProps>) => IStyledComponent<"native", Target, OuterProps & object> & Statics & object; | ||
export default _default; |
@@ -9,31 +9,27 @@ import React from 'react'; | ||
import isStyledComponent from '../utils/isStyledComponent'; | ||
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").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: 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>; | ||
declare const styled: (<Target extends NativeTarget>(tag: Target) => Styled<"native", Target, Target extends import("../types").KnownTarget ? React.ComponentPropsWithRef<Target> : object, object>) & { | ||
ActivityIndicator: Styled<"native", typeof import("react-native").ActivityIndicator, import("react-native").ActivityIndicatorProps & React.RefAttributes<import("react-native").ActivityIndicator>, object>; | ||
Button: Styled<"native", typeof import("react-native").Button, import("react-native").ButtonProps & React.RefAttributes<import("react-native").Button>, object>; | ||
DatePickerIOS: Styled<"native", typeof import("react-native").DatePickerIOS, import("react-native").DatePickerIOSProps & React.RefAttributes<import("react-native").DatePickerIOS>, object>; | ||
DrawerLayoutAndroid: Styled<"native", typeof import("react-native").DrawerLayoutAndroid, import("react-native").DrawerLayoutAndroidProps & React.RefAttributes<import("react-native").DrawerLayoutAndroid>, object>; | ||
FlatList: Styled<"native", typeof import("react-native").FlatList, import("react-native").FlatListProps<unknown> & React.RefAttributes<import("react-native").FlatList<unknown>>, object>; | ||
Image: Styled<"native", typeof import("react-native").Image, import("react-native").ImageProps & React.RefAttributes<import("react-native").Image>, object>; | ||
ImageBackground: Styled<"native", typeof import("react-native").ImageBackground, import("react-native").ImageBackgroundProps & React.RefAttributes<import("react-native").ImageBackground>, object>; | ||
KeyboardAvoidingView: Styled<"native", typeof import("react-native").KeyboardAvoidingView, import("react-native").KeyboardAvoidingViewProps & React.RefAttributes<import("react-native").KeyboardAvoidingView>, object>; | ||
Modal: Styled<"native", typeof import("react-native").Modal, import("react-native").ModalBaseProps & import("react-native").ModalPropsIOS & import("react-native").ModalPropsAndroid & import("react-native").ViewProps & React.RefAttributes<import("react-native").Modal>, object>; | ||
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>, object>; | ||
ProgressBarAndroid: Styled<"native", typeof import("react-native").ProgressBarAndroid, import("react-native").ProgressBarAndroidProps & React.RefAttributes<import("react-native").ProgressBarAndroid>, object>; | ||
ProgressViewIOS: Styled<"native", typeof import("react-native").ProgressViewIOS, import("react-native").ProgressViewIOSProps & React.RefAttributes<import("react-native").ProgressViewIOS>, object>; | ||
RefreshControl: Styled<"native", typeof import("react-native").RefreshControl, import("react-native").RefreshControlProps & React.RefAttributes<import("react-native").RefreshControl>, object>; | ||
SafeAreaView: Styled<"native", typeof import("react-native").SafeAreaView, import("react-native").ViewProps & React.RefAttributes<import("react-native").SafeAreaView>, object>; | ||
ScrollView: Styled<"native", typeof import("react-native").ScrollView, import("react-native").ScrollViewProps & React.RefAttributes<import("react-native").ScrollView>, object>; | ||
SectionList: Styled<"native", typeof import("react-native").SectionList, import("react-native").SectionListProps<unknown, unknown> & React.RefAttributes<import("react-native").SectionList<unknown, unknown>>, object>; | ||
Slider: Styled<"native", typeof import("react-native").Slider, import("react-native").SliderProps & React.RefAttributes<import("react-native").Slider>, object>; | ||
Switch: Styled<"native", typeof import("react-native").Switch, import("react-native").SwitchProps & React.RefAttributes<import("react-native").Switch>, object>; | ||
Text: Styled<"native", typeof import("react-native").Text, import("react-native").TextProps & React.RefAttributes<import("react-native").Text>, object>; | ||
TextInput: Styled<"native", typeof import("react-native").TextInput, import("react-native").TextInputProps & React.RefAttributes<import("react-native").TextInput>, object>; | ||
TouchableHighlight: Styled<"native", typeof import("react-native").TouchableHighlight, import("react-native").TouchableHighlightProps & React.RefAttributes<import("react-native").TouchableHighlight>, object>; | ||
TouchableOpacity: Styled<"native", typeof import("react-native").TouchableOpacity, import("react-native").TouchableOpacityProps & React.RefAttributes<import("react-native").TouchableOpacity>, object>; | ||
View: Styled<"native", typeof import("react-native").View, import("react-native").ViewProps & React.RefAttributes<import("react-native").View>, object>; | ||
VirtualizedList: Styled<"native", typeof import("react-native").VirtualizedList, import("react-native").VirtualizedListProps<unknown> & React.RefAttributes<import("react-native").VirtualizedList<unknown>>, object>; | ||
}; | ||
@@ -40,0 +36,0 @@ export { IStyledComponent, IStyledComponentFactory, IStyledStatics, NativeTarget, StyledOptions, } from '../types'; |
@@ -82,3 +82,3 @@ 'use strict'; | ||
var SC_ATTR_VERSION = 'data-styled-version'; | ||
var SC_VERSION = "6.0.0-beta.2"; | ||
var SC_VERSION = "6.0.0-beta.3"; | ||
var SPLITTER = '/*!sc*/\n'; | ||
@@ -672,4 +672,4 @@ var IS_BROWSER = typeof window !== 'undefined' && 'HTMLElement' in window; | ||
*/ | ||
var uppercaseCheck = /([A-Z])/; | ||
var uppercasePattern = /([A-Z])/g; | ||
var uppercaseCheck = /[A-Z]/; | ||
var uppercasePattern = /[A-Z]/g; | ||
var msPattern = /^ms-/; | ||
@@ -691,3 +691,3 @@ var prefixAndLowerCase = function (char) { return "-".concat(char.toLowerCase()); }; | ||
function hyphenateStyleName(string) { | ||
return uppercaseCheck.test(string) | ||
return uppercaseCheck.test(string) && !string.startsWith('--') | ||
? string.replace(uppercasePattern, prefixAndLowerCase).replace(msPattern, '-ms-') | ||
@@ -1135,3 +1135,2 @@ : string; | ||
attrs.forEach(function (attrDef) { | ||
// @ts-expect-error narrowing isn't working properly for some reason | ||
var resolvedAttrDef = typeof attrDef === 'function' ? attrDef(context) : attrDef; | ||
@@ -1157,3 +1156,3 @@ var key; | ||
var refToForward = forwardedRef; | ||
var elementToBeCreated = attrs.$as || props.$as || attrs.as || props.as || target; | ||
var elementToBeCreated = attrs.as || props.as || target; | ||
var computedProps = attrs !== props ? tslib.__assign(tslib.__assign({}, props), attrs) : props; | ||
@@ -1173,13 +1172,7 @@ var propsForElement = {}; | ||
propsForElement.style = React.useMemo(function () { | ||
if (typeof props.style === 'function') { | ||
return function (state) { | ||
return [generatedStyles].concat(props.style(state)); | ||
}; | ||
} | ||
else if (props.style == null) { | ||
return generatedStyles; | ||
} | ||
else { | ||
return [generatedStyles].concat(props.style || []); | ||
} | ||
return typeof props.style === 'function' | ||
? function (state) { return [generatedStyles].concat(props.style(state)); } | ||
: props.style | ||
? [generatedStyles].concat(props.style) | ||
: generatedStyles; | ||
}, [props.style, generatedStyles]); | ||
@@ -1186,0 +1179,0 @@ propsForElement.ref = refToForward; |
@@ -72,3 +72,3 @@ import { __spreadArray, __assign } from 'tslib'; | ||
var SC_ATTR_VERSION = 'data-styled-version'; | ||
var SC_VERSION = "6.0.0-beta.2"; | ||
var SC_VERSION = "6.0.0-beta.3"; | ||
var SPLITTER = '/*!sc*/\n'; | ||
@@ -662,4 +662,4 @@ var IS_BROWSER = typeof window !== 'undefined' && 'HTMLElement' in window; | ||
*/ | ||
var uppercaseCheck = /([A-Z])/; | ||
var uppercasePattern = /([A-Z])/g; | ||
var uppercaseCheck = /[A-Z]/; | ||
var uppercasePattern = /[A-Z]/g; | ||
var msPattern = /^ms-/; | ||
@@ -681,3 +681,3 @@ var prefixAndLowerCase = function (char) { return "-".concat(char.toLowerCase()); }; | ||
function hyphenateStyleName(string) { | ||
return uppercaseCheck.test(string) | ||
return uppercaseCheck.test(string) && !string.startsWith('--') | ||
? string.replace(uppercasePattern, prefixAndLowerCase).replace(msPattern, '-ms-') | ||
@@ -1125,3 +1125,2 @@ : string; | ||
attrs.forEach(function (attrDef) { | ||
// @ts-expect-error narrowing isn't working properly for some reason | ||
var resolvedAttrDef = typeof attrDef === 'function' ? attrDef(context) : attrDef; | ||
@@ -1147,3 +1146,3 @@ var key; | ||
var refToForward = forwardedRef; | ||
var elementToBeCreated = attrs.$as || props.$as || attrs.as || props.as || target; | ||
var elementToBeCreated = attrs.as || props.as || target; | ||
var computedProps = attrs !== props ? __assign(__assign({}, props), attrs) : props; | ||
@@ -1163,13 +1162,7 @@ var propsForElement = {}; | ||
propsForElement.style = useMemo(function () { | ||
if (typeof props.style === 'function') { | ||
return function (state) { | ||
return [generatedStyles].concat(props.style(state)); | ||
}; | ||
} | ||
else if (props.style == null) { | ||
return generatedStyles; | ||
} | ||
else { | ||
return [generatedStyles].concat(props.style || []); | ||
} | ||
return typeof props.style === 'function' | ||
? function (state) { return [generatedStyles].concat(props.style(state)); } | ||
: props.style | ||
? [generatedStyles].concat(props.style) | ||
: generatedStyles; | ||
}, [props.style, generatedStyles]); | ||
@@ -1176,0 +1169,0 @@ propsForElement.ref = refToForward; |
/// <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<"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").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>; | ||
export declare const resetStyled: (isServer?: boolean) => (<Target extends import("..").WebTarget>(tag: Target) => import("../constructors/constructWithOptions").Styled<"web", Target, Target extends import("../types").KnownTarget ? import("react").ComponentPropsWithRef<Target> : object, object>) & { | ||
a: import("../constructors/constructWithOptions").Styled<"web", "a", import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, object>; | ||
abbr: import("../constructors/constructWithOptions").Styled<"web", "abbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
address: import("../constructors/constructWithOptions").Styled<"web", "address", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
area: import("../constructors/constructWithOptions").Styled<"web", "area", import("react").DetailedHTMLProps<import("react").AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>, object>; | ||
article: import("../constructors/constructWithOptions").Styled<"web", "article", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
aside: import("../constructors/constructWithOptions").Styled<"web", "aside", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
audio: import("../constructors/constructWithOptions").Styled<"web", "audio", import("react").DetailedHTMLProps<import("react").AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, object>; | ||
b: import("../constructors/constructWithOptions").Styled<"web", "b", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
base: import("../constructors/constructWithOptions").Styled<"web", "base", import("react").DetailedHTMLProps<import("react").BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement>, object>; | ||
bdi: import("../constructors/constructWithOptions").Styled<"web", "bdi", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
bdo: import("../constructors/constructWithOptions").Styled<"web", "bdo", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
big: import("../constructors/constructWithOptions").Styled<"web", "big", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
blockquote: import("../constructors/constructWithOptions").Styled<"web", "blockquote", import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
body: import("../constructors/constructWithOptions").Styled<"web", "body", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, object>; | ||
br: import("../constructors/constructWithOptions").Styled<"web", "br", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBRElement>, HTMLBRElement>, object>; | ||
button: import("../constructors/constructWithOptions").Styled<"web", "button", import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, object>; | ||
canvas: import("../constructors/constructWithOptions").Styled<"web", "canvas", import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, object>; | ||
caption: import("../constructors/constructWithOptions").Styled<"web", "caption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
cite: import("../constructors/constructWithOptions").Styled<"web", "cite", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
code: import("../constructors/constructWithOptions").Styled<"web", "code", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
col: import("../constructors/constructWithOptions").Styled<"web", "col", import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, object>; | ||
colgroup: import("../constructors/constructWithOptions").Styled<"web", "colgroup", import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, object>; | ||
data: import("../constructors/constructWithOptions").Styled<"web", "data", import("react").DetailedHTMLProps<import("react").DataHTMLAttributes<HTMLDataElement>, HTMLDataElement>, object>; | ||
datalist: import("../constructors/constructWithOptions").Styled<"web", "datalist", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>, object>; | ||
dd: import("../constructors/constructWithOptions").Styled<"web", "dd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
del: import("../constructors/constructWithOptions").Styled<"web", "del", import("react").DetailedHTMLProps<import("react").DelHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
details: import("../constructors/constructWithOptions").Styled<"web", "details", import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
dfn: import("../constructors/constructWithOptions").Styled<"web", "dfn", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
dialog: import("../constructors/constructWithOptions").Styled<"web", "dialog", import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, object>; | ||
div: import("../constructors/constructWithOptions").Styled<"web", "div", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, object>; | ||
dl: import("../constructors/constructWithOptions").Styled<"web", "dl", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement>, object>; | ||
dt: import("../constructors/constructWithOptions").Styled<"web", "dt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
em: import("../constructors/constructWithOptions").Styled<"web", "em", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
embed: import("../constructors/constructWithOptions").Styled<"web", "embed", import("react").DetailedHTMLProps<import("react").EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>, object>; | ||
fieldset: import("../constructors/constructWithOptions").Styled<"web", "fieldset", import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, object>; | ||
figcaption: import("../constructors/constructWithOptions").Styled<"web", "figcaption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
figure: import("../constructors/constructWithOptions").Styled<"web", "figure", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
footer: import("../constructors/constructWithOptions").Styled<"web", "footer", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
form: import("../constructors/constructWithOptions").Styled<"web", "form", import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, object>; | ||
h1: import("../constructors/constructWithOptions").Styled<"web", "h1", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object>; | ||
h2: import("../constructors/constructWithOptions").Styled<"web", "h2", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object>; | ||
h3: import("../constructors/constructWithOptions").Styled<"web", "h3", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object>; | ||
h4: import("../constructors/constructWithOptions").Styled<"web", "h4", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object>; | ||
h5: import("../constructors/constructWithOptions").Styled<"web", "h5", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object>; | ||
h6: import("../constructors/constructWithOptions").Styled<"web", "h6", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object>; | ||
head: import("../constructors/constructWithOptions").Styled<"web", "head", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadElement>, HTMLHeadElement>, object>; | ||
header: import("../constructors/constructWithOptions").Styled<"web", "header", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
hgroup: import("../constructors/constructWithOptions").Styled<"web", "hgroup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
hr: import("../constructors/constructWithOptions").Styled<"web", "hr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, object>; | ||
html: import("../constructors/constructWithOptions").Styled<"web", "html", import("react").DetailedHTMLProps<import("react").HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>, object>; | ||
i: import("../constructors/constructWithOptions").Styled<"web", "i", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
iframe: import("../constructors/constructWithOptions").Styled<"web", "iframe", import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, object>; | ||
img: import("../constructors/constructWithOptions").Styled<"web", "img", import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, object>; | ||
input: import("../constructors/constructWithOptions").Styled<"web", "input", import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, object>; | ||
ins: import("../constructors/constructWithOptions").Styled<"web", "ins", import("react").DetailedHTMLProps<import("react").InsHTMLAttributes<HTMLModElement>, HTMLModElement>, object>; | ||
kbd: import("../constructors/constructWithOptions").Styled<"web", "kbd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
keygen: import("../constructors/constructWithOptions").Styled<"web", "keygen", import("react").DetailedHTMLProps<import("react").KeygenHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
label: import("../constructors/constructWithOptions").Styled<"web", "label", import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, object>; | ||
legend: import("../constructors/constructWithOptions").Styled<"web", "legend", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, object>; | ||
li: import("../constructors/constructWithOptions").Styled<"web", "li", import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, object>; | ||
link: import("../constructors/constructWithOptions").Styled<"web", "link", import("react").DetailedHTMLProps<import("react").LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>, object>; | ||
main: import("../constructors/constructWithOptions").Styled<"web", "main", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
map: import("../constructors/constructWithOptions").Styled<"web", "map", import("react").DetailedHTMLProps<import("react").MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>, object>; | ||
mark: import("../constructors/constructWithOptions").Styled<"web", "mark", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
menu: import("../constructors/constructWithOptions").Styled<"web", "menu", import("react").DetailedHTMLProps<import("react").MenuHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
menuitem: import("../constructors/constructWithOptions").Styled<"web", "menuitem", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
meta: import("../constructors/constructWithOptions").Styled<"web", "meta", import("react").DetailedHTMLProps<import("react").MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>, object>; | ||
meter: import("../constructors/constructWithOptions").Styled<"web", "meter", import("react").DetailedHTMLProps<import("react").MeterHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
nav: import("../constructors/constructWithOptions").Styled<"web", "nav", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
noindex: import("../constructors/constructWithOptions").Styled<"web", "noindex", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
noscript: import("../constructors/constructWithOptions").Styled<"web", "noscript", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
object: import("../constructors/constructWithOptions").Styled<"web", "object", import("react").DetailedHTMLProps<import("react").ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>, object>; | ||
ol: import("../constructors/constructWithOptions").Styled<"web", "ol", import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, object>; | ||
optgroup: import("../constructors/constructWithOptions").Styled<"web", "optgroup", import("react").DetailedHTMLProps<import("react").OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, object>; | ||
option: import("../constructors/constructWithOptions").Styled<"web", "option", import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, object>; | ||
output: import("../constructors/constructWithOptions").Styled<"web", "output", import("react").DetailedHTMLProps<import("react").OutputHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
p: import("../constructors/constructWithOptions").Styled<"web", "p", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, object>; | ||
param: import("../constructors/constructWithOptions").Styled<"web", "param", import("react").DetailedHTMLProps<import("react").ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement>, object>; | ||
picture: import("../constructors/constructWithOptions").Styled<"web", "picture", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
pre: import("../constructors/constructWithOptions").Styled<"web", "pre", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, object>; | ||
progress: import("../constructors/constructWithOptions").Styled<"web", "progress", import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>, object>; | ||
q: import("../constructors/constructWithOptions").Styled<"web", "q", import("react").DetailedHTMLProps<import("react").QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, object>; | ||
rp: import("../constructors/constructWithOptions").Styled<"web", "rp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
rt: import("../constructors/constructWithOptions").Styled<"web", "rt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
ruby: import("../constructors/constructWithOptions").Styled<"web", "ruby", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
s: import("../constructors/constructWithOptions").Styled<"web", "s", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
samp: import("../constructors/constructWithOptions").Styled<"web", "samp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
slot: import("../constructors/constructWithOptions").Styled<"web", "slot", import("react").DetailedHTMLProps<import("react").SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement>, object>; | ||
script: import("../constructors/constructWithOptions").Styled<"web", "script", import("react").DetailedHTMLProps<import("react").ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement>, object>; | ||
section: import("../constructors/constructWithOptions").Styled<"web", "section", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
select: import("../constructors/constructWithOptions").Styled<"web", "select", import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, object>; | ||
small: import("../constructors/constructWithOptions").Styled<"web", "small", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
source: import("../constructors/constructWithOptions").Styled<"web", "source", import("react").DetailedHTMLProps<import("react").SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>, object>; | ||
span: import("../constructors/constructWithOptions").Styled<"web", "span", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, object>; | ||
strong: import("../constructors/constructWithOptions").Styled<"web", "strong", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
style: import("../constructors/constructWithOptions").Styled<"web", "style", import("react").DetailedHTMLProps<import("react").StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>, object>; | ||
sub: import("../constructors/constructWithOptions").Styled<"web", "sub", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
summary: import("../constructors/constructWithOptions").Styled<"web", "summary", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
sup: import("../constructors/constructWithOptions").Styled<"web", "sup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
table: import("../constructors/constructWithOptions").Styled<"web", "table", import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, object>; | ||
template: import("../constructors/constructWithOptions").Styled<"web", "template", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement>, object>; | ||
tbody: import("../constructors/constructWithOptions").Styled<"web", "tbody", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, object>; | ||
td: import("../constructors/constructWithOptions").Styled<"web", "td", import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, object>; | ||
textarea: import("../constructors/constructWithOptions").Styled<"web", "textarea", import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, object>; | ||
tfoot: import("../constructors/constructWithOptions").Styled<"web", "tfoot", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, object>; | ||
th: import("../constructors/constructWithOptions").Styled<"web", "th", import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, object>; | ||
thead: import("../constructors/constructWithOptions").Styled<"web", "thead", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, object>; | ||
time: import("../constructors/constructWithOptions").Styled<"web", "time", import("react").DetailedHTMLProps<import("react").TimeHTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
title: import("../constructors/constructWithOptions").Styled<"web", "title", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>, object>; | ||
tr: import("../constructors/constructWithOptions").Styled<"web", "tr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, object>; | ||
track: import("../constructors/constructWithOptions").Styled<"web", "track", import("react").DetailedHTMLProps<import("react").TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>, object>; | ||
u: import("../constructors/constructWithOptions").Styled<"web", "u", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
ul: import("../constructors/constructWithOptions").Styled<"web", "ul", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, object>; | ||
var: import("../constructors/constructWithOptions").Styled<"web", "var", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
video: import("../constructors/constructWithOptions").Styled<"web", "video", import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, object>; | ||
wbr: import("../constructors/constructWithOptions").Styled<"web", "wbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object>; | ||
webview: import("../constructors/constructWithOptions").Styled<"web", "webview", import("react").DetailedHTMLProps<import("react").WebViewHTMLAttributes<HTMLWebViewElement>, HTMLWebViewElement>, object>; | ||
svg: import("../constructors/constructWithOptions").Styled<"web", "svg", import("react").SVGProps<SVGSVGElement>, object>; | ||
animate: import("../constructors/constructWithOptions").Styled<"web", "animate", import("react").SVGProps<SVGElement>, object>; | ||
animateMotion: import("../constructors/constructWithOptions").Styled<"web", "animateMotion", import("react").SVGProps<SVGElement>, object>; | ||
animateTransform: import("../constructors/constructWithOptions").Styled<"web", "animateTransform", import("react").SVGProps<SVGElement>, object>; | ||
circle: import("../constructors/constructWithOptions").Styled<"web", "circle", import("react").SVGProps<SVGCircleElement>, object>; | ||
clipPath: import("../constructors/constructWithOptions").Styled<"web", "clipPath", import("react").SVGProps<SVGClipPathElement>, object>; | ||
defs: import("../constructors/constructWithOptions").Styled<"web", "defs", import("react").SVGProps<SVGDefsElement>, object>; | ||
desc: import("../constructors/constructWithOptions").Styled<"web", "desc", import("react").SVGProps<SVGDescElement>, object>; | ||
ellipse: import("../constructors/constructWithOptions").Styled<"web", "ellipse", import("react").SVGProps<SVGEllipseElement>, object>; | ||
feBlend: import("../constructors/constructWithOptions").Styled<"web", "feBlend", import("react").SVGProps<SVGFEBlendElement>, object>; | ||
feColorMatrix: import("../constructors/constructWithOptions").Styled<"web", "feColorMatrix", import("react").SVGProps<SVGFEColorMatrixElement>, object>; | ||
feComponentTransfer: import("../constructors/constructWithOptions").Styled<"web", "feComponentTransfer", import("react").SVGProps<SVGFEComponentTransferElement>, object>; | ||
feComposite: import("../constructors/constructWithOptions").Styled<"web", "feComposite", import("react").SVGProps<SVGFECompositeElement>, object>; | ||
feConvolveMatrix: import("../constructors/constructWithOptions").Styled<"web", "feConvolveMatrix", import("react").SVGProps<SVGFEConvolveMatrixElement>, object>; | ||
feDiffuseLighting: import("../constructors/constructWithOptions").Styled<"web", "feDiffuseLighting", import("react").SVGProps<SVGFEDiffuseLightingElement>, object>; | ||
feDisplacementMap: import("../constructors/constructWithOptions").Styled<"web", "feDisplacementMap", import("react").SVGProps<SVGFEDisplacementMapElement>, object>; | ||
feDistantLight: import("../constructors/constructWithOptions").Styled<"web", "feDistantLight", import("react").SVGProps<SVGFEDistantLightElement>, object>; | ||
feDropShadow: import("../constructors/constructWithOptions").Styled<"web", "feDropShadow", import("react").SVGProps<SVGFEDropShadowElement>, object>; | ||
feFlood: import("../constructors/constructWithOptions").Styled<"web", "feFlood", import("react").SVGProps<SVGFEFloodElement>, object>; | ||
feFuncA: import("../constructors/constructWithOptions").Styled<"web", "feFuncA", import("react").SVGProps<SVGFEFuncAElement>, object>; | ||
feFuncB: import("../constructors/constructWithOptions").Styled<"web", "feFuncB", import("react").SVGProps<SVGFEFuncBElement>, object>; | ||
feFuncG: import("../constructors/constructWithOptions").Styled<"web", "feFuncG", import("react").SVGProps<SVGFEFuncGElement>, object>; | ||
feFuncR: import("../constructors/constructWithOptions").Styled<"web", "feFuncR", import("react").SVGProps<SVGFEFuncRElement>, object>; | ||
feGaussianBlur: import("../constructors/constructWithOptions").Styled<"web", "feGaussianBlur", import("react").SVGProps<SVGFEGaussianBlurElement>, object>; | ||
feImage: import("../constructors/constructWithOptions").Styled<"web", "feImage", import("react").SVGProps<SVGFEImageElement>, object>; | ||
feMerge: import("../constructors/constructWithOptions").Styled<"web", "feMerge", import("react").SVGProps<SVGFEMergeElement>, object>; | ||
feMergeNode: import("../constructors/constructWithOptions").Styled<"web", "feMergeNode", import("react").SVGProps<SVGFEMergeNodeElement>, object>; | ||
feMorphology: import("../constructors/constructWithOptions").Styled<"web", "feMorphology", import("react").SVGProps<SVGFEMorphologyElement>, object>; | ||
feOffset: import("../constructors/constructWithOptions").Styled<"web", "feOffset", import("react").SVGProps<SVGFEOffsetElement>, object>; | ||
fePointLight: import("../constructors/constructWithOptions").Styled<"web", "fePointLight", import("react").SVGProps<SVGFEPointLightElement>, object>; | ||
feSpecularLighting: import("../constructors/constructWithOptions").Styled<"web", "feSpecularLighting", import("react").SVGProps<SVGFESpecularLightingElement>, object>; | ||
feSpotLight: import("../constructors/constructWithOptions").Styled<"web", "feSpotLight", import("react").SVGProps<SVGFESpotLightElement>, object>; | ||
feTile: import("../constructors/constructWithOptions").Styled<"web", "feTile", import("react").SVGProps<SVGFETileElement>, object>; | ||
feTurbulence: import("../constructors/constructWithOptions").Styled<"web", "feTurbulence", import("react").SVGProps<SVGFETurbulenceElement>, object>; | ||
filter: import("../constructors/constructWithOptions").Styled<"web", "filter", import("react").SVGProps<SVGFilterElement>, object>; | ||
foreignObject: import("../constructors/constructWithOptions").Styled<"web", "foreignObject", import("react").SVGProps<SVGForeignObjectElement>, object>; | ||
g: import("../constructors/constructWithOptions").Styled<"web", "g", import("react").SVGProps<SVGGElement>, object>; | ||
image: import("../constructors/constructWithOptions").Styled<"web", "image", import("react").SVGProps<SVGImageElement>, object>; | ||
line: import("../constructors/constructWithOptions").Styled<"web", "line", import("react").SVGProps<SVGLineElement>, object>; | ||
linearGradient: import("../constructors/constructWithOptions").Styled<"web", "linearGradient", import("react").SVGProps<SVGLinearGradientElement>, object>; | ||
marker: import("../constructors/constructWithOptions").Styled<"web", "marker", import("react").SVGProps<SVGMarkerElement>, object>; | ||
mask: import("../constructors/constructWithOptions").Styled<"web", "mask", import("react").SVGProps<SVGMaskElement>, object>; | ||
metadata: import("../constructors/constructWithOptions").Styled<"web", "metadata", import("react").SVGProps<SVGMetadataElement>, object>; | ||
mpath: import("../constructors/constructWithOptions").Styled<"web", "mpath", import("react").SVGProps<SVGElement>, object>; | ||
path: import("../constructors/constructWithOptions").Styled<"web", "path", import("react").SVGProps<SVGPathElement>, object>; | ||
pattern: import("../constructors/constructWithOptions").Styled<"web", "pattern", import("react").SVGProps<SVGPatternElement>, object>; | ||
polygon: import("../constructors/constructWithOptions").Styled<"web", "polygon", import("react").SVGProps<SVGPolygonElement>, object>; | ||
polyline: import("../constructors/constructWithOptions").Styled<"web", "polyline", import("react").SVGProps<SVGPolylineElement>, object>; | ||
radialGradient: import("../constructors/constructWithOptions").Styled<"web", "radialGradient", import("react").SVGProps<SVGRadialGradientElement>, object>; | ||
rect: import("../constructors/constructWithOptions").Styled<"web", "rect", import("react").SVGProps<SVGRectElement>, object>; | ||
stop: import("../constructors/constructWithOptions").Styled<"web", "stop", import("react").SVGProps<SVGStopElement>, object>; | ||
switch: import("../constructors/constructWithOptions").Styled<"web", "switch", import("react").SVGProps<SVGSwitchElement>, object>; | ||
symbol: import("../constructors/constructWithOptions").Styled<"web", "symbol", import("react").SVGProps<SVGSymbolElement>, object>; | ||
text: import("../constructors/constructWithOptions").Styled<"web", "text", import("react").SVGProps<SVGTextElement>, object>; | ||
textPath: import("../constructors/constructWithOptions").Styled<"web", "textPath", import("react").SVGProps<SVGTextPathElement>, object>; | ||
tspan: import("../constructors/constructWithOptions").Styled<"web", "tspan", import("react").SVGProps<SVGTSpanElement>, object>; | ||
use: import("../constructors/constructWithOptions").Styled<"web", "use", import("react").SVGProps<SVGUseElement>, object>; | ||
view: import("../constructors/constructWithOptions").Styled<"web", "view", import("react").SVGProps<SVGViewElement>, object>; | ||
}; | ||
@@ -184,0 +180,0 @@ export declare const rehydrateTestStyles: () => void; |
@@ -5,3 +5,3 @@ import React from 'react'; | ||
import createWarnTooManyClasses from './utils/createWarnTooManyClasses'; | ||
interface ExoticComponentWithDisplayName<P = unknown> extends React.ExoticComponent<P> { | ||
interface ExoticComponentWithDisplayName<P = any> extends React.ExoticComponent<P> { | ||
defaultProps?: Partial<P>; | ||
@@ -16,3 +16,3 @@ displayName?: string; | ||
export declare type AnyComponent<P = any> = ExoticComponentWithDisplayName<P> | React.ComponentType<P>; | ||
export interface StyledOptions<R extends Runtime, Props> { | ||
export interface StyledOptions<R extends Runtime, Props extends object> { | ||
attrs?: Attrs<Props>[]; | ||
@@ -27,8 +27,16 @@ componentId?: R extends 'web' ? string : never; | ||
export declare type NativeTarget = AnyComponent; | ||
export interface BaseExtensibleObject { | ||
[key: string]: any; | ||
} | ||
export interface ExtensibleObject extends BaseExtensibleObject { | ||
$as?: KnownTarget; | ||
$forwardedAs?: KnownTarget; | ||
export declare type Dict<T> = { | ||
[key: string]: T; | ||
}; | ||
export interface ExecutionProps { | ||
/** | ||
* Dynamically adjust the rendered component or HTML tag, e.g. | ||
* ``` | ||
* const StyledButton = styled.button`` | ||
* | ||
* <StyledButton as="a" href="/foo"> | ||
* I'm an anchor now | ||
* </StyledButton> | ||
* ``` | ||
*/ | ||
as?: KnownTarget; | ||
@@ -38,12 +46,12 @@ forwardedAs?: KnownTarget; | ||
} | ||
export interface ExecutionContext extends ExtensibleObject { | ||
export interface ExecutionContext extends ExecutionProps { | ||
theme: DefaultTheme; | ||
} | ||
export interface StyleFunction<Props = BaseExtensibleObject> { | ||
export interface StyleFunction<Props extends object> { | ||
(executionContext: ExecutionContext & Props): Interpolation<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>[]; | ||
export declare type Styles<Props> = TemplateStringsArray | StyledObject<Props> | StyleFunction<Props>; | ||
export declare type Interpolation<Props extends object> = StyleFunction<Props> | StyledObject<Props> | TemplateStringsArray | string | number | false | undefined | null | Keyframes | IStyledComponent<'web', any, any> | Interpolation<Props>[]; | ||
export declare type Attrs<Props extends object> = (ExecutionProps & Props) | ((props: ExecutionContext & Props) => Partial<Props>); | ||
export declare type RuleSet<Props extends object> = Interpolation<ExecutionContext & Props>[]; | ||
export declare type Styles<Props extends object> = TemplateStringsArray | StyledObject<Props> | StyleFunction<Props>; | ||
export declare type NameGenerator = (hash: number) => string; | ||
@@ -58,6 +66,6 @@ export interface StyleSheet { | ||
} | ||
export interface Flattener<Props> { | ||
export interface Flattener<Props extends object> { | ||
(chunks: Interpolation<Props>[], executionContext: Object | null | undefined, styleSheet: Object | null | undefined): Interpolation<Props>[]; | ||
} | ||
export declare type FlattenerResult<Props> = RuleSet<Props> | number | string | string[] | IStyledComponent<any, any> | Keyframes; | ||
export declare type FlattenerResult<Props extends object> = RuleSet<Props> | number | string | string[] | IStyledComponent<any, any, any> | Keyframes; | ||
export interface Stringifier { | ||
@@ -68,5 +76,5 @@ (css: string, selector?: string, prefix?: string, componentId?: string): string[]; | ||
export interface ShouldForwardProp<R extends Runtime> { | ||
(prop: string, elementToBeCreated?: StyledTarget<R>): boolean; | ||
(prop: string, elementToBeCreated: StyledTarget<R>): boolean; | ||
} | ||
export interface CommonStatics<R extends Runtime, Props> { | ||
export interface CommonStatics<R extends Runtime, Props extends object> { | ||
attrs: Attrs<Props>[]; | ||
@@ -77,3 +85,3 @@ target: StyledTarget<R>; | ||
} | ||
export interface IStyledStatics<R extends Runtime, OuterProps = unknown> extends CommonStatics<R, OuterProps> { | ||
export interface IStyledStatics<R extends Runtime, OuterProps extends object> extends CommonStatics<R, OuterProps> { | ||
componentStyle: R extends 'web' ? ComponentStyle : never; | ||
@@ -85,24 +93,22 @@ foldedComponentIds: R extends 'web' ? Array<string> : never; | ||
warnTooManyClasses?: R extends 'web' ? ReturnType<typeof createWarnTooManyClasses> : never; | ||
withComponent: <Target extends StyledTarget<R>, Props = unknown>(tag: Target) => IStyledComponent<R, Target, OuterProps & Props>; | ||
withComponent: <Target extends StyledTarget<R>, Props extends object = object>(tag: Target) => IStyledComponent<R, Target, OuterProps & Props>; | ||
} | ||
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; | ||
as?: AnyComponent; | ||
} | { | ||
as?: 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>; | ||
declare type PolymorphicComponentProps<R extends Runtime, E extends StyledTarget<R>, P extends object> = { | ||
as?: E; | ||
theme?: DefaultTheme; | ||
} & P & (E extends KnownTarget ? Omit<React.ComponentProps<E>, keyof P | 'as'> : object); | ||
interface PolymorphicComponent<R extends Runtime, P extends object, FallbackComponent extends StyledTarget<R>> extends React.ForwardRefExoticComponent<P> { | ||
<E extends StyledTarget<R> = FallbackComponent>(props: PolymorphicComponentProps<R, E, P>): React.ReactElement | null; | ||
} | ||
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>; | ||
export interface IStyledComponent<R extends Runtime, Target extends StyledTarget<R>, Props extends object> extends PolymorphicComponent<R, Props, Target>, IStyledStatics<R, Props> { | ||
defaultProps?: Partial<ExecutionProps & (Target extends KnownTarget ? React.ComponentProps<Target> : {}) & Props>; | ||
toString: () => string; | ||
} | ||
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 IStyledComponentFactory<R extends Runtime, Target extends StyledTarget<R>, OuterProps extends object, OuterStatics extends object = object> { | ||
<Props extends object = object, Statics extends object = object>(target: Target, options: StyledOptions<R, OuterProps>, rules: RuleSet<OuterProps & Props>): IStyledComponent<R, Target, OuterProps & Props> & OuterStatics & Statics; | ||
} | ||
export interface IInlineStyleConstructor<Props = unknown> { | ||
export interface IInlineStyleConstructor<Props extends object> { | ||
new (rules: RuleSet<Props>): IInlineStyle<Props>; | ||
} | ||
export interface IInlineStyle<Props = unknown> { | ||
export interface IInlineStyle<Props extends object> { | ||
rules: RuleSet<Props>; | ||
@@ -112,4 +118,4 @@ generateStyleObject(executionContext: Object): Object; | ||
export declare type StyledTarget<R extends Runtime> = R extends 'web' ? WebTarget : NativeTarget; | ||
export interface StyledObject<Props = ExecutionContext> { | ||
[key: string]: BaseExtensibleObject | string | number | StyleFunction<Props>; | ||
export interface StyledObject<Props extends object = ExecutionContext> { | ||
[key: string]: Dict<any> | string | number | StyleFunction<Props>; | ||
} | ||
@@ -138,2 +144,2 @@ /** | ||
*/ | ||
export declare type CSSProp = string | StyledObject | StyleFunction; | ||
export declare type CSSProp = string | StyledObject | StyleFunction<any>; |
@@ -1,2 +0,2 @@ | ||
import { ExtensibleObject } from '../types'; | ||
export default function determineTheme(props: ExtensibleObject, providedTheme: any, defaultProps?: any): any; | ||
import { ExecutionProps } from '../types'; | ||
export default function determineTheme(props: ExecutionProps, providedTheme: any, defaultProps?: any): any; |
@@ -1,3 +0,3 @@ | ||
import { ExtensibleObject } from '../types'; | ||
import { Dict } from '../types'; | ||
export declare const EMPTY_ARRAY: readonly any[]; | ||
export declare const EMPTY_OBJECT: Readonly<ExtensibleObject>; | ||
export declare const EMPTY_OBJECT: Readonly<Dict<any>>; |
import StyleSheet from '../sheet'; | ||
import { ExecutionContext, ExtensibleObject, Interpolation, Stringifier } from '../types'; | ||
export declare const objToCssArray: (obj: ExtensibleObject, prevKey?: string) => string[]; | ||
export default function flatten<Props = unknown>(chunk: Interpolation<Props>, executionContext?: ExecutionContext & Props, styleSheet?: StyleSheet, stylisInstance?: Stringifier): Interpolation<Props>; | ||
import { Dict, ExecutionContext, Interpolation, RuleSet, Stringifier } from '../types'; | ||
export declare const objToCssArray: (obj: Dict<any>, prevKey?: string) => string[]; | ||
export default function flatten<Props extends object>(chunk: Interpolation<Props>, executionContext?: ExecutionContext & Props, styleSheet?: StyleSheet, stylisInstance?: Stringifier): Interpolation<Props> | RuleSet<Props>; |
import { Interpolation } from '../types'; | ||
export default function interleave<Props = unknown>(strings: TemplateStringsArray, interpolations: Interpolation<Props>[]): Interpolation<Props>[]; | ||
export default function interleave<Props extends object>(strings: TemplateStringsArray, interpolations: Interpolation<Props>[]): Interpolation<Props>[]; |
import { RuleSet } from '../types'; | ||
export default function isStaticRules<Props = unknown>(rules: RuleSet<Props>): boolean; | ||
export default function isStaticRules<Props extends object>(rules: RuleSet<Props>): boolean; |
import { IStyledComponent } from '../types'; | ||
export default function isStyledComponent(target: any): target is IStyledComponent<'web', any>; | ||
export default function isStyledComponent(target: any): target is IStyledComponent<'web', any, any>; |
@@ -1,2 +0,2 @@ | ||
import { ExtensibleObject } from '../types'; | ||
import { ExecutionProps } from '../types'; | ||
/** | ||
@@ -7,2 +7,2 @@ * Arrays & POJOs merged recursively, other objects and value types are overridden | ||
*/ | ||
export default function mixinDeep(target?: ExtensibleObject, ...sources: any[]): ExtensibleObject; | ||
export default function mixinDeep(target?: ExecutionProps, ...sources: any[]): ExecutionProps; |
{ | ||
"name": "styled-components", | ||
"version": "6.0.0-beta.2", | ||
"version": "6.0.0-beta.3", | ||
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress", | ||
@@ -137,3 +137,3 @@ "types": "dist/index.d.ts", | ||
"stylis-plugin-rtl": "^2.1.1", | ||
"typescript": "^4.7.4", | ||
"typescript": "^4.8.3", | ||
"utility-types": "^3.10.0" | ||
@@ -140,0 +140,0 @@ }, |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
2147906
15209