import { SystemProps } from "../system/system.js";
import "../system/index.js";
import * as react6 from "react";
import { StyleGenerator } from "@xstyled/styled-components";
import * as styled_components34 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_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["symbol"], "color">) => react6.ReactElement<any, "symbol">, DefaultTheme, TExtendProps, "color">;
    object: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["object"], "color">) => react6.ReactElement<any, "object">, DefaultTheme, TExtendProps, "color">;
    a: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["a"], "color">) => react6.ReactElement<any, "a">, DefaultTheme, TExtendProps, "color">;
    abbr: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["abbr"], "color">) => react6.ReactElement<any, "abbr">, DefaultTheme, TExtendProps, "color">;
    address: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["address"], "color">) => react6.ReactElement<any, "address">, DefaultTheme, TExtendProps, "color">;
    area: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["area"], "color">) => react6.ReactElement<any, "area">, DefaultTheme, TExtendProps, "color">;
    article: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["article"], "color">) => react6.ReactElement<any, "article">, DefaultTheme, TExtendProps, "color">;
    aside: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["aside"], "color">) => react6.ReactElement<any, "aside">, DefaultTheme, TExtendProps, "color">;
    audio: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["audio"], "color">) => react6.ReactElement<any, "audio">, DefaultTheme, TExtendProps, "color">;
    b: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["b"], "color">) => react6.ReactElement<any, "b">, DefaultTheme, TExtendProps, "color">;
    base: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["base"], "color">) => react6.ReactElement<any, "base">, DefaultTheme, TExtendProps, "color">;
    bdi: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["bdi"], "color">) => react6.ReactElement<any, "bdi">, DefaultTheme, TExtendProps, "color">;
    bdo: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["bdo"], "color">) => react6.ReactElement<any, "bdo">, DefaultTheme, TExtendProps, "color">;
    big: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["big"], "color">) => react6.ReactElement<any, "big">, DefaultTheme, TExtendProps, "color">;
    blockquote: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["blockquote"], "color">) => react6.ReactElement<any, "blockquote">, DefaultTheme, TExtendProps, "color">;
    body: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["body"], "color">) => react6.ReactElement<any, "body">, DefaultTheme, TExtendProps, "color">;
    br: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["br"], "color">) => react6.ReactElement<any, "br">, DefaultTheme, TExtendProps, "color">;
    button: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["button"], "color">) => react6.ReactElement<any, "button">, DefaultTheme, TExtendProps, "color">;
    canvas: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["canvas"], "color">) => react6.ReactElement<any, "canvas">, DefaultTheme, TExtendProps, "color">;
    caption: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["caption"], "color">) => react6.ReactElement<any, "caption">, DefaultTheme, TExtendProps, "color">;
    cite: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["cite"], "color">) => react6.ReactElement<any, "cite">, DefaultTheme, TExtendProps, "color">;
    code: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["code"], "color">) => react6.ReactElement<any, "code">, DefaultTheme, TExtendProps, "color">;
    col: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["col"], "color">) => react6.ReactElement<any, "col">, DefaultTheme, TExtendProps, "color">;
    colgroup: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["colgroup"], "color">) => react6.ReactElement<any, "colgroup">, DefaultTheme, TExtendProps, "color">;
    data: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["data"], "color">) => react6.ReactElement<any, "data">, DefaultTheme, TExtendProps, "color">;
    datalist: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["datalist"], "color">) => react6.ReactElement<any, "datalist">, DefaultTheme, TExtendProps, "color">;
    dd: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["dd"], "color">) => react6.ReactElement<any, "dd">, DefaultTheme, TExtendProps, "color">;
    del: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["del"], "color">) => react6.ReactElement<any, "del">, DefaultTheme, TExtendProps, "color">;
    details: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["details"], "color">) => react6.ReactElement<any, "details">, DefaultTheme, TExtendProps, "color">;
    dfn: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["dfn"], "color">) => react6.ReactElement<any, "dfn">, DefaultTheme, TExtendProps, "color">;
    dialog: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["dialog"], "color">) => react6.ReactElement<any, "dialog">, DefaultTheme, TExtendProps, "color">;
    div: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["div"], "color">) => react6.ReactElement<any, "div">, DefaultTheme, TExtendProps, "color">;
    dl: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["dl"], "color">) => react6.ReactElement<any, "dl">, DefaultTheme, TExtendProps, "color">;
    dt: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["dt"], "color">) => react6.ReactElement<any, "dt">, DefaultTheme, TExtendProps, "color">;
    em: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["em"], "color">) => react6.ReactElement<any, "em">, DefaultTheme, TExtendProps, "color">;
    embed: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["embed"], "color">) => react6.ReactElement<any, "embed">, DefaultTheme, TExtendProps, "color">;
    fieldset: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["fieldset"], "color">) => react6.ReactElement<any, "fieldset">, DefaultTheme, TExtendProps, "color">;
    figcaption: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["figcaption"], "color">) => react6.ReactElement<any, "figcaption">, DefaultTheme, TExtendProps, "color">;
    figure: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["figure"], "color">) => react6.ReactElement<any, "figure">, DefaultTheme, TExtendProps, "color">;
    footer: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["footer"], "color">) => react6.ReactElement<any, "footer">, DefaultTheme, TExtendProps, "color">;
    form: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["form"], "color">) => react6.ReactElement<any, "form">, DefaultTheme, TExtendProps, "color">;
    h1: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["h1"], "color">) => react6.ReactElement<any, "h1">, DefaultTheme, TExtendProps, "color">;
    h2: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["h2"], "color">) => react6.ReactElement<any, "h2">, DefaultTheme, TExtendProps, "color">;
    h3: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["h3"], "color">) => react6.ReactElement<any, "h3">, DefaultTheme, TExtendProps, "color">;
    h4: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["h4"], "color">) => react6.ReactElement<any, "h4">, DefaultTheme, TExtendProps, "color">;
    h5: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["h5"], "color">) => react6.ReactElement<any, "h5">, DefaultTheme, TExtendProps, "color">;
    h6: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["h6"], "color">) => react6.ReactElement<any, "h6">, DefaultTheme, TExtendProps, "color">;
    head: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["head"], "color">) => react6.ReactElement<any, "head">, DefaultTheme, TExtendProps, "color">;
    header: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["header"], "color">) => react6.ReactElement<any, "header">, DefaultTheme, TExtendProps, "color">;
    hgroup: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["hgroup"], "color">) => react6.ReactElement<any, "hgroup">, DefaultTheme, TExtendProps, "color">;
    hr: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["hr"], "color">) => react6.ReactElement<any, "hr">, DefaultTheme, TExtendProps, "color">;
    html: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["html"], "color">) => react6.ReactElement<any, "html">, DefaultTheme, TExtendProps, "color">;
    i: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["i"], "color">) => react6.ReactElement<any, "i">, DefaultTheme, TExtendProps, "color">;
    iframe: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["iframe"], "color">) => react6.ReactElement<any, "iframe">, DefaultTheme, TExtendProps, "color">;
    img: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["img"], "color">) => react6.ReactElement<any, "img">, DefaultTheme, TExtendProps, "color">;
    input: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["input"], "color">) => react6.ReactElement<any, "input">, DefaultTheme, TExtendProps, "color">;
    ins: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["ins"], "color">) => react6.ReactElement<any, "ins">, DefaultTheme, TExtendProps, "color">;
    kbd: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["kbd"], "color">) => react6.ReactElement<any, "kbd">, DefaultTheme, TExtendProps, "color">;
    keygen: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["keygen"], "color">) => react6.ReactElement<any, "keygen">, DefaultTheme, TExtendProps, "color">;
    label: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["label"], "color">) => react6.ReactElement<any, "label">, DefaultTheme, TExtendProps, "color">;
    legend: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["legend"], "color">) => react6.ReactElement<any, "legend">, DefaultTheme, TExtendProps, "color">;
    li: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["li"], "color">) => react6.ReactElement<any, "li">, DefaultTheme, TExtendProps, "color">;
    link: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["link"], "color">) => react6.ReactElement<any, "link">, DefaultTheme, TExtendProps, "color">;
    main: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["main"], "color">) => react6.ReactElement<any, "main">, DefaultTheme, TExtendProps, "color">;
    map: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["map"], "color">) => react6.ReactElement<any, "map">, DefaultTheme, TExtendProps, "color">;
    mark: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["mark"], "color">) => react6.ReactElement<any, "mark">, DefaultTheme, TExtendProps, "color">;
    menu: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["menu"], "color">) => react6.ReactElement<any, "menu">, DefaultTheme, TExtendProps, "color">;
    menuitem: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["menuitem"], "color">) => react6.ReactElement<any, "menuitem">, DefaultTheme, TExtendProps, "color">;
    meta: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["meta"], "color">) => react6.ReactElement<any, "meta">, DefaultTheme, TExtendProps, "color">;
    meter: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["meter"], "color">) => react6.ReactElement<any, "meter">, DefaultTheme, TExtendProps, "color">;
    nav: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["nav"], "color">) => react6.ReactElement<any, "nav">, DefaultTheme, TExtendProps, "color">;
    noindex: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["noindex"], "color">) => react6.ReactElement<any, "noindex">, DefaultTheme, TExtendProps, "color">;
    noscript: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["noscript"], "color">) => react6.ReactElement<any, "noscript">, DefaultTheme, TExtendProps, "color">;
    ol: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["ol"], "color">) => react6.ReactElement<any, "ol">, DefaultTheme, TExtendProps, "color">;
    optgroup: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["optgroup"], "color">) => react6.ReactElement<any, "optgroup">, DefaultTheme, TExtendProps, "color">;
    option: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["option"], "color">) => react6.ReactElement<any, "option">, DefaultTheme, TExtendProps, "color">;
    output: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["output"], "color">) => react6.ReactElement<any, "output">, DefaultTheme, TExtendProps, "color">;
    p: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["p"], "color">) => react6.ReactElement<any, "p">, DefaultTheme, TExtendProps, "color">;
    param: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["param"], "color">) => react6.ReactElement<any, "param">, DefaultTheme, TExtendProps, "color">;
    picture: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["picture"], "color">) => react6.ReactElement<any, "picture">, DefaultTheme, TExtendProps, "color">;
    pre: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["pre"], "color">) => react6.ReactElement<any, "pre">, DefaultTheme, TExtendProps, "color">;
    progress: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["progress"], "color">) => react6.ReactElement<any, "progress">, DefaultTheme, TExtendProps, "color">;
    q: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["q"], "color">) => react6.ReactElement<any, "q">, DefaultTheme, TExtendProps, "color">;
    rp: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["rp"], "color">) => react6.ReactElement<any, "rp">, DefaultTheme, TExtendProps, "color">;
    rt: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["rt"], "color">) => react6.ReactElement<any, "rt">, DefaultTheme, TExtendProps, "color">;
    ruby: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["ruby"], "color">) => react6.ReactElement<any, "ruby">, DefaultTheme, TExtendProps, "color">;
    s: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["s"], "color">) => react6.ReactElement<any, "s">, DefaultTheme, TExtendProps, "color">;
    samp: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["samp"], "color">) => react6.ReactElement<any, "samp">, DefaultTheme, TExtendProps, "color">;
    slot: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["slot"], "color">) => react6.ReactElement<any, "slot">, DefaultTheme, TExtendProps, "color">;
    script: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["script"], "color">) => react6.ReactElement<any, "script">, DefaultTheme, TExtendProps, "color">;
    section: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["section"], "color">) => react6.ReactElement<any, "section">, DefaultTheme, TExtendProps, "color">;
    select: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["select"], "color">) => react6.ReactElement<any, "select">, DefaultTheme, TExtendProps, "color">;
    small: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["small"], "color">) => react6.ReactElement<any, "small">, DefaultTheme, TExtendProps, "color">;
    source: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["source"], "color">) => react6.ReactElement<any, "source">, DefaultTheme, TExtendProps, "color">;
    span: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["span"], "color">) => react6.ReactElement<any, "span">, DefaultTheme, TExtendProps, "color">;
    strong: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["strong"], "color">) => react6.ReactElement<any, "strong">, DefaultTheme, TExtendProps, "color">;
    style: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["style"], "color">) => react6.ReactElement<any, "style">, DefaultTheme, TExtendProps, "color">;
    sub: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["sub"], "color">) => react6.ReactElement<any, "sub">, DefaultTheme, TExtendProps, "color">;
    summary: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["summary"], "color">) => react6.ReactElement<any, "summary">, DefaultTheme, TExtendProps, "color">;
    sup: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["sup"], "color">) => react6.ReactElement<any, "sup">, DefaultTheme, TExtendProps, "color">;
    table: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["table"], "color">) => react6.ReactElement<any, "table">, DefaultTheme, TExtendProps, "color">;
    template: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["template"], "color">) => react6.ReactElement<any, "template">, DefaultTheme, TExtendProps, "color">;
    tbody: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["tbody"], "color">) => react6.ReactElement<any, "tbody">, DefaultTheme, TExtendProps, "color">;
    td: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["td"], "color">) => react6.ReactElement<any, "td">, DefaultTheme, TExtendProps, "color">;
    textarea: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["textarea"], "color">) => react6.ReactElement<any, "textarea">, DefaultTheme, TExtendProps, "color">;
    tfoot: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["tfoot"], "color">) => react6.ReactElement<any, "tfoot">, DefaultTheme, TExtendProps, "color">;
    th: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["th"], "color">) => react6.ReactElement<any, "th">, DefaultTheme, TExtendProps, "color">;
    thead: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["thead"], "color">) => react6.ReactElement<any, "thead">, DefaultTheme, TExtendProps, "color">;
    time: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["time"], "color">) => react6.ReactElement<any, "time">, DefaultTheme, TExtendProps, "color">;
    title: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["title"], "color">) => react6.ReactElement<any, "title">, DefaultTheme, TExtendProps, "color">;
    tr: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["tr"], "color">) => react6.ReactElement<any, "tr">, DefaultTheme, TExtendProps, "color">;
    track: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["track"], "color">) => react6.ReactElement<any, "track">, DefaultTheme, TExtendProps, "color">;
    u: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["u"], "color">) => react6.ReactElement<any, "u">, DefaultTheme, TExtendProps, "color">;
    ul: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["ul"], "color">) => react6.ReactElement<any, "ul">, DefaultTheme, TExtendProps, "color">;
    var: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["var"], "color">) => react6.ReactElement<any, "var">, DefaultTheme, TExtendProps, "color">;
    video: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["video"], "color">) => react6.ReactElement<any, "video">, DefaultTheme, TExtendProps, "color">;
    wbr: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["wbr"], "color">) => react6.ReactElement<any, "wbr">, DefaultTheme, TExtendProps, "color">;
    webview: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["webview"], "color">) => react6.ReactElement<any, "webview">, DefaultTheme, TExtendProps, "color">;
    svg: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["svg"], "color">) => react6.ReactElement<any, "svg">, DefaultTheme, TExtendProps, "color">;
    animate: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["animate"], "color">) => react6.ReactElement<any, "animate">, DefaultTheme, TExtendProps, "color">;
    animateMotion: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["animateMotion"], "color">) => react6.ReactElement<any, "animateMotion">, DefaultTheme, TExtendProps, "color">;
    animateTransform: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["animateTransform"], "color">) => react6.ReactElement<any, "animateTransform">, DefaultTheme, TExtendProps, "color">;
    circle: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["circle"], "color">) => react6.ReactElement<any, "circle">, DefaultTheme, TExtendProps, "color">;
    clipPath: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["clipPath"], "color">) => react6.ReactElement<any, "clipPath">, DefaultTheme, TExtendProps, "color">;
    defs: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["defs"], "color">) => react6.ReactElement<any, "defs">, DefaultTheme, TExtendProps, "color">;
    desc: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["desc"], "color">) => react6.ReactElement<any, "desc">, DefaultTheme, TExtendProps, "color">;
    ellipse: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["ellipse"], "color">) => react6.ReactElement<any, "ellipse">, DefaultTheme, TExtendProps, "color">;
    feBlend: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feBlend"], "color">) => react6.ReactElement<any, "feBlend">, DefaultTheme, TExtendProps, "color">;
    feColorMatrix: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feColorMatrix"], "color">) => react6.ReactElement<any, "feColorMatrix">, DefaultTheme, TExtendProps, "color">;
    feComponentTransfer: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feComponentTransfer"], "color">) => react6.ReactElement<any, "feComponentTransfer">, DefaultTheme, TExtendProps, "color">;
    feComposite: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feComposite"], "color">) => react6.ReactElement<any, "feComposite">, DefaultTheme, TExtendProps, "color">;
    feConvolveMatrix: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feConvolveMatrix"], "color">) => react6.ReactElement<any, "feConvolveMatrix">, DefaultTheme, TExtendProps, "color">;
    feDiffuseLighting: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feDiffuseLighting"], "color">) => react6.ReactElement<any, "feDiffuseLighting">, DefaultTheme, TExtendProps, "color">;
    feDisplacementMap: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feDisplacementMap"], "color">) => react6.ReactElement<any, "feDisplacementMap">, DefaultTheme, TExtendProps, "color">;
    feDistantLight: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feDistantLight"], "color">) => react6.ReactElement<any, "feDistantLight">, DefaultTheme, TExtendProps, "color">;
    feDropShadow: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feDropShadow"], "color">) => react6.ReactElement<any, "feDropShadow">, DefaultTheme, TExtendProps, "color">;
    feFlood: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feFlood"], "color">) => react6.ReactElement<any, "feFlood">, DefaultTheme, TExtendProps, "color">;
    feFuncA: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feFuncA"], "color">) => react6.ReactElement<any, "feFuncA">, DefaultTheme, TExtendProps, "color">;
    feFuncB: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feFuncB"], "color">) => react6.ReactElement<any, "feFuncB">, DefaultTheme, TExtendProps, "color">;
    feFuncG: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feFuncG"], "color">) => react6.ReactElement<any, "feFuncG">, DefaultTheme, TExtendProps, "color">;
    feFuncR: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feFuncR"], "color">) => react6.ReactElement<any, "feFuncR">, DefaultTheme, TExtendProps, "color">;
    feGaussianBlur: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feGaussianBlur"], "color">) => react6.ReactElement<any, "feGaussianBlur">, DefaultTheme, TExtendProps, "color">;
    feImage: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feImage"], "color">) => react6.ReactElement<any, "feImage">, DefaultTheme, TExtendProps, "color">;
    feMerge: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feMerge"], "color">) => react6.ReactElement<any, "feMerge">, DefaultTheme, TExtendProps, "color">;
    feMergeNode: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feMergeNode"], "color">) => react6.ReactElement<any, "feMergeNode">, DefaultTheme, TExtendProps, "color">;
    feMorphology: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feMorphology"], "color">) => react6.ReactElement<any, "feMorphology">, DefaultTheme, TExtendProps, "color">;
    feOffset: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feOffset"], "color">) => react6.ReactElement<any, "feOffset">, DefaultTheme, TExtendProps, "color">;
    fePointLight: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["fePointLight"], "color">) => react6.ReactElement<any, "fePointLight">, DefaultTheme, TExtendProps, "color">;
    feSpecularLighting: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feSpecularLighting"], "color">) => react6.ReactElement<any, "feSpecularLighting">, DefaultTheme, TExtendProps, "color">;
    feSpotLight: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feSpotLight"], "color">) => react6.ReactElement<any, "feSpotLight">, DefaultTheme, TExtendProps, "color">;
    feTile: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feTile"], "color">) => react6.ReactElement<any, "feTile">, DefaultTheme, TExtendProps, "color">;
    feTurbulence: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feTurbulence"], "color">) => react6.ReactElement<any, "feTurbulence">, DefaultTheme, TExtendProps, "color">;
    filter: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["filter"], "color">) => react6.ReactElement<any, "filter">, DefaultTheme, TExtendProps, "color">;
    foreignObject: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["foreignObject"], "color">) => react6.ReactElement<any, "foreignObject">, DefaultTheme, TExtendProps, "color">;
    g: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["g"], "color">) => react6.ReactElement<any, "g">, DefaultTheme, TExtendProps, "color">;
    image: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["image"], "color">) => react6.ReactElement<any, "image">, DefaultTheme, TExtendProps, "color">;
    line: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["line"], "color">) => react6.ReactElement<any, "line">, DefaultTheme, TExtendProps, "color">;
    linearGradient: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["linearGradient"], "color">) => react6.ReactElement<any, "linearGradient">, DefaultTheme, TExtendProps, "color">;
    marker: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["marker"], "color">) => react6.ReactElement<any, "marker">, DefaultTheme, TExtendProps, "color">;
    mask: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["mask"], "color">) => react6.ReactElement<any, "mask">, DefaultTheme, TExtendProps, "color">;
    metadata: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["metadata"], "color">) => react6.ReactElement<any, "metadata">, DefaultTheme, TExtendProps, "color">;
    mpath: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["mpath"], "color">) => react6.ReactElement<any, "mpath">, DefaultTheme, TExtendProps, "color">;
    path: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["path"], "color">) => react6.ReactElement<any, "path">, DefaultTheme, TExtendProps, "color">;
    pattern: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["pattern"], "color">) => react6.ReactElement<any, "pattern">, DefaultTheme, TExtendProps, "color">;
    polygon: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["polygon"], "color">) => react6.ReactElement<any, "polygon">, DefaultTheme, TExtendProps, "color">;
    polyline: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["polyline"], "color">) => react6.ReactElement<any, "polyline">, DefaultTheme, TExtendProps, "color">;
    radialGradient: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["radialGradient"], "color">) => react6.ReactElement<any, "radialGradient">, DefaultTheme, TExtendProps, "color">;
    rect: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["rect"], "color">) => react6.ReactElement<any, "rect">, DefaultTheme, TExtendProps, "color">;
    stop: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["stop"], "color">) => react6.ReactElement<any, "stop">, DefaultTheme, TExtendProps, "color">;
    switch: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["switch"], "color">) => react6.ReactElement<any, "switch">, DefaultTheme, TExtendProps, "color">;
    text: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["text"], "color">) => react6.ReactElement<any, "text">, DefaultTheme, TExtendProps, "color">;
    textPath: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["textPath"], "color">) => react6.ReactElement<any, "textPath">, DefaultTheme, TExtendProps, "color">;
    tspan: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["tspan"], "color">) => react6.ReactElement<any, "tspan">, DefaultTheme, TExtendProps, "color">;
    use: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["use"], "color">) => react6.ReactElement<any, "use">, DefaultTheme, TExtendProps, "color">;
    view: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["view"], "color">) => react6.ReactElement<any, "view">, DefaultTheme, TExtendProps, "color">;
  };
} & {
  symbol: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["symbol"], "color">) => react6.ReactElement<any, "symbol">, DefaultTheme, SystemProps, "color">;
  object: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["object"], "color">) => react6.ReactElement<any, "object">, DefaultTheme, SystemProps, "color">;
  a: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["a"], "color">) => react6.ReactElement<any, "a">, DefaultTheme, SystemProps, "color">;
  abbr: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["abbr"], "color">) => react6.ReactElement<any, "abbr">, DefaultTheme, SystemProps, "color">;
  address: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["address"], "color">) => react6.ReactElement<any, "address">, DefaultTheme, SystemProps, "color">;
  area: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["area"], "color">) => react6.ReactElement<any, "area">, DefaultTheme, SystemProps, "color">;
  article: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["article"], "color">) => react6.ReactElement<any, "article">, DefaultTheme, SystemProps, "color">;
  aside: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["aside"], "color">) => react6.ReactElement<any, "aside">, DefaultTheme, SystemProps, "color">;
  audio: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["audio"], "color">) => react6.ReactElement<any, "audio">, DefaultTheme, SystemProps, "color">;
  b: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["b"], "color">) => react6.ReactElement<any, "b">, DefaultTheme, SystemProps, "color">;
  base: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["base"], "color">) => react6.ReactElement<any, "base">, DefaultTheme, SystemProps, "color">;
  bdi: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["bdi"], "color">) => react6.ReactElement<any, "bdi">, DefaultTheme, SystemProps, "color">;
  bdo: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["bdo"], "color">) => react6.ReactElement<any, "bdo">, DefaultTheme, SystemProps, "color">;
  big: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["big"], "color">) => react6.ReactElement<any, "big">, DefaultTheme, SystemProps, "color">;
  blockquote: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["blockquote"], "color">) => react6.ReactElement<any, "blockquote">, DefaultTheme, SystemProps, "color">;
  body: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["body"], "color">) => react6.ReactElement<any, "body">, DefaultTheme, SystemProps, "color">;
  br: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["br"], "color">) => react6.ReactElement<any, "br">, DefaultTheme, SystemProps, "color">;
  button: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["button"], "color">) => react6.ReactElement<any, "button">, DefaultTheme, SystemProps, "color">;
  canvas: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["canvas"], "color">) => react6.ReactElement<any, "canvas">, DefaultTheme, SystemProps, "color">;
  caption: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["caption"], "color">) => react6.ReactElement<any, "caption">, DefaultTheme, SystemProps, "color">;
  cite: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["cite"], "color">) => react6.ReactElement<any, "cite">, DefaultTheme, SystemProps, "color">;
  code: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["code"], "color">) => react6.ReactElement<any, "code">, DefaultTheme, SystemProps, "color">;
  col: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["col"], "color">) => react6.ReactElement<any, "col">, DefaultTheme, SystemProps, "color">;
  colgroup: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["colgroup"], "color">) => react6.ReactElement<any, "colgroup">, DefaultTheme, SystemProps, "color">;
  data: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["data"], "color">) => react6.ReactElement<any, "data">, DefaultTheme, SystemProps, "color">;
  datalist: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["datalist"], "color">) => react6.ReactElement<any, "datalist">, DefaultTheme, SystemProps, "color">;
  dd: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["dd"], "color">) => react6.ReactElement<any, "dd">, DefaultTheme, SystemProps, "color">;
  del: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["del"], "color">) => react6.ReactElement<any, "del">, DefaultTheme, SystemProps, "color">;
  details: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["details"], "color">) => react6.ReactElement<any, "details">, DefaultTheme, SystemProps, "color">;
  dfn: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["dfn"], "color">) => react6.ReactElement<any, "dfn">, DefaultTheme, SystemProps, "color">;
  dialog: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["dialog"], "color">) => react6.ReactElement<any, "dialog">, DefaultTheme, SystemProps, "color">;
  div: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["div"], "color">) => react6.ReactElement<any, "div">, DefaultTheme, SystemProps, "color">;
  dl: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["dl"], "color">) => react6.ReactElement<any, "dl">, DefaultTheme, SystemProps, "color">;
  dt: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["dt"], "color">) => react6.ReactElement<any, "dt">, DefaultTheme, SystemProps, "color">;
  em: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["em"], "color">) => react6.ReactElement<any, "em">, DefaultTheme, SystemProps, "color">;
  embed: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["embed"], "color">) => react6.ReactElement<any, "embed">, DefaultTheme, SystemProps, "color">;
  fieldset: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["fieldset"], "color">) => react6.ReactElement<any, "fieldset">, DefaultTheme, SystemProps, "color">;
  figcaption: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["figcaption"], "color">) => react6.ReactElement<any, "figcaption">, DefaultTheme, SystemProps, "color">;
  figure: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["figure"], "color">) => react6.ReactElement<any, "figure">, DefaultTheme, SystemProps, "color">;
  footer: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["footer"], "color">) => react6.ReactElement<any, "footer">, DefaultTheme, SystemProps, "color">;
  form: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["form"], "color">) => react6.ReactElement<any, "form">, DefaultTheme, SystemProps, "color">;
  h1: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["h1"], "color">) => react6.ReactElement<any, "h1">, DefaultTheme, SystemProps, "color">;
  h2: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["h2"], "color">) => react6.ReactElement<any, "h2">, DefaultTheme, SystemProps, "color">;
  h3: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["h3"], "color">) => react6.ReactElement<any, "h3">, DefaultTheme, SystemProps, "color">;
  h4: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["h4"], "color">) => react6.ReactElement<any, "h4">, DefaultTheme, SystemProps, "color">;
  h5: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["h5"], "color">) => react6.ReactElement<any, "h5">, DefaultTheme, SystemProps, "color">;
  h6: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["h6"], "color">) => react6.ReactElement<any, "h6">, DefaultTheme, SystemProps, "color">;
  head: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["head"], "color">) => react6.ReactElement<any, "head">, DefaultTheme, SystemProps, "color">;
  header: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["header"], "color">) => react6.ReactElement<any, "header">, DefaultTheme, SystemProps, "color">;
  hgroup: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["hgroup"], "color">) => react6.ReactElement<any, "hgroup">, DefaultTheme, SystemProps, "color">;
  hr: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["hr"], "color">) => react6.ReactElement<any, "hr">, DefaultTheme, SystemProps, "color">;
  html: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["html"], "color">) => react6.ReactElement<any, "html">, DefaultTheme, SystemProps, "color">;
  i: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["i"], "color">) => react6.ReactElement<any, "i">, DefaultTheme, SystemProps, "color">;
  iframe: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["iframe"], "color">) => react6.ReactElement<any, "iframe">, DefaultTheme, SystemProps, "color">;
  img: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["img"], "color">) => react6.ReactElement<any, "img">, DefaultTheme, SystemProps, "color">;
  input: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["input"], "color">) => react6.ReactElement<any, "input">, DefaultTheme, SystemProps, "color">;
  ins: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["ins"], "color">) => react6.ReactElement<any, "ins">, DefaultTheme, SystemProps, "color">;
  kbd: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["kbd"], "color">) => react6.ReactElement<any, "kbd">, DefaultTheme, SystemProps, "color">;
  keygen: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["keygen"], "color">) => react6.ReactElement<any, "keygen">, DefaultTheme, SystemProps, "color">;
  label: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["label"], "color">) => react6.ReactElement<any, "label">, DefaultTheme, SystemProps, "color">;
  legend: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["legend"], "color">) => react6.ReactElement<any, "legend">, DefaultTheme, SystemProps, "color">;
  li: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["li"], "color">) => react6.ReactElement<any, "li">, DefaultTheme, SystemProps, "color">;
  link: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["link"], "color">) => react6.ReactElement<any, "link">, DefaultTheme, SystemProps, "color">;
  main: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["main"], "color">) => react6.ReactElement<any, "main">, DefaultTheme, SystemProps, "color">;
  map: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["map"], "color">) => react6.ReactElement<any, "map">, DefaultTheme, SystemProps, "color">;
  mark: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["mark"], "color">) => react6.ReactElement<any, "mark">, DefaultTheme, SystemProps, "color">;
  menu: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["menu"], "color">) => react6.ReactElement<any, "menu">, DefaultTheme, SystemProps, "color">;
  menuitem: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["menuitem"], "color">) => react6.ReactElement<any, "menuitem">, DefaultTheme, SystemProps, "color">;
  meta: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["meta"], "color">) => react6.ReactElement<any, "meta">, DefaultTheme, SystemProps, "color">;
  meter: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["meter"], "color">) => react6.ReactElement<any, "meter">, DefaultTheme, SystemProps, "color">;
  nav: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["nav"], "color">) => react6.ReactElement<any, "nav">, DefaultTheme, SystemProps, "color">;
  noindex: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["noindex"], "color">) => react6.ReactElement<any, "noindex">, DefaultTheme, SystemProps, "color">;
  noscript: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["noscript"], "color">) => react6.ReactElement<any, "noscript">, DefaultTheme, SystemProps, "color">;
  ol: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["ol"], "color">) => react6.ReactElement<any, "ol">, DefaultTheme, SystemProps, "color">;
  optgroup: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["optgroup"], "color">) => react6.ReactElement<any, "optgroup">, DefaultTheme, SystemProps, "color">;
  option: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["option"], "color">) => react6.ReactElement<any, "option">, DefaultTheme, SystemProps, "color">;
  output: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["output"], "color">) => react6.ReactElement<any, "output">, DefaultTheme, SystemProps, "color">;
  p: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["p"], "color">) => react6.ReactElement<any, "p">, DefaultTheme, SystemProps, "color">;
  param: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["param"], "color">) => react6.ReactElement<any, "param">, DefaultTheme, SystemProps, "color">;
  picture: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["picture"], "color">) => react6.ReactElement<any, "picture">, DefaultTheme, SystemProps, "color">;
  pre: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["pre"], "color">) => react6.ReactElement<any, "pre">, DefaultTheme, SystemProps, "color">;
  progress: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["progress"], "color">) => react6.ReactElement<any, "progress">, DefaultTheme, SystemProps, "color">;
  q: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["q"], "color">) => react6.ReactElement<any, "q">, DefaultTheme, SystemProps, "color">;
  rp: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["rp"], "color">) => react6.ReactElement<any, "rp">, DefaultTheme, SystemProps, "color">;
  rt: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["rt"], "color">) => react6.ReactElement<any, "rt">, DefaultTheme, SystemProps, "color">;
  ruby: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["ruby"], "color">) => react6.ReactElement<any, "ruby">, DefaultTheme, SystemProps, "color">;
  s: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["s"], "color">) => react6.ReactElement<any, "s">, DefaultTheme, SystemProps, "color">;
  samp: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["samp"], "color">) => react6.ReactElement<any, "samp">, DefaultTheme, SystemProps, "color">;
  slot: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["slot"], "color">) => react6.ReactElement<any, "slot">, DefaultTheme, SystemProps, "color">;
  script: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["script"], "color">) => react6.ReactElement<any, "script">, DefaultTheme, SystemProps, "color">;
  section: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["section"], "color">) => react6.ReactElement<any, "section">, DefaultTheme, SystemProps, "color">;
  select: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["select"], "color">) => react6.ReactElement<any, "select">, DefaultTheme, SystemProps, "color">;
  small: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["small"], "color">) => react6.ReactElement<any, "small">, DefaultTheme, SystemProps, "color">;
  source: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["source"], "color">) => react6.ReactElement<any, "source">, DefaultTheme, SystemProps, "color">;
  span: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["span"], "color">) => react6.ReactElement<any, "span">, DefaultTheme, SystemProps, "color">;
  strong: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["strong"], "color">) => react6.ReactElement<any, "strong">, DefaultTheme, SystemProps, "color">;
  style: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["style"], "color">) => react6.ReactElement<any, "style">, DefaultTheme, SystemProps, "color">;
  sub: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["sub"], "color">) => react6.ReactElement<any, "sub">, DefaultTheme, SystemProps, "color">;
  summary: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["summary"], "color">) => react6.ReactElement<any, "summary">, DefaultTheme, SystemProps, "color">;
  sup: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["sup"], "color">) => react6.ReactElement<any, "sup">, DefaultTheme, SystemProps, "color">;
  table: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["table"], "color">) => react6.ReactElement<any, "table">, DefaultTheme, SystemProps, "color">;
  template: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["template"], "color">) => react6.ReactElement<any, "template">, DefaultTheme, SystemProps, "color">;
  tbody: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["tbody"], "color">) => react6.ReactElement<any, "tbody">, DefaultTheme, SystemProps, "color">;
  td: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["td"], "color">) => react6.ReactElement<any, "td">, DefaultTheme, SystemProps, "color">;
  textarea: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["textarea"], "color">) => react6.ReactElement<any, "textarea">, DefaultTheme, SystemProps, "color">;
  tfoot: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["tfoot"], "color">) => react6.ReactElement<any, "tfoot">, DefaultTheme, SystemProps, "color">;
  th: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["th"], "color">) => react6.ReactElement<any, "th">, DefaultTheme, SystemProps, "color">;
  thead: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["thead"], "color">) => react6.ReactElement<any, "thead">, DefaultTheme, SystemProps, "color">;
  time: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["time"], "color">) => react6.ReactElement<any, "time">, DefaultTheme, SystemProps, "color">;
  title: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["title"], "color">) => react6.ReactElement<any, "title">, DefaultTheme, SystemProps, "color">;
  tr: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["tr"], "color">) => react6.ReactElement<any, "tr">, DefaultTheme, SystemProps, "color">;
  track: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["track"], "color">) => react6.ReactElement<any, "track">, DefaultTheme, SystemProps, "color">;
  u: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["u"], "color">) => react6.ReactElement<any, "u">, DefaultTheme, SystemProps, "color">;
  ul: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["ul"], "color">) => react6.ReactElement<any, "ul">, DefaultTheme, SystemProps, "color">;
  var: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["var"], "color">) => react6.ReactElement<any, "var">, DefaultTheme, SystemProps, "color">;
  video: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["video"], "color">) => react6.ReactElement<any, "video">, DefaultTheme, SystemProps, "color">;
  wbr: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["wbr"], "color">) => react6.ReactElement<any, "wbr">, DefaultTheme, SystemProps, "color">;
  webview: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["webview"], "color">) => react6.ReactElement<any, "webview">, DefaultTheme, SystemProps, "color">;
  svg: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["svg"], "color">) => react6.ReactElement<any, "svg">, DefaultTheme, SystemProps, "color">;
  animate: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["animate"], "color">) => react6.ReactElement<any, "animate">, DefaultTheme, SystemProps, "color">;
  animateMotion: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["animateMotion"], "color">) => react6.ReactElement<any, "animateMotion">, DefaultTheme, SystemProps, "color">;
  animateTransform: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["animateTransform"], "color">) => react6.ReactElement<any, "animateTransform">, DefaultTheme, SystemProps, "color">;
  circle: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["circle"], "color">) => react6.ReactElement<any, "circle">, DefaultTheme, SystemProps, "color">;
  clipPath: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["clipPath"], "color">) => react6.ReactElement<any, "clipPath">, DefaultTheme, SystemProps, "color">;
  defs: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["defs"], "color">) => react6.ReactElement<any, "defs">, DefaultTheme, SystemProps, "color">;
  desc: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["desc"], "color">) => react6.ReactElement<any, "desc">, DefaultTheme, SystemProps, "color">;
  ellipse: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["ellipse"], "color">) => react6.ReactElement<any, "ellipse">, DefaultTheme, SystemProps, "color">;
  feBlend: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feBlend"], "color">) => react6.ReactElement<any, "feBlend">, DefaultTheme, SystemProps, "color">;
  feColorMatrix: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feColorMatrix"], "color">) => react6.ReactElement<any, "feColorMatrix">, DefaultTheme, SystemProps, "color">;
  feComponentTransfer: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feComponentTransfer"], "color">) => react6.ReactElement<any, "feComponentTransfer">, DefaultTheme, SystemProps, "color">;
  feComposite: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feComposite"], "color">) => react6.ReactElement<any, "feComposite">, DefaultTheme, SystemProps, "color">;
  feConvolveMatrix: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feConvolveMatrix"], "color">) => react6.ReactElement<any, "feConvolveMatrix">, DefaultTheme, SystemProps, "color">;
  feDiffuseLighting: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feDiffuseLighting"], "color">) => react6.ReactElement<any, "feDiffuseLighting">, DefaultTheme, SystemProps, "color">;
  feDisplacementMap: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feDisplacementMap"], "color">) => react6.ReactElement<any, "feDisplacementMap">, DefaultTheme, SystemProps, "color">;
  feDistantLight: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feDistantLight"], "color">) => react6.ReactElement<any, "feDistantLight">, DefaultTheme, SystemProps, "color">;
  feDropShadow: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feDropShadow"], "color">) => react6.ReactElement<any, "feDropShadow">, DefaultTheme, SystemProps, "color">;
  feFlood: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feFlood"], "color">) => react6.ReactElement<any, "feFlood">, DefaultTheme, SystemProps, "color">;
  feFuncA: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feFuncA"], "color">) => react6.ReactElement<any, "feFuncA">, DefaultTheme, SystemProps, "color">;
  feFuncB: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feFuncB"], "color">) => react6.ReactElement<any, "feFuncB">, DefaultTheme, SystemProps, "color">;
  feFuncG: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feFuncG"], "color">) => react6.ReactElement<any, "feFuncG">, DefaultTheme, SystemProps, "color">;
  feFuncR: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feFuncR"], "color">) => react6.ReactElement<any, "feFuncR">, DefaultTheme, SystemProps, "color">;
  feGaussianBlur: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feGaussianBlur"], "color">) => react6.ReactElement<any, "feGaussianBlur">, DefaultTheme, SystemProps, "color">;
  feImage: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feImage"], "color">) => react6.ReactElement<any, "feImage">, DefaultTheme, SystemProps, "color">;
  feMerge: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feMerge"], "color">) => react6.ReactElement<any, "feMerge">, DefaultTheme, SystemProps, "color">;
  feMergeNode: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feMergeNode"], "color">) => react6.ReactElement<any, "feMergeNode">, DefaultTheme, SystemProps, "color">;
  feMorphology: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feMorphology"], "color">) => react6.ReactElement<any, "feMorphology">, DefaultTheme, SystemProps, "color">;
  feOffset: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feOffset"], "color">) => react6.ReactElement<any, "feOffset">, DefaultTheme, SystemProps, "color">;
  fePointLight: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["fePointLight"], "color">) => react6.ReactElement<any, "fePointLight">, DefaultTheme, SystemProps, "color">;
  feSpecularLighting: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feSpecularLighting"], "color">) => react6.ReactElement<any, "feSpecularLighting">, DefaultTheme, SystemProps, "color">;
  feSpotLight: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feSpotLight"], "color">) => react6.ReactElement<any, "feSpotLight">, DefaultTheme, SystemProps, "color">;
  feTile: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feTile"], "color">) => react6.ReactElement<any, "feTile">, DefaultTheme, SystemProps, "color">;
  feTurbulence: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["feTurbulence"], "color">) => react6.ReactElement<any, "feTurbulence">, DefaultTheme, SystemProps, "color">;
  filter: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["filter"], "color">) => react6.ReactElement<any, "filter">, DefaultTheme, SystemProps, "color">;
  foreignObject: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["foreignObject"], "color">) => react6.ReactElement<any, "foreignObject">, DefaultTheme, SystemProps, "color">;
  g: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["g"], "color">) => react6.ReactElement<any, "g">, DefaultTheme, SystemProps, "color">;
  image: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["image"], "color">) => react6.ReactElement<any, "image">, DefaultTheme, SystemProps, "color">;
  line: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["line"], "color">) => react6.ReactElement<any, "line">, DefaultTheme, SystemProps, "color">;
  linearGradient: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["linearGradient"], "color">) => react6.ReactElement<any, "linearGradient">, DefaultTheme, SystemProps, "color">;
  marker: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["marker"], "color">) => react6.ReactElement<any, "marker">, DefaultTheme, SystemProps, "color">;
  mask: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["mask"], "color">) => react6.ReactElement<any, "mask">, DefaultTheme, SystemProps, "color">;
  metadata: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["metadata"], "color">) => react6.ReactElement<any, "metadata">, DefaultTheme, SystemProps, "color">;
  mpath: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["mpath"], "color">) => react6.ReactElement<any, "mpath">, DefaultTheme, SystemProps, "color">;
  path: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["path"], "color">) => react6.ReactElement<any, "path">, DefaultTheme, SystemProps, "color">;
  pattern: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["pattern"], "color">) => react6.ReactElement<any, "pattern">, DefaultTheme, SystemProps, "color">;
  polygon: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["polygon"], "color">) => react6.ReactElement<any, "polygon">, DefaultTheme, SystemProps, "color">;
  polyline: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["polyline"], "color">) => react6.ReactElement<any, "polyline">, DefaultTheme, SystemProps, "color">;
  radialGradient: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["radialGradient"], "color">) => react6.ReactElement<any, "radialGradient">, DefaultTheme, SystemProps, "color">;
  rect: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["rect"], "color">) => react6.ReactElement<any, "rect">, DefaultTheme, SystemProps, "color">;
  stop: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["stop"], "color">) => react6.ReactElement<any, "stop">, DefaultTheme, SystemProps, "color">;
  switch: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["switch"], "color">) => react6.ReactElement<any, "switch">, DefaultTheme, SystemProps, "color">;
  text: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["text"], "color">) => react6.ReactElement<any, "text">, DefaultTheme, SystemProps, "color">;
  textPath: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["textPath"], "color">) => react6.ReactElement<any, "textPath">, DefaultTheme, SystemProps, "color">;
  tspan: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["tspan"], "color">) => react6.ReactElement<any, "tspan">, DefaultTheme, SystemProps, "color">;
  use: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["use"], "color">) => react6.ReactElement<any, "use">, DefaultTheme, SystemProps, "color">;
  view: styled_components34.StyledComponent<(props: Omit<JSX.IntrinsicElements["view"], "color">) => react6.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