@veracity/vui 3.0.0-beta.4 → 3.0.0-beta.6

package/dist/core/styled.d.ts

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

package/dist/core/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","names":[],"sources":["../../src/core/styled.ts"],"sourcesContent":[],"mappings":";;;;;;;;;KAmBY,WAAA,GAAc,kBAAkB;KAEhC,iBAAA,UAA2B;AAFvC;AAAuB,KAKX,OAAA,GAAU,qBALC,CAKqB,YALrB,CAAA,GAAA,UAAqB,MAM5B,WAN4B,GAMd,oBANc,CAMO,WANP,CAMmB,GANnB,CAAA,EAMyB,YANzB,EAMuC,WANvC,CAAA;AAAD,cAiF9B,mBAjF8B,EAAA,OAiFb,iBAjFa;AAE/B,cAiFC,KAjFgB,EAiFb,WAjFuB;AAG3B,cAgFC,CAhFM,EAAA;EAAA,MAAA,CAAA,qBAAA,MAAA,CAAA,CAAA,GAAA,UAAA,gBAAA,EAAA,CAAA,EAAA,GAAA,GAAA;IAAyB,MAAA,qCAAA,CAAA,CAAA,KAAA,MAAA,gBAAA,iBAAA,CAAA,EAAA,OAAA,CAAA,EAAA,sBAAA,CAAA,GAAA,EAAA,QAAA,CAAA,cAAA,cAAA,EAAA,OAAA,CAAA;IAAtB,MAAA,qCAAA,CAAA,CAAA,KAAA,MAAA,yBAAA,4BAAA,kBAAA,CAAA,mBAAA,CAAA,EAAA,OAAA,CAAA,EAAA,sBAAA,CAAA,GAAA,EAAA,QAAA,CAAA,cAAA,cAAA,EAAA,OAAA,CAAA;IACN,CAAA,qCAAA,CAAA,CAAA,KAAA,MAAA,yBAAA,4BAAA,kBAAA,CAAA,mBAAA,CAAA,EAAA,OAAA,CAAA,EAAA,sBAAA,CAAA,GAAA,EAAA,GAAA,CAAA,cAAA,cAAA,EAAA,OAAA,CAAA;IAAmC,IAAA,qCAAA,CAAA,CAAA,KAAA,MAAA,yBAAA,sBAAA,YAAA,CAAA,aAAA,CAAA,EAAA,OAAA,CAAA,EAAA,sBAAA,CAAA,GAAA,EAAA,MAAA,CAAA,cAAA,cAAA,EAAA,OAAA,CAAA;IAAY,OAAA,qCAAA,CAAA,CAAA,KAAA,MAAA,yBAAA,sBAAA,YAAA,CAAA,aAAA,CAAA,EAAA,OAAA,CAAA,EAAA,sBAAA,CAAA,GAAA,EAAA,SAAA,CAAA,cAAA,cAAA,EAAA,OAAA,CAAA;IAAM,IAAA,qCAAA,CAAA,CAAA,KAAA,MAAA,yBAAA,0BAAA,gBAAA,CAAA,iBAAA,CAAA,EAAA,OAAA,CAAA,EAAA,sBAAA,CAAA,GAAA,EAAA,MAAA,CAAA,cAAA,cAAA,EAAA,OAAA,CAAA;IAAc,OAAA,qCAAA,CAAA,CAAA,KAAA,MAAA,yBAAA,sBAAA,YAAA,CAAA,aAAA,CAAA,EAAA,OAAA,CAAA,EAAA,sBAAA,CAAA,GAAA,EAAA,SAAA,CAAA,cAAA,cAAA,EAAA,OAAA,CAAA;IAArD,KAAA,qCAAA,CAAA,CAAA,KAAA,MAAA,yBAAA,sBAAA,YAAA,CAAA,aAAA,CAAA,EAAA,OAAA,CAAA,EAAA,sBAAA,CAAA,GAAA,EAAA,OAAA,CAAA,cAAA,cAAA,EAAA,OAAA,CAAA;IAAoB,KAAA,qCAAA,CAAA,CAAA,KAAA,MAAA,yBAAA,2BAAA,iBAAA,CAAA,kBAAA,CAAA,EAAA,OAAA,CAAA,EAAA,sBAAA,CAAA,GAAA,EAAA,OAAA,CAAA,cAAA,cAAA,EAAA,OAAA,CAAA;IA2ErC,CAAA,qCAAiB,CAA4B,CAAA,KAAA,MAAA,yBAAA,sBAAA,YAAA,CAAA,aAAA,CAAA,EAAA,OAAA,CAAA,EAAA,sBAAA,CAAA,GAAA,EAAA,GAAA,CAAA,cAAA,cAAA,EAAA,OAAA,CAAA;IAE7C,IAAyB,qCAAA,CAAA,CAAA,KAAA,MAAA,yBAAA,0BAAA,gBAAA,CAAA,iBAAA,CAAA,EAAA,OAAA,CAAA,EAAA,sBAAA,CAAA,GAAA,EAAA,MAAA,CAAA,cAAA,cAAA,EAAA,OAAA,CAAA;IAEO,GAAA,qCAAA,CAAA,CAAA,KAAA,MAAA,yBAAA,sBAAA,YAAA,CAAA,aAAA,CAAA,EAAA,OAAA,CAAA,EAAA,sBAAA,CAAA,GAAA,EAAA,KAAA,CAAA,cAAA,cAAA,EAAA,OAAA,CAAA;IAAA,GAAA,qCAAA,CAAA,CAAA,KAAA,MAAA,yBAAA,sBAAA,YAAA,CAAA,aAAA,CAAA,EAAA,OAAA,CAAA,EAAA,sBAAA,CAAA,GAAA,EAAA,KAAA,CAAA,cAAA,cAAA,EAAA,OAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAEhC,QAAM"}

package/dist/core/styled.js

@@ -0,0 +1,2 @@
+import{system as e}from"../system/system.js";import{createX as t}from"@xstyled/styled-components";import n,{createGlobalStyle as r,css as i}from"styled-components";import{transform as a}from"@xstyled/core";import{flattenStrings as o}from"@xstyled/util";function s(e,t){let r=t?d(t):{};return(i=>{let a=r?n(i).withConfig(r):n(i);return f(a,e,t)})}function c(){let e=l();return((...t)=>r([e(...t)]))}function l(){return((...e)=>{let t=i(...e);return o(t).map(a)})}function u(e){let t=l(),r=s(t),i=s(t,e);return Object.keys(n).forEach(e=>{r[e]=r(e),r[`${e}Box`]=i(e)}),r}function d(e){return{shouldForwardProp:(t,n)=>typeof t==`string`&&e.meta.props.includes(t)?!1:n(t)}}function f(e,t,n){let r=(...r)=>e`${t(...r)}${n}`;return r.attrs=r=>f(e.attrs(r),t,n),r.withConfig=r=>f(e.withConfig(r),t,n),r}const p=c(),m=l(),h=t(e),g=u(e);export{p as createGlobalStyle,m as css,g as styled,h as v};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=styled.js.map

package/dist/core/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["css","scCreateGlobalStyle","scCss","styled","createGlobalStyle"],"sources":["../../src/core/styled.ts"],"sourcesContent":["import { transform } from '@xstyled/core'\nimport type { StyleGenerator } from '@xstyled/styled-components'\nimport { createX } from '@xstyled/styled-components'\nimport type { BoxElements } from '@xstyled/styled-components/dist/BoxElements'\nimport { flattenStrings } from '@xstyled/util'\nimport type {\n  DefaultTheme,\n  FlattenSimpleInterpolation,\n  StyledConfig,\n  ThemedCssFunction,\n  ThemedStyledFunction,\n  ThemedStyledInterface,\n} from 'styled-components'\nimport scStyled, { createGlobalStyle as scCreateGlobalStyle, css as scCss } from 'styled-components'\n\nimport type { SystemProps } from '../system'\nimport { system } from '../system'\n\n/** Custom 'css' function with theme support. */\nexport type CSSFunction = ThemedCssFunction<DefaultTheme>\n\nexport type CreateGlobalStyle = typeof scCreateGlobalStyle\n\n/** Type of the custom 'styled' function. */\nexport type VStyled = ThemedStyledInterface<DefaultTheme> & {\n  [Key in keyof BoxElements]: ThemedStyledFunction<BoxElements[Key], DefaultTheme, SystemProps>\n}\n\n/** Creates enhanced 'styled' function with optional style generators and prop-forwarding safeguard. */\nfunction createBaseStyled(css: CSSFunction, generator?: StyleGenerator) {\n  const config = generator ? forwardPropConfig(generator) : {}\n\n  return ((component: Parameters<typeof scStyled>[0]) => {\n    const baseStyled = config ? scStyled(component).withConfig(config) : scStyled(component)\n\n    return getCreateStyle(baseStyled, css, generator)\n  }) as VStyled\n}\n\n/** Enhances createGlobalStyle function with custom 'css' helper. */\nfunction createCreateGlobalStyle(): CreateGlobalStyle {\n  const css = createCssFunction()\n  return ((...args: Parameters<CreateGlobalStyle>): ReturnType<CreateGlobalStyle> =>\n    scCreateGlobalStyle([\n      // @ts-expect-error no idea why it's complaining\n      css(...args),\n    ])) as CreateGlobalStyle\n}\n\n/** Enhances styled-components' 'css' function with automatic theming. */\nfunction createCssFunction() {\n  return ((...args: Parameters<CSSFunction>) => {\n    const scCssArgs = scCss(...args)\n    const flattenedArgs = flattenStrings(scCssArgs as any[])\n    return flattenedArgs.map(transform) as FlattenSimpleInterpolation\n  }) as CSSFunction\n}\n\n/**\n * Creates full 'styled' function with properties for components.\n * Includes base version and system version using 'Box' postfix.\n */\nfunction createStyled(generator: StyleGenerator): VStyled {\n  const css = createCssFunction()\n  const styled = createBaseStyled(css)\n  const vstyled = createBaseStyled(css, generator)\n\n  Object.keys(scStyled).forEach(key => {\n    // @ts-expect-error no idea why it's complaining\n    styled[key] = styled(key)\n    // @ts-expect-error no idea why it's complaining\n    styled[`${key}Box`] = vstyled(key)\n  })\n\n  return styled\n}\n\n/** Provides configuration to the 'styled' function, which filters out xstyled system props. */\nfunction forwardPropConfig(generator: StyleGenerator) {\n  return {\n    shouldForwardProp: (prop: any, defaultValidatorFn: (prop: any) => boolean) => {\n      if (typeof prop === 'string' && generator.meta.props.includes(prop)) return false\n      return defaultValidatorFn(prop)\n    },\n  }\n}\n\n/** Extends styled component with a given styles generator (system). */\nfunction getCreateStyle(baseCreateStyle: ThemedStyledFunction<any, any>, css: CSSFunction, generator?: StyleGenerator) {\n  const createStyle = (...args: Parameters<typeof css>) => baseCreateStyle`${css(...args)}${generator}`\n\n  createStyle.attrs = (attrs: Parameters<typeof baseCreateStyle.attrs>[0]) =>\n    getCreateStyle(baseCreateStyle.attrs(attrs), css, generator)\n\n  createStyle.withConfig = (config: StyledConfig<any>) =>\n    getCreateStyle(baseCreateStyle.withConfig(config), css, generator)\n\n  return createStyle\n}\n\nexport const createGlobalStyle = createCreateGlobalStyle()\n\nexport const css = createCssFunction()\n\nexport const v = createX<SystemProps>(system)\n\nexport const styled = createStyled(system)\n\nexport default styled\n"],"mappings":"6PA6BA,SAAS,EAAiB,EAAkB,EAA4B,CACtE,IAAM,EAAS,EAAY,EAAkB,EAAU,CAAG,EAAE,CAE5D,OAAS,GAA8C,CACrD,IAAM,EAAa,EAAS,EAAS,EAAU,CAAC,WAAW,EAAO,CAAG,EAAS,EAAU,CAExF,OAAO,EAAe,EAAYA,EAAK,EAAU,GAKrD,SAAS,GAA6C,CACpD,IAAMA,EAAM,GAAmB,CAC/B,QAAS,GAAG,IACVC,EAAoB,CAElBD,EAAI,GAAG,EAAK,CACb,CAAC,EAIN,SAAS,GAAoB,CAC3B,QAAS,GAAG,IAAkC,CAC5C,IAAM,EAAYE,EAAM,GAAG,EAAK,CAEhC,OADsB,EAAe,EAAmB,CACnC,IAAI,EAAU,GAQvC,SAAS,EAAa,EAAoC,CACxD,IAAMF,EAAM,GAAmB,CACzBG,EAAS,EAAiBH,EAAI,CAC9B,EAAU,EAAiBA,EAAK,EAAU,CAShD,OAPA,OAAO,KAAK,EAAS,CAAC,QAAQ,GAAO,CAEnC,EAAO,GAAOG,EAAO,EAAI,CAEzB,EAAO,GAAG,EAAI,MAAQ,EAAQ,EAAI,EAClC,CAEKA,EAIT,SAAS,EAAkB,EAA2B,CACpD,MAAO,CACL,mBAAoB,EAAW,IACzB,OAAO,GAAS,UAAY,EAAU,KAAK,MAAM,SAAS,EAAK,CAAS,GACrE,EAAmB,EAAK,CAElC,CAIH,SAAS,EAAe,EAAiD,EAAkB,EAA4B,CACrH,IAAM,GAAe,GAAG,IAAiC,CAAe,GAAGH,EAAI,GAAG,EAAK,GAAG,IAQ1F,MANA,GAAY,MAAS,GACnB,EAAe,EAAgB,MAAM,EAAM,CAAEA,EAAK,EAAU,CAE9D,EAAY,WAAc,GACxB,EAAe,EAAgB,WAAW,EAAO,CAAEA,EAAK,EAAU,CAE7D,EAGT,MAAaI,EAAoB,GAAyB,CAE7CJ,EAAM,GAAmB,CAEzB,EAAI,EAAqB,EAAO,CAEhC,EAAS,EAAa,EAAO"}

package/dist/core/theme.d.ts

@@ -0,0 +1,45 @@
+import { AnyNumber, AnyString, Dict } from "../utils/types.js";
+import { ThemingProps, VuiTheme, VuiThemeExtensions } from "../theme/types.js";
+import { IProps, ThemeGetter } from "@xstyled/styled-components";
+
+//#region src/core/theme.d.ts
+type VuiThemeGetter<ThemeKey extends keyof VuiTheme> = ThemeGetter<keyof VuiTheme[ThemeKey] | AnyString | AnyNumber>;
+/** Type of the 'th' theme getter function. */
+type ThemeGet = {
+  (path: string, defaultValue?: any): (props: IProps) => any;
+  animation: VuiThemeGetter<'animations'>;
+  borders: VuiThemeGetter<'borders'>;
+  color: VuiThemeGetter<'colors'>;
+  duration: VuiThemeGetter<'durations'>;
+  font: VuiThemeGetter<'fonts'>;
+  fontSize: VuiThemeGetter<'fontSizes'>;
+  fontWeight: VuiThemeGetter<'fontWeights'>;
+  radius: VuiThemeGetter<'radii'>;
+  ringWidth: VuiThemeGetter<'ringWidths'>;
+  screen: VuiThemeGetter<'screens'>;
+  shadow: VuiThemeGetter<'shadows'>;
+  size: VuiThemeGetter<'sizes'>;
+  space: VuiThemeGetter<'spaces'>;
+  transform: VuiThemeGetter<'transforms'>;
+  transition: VuiThemeGetter<'transitions'>;
+  zIndex: VuiThemeGetter<'zIndices'>;
+};
+/** Merges provided theme extensions and overrides with default VUI theme. */
+declare function extendTheme(extensions: VuiThemeExtensions): VuiTheme;
+/** Removes specific theming keys from the given props. */
+declare function omitThemingProps<T extends ThemingProps>(props: T): Omit<T, "variant" | "size">;
+/** Re-export of xstyled 'th' with custom typing and screen getter. */
+declare const th$1: ThemeGet;
+/**
+ * Combines baseStyle, size and variant styling from a component's theme configuration.
+ * @param component - name of any component configured in the theme
+ * @param props - props object of the given component
+ */
+declare function useStyleConfig(component: keyof VuiTheme['components'], props?: any): Dict;
+/** Returns theme value at the given path. */
+declare function useTh(path: keyof VuiTheme | AnyString, defaultValue?: any): any;
+/** Returns the theme object with extensions. */
+declare function useTheme(): VuiTheme;
+//#endregion
+export { ThemeGet, extendTheme, omitThemingProps, th$1 as th, useStyleConfig, useTh, useTheme };
+//# sourceMappingURL=theme.d.ts.map

package/dist/core/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","names":[],"sources":["../../src/core/theme.ts"],"sourcesContent":[],"mappings":";;;;;KAUK,sCAAsC,YAAY,kBAAkB,SAAS,YAAY,YAAY;;AAArG,KAGO,QAAA,GAHO;EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,YAAA,CAAA,EAAA,GAAA,CAAA,EAAA,CAAA,KAAA,EAI2B,MAJ3B,EAAA,GAAA,GAAA;WAAwB,EAK9B,cAL8B,CAAA,YAAA,CAAA;SAA8B,EAM9D,cAN8D,CAAA,SAAA,CAAA;OAAS,EAOzE,cAPyE,CAAA,QAAA,CAAA;UAAY,EAQlF,cARkF,CAAA,WAAA,CAAA;MAAY,EASlG,cATkG,CAAA,OAAA,CAAA;UAAnD,EAU3C,cAV2C,CAAA,WAAA,CAAA;EAAW,UAAA,EAWpD,cAXoD,CAAA,aAAA,CAAA;EAGtD,MAAA,EASF,cATU,CAAA,OAAA,CAAA;EAAA,SAAA,EAUP,cAVO,CAAA,YAAA,CAAA;QAC0B,EAUpC,cAVoC,CAAA,SAAA,CAAA;QACjC,EAUH,cAVG,CAAA,SAAA,CAAA;MACF,EAUH,cAVG,CAAA,OAAA,CAAA;OACF,EAUA,cAVA,CAAA,QAAA,CAAA;WACG,EAUC,cAVD,CAAA,YAAA,CAAA;YACJ,EAUM,cAVN,CAAA,aAAA,CAAA;QACI,EAUF,cAVE,CAAA,UAAA,CAAA;;;AAGC,iBAWG,WAAA,CAXH,UAAA,EAW2B,kBAX3B,CAAA,EAWgD,QAXhD;;AAEH,iBAcM,gBAdN,CAAA,UAciC,YAdjC,CAAA,CAAA,KAAA,EAcsD,CAdtD,CAAA,EAcuD,IAdvD,CAcuD,CAdvD,EAAA,SAAA,GAAA,MAAA,CAAA;;cAqBJ,IAnBG,EAmBoB,QAnBpB;;;;AAOT;;AAAwC,iBAyBxB,cAAA,CAzBwB,SAAA,EAAA,MAyBQ,QAzBR,CAAA,YAAA,CAAA,EAAA,KAAA,CAAA,EAAA,GAAA,CAAA,EAyB+C,IAzB/C;;AAA6B,iBAsDrD,KAAA,CAtDqD,IAAA,EAAA,MAsDnC,QAtDmC,GAsDxB,SAtDwB,EAAA,YAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA;AAKrE;AAAgC,iBAuDhB,QAAA,CAAA,CAvDgB,EAuDJ,QAvDI"}

package/dist/core/theme.js

@@ -0,0 +1,2 @@
+import{runIfFn as e}from"../utils/function.js";import{merge as t}from"../utils/object.js";import n from"../theme/defaultTheme.js";import{useMemo as r}from"react";import{getPx as i,th as a,themeGetter as o}from"@xstyled/styled-components";import{useTheme as s}from"styled-components";function c(e){return t(n,e)}function l(e){let{size:t,variant:n,...r}=e;return r}const u=a;u.screen=o({name:`screen`,key:`screens`,compose:i});function d(n,i={}){let{baseStyle:a,defaultProps:o,parts:s=[],sizes:c,variants:l}=p()?.components[n]??{},u={...i,colorScheme:i?.colorScheme??o?.colorScheme,size:i?.size??o?.size,variant:i?.variant??o?.variant},{colorScheme:d,size:f,variant:m}=u;return r(()=>{let n=e(a,u)??{},r=e(c?.[f],u)??{},i=e(l?.[m],u)??{},o={};return s.length>0?s.forEach(e=>{o[e]=t(n[e]??{},r[e]??{},i[e]??{})}):o=t(n,r,i),o},[d,f,m])}function f(e,t){let n=p();return u(e,t)({theme:n})}function p(){return s()}export{c as extendTheme,l as omitThemingProps,u as th,d as useStyleConfig,f as useTh,p as useTheme};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=theme.js.map