import * as _fuel_ui_css from '@fuel-ui/css';
import { ThemeUtilsCSS, Colors, LayerIntent, LayerVariant, utils, ColorKeys, CSSFnParams, css } from '@fuel-ui/css';
import * as _react_types_shared from '@react-types/shared';
import { PressEvents, FocusableProps, FocusableElement, Node, PressEvent } from '@react-types/shared';
import * as react from 'react';
import { ReactNode, SVGProps, ReactElement, ComponentProps as ComponentProps$1, ForwardedRef, DOMAttributes, MutableRefObject, Key, FC, KeyboardEvent, useLayoutEffect } from 'react';
import * as AC from '@radix-ui/react-accordion';
import * as _fuel_stitches_react_types_util from '@fuel-stitches/react/types/util';
import * as _fuel_stitches_react_types_theme from '@fuel-stitches/react/types/theme';
import * as _fuel_stitches_react_types_css from '@fuel-stitches/react/types/css';
import * as react_aria from 'react-aria';
import { AriaButtonProps, ModalAria, AriaOverlayProps, AriaDialogProps, AriaMenuOptions } from 'react-aria';
import * as _fuel_ui_icons from '@fuel-ui/icons';
import { IconName } from '@fuel-ui/icons';
import * as RAlertDialog from '@radix-ui/react-alert-dialog';
import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
import { BNInput, BN } from 'fuels';
import * as RAvatar from '@radix-ui/react-avatar';
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
import { IContentLoaderProps } from 'react-content-loader';
import * as react_stately from 'react-stately';
import { OverlayTriggerState, OverlayTriggerProps, TreeState, TreeProps, ItemProps, MenuTriggerState, MenuTriggerProps } from 'react-stately';
import * as framer_motion from 'framer-motion';
import { AnimationProps } from 'framer-motion';
import * as RPopover from '@radix-ui/react-popover';
import * as _react_aria_focus from '@react-aria/focus';
import { FocusScope, FocusScopeProps } from '@react-aria/focus';
export { FocusScope, FocusScopeProps } from '@react-aria/focus';
import * as Label from '@radix-ui/react-label';
import { NumericFormatProps } from 'react-number-format';
import * as react_jsx_runtime from 'react/jsx-runtime';
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
import * as SwitchPrimitive from '@radix-ui/react-switch';
import * as TabsPrimitive from '@radix-ui/react-tabs';
import { ToasterProps } from 'react-hot-toast';
export { default as toast } from 'react-hot-toast';
import * as RTooltip from '@radix-ui/react-tooltip';
import * as zustand from 'zustand';
import * as _fuel_stitches_react_types_stitches from '@fuel-stitches/react/types/stitches';

type Children = ReactNode;
type HTMLProps = {
    a: React.AnchorHTMLAttributes<HTMLAnchorElement>;
    abbr: React.HTMLAttributes<HTMLElement>;
    address: React.HTMLAttributes<HTMLElement>;
    area: React.AreaHTMLAttributes<HTMLAreaElement>;
    article: React.HTMLAttributes<HTMLElement>;
    aside: React.HTMLAttributes<HTMLElement>;
    audio: React.AudioHTMLAttributes<HTMLAudioElement>;
    b: React.HTMLAttributes<HTMLElement>;
    base: React.BaseHTMLAttributes<HTMLBaseElement>;
    bdi: React.HTMLAttributes<HTMLElement>;
    bdo: React.HTMLAttributes<HTMLElement>;
    big: React.HTMLAttributes<HTMLElement>;
    blockquote: React.BlockquoteHTMLAttributes<HTMLQuoteElement>;
    body: React.HTMLAttributes<HTMLBodyElement>;
    br: React.HTMLAttributes<HTMLBRElement>;
    button: React.ButtonHTMLAttributes<HTMLButtonElement>;
    canvas: React.CanvasHTMLAttributes<HTMLCanvasElement>;
    caption: React.HTMLAttributes<HTMLElement>;
    cite: React.HTMLAttributes<HTMLElement>;
    code: React.HTMLAttributes<HTMLElement>;
    col: React.ColHTMLAttributes<HTMLTableColElement>;
    colgroup: React.ColgroupHTMLAttributes<HTMLTableColElement>;
    data: React.DataHTMLAttributes<HTMLDataElement>;
    datalist: React.HTMLAttributes<HTMLDataListElement>;
    dd: React.HTMLAttributes<HTMLElement>;
    del: React.DelHTMLAttributes<HTMLModElement>;
    details: React.DetailsHTMLAttributes<HTMLDetailsElement>;
    dfn: React.HTMLAttributes<HTMLElement>;
    dialog: React.DialogHTMLAttributes<HTMLDialogElement>;
    div: React.HTMLAttributes<HTMLDivElement>;
    dl: React.HTMLAttributes<HTMLDListElement>;
    dt: React.HTMLAttributes<HTMLElement>;
    em: React.HTMLAttributes<HTMLElement>;
    embed: React.EmbedHTMLAttributes<HTMLEmbedElement>;
    fieldset: React.FieldsetHTMLAttributes<HTMLFieldSetElement>;
    figcaption: React.HTMLAttributes<HTMLElement>;
    figure: React.HTMLAttributes<HTMLElement>;
    footer: React.HTMLAttributes<HTMLElement>;
    form: React.FormHTMLAttributes<HTMLFormElement>;
    h1: React.HTMLAttributes<HTMLHeadingElement>;
    h2: React.HTMLAttributes<HTMLHeadingElement>;
    h3: React.HTMLAttributes<HTMLHeadingElement>;
    h4: React.HTMLAttributes<HTMLHeadingElement>;
    h5: React.HTMLAttributes<HTMLHeadingElement>;
    h6: React.HTMLAttributes<HTMLHeadingElement>;
    head: React.HTMLAttributes<HTMLHeadElement>;
    header: React.HTMLAttributes<HTMLElement>;
    hgroup: React.HTMLAttributes<HTMLElement>;
    hr: React.HTMLAttributes<HTMLHRElement>;
    html: React.HtmlHTMLAttributes<HTMLHtmlElement>;
    i: React.HTMLAttributes<HTMLElement>;
    iframe: React.IframeHTMLAttributes<HTMLIFrameElement>;
    img: React.ImgHTMLAttributes<HTMLImageElement>;
    input: React.InputHTMLAttributes<HTMLInputElement>;
    ins: React.InsHTMLAttributes<HTMLModElement>;
    kbd: React.HTMLAttributes<HTMLElement>;
    keygen: React.KeygenHTMLAttributes<HTMLElement>;
    label: React.LabelHTMLAttributes<HTMLLabelElement>;
    legend: React.HTMLAttributes<HTMLLegendElement>;
    li: React.LiHTMLAttributes<HTMLLIElement>;
    link: React.LinkHTMLAttributes<HTMLLinkElement>;
    main: React.HTMLAttributes<HTMLElement>;
    map: React.MapHTMLAttributes<HTMLMapElement>;
    mark: React.HTMLAttributes<HTMLElement>;
    menu: React.MenuHTMLAttributes<HTMLElement>;
    menuitem: React.HTMLAttributes<HTMLElement>;
    meta: React.MetaHTMLAttributes<HTMLMetaElement>;
    meter: React.MeterHTMLAttributes<HTMLMeterElement>;
    nav: React.HTMLAttributes<HTMLElement>;
    noindex: React.HTMLAttributes<HTMLElement>;
    noscript: React.HTMLAttributes<HTMLElement>;
    object: React.ObjectHTMLAttributes<HTMLObjectElement>;
    ol: React.OlHTMLAttributes<HTMLOListElement>;
    optgroup: React.OptgroupHTMLAttributes<HTMLOptGroupElement>;
    option: React.OptionHTMLAttributes<HTMLOptionElement>;
    output: React.OutputHTMLAttributes<HTMLOutputElement>;
    p: React.HTMLAttributes<HTMLParagraphElement>;
    picture: React.HTMLAttributes<HTMLElement>;
    pre: React.HTMLAttributes<HTMLPreElement>;
    progress: React.ProgressHTMLAttributes<HTMLProgressElement>;
    q: React.QuoteHTMLAttributes<HTMLQuoteElement>;
    rp: React.HTMLAttributes<HTMLElement>;
    rt: React.HTMLAttributes<HTMLElement>;
    ruby: React.HTMLAttributes<HTMLElement>;
    s: React.HTMLAttributes<HTMLElement>;
    samp: React.HTMLAttributes<HTMLElement>;
    slot: React.SlotHTMLAttributes<HTMLSlotElement>;
    script: React.ScriptHTMLAttributes<HTMLScriptElement>;
    section: React.HTMLAttributes<HTMLElement>;
    select: React.SelectHTMLAttributes<HTMLSelectElement>;
    small: React.HTMLAttributes<HTMLElement>;
    source: React.SourceHTMLAttributes<HTMLSourceElement>;
    span: React.HTMLAttributes<HTMLSpanElement>;
    strong: React.HTMLAttributes<HTMLElement>;
    style: React.StyleHTMLAttributes<HTMLStyleElement>;
    sub: React.HTMLAttributes<HTMLElement>;
    summary: React.HTMLAttributes<HTMLElement>;
    sup: React.HTMLAttributes<HTMLElement>;
    table: React.TableHTMLAttributes<HTMLTableElement>;
    template: React.HTMLAttributes<HTMLTemplateElement>;
    tbody: React.HTMLAttributes<HTMLTableSectionElement>;
    textarea: React.TextareaHTMLAttributes<HTMLTextAreaElement>;
    tfoot: React.HTMLAttributes<HTMLTableSectionElement>;
    thead: React.HTMLAttributes<HTMLTableSectionElement>;
    time: React.TimeHTMLAttributes<HTMLTimeElement>;
    title: React.HTMLAttributes<HTMLTitleElement>;
    tr: React.HTMLAttributes<HTMLTableRowElement>;
    track: React.TrackHTMLAttributes<HTMLTrackElement>;
    u: React.HTMLAttributes<HTMLElement>;
    ul: React.HTMLAttributes<HTMLUListElement>;
    video: React.VideoHTMLAttributes<HTMLVideoElement>;
    wbr: React.HTMLAttributes<HTMLElement>;
    webview: React.WebViewHTMLAttributes<HTMLWebViewElement>;
};
type BaseProps$1<O> = {
    as?: any;
    css?: ThemeUtilsCSS;
    className?: string;
    children?: Children;
    [index: `data-${string}`]: unknown;
} & O;
type PressProps = PressEvents & FocusableProps & {
    /**
     * @deprecated Use onPress instead. onPress support Enter and Space keyboard.
     * You're able to use just one or another, don't use onClick and onPress together
     */
    onClick?: HTMLProps['button']['onClick'];
};
type AsChildProps<P extends Record<any, any>> = P & {
    asChild?: boolean;
    children: ReactNode;
};
type PasswordStrength$1 = 'strong' | 'average' | 'weak';
type Sizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';

declare enum Components {
    AccordionContent = "AccordionContent",
    Accordion = "Accordion",
    AccordionItem = "AccordionItem",
    AccordionTrigger = "AccordionTrigger",
    AlertActions = "AlertActions",
    AlertButton = "AlertButton",
    Alert = "Alert",
    AlertDescription = "AlertDescription",
    AlertTitle = "AlertTitle",
    AlertDialogAction = "AlertDialogAction",
    AlertDialogCancel = "AlertDialogCancel",
    AlertDialogContent = "AlertDialogContent",
    AlertDialog = "AlertDialog",
    AlertDialogDescription = "AlertDialogDescription",
    AlertDialogFooter = "AlertDialogFooter",
    AlertDialogHeading = "AlertDialogHeading",
    AlertDialogTrigger = "AlertDialogTrigger",
    Avatar = "Avatar",
    AvatarGenerated = "AvatarGenerated",
    AspectRatio = "AspectRatio",
    AssetAmount = "AssetAmount",
    Asset = "Asset",
    AssetIcon = "AssetIcon",
    AssetName = "AssetName",
    AssetSymbol = "AssetSymbol",
    Badge = "Badge",
    BoxCentered = "BoxCentered",
    Box = "Box",
    Container = "Container",
    Flex = "Flex",
    HStack = "HStack",
    Stack = "Stack",
    VStack = "VStack",
    Breadcrumb = "Breadcrumb",
    BreadcrumbItem = "BreadcrumbItem",
    BreadcrumbLink = "BreadcrumbLink",
    Button = "Button",
    ButtonGroup = "ButtonGroup",
    ButtonLink = "ButtonLink",
    CardBody = "CardBody",
    Card = "Card",
    CardFooter = "CardFooter",
    CardHeader = "CardHeader",
    CardList = "CardList",
    CardListItem = "CardListItem",
    Checkbox = "Checkbox",
    ContentLoader = "ContentLoader",
    Copyable = "Copyable",
    DialogClose = "DialogClose",
    DialogContent = "DialogContent",
    Dialog = "Dialog",
    DialogDescription = "DialogDescription",
    DialogFooter = "DialogFooter",
    DialogHeading = "DialogHeading",
    DialogTrigger = "DialogTrigger",
    DrawerBody = "DrawerBody",
    DrawerClose = "DrawerClose",
    DrawerContent = "DrawerContent",
    Drawer = "Drawer",
    DrawerTrigger = "DrawerTrigger",
    Dropdown = "Dropdown",
    DropdownMenu = "DropdownMenu",
    DropdownMenuItem = "DropdownMenuItem",
    DropdownTrigger = "DropdownTrigger",
    Heading = "Heading",
    HelperIcon = "HelperIcon",
    Icon = "Icon",
    Image = "Image",
    Link = "Link",
    NavConnection = "NavConnection",
    Nav = "Nav",
    NavDesktop = "NavDesktop",
    NavLogo = "NavLogo",
    NavMenu = "NavMenu",
    NavMenuItem = "NavMenuItem",
    NavMobileContent = "NavMobileContent",
    NavMobile = "NavMobile",
    NavSpacer = "NavSpacer",
    NavThemeToggle = "NavThemeToggle",
    Spinner = "Spinner",
    Text = "Text"
}

declare const BoxCentered: (<C = "div">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<BoxCenteredProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<BoxCenteredProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<BoxCenteredProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLDivElement> & {
    align?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.AlignItems | undefined;
    basis?: "$4xl" | "$3xl" | "$2xl" | "$xl" | "$lg" | "$md" | "$xs" | "$sm" | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | "$auto" | "$none" | "$full" | "$min" | "$max" | "$fit" | "$screenW" | "$screenH" | _fuel_stitches_react_types_css.Property.FlexBasis | undefined;
    direction?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexDirection | undefined;
    gap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | _fuel_stitches_react_types_css.Property.Gap | undefined;
    grow?: _fuel_stitches_react_types_css.OnlyStringNumeric | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | undefined;
    justify?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.JustifyContent | undefined;
    shrink?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.OnlyNumber | undefined;
    wrap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexWrap | undefined;
} & {
    minWS?: boolean | undefined;
    minHS?: boolean | undefined;
} & react.RefAttributes<HTMLDivElement>>;

type ContainerSizes$1 = 'sm' | 'md' | 'lg' | 'xl';
type ContainerProps$1 = HTMLProps['div'] & {
    size?: ContainerSizes$1;
};
declare const Container: (<C = "div">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<ContainerProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<ContainerProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<ContainerProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLDivElement> & {
    size?: ContainerSizes | undefined;
} & react.RefAttributes<HTMLDivElement>>;

type FlexProps$1 = FlexProps;
declare const Flex: (<C = "div">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<FlexProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<FlexProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<FlexProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLDivElement> & {
    align?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.AlignItems | undefined;
    basis?: "$4xl" | "$3xl" | "$2xl" | "$xl" | "$lg" | "$md" | "$xs" | "$sm" | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | "$auto" | "$none" | "$full" | "$min" | "$max" | "$fit" | "$screenW" | "$screenH" | _fuel_stitches_react_types_css.Property.FlexBasis | undefined;
    direction?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexDirection | undefined;
    gap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | _fuel_stitches_react_types_css.Property.Gap | undefined;
    grow?: _fuel_stitches_react_types_css.OnlyStringNumeric | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | undefined;
    justify?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.JustifyContent | undefined;
    shrink?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.OnlyNumber | undefined;
    wrap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexWrap | undefined;
} & react.RefAttributes<HTMLDivElement>>;

type HStackProps$1 = HStackProps;
declare const HStack: (<C = "div">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<HStackProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<HStackProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<HStackProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & HStackProps & react.RefAttributes<HTMLDivElement>> & {
    id: string;
};

type StackProps$1 = StackProps;
declare const Stack: (<C = "div">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<FlexProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<FlexProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<FlexProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLDivElement> & {
    align?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.AlignItems | undefined;
    basis?: "$4xl" | "$3xl" | "$2xl" | "$xl" | "$lg" | "$md" | "$xs" | "$sm" | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | "$auto" | "$none" | "$full" | "$min" | "$max" | "$fit" | "$screenW" | "$screenH" | _fuel_stitches_react_types_css.Property.FlexBasis | undefined;
    direction?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexDirection | undefined;
    gap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | _fuel_stitches_react_types_css.Property.Gap | undefined;
    grow?: _fuel_stitches_react_types_css.OnlyStringNumeric | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | undefined;
    justify?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.JustifyContent | undefined;
    shrink?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.OnlyNumber | undefined;
    wrap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexWrap | undefined;
} & react.RefAttributes<HTMLDivElement>>;

type VStackProps$1 = VStackProps;
declare const VStack: (<C = "div">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<VStackProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<VStackProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<VStackProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & VStackProps & react.RefAttributes<HTMLDivElement>> & {
    id: string;
};

type BoxProps = HTMLProps['div'];
type BoxDef = CreateComponent<{
    component: Components.Box;
    type: 'div';
    props: BoxProps;
    element: HTMLDivElement;
    styles: 'root' | 'flex' | 'centered' | 'stack' | 'hstack' | 'vstack' | 'container';
    namespace: {
        Centered: typeof BoxCentered;
        Flex: typeof Flex;
        Stack: typeof Stack;
        HStack: typeof HStack;
        VStack: typeof VStack;
        Container: typeof Container;
    };
}>;
type FlexProps = HTMLProps['div'] & {
    /**
     * Shorthand for `alignItems` style prop
     * @type SystemProps["alignItems"]
     */
    align?: ThemeUtilsCSS['alignItems'];
    /**
     * Shorthand for `flexBasis` style prop
     * @type SystemProps["flexBasis"]
     */
    basis?: ThemeUtilsCSS['flexBasis'];
    /**
     * Shorthand for `flexDirection` style prop
     * @type SystemProps["flexDirection"]
     */
    direction?: ThemeUtilsCSS['flexDirection'];
    /**
     * Shorthand for `gap` style prop
     * @type SystemProps["gap"]
     */
    gap?: ThemeUtilsCSS['gap'];
    /**
     * Shorthand for `flexGrow` style prop
     * @type SystemProps["flexGrow"]
     */
    grow?: ThemeUtilsCSS['flexGrow'];
    /**
     * Shorthand for `justifyContent` style prop
     * @type SystemProps["justifyContent"]
     */
    justify?: ThemeUtilsCSS['justifyContent'];
    /**
     * Shorthand for `flexShrink` style prop
     * @type SystemProps["flexShrink"]
     */
    shrink?: ThemeUtilsCSS['flexShrink'];
    /**
     * Shorthand for `flexWrap` style prop
     * @type SystemProps["flexWrap"]
     */
    wrap?: ThemeUtilsCSS['flexWrap'];
};
type FlexDef = CreateComponent<{
    type: 'div';
    component: Components.Flex;
    element: HTMLDivElement;
    props: FlexProps;
    styles: 'root';
}>;
type BoxCenteredProps = FlexProps & {
    /**
     * max-width: '100vh
     */
    minWS?: boolean;
    /**
     * max-height: '100vh
     */
    minHS?: boolean;
};
type BoxCenteredDef = CreateComponent<{
    type: 'div';
    component: Components.BoxCentered;
    props: BoxCenteredProps;
    element: HTMLDivElement;
}>;
type StackProps = FlexProps;
type StackDef = CreateComponent<{
    type: 'div';
    props: StackProps;
    element: HTMLDivElement;
    component: Components.Stack;
    styles: 'root';
}>;
type HStackProps = Omit<FlexProps, 'direction'>;
type HStackDef = CreateComponent<{
    type: 'div';
    props: HStackProps;
    element: HTMLDivElement;
    component: Components.HStack;
    styles: 'root';
    namespace: {
        id: string;
    };
}>;
type VStackProps = Omit<FlexProps, 'direction'>;
type VStackDef = CreateComponent<{
    type: 'div';
    props: VStackProps;
    element: HTMLDivElement;
    component: Components.VStack;
    styles: 'root';
    namespace: {
        id: string;
    };
}>;
type ContainerSizes = 'sm' | 'md' | 'lg' | 'xl';
type ContainerProps = HTMLProps['div'] & {
    size?: ContainerSizes;
};
type ContainerDef = CreateComponent<{
    type: 'div';
    props: ContainerProps;
    element: HTMLDivElement;
    component: Components.Container;
}>;

declare const Box: (<C = "div">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<react.HTMLAttributes<HTMLDivElement>>, "as">>) => react.ReactElement<Omit<BaseProps$1<react.HTMLAttributes<HTMLDivElement>>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<react.HTMLAttributes<HTMLDivElement>>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>> & {
    Centered: (<C_1 = "div">(props: PolymorphicComponentProps<C_1, Omit<BaseProps$1<BoxCenteredProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<BoxCenteredProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<BoxCenteredProps>, "as">>, never> & react.ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: react.ReactNode;
    } & react.HTMLAttributes<HTMLDivElement> & {
        align?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.AlignItems | undefined;
        basis?: "$4xl" | "$3xl" | "$2xl" | "$xl" | "$lg" | "$md" | "$xs" | "$sm" | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | "$auto" | "$none" | "$full" | "$min" | "$max" | "$fit" | "$screenW" | "$screenH" | _fuel_stitches_react_types_css.Property.FlexBasis | undefined;
        direction?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexDirection | undefined;
        gap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | _fuel_stitches_react_types_css.Property.Gap | undefined;
        grow?: _fuel_stitches_react_types_css.OnlyStringNumeric | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | undefined;
        justify?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.JustifyContent | undefined;
        shrink?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.OnlyNumber | undefined;
        wrap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexWrap | undefined;
    } & {
        minWS?: boolean | undefined;
        minHS?: boolean | undefined;
    } & react.RefAttributes<HTMLDivElement>>;
    Flex: (<C_2 = "div">(props: PolymorphicComponentProps<C_2, Omit<BaseProps$1<FlexProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<FlexProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<FlexProps>, "as">>, never> & react.ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: react.ReactNode;
    } & react.HTMLAttributes<HTMLDivElement> & {
        align?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.AlignItems | undefined;
        basis?: "$4xl" | "$3xl" | "$2xl" | "$xl" | "$lg" | "$md" | "$xs" | "$sm" | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | "$auto" | "$none" | "$full" | "$min" | "$max" | "$fit" | "$screenW" | "$screenH" | _fuel_stitches_react_types_css.Property.FlexBasis | undefined;
        direction?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexDirection | undefined;
        gap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | _fuel_stitches_react_types_css.Property.Gap | undefined;
        grow?: _fuel_stitches_react_types_css.OnlyStringNumeric | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | undefined;
        justify?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.JustifyContent | undefined;
        shrink?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.OnlyNumber | undefined;
        wrap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexWrap | undefined;
    } & react.RefAttributes<HTMLDivElement>>;
    Stack: (<C_3 = "div">(props: PolymorphicComponentProps<C_3, Omit<BaseProps$1<FlexProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<FlexProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<FlexProps>, "as">>, never> & react.ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: react.ReactNode;
    } & react.HTMLAttributes<HTMLDivElement> & {
        align?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.AlignItems | undefined;
        basis?: "$4xl" | "$3xl" | "$2xl" | "$xl" | "$lg" | "$md" | "$xs" | "$sm" | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | "$auto" | "$none" | "$full" | "$min" | "$max" | "$fit" | "$screenW" | "$screenH" | _fuel_stitches_react_types_css.Property.FlexBasis | undefined;
        direction?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexDirection | undefined;
        gap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | _fuel_stitches_react_types_css.Property.Gap | undefined;
        grow?: _fuel_stitches_react_types_css.OnlyStringNumeric | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | undefined;
        justify?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.JustifyContent | undefined;
        shrink?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.OnlyNumber | undefined;
        wrap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexWrap | undefined;
    } & react.RefAttributes<HTMLDivElement>>;
    HStack: (<C_4 = "div">(props: PolymorphicComponentProps<C_4, Omit<BaseProps$1<HStackProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<HStackProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<HStackProps>, "as">>, never> & react.ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: react.ReactNode;
    } & HStackProps & react.RefAttributes<HTMLDivElement>> & {
        id: string;
    };
    VStack: (<C_5 = "div">(props: PolymorphicComponentProps<C_5, Omit<BaseProps$1<VStackProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<VStackProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<VStackProps>, "as">>, never> & react.ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: react.ReactNode;
    } & VStackProps & react.RefAttributes<HTMLDivElement>> & {
        id: string;
    };
    Container: (<C_6 = "div">(props: PolymorphicComponentProps<C_6, Omit<BaseProps$1<ContainerProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<ContainerProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<ContainerProps>, "as">>, never> & react.ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: react.ReactNode;
    } & react.HTMLAttributes<HTMLDivElement> & {
        size?: ContainerSizes | undefined;
    } & react.RefAttributes<HTMLDivElement>>;
};

type Icons = IconName;
type IconProps = {
    icon: Icons | ReactNode;
    wrapperClassName?: string;
    color?: Colors;
    inline?: boolean;
    label?: string;
    size?: number;
    stroke?: number;
    svgProps?: SVGProps<SVGSVGElement>;
};
type IconDef = CreateComponent<{
    type: 'i';
    props: IconProps;
    element: HTMLDivElement;
    component: Components.Icon;
    styles: 'root';
    omit: 'children';
    namespace: {
        is: (icon: Icons) => Icons;
        iconList: Icons[];
        id: string;
    };
}>;

declare const Icon: (<C = "i">(props: PolymorphicComponentProps<C, Omit<Omit<BaseProps$1<IconProps>, "children">, "as">>) => ReactElement<Omit<Omit<BaseProps$1<IconProps>, "children">, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<Omit<BaseProps$1<IconProps>, "children">, "as">>, never> & react.ForwardRefExoticComponent<Omit<BaseProps$1<IconProps>, "children"> & react.RefAttributes<HTMLDivElement>> & {
    is: (icon: _fuel_ui_icons.IconName) => _fuel_ui_icons.IconName;
    iconList: _fuel_ui_icons.IconName[];
    id: string;
};

type ButtonVariants = 'solid' | 'outlined' | 'ghost' | 'link';
type ButtonSizes = 'xs' | 'sm' | 'md' | 'lg';
type ButtonBaseProps = {
    size?: ButtonSizes;
    intent?: LayerIntent;
    variant?: LayerVariant;
    iconSize?: number;
    leftIcon?: IconProps['icon'];
    leftIconAriaLabel?: string;
    rightIcon?: IconProps['icon'];
    rightIconAriaLabel?: string;
    isLoading?: boolean;
    loadingText?: string;
    isDisabled?: boolean;
};
type ButtonProps = Omit<HTMLProps['button'], 'onClick'> & AriaButtonProps<'button'> & ButtonBaseProps & {
    justIcon?: boolean;
    isLink?: boolean;
    /**
     * @deprecated Use onPress instead. onPress support Enter and Space keyboard.
     * You're able to use just one or another, don't use onClick and onPress together
     */
    onClick?: HTMLProps['button']['onClick'];
};
type ButtonNS = {
    id: string;
};
type ButtonDef = CreateComponent<{
    type: 'button';
    element: HTMLButtonElement;
    component: Components.Button;
    props: ButtonProps;
    styles: 'root' | 'iconLeft' | 'iconRight';
    namespace: ButtonNS;
}>;

declare function createIcon(icon: string | ReactNode, iconAriaLabel?: string, iconSize?: number, color?: Colors): ReactElement | null;
declare function getIconSize(size: ButtonSizes, iconSize?: number): number;
declare const SPINNER_SIZE: {
    xs: number;
    sm: number;
    md: number;
    lg: number;
};
declare const Button: (<C = "button">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<ButtonProps>, "as">>) => ReactElement<Omit<BaseProps$1<ButtonProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<ButtonProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: ReactNode;
} & Omit<react.ButtonHTMLAttributes<HTMLButtonElement>, "onClick"> & react_aria.AriaButtonProps<"button"> & ButtonBaseProps & {
    justIcon?: boolean | undefined;
    isLink?: boolean | undefined;
    onClick?: react.MouseEventHandler<HTMLButtonElement> | undefined;
} & react.RefAttributes<HTMLButtonElement>> & ButtonNS;

declare const AlertActions: (<C = "div">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<FlexProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<FlexProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<FlexProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLDivElement> & {
    align?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.AlignItems | undefined;
    basis?: "$4xl" | "$3xl" | "$2xl" | "$xl" | "$lg" | "$md" | "$xs" | "$sm" | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | "$auto" | "$none" | "$full" | "$min" | "$max" | "$fit" | "$screenW" | "$screenH" | _fuel_stitches_react_types_css.Property.FlexBasis | undefined;
    direction?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexDirection | undefined;
    gap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | _fuel_stitches_react_types_css.Property.Gap | undefined;
    grow?: _fuel_stitches_react_types_css.OnlyStringNumeric | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | undefined;
    justify?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.JustifyContent | undefined;
    shrink?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.OnlyNumber | undefined;
    wrap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexWrap | undefined;
} & react.RefAttributes<HTMLDivElement>> & {
    id: string;
};

declare const AlertButton: (<C = "button">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<ButtonProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<ButtonProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<ButtonProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & Omit<react.ButtonHTMLAttributes<HTMLButtonElement>, "onClick"> & react_aria.AriaButtonProps<"button"> & ButtonBaseProps & {
    justIcon?: boolean | undefined;
    isLink?: boolean | undefined;
    onClick?: react.MouseEventHandler<HTMLButtonElement> | undefined;
} & react.RefAttributes<HTMLButtonElement>> & {
    id: string;
};

declare const AlertDescription: (<C = "div">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<react.HTMLAttributes<HTMLDivElement>>, "as">>) => react.ReactElement<Omit<BaseProps$1<react.HTMLAttributes<HTMLDivElement>>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<react.HTMLAttributes<HTMLDivElement>>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;

declare const AlertTitle: (<C = "div">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<FlexProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<FlexProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<FlexProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLDivElement> & {
    align?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.AlignItems | undefined;
    basis?: "$4xl" | "$3xl" | "$2xl" | "$xl" | "$lg" | "$md" | "$xs" | "$sm" | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | "$auto" | "$none" | "$full" | "$min" | "$max" | "$fit" | "$screenW" | "$screenH" | _fuel_stitches_react_types_css.Property.FlexBasis | undefined;
    direction?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexDirection | undefined;
    gap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | _fuel_stitches_react_types_css.Property.Gap | undefined;
    grow?: _fuel_stitches_react_types_css.OnlyStringNumeric | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | undefined;
    justify?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.JustifyContent | undefined;
    shrink?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.OnlyNumber | undefined;
    wrap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexWrap | undefined;
} & react.RefAttributes<HTMLDivElement>>;

type AlertStatus = 'info' | 'warning' | 'success' | 'error';
type AlertProps = BoxProps & {
    direction?: 'row' | 'column';
    status?: AlertStatus;
    hideIcon?: boolean;
};
type AlertActionsProps = FlexProps$1;
type AlertButtonProps = ButtonProps;
type AlertDescriptionProps = BoxProps;
type AlertTitleProps = FlexProps$1;
type AlertNS = {
    id: string;
    Title: typeof AlertTitle;
    Description: typeof AlertDescription;
    Actions: typeof AlertActions;
    Button: typeof AlertButton;
};
type AlertDef = CreateComponent<{
    type: 'div';
    props: AlertProps;
    component: Components.Alert;
    element: HTMLDivElement;
    namespace: AlertNS;
    styles: 'root' | 'icon' | 'content' | 'title' | 'description' | 'actions' | 'button';
}>;
type AlertActionsDef = CreateComponent<{
    type: 'div';
    props: AlertActionsProps;
    component: Components.AlertActions;
    element: HTMLDivElement;
    namespace: {
        id: string;
    };
}>;
type AlertButtonDef = CreateComponent<{
    type: 'button';
    props: AlertButtonProps;
    component: Components.AlertButton;
    element: HTMLButtonElement;
    namespace: {
        id: string;
    };
}>;
type AlertDescriptionDef = CreateComponent<{
    type: 'div';
    props: AlertDescriptionProps;
    component: Components.AlertDescription;
    element: HTMLDivElement;
}>;
type AlertTitleDef = CreateComponent<{
    type: 'div';
    props: AlertTitleProps;
    component: Components.AlertTitle;
    element: HTMLDivElement;
}>;

type ContextProps$2 = {
    status?: AlertStatus;
};
declare function useAlertProps(): ContextProps$2;
declare const Alert: (<C = "div">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<AlertProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<AlertProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<AlertProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLDivElement> & {
    direction?: "column" | "row" | undefined;
    status?: AlertStatus | undefined;
    hideIcon?: boolean | undefined;
} & react.RefAttributes<HTMLDivElement>> & AlertNS;

declare const AlertDialogAction: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & RAlertDialog.AlertDialogActionProps & react.RefAttributes<HTMLButtonElement>>;

declare const AlertDialogCancel: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & RAlertDialog.AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>>;

declare const AlertDialogContent: react.ForwardRefExoticComponent<Omit<BaseProps$1<AlertDialogContentProps>, "as"> & react.RefAttributes<HTMLDivElement>>;

type AlertDialogDescriptionProps$1 = RAlertDialog.AlertDialogDescriptionProps;
declare const AlertDialogDescription: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & RAlertDialog.AlertDialogDescriptionProps & react.RefAttributes<HTMLDivElement>>;

declare const AlertDialogFooter: (<C = "footer">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<AlertDialogFooterProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<AlertDialogFooterProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<AlertDialogFooterProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLElement> & {
    align?: "end" | "start" | undefined;
} & react.RefAttributes<HTMLDivElement>>;

type AlertDialogHeadingProps$1 = RAlertDialog.AlertDialogTitleProps;
declare const AlertDialogHeading: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & RAlertDialog.AlertDialogTitleProps & react.RefAttributes<HTMLDivElement>>;

declare const AlertDialogTrigger: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & RAlertDialog.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;

type AlertDialogNS = {
    id: string;
    Action: typeof AlertDialogAction;
    Cancel: typeof AlertDialogCancel;
    Content: typeof AlertDialogContent;
    Description: typeof AlertDialogDescription;
    Footer: typeof AlertDialogFooter;
    Heading: typeof AlertDialogHeading;
    Trigger: typeof AlertDialogTrigger;
};
type AlertDialogProps = RAlertDialog.AlertDialogProps;
type AlertDialogActionProps = RAlertDialog.AlertDialogActionProps;
type AlertDialogCancelProps = RAlertDialog.AlertDialogCancelProps;
type AlertDialogContentProps = RAlertDialog.AlertDialogContentProps & {
    overlayClassName?: string;
};
type AlertDialogDescriptionProps = RAlertDialog.AlertDialogDescriptionProps;
type AlertDialogFooterProps = HTMLProps['footer'] & {
    align?: 'start' | 'end';
};
type AlertDialogHeadingProps = RAlertDialog.AlertDialogTitleProps;
type AlertDialogTriggerProps = RAlertDialog.AlertDialogTriggerProps;
type AlertDialogDef = CreateComponent<{
    type: 'div';
    component: Components.AlertDialog;
    element: HTMLDivElement;
    props: AlertDialogProps;
    namespace: AlertDialogNS;
    omit: 'as';
    styles: 'root' | 'description' | 'content' | 'footer' | 'heading' | 'trigger' | 'overlay' | 'cancel' | 'action';
}>;
type AlertDialogActionDef = CreateComponent<{
    type: 'button';
    component: Components.AlertDialogAction;
    element: HTMLButtonElement;
    props: AlertDialogActionProps;
}>;
type AlertDialogCancelDef = CreateComponent<{
    type: 'button';
    component: Components.AlertDialogCancel;
    element: HTMLButtonElement;
    props: AlertDialogCancelProps;
}>;
type AlertDialogContentDef = CreateComponent<{
    type: 'div';
    component: Components.AlertDialogContent;
    element: HTMLDivElement;
    props: AlertDialogContentProps;
    styles: 'content';
    omit: 'as';
}>;
type AlertDialogDescriptionDef = CreateComponent<{
    type: 'div';
    component: Components.AlertDialogDescription;
    element: HTMLDivElement;
    props: AlertDialogDescriptionProps;
    styles: 'description';
}>;
type AlertDialogFooterDef = CreateComponent<{
    type: 'footer';
    component: Components.AlertDialogFooter;
    element: HTMLDivElement;
    props: AlertDialogFooterProps;
}>;
type AlertDialogHeadingDef = CreateComponent<{
    type: 'div';
    component: Components.AlertDialogHeading;
    element: HTMLDivElement;
    props: AlertDialogHeadingProps;
}>;
type AlertDialogTriggerDef = CreateComponent<{
    type: 'button';
    component: Components.AlertDialogTrigger;
    element: HTMLButtonElement;
    props: AlertDialogTriggerProps;
}>;

declare const AlertDialog: react.ForwardRefExoticComponent<Omit<BaseProps$1<RAlertDialog.AlertDialogProps>, "as"> & react.RefAttributes<HTMLDivElement>> & AlertDialogNS;

declare const AspectRatio: react.ForwardRefExoticComponent<Omit<BaseProps$1<AspectRatioPrimitive.AspectRatioProps>, "as"> & react.RefAttributes<HTMLDivElement>>;

type AspectRatioProps = AspectRatioPrimitive.AspectRatioProps;
type AspectRatioDef = CreateComponent<{
    type: 'div';
    component: Components.AspectRatio;
    element: HTMLDivElement;
    props: AspectRatioProps;
    styles: 'root';
    omit: 'as';
}>;

type TextProps = HTMLProps['p'] & {
    fontSize?: utils.TextSizes;
    color?: Colors;
    iconSize?: number;
    iconColor?: Colors;
    leftIcon?: IconProps['icon'];
    rightIcon?: IconProps['icon'];
    leftIconAriaLabel?: string;
    rightIconAriaLabel?: string;
};
type TextDef = CreateComponent<{
    type: 'p';
    element: HTMLParagraphElement;
    component: Components.Text;
    props: TextProps;
    styles: 'root';
}>;

declare const Text: (<C = "p">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<TextProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<TextProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<TextProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLParagraphElement> & {
    fontSize?: utils.TextSizes | undefined;
    color?: "transparent" | "inherit" | "gray1" | "gray2" | "gray3" | "gray4" | "gray5" | "gray6" | "gray7" | "gray8" | "gray9" | "gray10" | "gray11" | "gray12" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "accent10" | "accent11" | "accent12" | "crimson1" | "crimson2" | "crimson3" | "crimson4" | "crimson5" | "crimson6" | "crimson7" | "crimson8" | "crimson9" | "crimson10" | "crimson11" | "crimson12" | "indigo1" | "indigo2" | "indigo3" | "indigo4" | "indigo5" | "indigo6" | "indigo7" | "indigo8" | "indigo9" | "indigo10" | "indigo11" | "indigo12" | "yellow1" | "yellow2" | "yellow3" | "yellow4" | "yellow5" | "yellow6" | "yellow7" | "yellow8" | "yellow9" | "yellow10" | "yellow11" | "yellow12" | "bodyColor" | "black" | "blackA1" | "blackA10" | "blackA11" | "blackA12" | "blackA2" | "blackA3" | "blackA4" | "blackA5" | "blackA6" | "blackA7" | "blackA8" | "blackA9" | "bodyBg" | "bodyInverse" | "border" | "borderHover" | "brand" | "cardBg" | "cardBorder" | "dialogBg" | "inputActiveBg" | "inputActiveBorder" | "inputActiveColor" | "inputActiveFocus" | "inputActiveIcon" | "inputActivePlaceholder" | "inputBaseBg" | "inputBaseBorder" | "inputBaseColor" | "inputBaseFocus" | "inputBaseIcon" | "inputBasePlaceholder" | "inputDisabledBg" | "inputDisabledBorder" | "inputDisabledColor" | "inputDisabledFocus" | "inputDisabledIcon" | "inputDisabledPlaceholder" | "inputErrorBg" | "inputErrorBorder" | "inputErrorColor" | "inputErrorFocus" | "inputErrorIcon" | "inputErrorPlaceholder" | "inputSuccessBg" | "inputSuccessBorder" | "inputSuccessColor" | "inputSuccessFocus" | "inputSuccessIcon" | "inputSuccessPlaceholder" | "inputBg" | "intentsBase1" | "intentsBase10" | "intentsBase11" | "intentsBase12" | "intentsBase2" | "intentsBase3" | "intentsBase4" | "intentsBase5" | "intentsBase6" | "intentsBase7" | "intentsBase8" | "intentsBase9" | "intentsError1" | "intentsError10" | "intentsError11" | "intentsError12" | "intentsError2" | "intentsError3" | "intentsError4" | "intentsError5" | "intentsError6" | "intentsError7" | "intentsError8" | "intentsError9" | "intentsInfo1" | "intentsInfo10" | "intentsInfo11" | "intentsInfo12" | "intentsInfo2" | "intentsInfo3" | "intentsInfo4" | "intentsInfo5" | "intentsInfo6" | "intentsInfo7" | "intentsInfo8" | "intentsInfo9" | "intentsPrimary1" | "intentsPrimary10" | "intentsPrimary11" | "intentsPrimary12" | "intentsPrimary2" | "intentsPrimary3" | "intentsPrimary4" | "intentsPrimary5" | "intentsPrimary6" | "intentsPrimary7" | "intentsPrimary8" | "intentsPrimary9" | "intentsSecondary1" | "intentsSecondary10" | "intentsSecondary11" | "intentsSecondary12" | "intentsSecondary2" | "intentsSecondary3" | "intentsSecondary4" | "intentsSecondary5" | "intentsSecondary6" | "intentsSecondary7" | "intentsSecondary8" | "intentsSecondary9" | "intentsSuccess1" | "intentsSuccess10" | "intentsSuccess11" | "intentsSuccess12" | "intentsSuccess2" | "intentsSuccess3" | "intentsSuccess4" | "intentsSuccess5" | "intentsSuccess6" | "intentsSuccess7" | "intentsSuccess8" | "intentsSuccess9" | "intentsWarning1" | "intentsWarning10" | "intentsWarning11" | "intentsWarning12" | "intentsWarning2" | "intentsWarning3" | "intentsWarning4" | "intentsWarning5" | "intentsWarning6" | "intentsWarning7" | "intentsWarning8" | "intentsWarning9" | "inverseA1" | "inverseA10" | "inverseA11" | "inverseA12" | "inverseA2" | "inverseA3" | "inverseA4" | "inverseA5" | "inverseA6" | "inverseA7" | "inverseA8" | "inverseA9" | "overlayBg" | "overlayText" | "scalesBlue1" | "scalesBlue10" | "scalesBlue11" | "scalesBlue12" | "scalesBlue2" | "scalesBlue3" | "scalesBlue4" | "scalesBlue5" | "scalesBlue6" | "scalesBlue7" | "scalesBlue8" | "scalesBlue9" | "scalesGray1" | "scalesGray10" | "scalesGray11" | "scalesGray12" | "scalesGray2" | "scalesGray3" | "scalesGray4" | "scalesGray5" | "scalesGray6" | "scalesGray7" | "scalesGray8" | "scalesGray9" | "scalesGreen1" | "scalesGreen10" | "scalesGreen11" | "scalesGreen12" | "scalesGreen2" | "scalesGreen3" | "scalesGreen4" | "scalesGreen5" | "scalesGreen6" | "scalesGreen7" | "scalesGreen8" | "scalesGreen9" | "scalesRed1" | "scalesRed10" | "scalesRed11" | "scalesRed12" | "scalesRed2" | "scalesRed3" | "scalesRed4" | "scalesRed5" | "scalesRed6" | "scalesRed7" | "scalesRed8" | "scalesRed9" | "scalesYellow1" | "scalesYellow10" | "scalesYellow11" | "scalesYellow12" | "scalesYellow2" | "scalesYellow3" | "scalesYellow4" | "scalesYellow5" | "scalesYellow6" | "scalesYellow7" | "scalesYellow8" | "scalesYellow9" | "semanticGhostBaseBg" | "semanticGhostBaseBorder" | "semanticGhostBaseColor" | "semanticGhostBaseDisabledBg" | "semanticGhostBaseDisabledBorder" | "semanticGhostBaseDisabledColor" | "semanticGhostBaseDisabledIcon" | "semanticGhostBaseFocus" | "semanticGhostBaseHoverBg" | "semanticGhostBaseHoverBorder" | "semanticGhostBaseHoverColor" | "semanticGhostBaseHoverIcon" | "semanticGhostBaseIcon" | "semanticGhostErrorBg" | "semanticGhostErrorBorder" | "semanticGhostErrorColor" | "semanticGhostErrorDisabledBg" | "semanticGhostErrorDisabledBorder" | "semanticGhostErrorDisabledColor" | "semanticGhostErrorDisabledIcon" | "semanticGhostErrorFocus" | "semanticGhostErrorHoverBg" | "semanticGhostErrorHoverBorder" | "semanticGhostErrorHoverColor" | "semanticGhostErrorHoverIcon" | "semanticGhostErrorIcon" | "semanticGhostInfoBg" | "semanticGhostInfoBorder" | "semanticGhostInfoColor" | "semanticGhostInfoDisabledBg" | "semanticGhostInfoDisabledBorder" | "semanticGhostInfoDisabledColor" | "semanticGhostInfoDisabledIcon" | "semanticGhostInfoFocus" | "semanticGhostInfoHoverBg" | "semanticGhostInfoHoverBorder" | "semanticGhostInfoHoverColor" | "semanticGhostInfoHoverIcon" | "semanticGhostInfoIcon" | "semanticGhostPrimaryBg" | "semanticGhostPrimaryBorder" | "semanticGhostPrimaryColor" | "semanticGhostPrimaryDisabledBg" | "semanticGhostPrimaryDisabledBorder" | "semanticGhostPrimaryDisabledColor" | "semanticGhostPrimaryDisabledIcon" | "semanticGhostPrimaryFocus" | "semanticGhostPrimaryHoverBg" | "semanticGhostPrimaryHoverBorder" | "semanticGhostPrimaryHoverColor" | "semanticGhostPrimaryHoverIcon" | "semanticGhostPrimaryIcon" | "semanticGhostSecondaryBg" | "semanticGhostSecondaryBorder" | "semanticGhostSecondaryColor" | "semanticGhostSecondaryDisabledBg" | "semanticGhostSecondaryDisabledBorder" | "semanticGhostSecondaryDisabledColor" | "semanticGhostSecondaryDisabledIcon" | "semanticGhostSecondaryFocus" | "semanticGhostSecondaryHoverBg" | "semanticGhostSecondaryHoverBorder" | "semanticGhostSecondaryHoverColor" | "semanticGhostSecondaryHoverIcon" | "semanticGhostSecondaryIcon" | "semanticGhostSuccessBg" | "semanticGhostSuccessBorder" | "semanticGhostSuccessColor" | "semanticGhostSuccessDisabledBg" | "semanticGhostSuccessDisabledBorder" | "semanticGhostSuccessDisabledColor" | "semanticGhostSuccessDisabledIcon" | "semanticGhostSuccessFocus" | "semanticGhostSuccessHoverBg" | "semanticGhostSuccessHoverBorder" | "semanticGhostSuccessHoverColor" | "semanticGhostSuccessHoverIcon" | "semanticGhostSuccessIcon" | "semanticGhostWarningBg" | "semanticGhostWarningBorder" | "semanticGhostWarningColor" | "semanticGhostWarningDisabledBg" | "semanticGhostWarningDisabledBorder" | "semanticGhostWarningDisabledColor" | "semanticGhostWarningDisabledIcon" | "semanticGhostWarningFocus" | "semanticGhostWarningHoverBg" | "semanticGhostWarningHoverBorder" | "semanticGhostWarningHoverColor" | "semanticGhostWarningHoverIcon" | "semanticGhostWarningIcon" | "semanticLinkBaseBg" | "semanticLinkBaseBorder" | "semanticLinkBaseColor" | "semanticLinkBaseDisabledBg" | "semanticLinkBaseDisabledBorder" | "semanticLinkBaseDisabledColor" | "semanticLinkBaseDisabledIcon" | "semanticLinkBaseFocus" | "semanticLinkBaseHoverBg" | "semanticLinkBaseHoverBorder" | "semanticLinkBaseHoverColor" | "semanticLinkBaseHoverIcon" | "semanticLinkBaseIcon" | "semanticLinkErrorBg" | "semanticLinkErrorBorder" | "semanticLinkErrorColor" | "semanticLinkErrorDisabledBg" | "semanticLinkErrorDisabledBorder" | "semanticLinkErrorDisabledColor" | "semanticLinkErrorDisabledIcon" | "semanticLinkErrorFocus" | "semanticLinkErrorHoverBg" | "semanticLinkErrorHoverBorder" | "semanticLinkErrorHoverColor" | "semanticLinkErrorHoverIcon" | "semanticLinkErrorIcon" | "semanticLinkInfoBg" | "semanticLinkInfoBorder" | "semanticLinkInfoColor" | "semanticLinkInfoDisabledBg" | "semanticLinkInfoDisabledBorder" | "semanticLinkInfoDisabledColor" | "semanticLinkInfoDisabledIcon" | "semanticLinkInfoFocus" | "semanticLinkInfoHoverBg" | "semanticLinkInfoHoverBorder" | "semanticLinkInfoHoverColor" | "semanticLinkInfoHoverIcon" | "semanticLinkInfoIcon" | "semanticLinkPrimaryBg" | "semanticLinkPrimaryBorder" | "semanticLinkPrimaryColor" | "semanticLinkPrimaryDisabledBg" | "semanticLinkPrimaryDisabledBorder" | "semanticLinkPrimaryDisabledColor" | "semanticLinkPrimaryDisabledIcon" | "semanticLinkPrimaryFocus" | "semanticLinkPrimaryHoverBg" | "semanticLinkPrimaryHoverBorder" | "semanticLinkPrimaryHoverColor" | "semanticLinkPrimaryHoverIcon" | "semanticLinkPrimaryIcon" | "semanticLinkSecondaryBg" | "semanticLinkSecondaryBorder" | "semanticLinkSecondaryColor" | "semanticLinkSecondaryDisabledBg" | "semanticLinkSecondaryDisabledBorder" | "semanticLinkSecondaryDisabledColor" | "semanticLinkSecondaryDisabledIcon" | "semanticLinkSecondaryFocus" | "semanticLinkSecondaryHoverBg" | "semanticLinkSecondaryHoverBorder" | "semanticLinkSecondaryHoverColor" | "semanticLinkSecondaryHoverIcon" | "semanticLinkSecondaryIcon" | "semanticLinkSuccessBg" | "semanticLinkSuccessBorder" | "semanticLinkSuccessColor" | "semanticLinkSuccessDisabledBg" | "semanticLinkSuccessDisabledBorder" | "semanticLinkSuccessDisabledColor" | "semanticLinkSuccessDisabledIcon" | "semanticLinkSuccessFocus" | "semanticLinkSuccessHoverBg" | "semanticLinkSuccessHoverBorder" | "semanticLinkSuccessHoverColor" | "semanticLinkSuccessHoverIcon" | "semanticLinkSuccessIcon" | "semanticLinkWarningBg" | "semanticLinkWarningBorder" | "semanticLinkWarningColor" | "semanticLinkWarningDisabledBg" | "semanticLinkWarningDisabledBorder" | "semanticLinkWarningDisabledColor" | "semanticLinkWarningDisabledIcon" | "semanticLinkWarningFocus" | "semanticLinkWarningHoverBg" | "semanticLinkWarningHoverBorder" | "semanticLinkWarningHoverColor" | "semanticLinkWarningHoverIcon" | "semanticLinkWarningIcon" | "semanticOutlinedBaseBg" | "semanticOutlinedBaseBorder" | "semanticOutlinedBaseColor" | "semanticOutlinedBaseDisabledBg" | "semanticOutlinedBaseDisabledBorder" | "semanticOutlinedBaseDisabledColor" | "semanticOutlinedBaseDisabledIcon" | "semanticOutlinedBaseFocus" | "semanticOutlinedBaseHoverBg" | "semanticOutlinedBaseHoverBorder" | "semanticOutlinedBaseHoverColor" | "semanticOutlinedBaseHoverIcon" | "semanticOutlinedBaseIcon" | "semanticOutlinedErrorBg" | "semanticOutlinedErrorBorder" | "semanticOutlinedErrorColor" | "semanticOutlinedErrorDisabledBg" | "semanticOutlinedErrorDisabledBorder" | "semanticOutlinedErrorDisabledColor" | "semanticOutlinedErrorDisabledIcon" | "semanticOutlinedErrorFocus" | "semanticOutlinedErrorHoverBg" | "semanticOutlinedErrorHoverBorder" | "semanticOutlinedErrorHoverColor" | "semanticOutlinedErrorHoverIcon" | "semanticOutlinedErrorIcon" | "semanticOutlinedInfoBg" | "semanticOutlinedInfoBorder" | "semanticOutlinedInfoColor" | "semanticOutlinedInfoDisabledBg" | "semanticOutlinedInfoDisabledBorder" | "semanticOutlinedInfoDisabledColor" | "semanticOutlinedInfoDisabledIcon" | "semanticOutlinedInfoFocus" | "semanticOutlinedInfoHoverBg" | "semanticOutlinedInfoHoverBorder" | "semanticOutlinedInfoHoverColor" | "semanticOutlinedInfoHoverIcon" | "semanticOutlinedInfoIcon" | "semanticOutlinedPrimaryBg" | "semanticOutlinedPrimaryBorder" | "semanticOutlinedPrimaryColor" | "semanticOutlinedPrimaryDisabledBg" | "semanticOutlinedPrimaryDisabledBorder" | "semanticOutlinedPrimaryDisabledColor" | "semanticOutlinedPrimaryDisabledIcon" | "semanticOutlinedPrimaryFocus" | "semanticOutlinedPrimaryHoverBg" | "semanticOutlinedPrimaryHoverBorder" | "semanticOutlinedPrimaryHoverColor" | "semanticOutlinedPrimaryHoverIcon" | "semanticOutlinedPrimaryIcon" | "semanticOutlinedSecondaryBg" | "semanticOutlinedSecondaryBorder" | "semanticOutlinedSecondaryColor" | "semanticOutlinedSecondaryDisabledBg" | "semanticOutlinedSecondaryDisabledBorder" | "semanticOutlinedSecondaryDisabledColor" | "semanticOutlinedSecondaryDisabledIcon" | "semanticOutlinedSecondaryFocus" | "semanticOutlinedSecondaryHoverBg" | "semanticOutlinedSecondaryHoverBorder" | "semanticOutlinedSecondaryHoverColor" | "semanticOutlinedSecondaryHoverIcon" | "semanticOutlinedSecondaryIcon" | "semanticOutlinedSuccessBg" | "semanticOutlinedSuccessBorder" | "semanticOutlinedSuccessColor" | "semanticOutlinedSuccessDisabledBg" | "semanticOutlinedSuccessDisabledBorder" | "semanticOutlinedSuccessDisabledColor" | "semanticOutlinedSuccessDisabledIcon" | "semanticOutlinedSuccessFocus" | "semanticOutlinedSuccessHoverBg" | "semanticOutlinedSuccessHoverBorder" | "semanticOutlinedSuccessHoverColor" | "semanticOutlinedSuccessHoverIcon" | "semanticOutlinedSuccessIcon" | "semanticOutlinedWarningBg" | "semanticOutlinedWarningBorder" | "semanticOutlinedWarningColor" | "semanticOutlinedWarningDisabledBg" | "semanticOutlinedWarningDisabledBorder" | "semanticOutlinedWarningDisabledColor" | "semanticOutlinedWarningDisabledIcon" | "semanticOutlinedWarningFocus" | "semanticOutlinedWarningHoverBg" | "semanticOutlinedWarningHoverBorder" | "semanticOutlinedWarningHoverColor" | "semanticOutlinedWarningHoverIcon" | "semanticOutlinedWarningIcon" | "semanticSolidBaseBg" | "semanticSolidBaseBorder" | "semanticSolidBaseColor" | "semanticSolidBaseDisabledBg" | "semanticSolidBaseDisabledBorder" | "semanticSolidBaseDisabledColor" | "semanticSolidBaseDisabledIcon" | "semanticSolidBaseFocus" | "semanticSolidBaseHoverBg" | "semanticSolidBaseHoverBorder" | "semanticSolidBaseHoverColor" | "semanticSolidBaseHoverIcon" | "semanticSolidBaseIcon" | "semanticSolidErrorBg" | "semanticSolidErrorBorder" | "semanticSolidErrorColor" | "semanticSolidErrorDisabledBg" | "semanticSolidErrorDisabledBorder" | "semanticSolidErrorDisabledColor" | "semanticSolidErrorDisabledIcon" | "semanticSolidErrorFocus" | "semanticSolidErrorHoverBg" | "semanticSolidErrorHoverBorder" | "semanticSolidErrorHoverColor" | "semanticSolidErrorHoverIcon" | "semanticSolidErrorIcon" | "semanticSolidInfoBg" | "semanticSolidInfoBorder" | "semanticSolidInfoColor" | "semanticSolidInfoDisabledBg" | "semanticSolidInfoDisabledBorder" | "semanticSolidInfoDisabledColor" | "semanticSolidInfoDisabledIcon" | "semanticSolidInfoFocus" | "semanticSolidInfoHoverBg" | "semanticSolidInfoHoverBorder" | "semanticSolidInfoHoverColor" | "semanticSolidInfoHoverIcon" | "semanticSolidInfoIcon" | "semanticSolidPrimaryBg" | "semanticSolidPrimaryBorder" | "semanticSolidPrimaryColor" | "semanticSolidPrimaryDisabledBg" | "semanticSolidPrimaryDisabledBorder" | "semanticSolidPrimaryDisabledColor" | "semanticSolidPrimaryDisabledIcon" | "semanticSolidPrimaryFocus" | "semanticSolidPrimaryHoverBg" | "semanticSolidPrimaryHoverBorder" | "semanticSolidPrimaryHoverColor" | "semanticSolidPrimaryHoverIcon" | "semanticSolidPrimaryIcon" | "semanticSolidSecondaryBg" | "semanticSolidSecondaryBorder" | "semanticSolidSecondaryColor" | "semanticSolidSecondaryDisabledBg" | "semanticSolidSecondaryDisabledBorder" | "semanticSolidSecondaryDisabledColor" | "semanticSolidSecondaryDisabledIcon" | "semanticSolidSecondaryFocus" | "semanticSolidSecondaryHoverBg" | "semanticSolidSecondaryHoverBorder" | "semanticSolidSecondaryHoverColor" | "semanticSolidSecondaryHoverIcon" | "semanticSolidSecondaryIcon" | "semanticSolidSuccessBg" | "semanticSolidSuccessBorder" | "semanticSolidSuccessColor" | "semanticSolidSuccessDisabledBg" | "semanticSolidSuccessDisabledBorder" | "semanticSolidSuccessDisabledColor" | "semanticSolidSuccessDisabledIcon" | "semanticSolidSuccessFocus" | "semanticSolidSuccessHoverBg" | "semanticSolidSuccessHoverBorder" | "semanticSolidSuccessHoverColor" | "semanticSolidSuccessHoverIcon" | "semanticSolidSuccessIcon" | "semanticSolidWarningBg" | "semanticSolidWarningBorder" | "semanticSolidWarningColor" | "semanticSolidWarningDisabledBg" | "semanticSolidWarningDisabledBorder" | "semanticSolidWarningDisabledColor" | "semanticSolidWarningDisabledIcon" | "semanticSolidWarningFocus" | "semanticSolidWarningHoverBg" | "semanticSolidWarningHoverBorder" | "semanticSolidWarningHoverColor" | "semanticSolidWarningHoverIcon" | "semanticSolidWarningIcon" | "textActive" | "textColor" | "textHeading" | "textIcon" | "textInverse" | "textLink" | "textLinkActive" | "textLinkDisabled" | "textLinkHover" | "textLinkVisited" | "textMuted" | "textSubtext" | "white" | "whiteA1" | "whiteA10" | "whiteA11" | "whiteA12" | "whiteA2" | "whiteA3" | "whiteA4" | "whiteA5" | "whiteA6" | "whiteA7" | "whiteA8" | "whiteA9" | "current" | undefined;
    iconSize?: number | undefined;
    iconColor?: "transparent" | "inherit" | "gray1" | "gray2" | "gray3" | "gray4" | "gray5" | "gray6" | "gray7" | "gray8" | "gray9" | "gray10" | "gray11" | "gray12" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "accent10" | "accent11" | "accent12" | "crimson1" | "crimson2" | "crimson3" | "crimson4" | "crimson5" | "crimson6" | "crimson7" | "crimson8" | "crimson9" | "crimson10" | "crimson11" | "crimson12" | "indigo1" | "indigo2" | "indigo3" | "indigo4" | "indigo5" | "indigo6" | "indigo7" | "indigo8" | "indigo9" | "indigo10" | "indigo11" | "indigo12" | "yellow1" | "yellow2" | "yellow3" | "yellow4" | "yellow5" | "yellow6" | "yellow7" | "yellow8" | "yellow9" | "yellow10" | "yellow11" | "yellow12" | "bodyColor" | "black" | "blackA1" | "blackA10" | "blackA11" | "blackA12" | "blackA2" | "blackA3" | "blackA4" | "blackA5" | "blackA6" | "blackA7" | "blackA8" | "blackA9" | "bodyBg" | "bodyInverse" | "border" | "borderHover" | "brand" | "cardBg" | "cardBorder" | "dialogBg" | "inputActiveBg" | "inputActiveBorder" | "inputActiveColor" | "inputActiveFocus" | "inputActiveIcon" | "inputActivePlaceholder" | "inputBaseBg" | "inputBaseBorder" | "inputBaseColor" | "inputBaseFocus" | "inputBaseIcon" | "inputBasePlaceholder" | "inputDisabledBg" | "inputDisabledBorder" | "inputDisabledColor" | "inputDisabledFocus" | "inputDisabledIcon" | "inputDisabledPlaceholder" | "inputErrorBg" | "inputErrorBorder" | "inputErrorColor" | "inputErrorFocus" | "inputErrorIcon" | "inputErrorPlaceholder" | "inputSuccessBg" | "inputSuccessBorder" | "inputSuccessColor" | "inputSuccessFocus" | "inputSuccessIcon" | "inputSuccessPlaceholder" | "inputBg" | "intentsBase1" | "intentsBase10" | "intentsBase11" | "intentsBase12" | "intentsBase2" | "intentsBase3" | "intentsBase4" | "intentsBase5" | "intentsBase6" | "intentsBase7" | "intentsBase8" | "intentsBase9" | "intentsError1" | "intentsError10" | "intentsError11" | "intentsError12" | "intentsError2" | "intentsError3" | "intentsError4" | "intentsError5" | "intentsError6" | "intentsError7" | "intentsError8" | "intentsError9" | "intentsInfo1" | "intentsInfo10" | "intentsInfo11" | "intentsInfo12" | "intentsInfo2" | "intentsInfo3" | "intentsInfo4" | "intentsInfo5" | "intentsInfo6" | "intentsInfo7" | "intentsInfo8" | "intentsInfo9" | "intentsPrimary1" | "intentsPrimary10" | "intentsPrimary11" | "intentsPrimary12" | "intentsPrimary2" | "intentsPrimary3" | "intentsPrimary4" | "intentsPrimary5" | "intentsPrimary6" | "intentsPrimary7" | "intentsPrimary8" | "intentsPrimary9" | "intentsSecondary1" | "intentsSecondary10" | "intentsSecondary11" | "intentsSecondary12" | "intentsSecondary2" | "intentsSecondary3" | "intentsSecondary4" | "intentsSecondary5" | "intentsSecondary6" | "intentsSecondary7" | "intentsSecondary8" | "intentsSecondary9" | "intentsSuccess1" | "intentsSuccess10" | "intentsSuccess11" | "intentsSuccess12" | "intentsSuccess2" | "intentsSuccess3" | "intentsSuccess4" | "intentsSuccess5" | "intentsSuccess6" | "intentsSuccess7" | "intentsSuccess8" | "intentsSuccess9" | "intentsWarning1" | "intentsWarning10" | "intentsWarning11" | "intentsWarning12" | "intentsWarning2" | "intentsWarning3" | "intentsWarning4" | "intentsWarning5" | "intentsWarning6" | "intentsWarning7" | "intentsWarning8" | "intentsWarning9" | "inverseA1" | "inverseA10" | "inverseA11" | "inverseA12" | "inverseA2" | "inverseA3" | "inverseA4" | "inverseA5" | "inverseA6" | "inverseA7" | "inverseA8" | "inverseA9" | "overlayBg" | "overlayText" | "scalesBlue1" | "scalesBlue10" | "scalesBlue11" | "scalesBlue12" | "scalesBlue2" | "scalesBlue3" | "scalesBlue4" | "scalesBlue5" | "scalesBlue6" | "scalesBlue7" | "scalesBlue8" | "scalesBlue9" | "scalesGray1" | "scalesGray10" | "scalesGray11" | "scalesGray12" | "scalesGray2" | "scalesGray3" | "scalesGray4" | "scalesGray5" | "scalesGray6" | "scalesGray7" | "scalesGray8" | "scalesGray9" | "scalesGreen1" | "scalesGreen10" | "scalesGreen11" | "scalesGreen12" | "scalesGreen2" | "scalesGreen3" | "scalesGreen4" | "scalesGreen5" | "scalesGreen6" | "scalesGreen7" | "scalesGreen8" | "scalesGreen9" | "scalesRed1" | "scalesRed10" | "scalesRed11" | "scalesRed12" | "scalesRed2" | "scalesRed3" | "scalesRed4" | "scalesRed5" | "scalesRed6" | "scalesRed7" | "scalesRed8" | "scalesRed9" | "scalesYellow1" | "scalesYellow10" | "scalesYellow11" | "scalesYellow12" | "scalesYellow2" | "scalesYellow3" | "scalesYellow4" | "scalesYellow5" | "scalesYellow6" | "scalesYellow7" | "scalesYellow8" | "scalesYellow9" | "semanticGhostBaseBg" | "semanticGhostBaseBorder" | "semanticGhostBaseColor" | "semanticGhostBaseDisabledBg" | "semanticGhostBaseDisabledBorder" | "semanticGhostBaseDisabledColor" | "semanticGhostBaseDisabledIcon" | "semanticGhostBaseFocus" | "semanticGhostBaseHoverBg" | "semanticGhostBaseHoverBorder" | "semanticGhostBaseHoverColor" | "semanticGhostBaseHoverIcon" | "semanticGhostBaseIcon" | "semanticGhostErrorBg" | "semanticGhostErrorBorder" | "semanticGhostErrorColor" | "semanticGhostErrorDisabledBg" | "semanticGhostErrorDisabledBorder" | "semanticGhostErrorDisabledColor" | "semanticGhostErrorDisabledIcon" | "semanticGhostErrorFocus" | "semanticGhostErrorHoverBg" | "semanticGhostErrorHoverBorder" | "semanticGhostErrorHoverColor" | "semanticGhostErrorHoverIcon" | "semanticGhostErrorIcon" | "semanticGhostInfoBg" | "semanticGhostInfoBorder" | "semanticGhostInfoColor" | "semanticGhostInfoDisabledBg" | "semanticGhostInfoDisabledBorder" | "semanticGhostInfoDisabledColor" | "semanticGhostInfoDisabledIcon" | "semanticGhostInfoFocus" | "semanticGhostInfoHoverBg" | "semanticGhostInfoHoverBorder" | "semanticGhostInfoHoverColor" | "semanticGhostInfoHoverIcon" | "semanticGhostInfoIcon" | "semanticGhostPrimaryBg" | "semanticGhostPrimaryBorder" | "semanticGhostPrimaryColor" | "semanticGhostPrimaryDisabledBg" | "semanticGhostPrimaryDisabledBorder" | "semanticGhostPrimaryDisabledColor" | "semanticGhostPrimaryDisabledIcon" | "semanticGhostPrimaryFocus" | "semanticGhostPrimaryHoverBg" | "semanticGhostPrimaryHoverBorder" | "semanticGhostPrimaryHoverColor" | "semanticGhostPrimaryHoverIcon" | "semanticGhostPrimaryIcon" | "semanticGhostSecondaryBg" | "semanticGhostSecondaryBorder" | "semanticGhostSecondaryColor" | "semanticGhostSecondaryDisabledBg" | "semanticGhostSecondaryDisabledBorder" | "semanticGhostSecondaryDisabledColor" | "semanticGhostSecondaryDisabledIcon" | "semanticGhostSecondaryFocus" | "semanticGhostSecondaryHoverBg" | "semanticGhostSecondaryHoverBorder" | "semanticGhostSecondaryHoverColor" | "semanticGhostSecondaryHoverIcon" | "semanticGhostSecondaryIcon" | "semanticGhostSuccessBg" | "semanticGhostSuccessBorder" | "semanticGhostSuccessColor" | "semanticGhostSuccessDisabledBg" | "semanticGhostSuccessDisabledBorder" | "semanticGhostSuccessDisabledColor" | "semanticGhostSuccessDisabledIcon" | "semanticGhostSuccessFocus" | "semanticGhostSuccessHoverBg" | "semanticGhostSuccessHoverBorder" | "semanticGhostSuccessHoverColor" | "semanticGhostSuccessHoverIcon" | "semanticGhostSuccessIcon" | "semanticGhostWarningBg" | "semanticGhostWarningBorder" | "semanticGhostWarningColor" | "semanticGhostWarningDisabledBg" | "semanticGhostWarningDisabledBorder" | "semanticGhostWarningDisabledColor" | "semanticGhostWarningDisabledIcon" | "semanticGhostWarningFocus" | "semanticGhostWarningHoverBg" | "semanticGhostWarningHoverBorder" | "semanticGhostWarningHoverColor" | "semanticGhostWarningHoverIcon" | "semanticGhostWarningIcon" | "semanticLinkBaseBg" | "semanticLinkBaseBorder" | "semanticLinkBaseColor" | "semanticLinkBaseDisabledBg" | "semanticLinkBaseDisabledBorder" | "semanticLinkBaseDisabledColor" | "semanticLinkBaseDisabledIcon" | "semanticLinkBaseFocus" | "semanticLinkBaseHoverBg" | "semanticLinkBaseHoverBorder" | "semanticLinkBaseHoverColor" | "semanticLinkBaseHoverIcon" | "semanticLinkBaseIcon" | "semanticLinkErrorBg" | "semanticLinkErrorBorder" | "semanticLinkErrorColor" | "semanticLinkErrorDisabledBg" | "semanticLinkErrorDisabledBorder" | "semanticLinkErrorDisabledColor" | "semanticLinkErrorDisabledIcon" | "semanticLinkErrorFocus" | "semanticLinkErrorHoverBg" | "semanticLinkErrorHoverBorder" | "semanticLinkErrorHoverColor" | "semanticLinkErrorHoverIcon" | "semanticLinkErrorIcon" | "semanticLinkInfoBg" | "semanticLinkInfoBorder" | "semanticLinkInfoColor" | "semanticLinkInfoDisabledBg" | "semanticLinkInfoDisabledBorder" | "semanticLinkInfoDisabledColor" | "semanticLinkInfoDisabledIcon" | "semanticLinkInfoFocus" | "semanticLinkInfoHoverBg" | "semanticLinkInfoHoverBorder" | "semanticLinkInfoHoverColor" | "semanticLinkInfoHoverIcon" | "semanticLinkInfoIcon" | "semanticLinkPrimaryBg" | "semanticLinkPrimaryBorder" | "semanticLinkPrimaryColor" | "semanticLinkPrimaryDisabledBg" | "semanticLinkPrimaryDisabledBorder" | "semanticLinkPrimaryDisabledColor" | "semanticLinkPrimaryDisabledIcon" | "semanticLinkPrimaryFocus" | "semanticLinkPrimaryHoverBg" | "semanticLinkPrimaryHoverBorder" | "semanticLinkPrimaryHoverColor" | "semanticLinkPrimaryHoverIcon" | "semanticLinkPrimaryIcon" | "semanticLinkSecondaryBg" | "semanticLinkSecondaryBorder" | "semanticLinkSecondaryColor" | "semanticLinkSecondaryDisabledBg" | "semanticLinkSecondaryDisabledBorder" | "semanticLinkSecondaryDisabledColor" | "semanticLinkSecondaryDisabledIcon" | "semanticLinkSecondaryFocus" | "semanticLinkSecondaryHoverBg" | "semanticLinkSecondaryHoverBorder" | "semanticLinkSecondaryHoverColor" | "semanticLinkSecondaryHoverIcon" | "semanticLinkSecondaryIcon" | "semanticLinkSuccessBg" | "semanticLinkSuccessBorder" | "semanticLinkSuccessColor" | "semanticLinkSuccessDisabledBg" | "semanticLinkSuccessDisabledBorder" | "semanticLinkSuccessDisabledColor" | "semanticLinkSuccessDisabledIcon" | "semanticLinkSuccessFocus" | "semanticLinkSuccessHoverBg" | "semanticLinkSuccessHoverBorder" | "semanticLinkSuccessHoverColor" | "semanticLinkSuccessHoverIcon" | "semanticLinkSuccessIcon" | "semanticLinkWarningBg" | "semanticLinkWarningBorder" | "semanticLinkWarningColor" | "semanticLinkWarningDisabledBg" | "semanticLinkWarningDisabledBorder" | "semanticLinkWarningDisabledColor" | "semanticLinkWarningDisabledIcon" | "semanticLinkWarningFocus" | "semanticLinkWarningHoverBg" | "semanticLinkWarningHoverBorder" | "semanticLinkWarningHoverColor" | "semanticLinkWarningHoverIcon" | "semanticLinkWarningIcon" | "semanticOutlinedBaseBg" | "semanticOutlinedBaseBorder" | "semanticOutlinedBaseColor" | "semanticOutlinedBaseDisabledBg" | "semanticOutlinedBaseDisabledBorder" | "semanticOutlinedBaseDisabledColor" | "semanticOutlinedBaseDisabledIcon" | "semanticOutlinedBaseFocus" | "semanticOutlinedBaseHoverBg" | "semanticOutlinedBaseHoverBorder" | "semanticOutlinedBaseHoverColor" | "semanticOutlinedBaseHoverIcon" | "semanticOutlinedBaseIcon" | "semanticOutlinedErrorBg" | "semanticOutlinedErrorBorder" | "semanticOutlinedErrorColor" | "semanticOutlinedErrorDisabledBg" | "semanticOutlinedErrorDisabledBorder" | "semanticOutlinedErrorDisabledColor" | "semanticOutlinedErrorDisabledIcon" | "semanticOutlinedErrorFocus" | "semanticOutlinedErrorHoverBg" | "semanticOutlinedErrorHoverBorder" | "semanticOutlinedErrorHoverColor" | "semanticOutlinedErrorHoverIcon" | "semanticOutlinedErrorIcon" | "semanticOutlinedInfoBg" | "semanticOutlinedInfoBorder" | "semanticOutlinedInfoColor" | "semanticOutlinedInfoDisabledBg" | "semanticOutlinedInfoDisabledBorder" | "semanticOutlinedInfoDisabledColor" | "semanticOutlinedInfoDisabledIcon" | "semanticOutlinedInfoFocus" | "semanticOutlinedInfoHoverBg" | "semanticOutlinedInfoHoverBorder" | "semanticOutlinedInfoHoverColor" | "semanticOutlinedInfoHoverIcon" | "semanticOutlinedInfoIcon" | "semanticOutlinedPrimaryBg" | "semanticOutlinedPrimaryBorder" | "semanticOutlinedPrimaryColor" | "semanticOutlinedPrimaryDisabledBg" | "semanticOutlinedPrimaryDisabledBorder" | "semanticOutlinedPrimaryDisabledColor" | "semanticOutlinedPrimaryDisabledIcon" | "semanticOutlinedPrimaryFocus" | "semanticOutlinedPrimaryHoverBg" | "semanticOutlinedPrimaryHoverBorder" | "semanticOutlinedPrimaryHoverColor" | "semanticOutlinedPrimaryHoverIcon" | "semanticOutlinedPrimaryIcon" | "semanticOutlinedSecondaryBg" | "semanticOutlinedSecondaryBorder" | "semanticOutlinedSecondaryColor" | "semanticOutlinedSecondaryDisabledBg" | "semanticOutlinedSecondaryDisabledBorder" | "semanticOutlinedSecondaryDisabledColor" | "semanticOutlinedSecondaryDisabledIcon" | "semanticOutlinedSecondaryFocus" | "semanticOutlinedSecondaryHoverBg" | "semanticOutlinedSecondaryHoverBorder" | "semanticOutlinedSecondaryHoverColor" | "semanticOutlinedSecondaryHoverIcon" | "semanticOutlinedSecondaryIcon" | "semanticOutlinedSuccessBg" | "semanticOutlinedSuccessBorder" | "semanticOutlinedSuccessColor" | "semanticOutlinedSuccessDisabledBg" | "semanticOutlinedSuccessDisabledBorder" | "semanticOutlinedSuccessDisabledColor" | "semanticOutlinedSuccessDisabledIcon" | "semanticOutlinedSuccessFocus" | "semanticOutlinedSuccessHoverBg" | "semanticOutlinedSuccessHoverBorder" | "semanticOutlinedSuccessHoverColor" | "semanticOutlinedSuccessHoverIcon" | "semanticOutlinedSuccessIcon" | "semanticOutlinedWarningBg" | "semanticOutlinedWarningBorder" | "semanticOutlinedWarningColor" | "semanticOutlinedWarningDisabledBg" | "semanticOutlinedWarningDisabledBorder" | "semanticOutlinedWarningDisabledColor" | "semanticOutlinedWarningDisabledIcon" | "semanticOutlinedWarningFocus" | "semanticOutlinedWarningHoverBg" | "semanticOutlinedWarningHoverBorder" | "semanticOutlinedWarningHoverColor" | "semanticOutlinedWarningHoverIcon" | "semanticOutlinedWarningIcon" | "semanticSolidBaseBg" | "semanticSolidBaseBorder" | "semanticSolidBaseColor" | "semanticSolidBaseDisabledBg" | "semanticSolidBaseDisabledBorder" | "semanticSolidBaseDisabledColor" | "semanticSolidBaseDisabledIcon" | "semanticSolidBaseFocus" | "semanticSolidBaseHoverBg" | "semanticSolidBaseHoverBorder" | "semanticSolidBaseHoverColor" | "semanticSolidBaseHoverIcon" | "semanticSolidBaseIcon" | "semanticSolidErrorBg" | "semanticSolidErrorBorder" | "semanticSolidErrorColor" | "semanticSolidErrorDisabledBg" | "semanticSolidErrorDisabledBorder" | "semanticSolidErrorDisabledColor" | "semanticSolidErrorDisabledIcon" | "semanticSolidErrorFocus" | "semanticSolidErrorHoverBg" | "semanticSolidErrorHoverBorder" | "semanticSolidErrorHoverColor" | "semanticSolidErrorHoverIcon" | "semanticSolidErrorIcon" | "semanticSolidInfoBg" | "semanticSolidInfoBorder" | "semanticSolidInfoColor" | "semanticSolidInfoDisabledBg" | "semanticSolidInfoDisabledBorder" | "semanticSolidInfoDisabledColor" | "semanticSolidInfoDisabledIcon" | "semanticSolidInfoFocus" | "semanticSolidInfoHoverBg" | "semanticSolidInfoHoverBorder" | "semanticSolidInfoHoverColor" | "semanticSolidInfoHoverIcon" | "semanticSolidInfoIcon" | "semanticSolidPrimaryBg" | "semanticSolidPrimaryBorder" | "semanticSolidPrimaryColor" | "semanticSolidPrimaryDisabledBg" | "semanticSolidPrimaryDisabledBorder" | "semanticSolidPrimaryDisabledColor" | "semanticSolidPrimaryDisabledIcon" | "semanticSolidPrimaryFocus" | "semanticSolidPrimaryHoverBg" | "semanticSolidPrimaryHoverBorder" | "semanticSolidPrimaryHoverColor" | "semanticSolidPrimaryHoverIcon" | "semanticSolidPrimaryIcon" | "semanticSolidSecondaryBg" | "semanticSolidSecondaryBorder" | "semanticSolidSecondaryColor" | "semanticSolidSecondaryDisabledBg" | "semanticSolidSecondaryDisabledBorder" | "semanticSolidSecondaryDisabledColor" | "semanticSolidSecondaryDisabledIcon" | "semanticSolidSecondaryFocus" | "semanticSolidSecondaryHoverBg" | "semanticSolidSecondaryHoverBorder" | "semanticSolidSecondaryHoverColor" | "semanticSolidSecondaryHoverIcon" | "semanticSolidSecondaryIcon" | "semanticSolidSuccessBg" | "semanticSolidSuccessBorder" | "semanticSolidSuccessColor" | "semanticSolidSuccessDisabledBg" | "semanticSolidSuccessDisabledBorder" | "semanticSolidSuccessDisabledColor" | "semanticSolidSuccessDisabledIcon" | "semanticSolidSuccessFocus" | "semanticSolidSuccessHoverBg" | "semanticSolidSuccessHoverBorder" | "semanticSolidSuccessHoverColor" | "semanticSolidSuccessHoverIcon" | "semanticSolidSuccessIcon" | "semanticSolidWarningBg" | "semanticSolidWarningBorder" | "semanticSolidWarningColor" | "semanticSolidWarningDisabledBg" | "semanticSolidWarningDisabledBorder" | "semanticSolidWarningDisabledColor" | "semanticSolidWarningDisabledIcon" | "semanticSolidWarningFocus" | "semanticSolidWarningHoverBg" | "semanticSolidWarningHoverBorder" | "semanticSolidWarningHoverColor" | "semanticSolidWarningHoverIcon" | "semanticSolidWarningIcon" | "textActive" | "textColor" | "textHeading" | "textIcon" | "textInverse" | "textLink" | "textLinkActive" | "textLinkDisabled" | "textLinkHover" | "textLinkVisited" | "textMuted" | "textSubtext" | "white" | "whiteA1" | "whiteA10" | "whiteA11" | "whiteA12" | "whiteA2" | "whiteA3" | "whiteA4" | "whiteA5" | "whiteA6" | "whiteA7" | "whiteA8" | "whiteA9" | "current" | undefined;
    leftIcon?: string | number | boolean | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | react.ReactPortal | null | undefined;
    rightIcon?: string | number | boolean | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | react.ReactPortal | null | undefined;
    leftIconAriaLabel?: string | undefined;
    rightIconAriaLabel?: string | undefined;
} & react.RefAttributes<HTMLParagraphElement>>;

declare const AssetAmount: (<C = "span">(props: PolymorphicComponentProps<C, Omit<Omit<BaseProps$1<{
    [x: `data-${string}`]: unknown;
    hidden?: boolean | undefined;
    is?: string | undefined;
    color?: "transparent" | "inherit" | "gray1" | "gray2" | "gray3" | "gray4" | "gray5" | "gray6" | "gray7" | "gray8" | "gray9" | "gray10" | "gray11" | "gray12" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "accent10" | "accent11" | "accent12" | "crimson1" | "crimson2" | "crimson3" | "crimson4" | "crimson5" | "crimson6" | "crimson7" | "crimson8" | "crimson9" | "crimson10" | "crimson11" | "crimson12" | "indigo1" | "indigo2" | "indigo3" | "indigo4" | "indigo5" | "indigo6" | "indigo7" | "indigo8" | "indigo9" | "indigo10" | "indigo11" | "indigo12" | "yellow1" | "yellow2" | "yellow3" | "yellow4" | "yellow5" | "yellow6" | "yellow7" | "yellow8" | "yellow9" | "yellow10" | "yellow11" | "yellow12" | "bodyColor" | "black" | "blackA1" | "blackA10" | "blackA11" | "blackA12" | "blackA2" | "blackA3" | "blackA4" | "blackA5" | "blackA6" | "blackA7" | "blackA8" | "blackA9" | "bodyBg" | "bodyInverse" | "border" | "borderHover" | "brand" | "cardBg" | "cardBorder" | "dialogBg" | "inputActiveBg" | "inputActiveBorder" | "inputActiveColor" | "inputActiveFocus" | "inputActiveIcon" | "inputActivePlaceholder" | "inputBaseBg" | "inputBaseBorder" | "inputBaseColor" | "inputBaseFocus" | "inputBaseIcon" | "inputBasePlaceholder" | "inputDisabledBg" | "inputDisabledBorder" | "inputDisabledColor" | "inputDisabledFocus" | "inputDisabledIcon" | "inputDisabledPlaceholder" | "inputErrorBg" | "inputErrorBorder" | "inputErrorColor" | "inputErrorFocus" | "inputErrorIcon" | "inputErrorPlaceholder" | "inputSuccessBg" | "inputSuccessBorder" | "inputSuccessColor" | "inputSuccessFocus" | "inputSuccessIcon" | "inputSuccessPlaceholder" | "inputBg" | "intentsBase1" | "intentsBase10" | "intentsBase11" | "intentsBase12" | "intentsBase2" | "intentsBase3" | "intentsBase4" | "intentsBase5" | "intentsBase6" | "intentsBase7" | "intentsBase8" | "intentsBase9" | "intentsError1" | "intentsError10" | "intentsError11" | "intentsError12" | "intentsError2" | "intentsError3" | "intentsError4" | "intentsError5" | "intentsError6" | "intentsError7" | "intentsError8" | "intentsError9" | "intentsInfo1" | "intentsInfo10" | "intentsInfo11" | "intentsInfo12" | "intentsInfo2" | "intentsInfo3" | "intentsInfo4" | "intentsInfo5" | "intentsInfo6" | "intentsInfo7" | "intentsInfo8" | "intentsInfo9" | "intentsPrimary1" | "intentsPrimary10" | "intentsPrimary11" | "intentsPrimary12" | "intentsPrimary2" | "intentsPrimary3" | "intentsPrimary4" | "intentsPrimary5" | "intentsPrimary6" | "intentsPrimary7" | "intentsPrimary8" | "intentsPrimary9" | "intentsSecondary1" | "intentsSecondary10" | "intentsSecondary11" | "intentsSecondary12" | "intentsSecondary2" | "intentsSecondary3" | "intentsSecondary4" | "intentsSecondary5" | "intentsSecondary6" | "intentsSecondary7" | "intentsSecondary8" | "intentsSecondary9" | "intentsSuccess1" | "intentsSuccess10" | "intentsSuccess11" | "intentsSuccess12" | "intentsSuccess2" | "intentsSuccess3" | "intentsSuccess4" | "intentsSuccess5" | "intentsSuccess6" | "intentsSuccess7" | "intentsSuccess8" | "intentsSuccess9" | "intentsWarning1" | "intentsWarning10" | "intentsWarning11" | "intentsWarning12" | "intentsWarning2" | "intentsWarning3" | "intentsWarning4" | "intentsWarning5" | "intentsWarning6" | "intentsWarning7" | "intentsWarning8" | "intentsWarning9" | "inverseA1" | "inverseA10" | "inverseA11" | "inverseA12" | "inverseA2" | "inverseA3" | "inverseA4" | "inverseA5" | "inverseA6" | "inverseA7" | "inverseA8" | "inverseA9" | "overlayBg" | "overlayText" | "scalesBlue1" | "scalesBlue10" | "scalesBlue11" | "scalesBlue12" | "scalesBlue2" | "scalesBlue3" | "scalesBlue4" | "scalesBlue5" | "scalesBlue6" | "scalesBlue7" | "scalesBlue8" | "scalesBlue9" | "scalesGray1" | "scalesGray10" | "scalesGray11" | "scalesGray12" | "scalesGray2" | "scalesGray3" | "scalesGray4" | "scalesGray5" | "scalesGray6" | "scalesGray7" | "scalesGray8" | "scalesGray9" | "scalesGreen1" | "scalesGreen10" | "scalesGreen11" | "scalesGreen12" | "scalesGreen2" | "scalesGreen3" | "scalesGreen4" | "scalesGreen5" | "scalesGreen6" | "scalesGreen7" | "scalesGreen8" | "scalesGreen9" | "scalesRed1" | "scalesRed10" | "scalesRed11" | "scalesRed12" | "scalesRed2" | "scalesRed3" | "scalesRed4" | "scalesRed5" | "scalesRed6" | "scalesRed7" | "scalesRed8" | "scalesRed9" | "scalesYellow1" | "scalesYellow10" | "scalesYellow11" | "scalesYellow12" | "scalesYellow2" | "scalesYellow3" | "scalesYellow4" | "scalesYellow5" | "scalesYellow6" | "scalesYellow7" | "scalesYellow8" | "scalesYellow9" | "semanticGhostBaseBg" | "semanticGhostBaseBorder" | "semanticGhostBaseColor" | "semanticGhostBaseDisabledBg" | "semanticGhostBaseDisabledBorder" | "semanticGhostBaseDisabledColor" | "semanticGhostBaseDisabledIcon" | "semanticGhostBaseFocus" | "semanticGhostBaseHoverBg" | "semanticGhostBaseHoverBorder" | "semanticGhostBaseHoverColor" | "semanticGhostBaseHoverIcon" | "semanticGhostBaseIcon" | "semanticGhostErrorBg" | "semanticGhostErrorBorder" | "semanticGhostErrorColor" | "semanticGhostErrorDisabledBg" | "semanticGhostErrorDisabledBorder" | "semanticGhostErrorDisabledColor" | "semanticGhostErrorDisabledIcon" | "semanticGhostErrorFocus" | "semanticGhostErrorHoverBg" | "semanticGhostErrorHoverBorder" | "semanticGhostErrorHoverColor" | "semanticGhostErrorHoverIcon" | "semanticGhostErrorIcon" | "semanticGhostInfoBg" | "semanticGhostInfoBorder" | "semanticGhostInfoColor" | "semanticGhostInfoDisabledBg" | "semanticGhostInfoDisabledBorder" | "semanticGhostInfoDisabledColor" | "semanticGhostInfoDisabledIcon" | "semanticGhostInfoFocus" | "semanticGhostInfoHoverBg" | "semanticGhostInfoHoverBorder" | "semanticGhostInfoHoverColor" | "semanticGhostInfoHoverIcon" | "semanticGhostInfoIcon" | "semanticGhostPrimaryBg" | "semanticGhostPrimaryBorder" | "semanticGhostPrimaryColor" | "semanticGhostPrimaryDisabledBg" | "semanticGhostPrimaryDisabledBorder" | "semanticGhostPrimaryDisabledColor" | "semanticGhostPrimaryDisabledIcon" | "semanticGhostPrimaryFocus" | "semanticGhostPrimaryHoverBg" | "semanticGhostPrimaryHoverBorder" | "semanticGhostPrimaryHoverColor" | "semanticGhostPrimaryHoverIcon" | "semanticGhostPrimaryIcon" | "semanticGhostSecondaryBg" | "semanticGhostSecondaryBorder" | "semanticGhostSecondaryColor" | "semanticGhostSecondaryDisabledBg" | "semanticGhostSecondaryDisabledBorder" | "semanticGhostSecondaryDisabledColor" | "semanticGhostSecondaryDisabledIcon" | "semanticGhostSecondaryFocus" | "semanticGhostSecondaryHoverBg" | "semanticGhostSecondaryHoverBorder" | "semanticGhostSecondaryHoverColor" | "semanticGhostSecondaryHoverIcon" | "semanticGhostSecondaryIcon" | "semanticGhostSuccessBg" | "semanticGhostSuccessBorder" | "semanticGhostSuccessColor" | "semanticGhostSuccessDisabledBg" | "semanticGhostSuccessDisabledBorder" | "semanticGhostSuccessDisabledColor" | "semanticGhostSuccessDisabledIcon" | "semanticGhostSuccessFocus" | "semanticGhostSuccessHoverBg" | "semanticGhostSuccessHoverBorder" | "semanticGhostSuccessHoverColor" | "semanticGhostSuccessHoverIcon" | "semanticGhostSuccessIcon" | "semanticGhostWarningBg" | "semanticGhostWarningBorder" | "semanticGhostWarningColor" | "semanticGhostWarningDisabledBg" | "semanticGhostWarningDisabledBorder" | "semanticGhostWarningDisabledColor" | "semanticGhostWarningDisabledIcon" | "semanticGhostWarningFocus" | "semanticGhostWarningHoverBg" | "semanticGhostWarningHoverBorder" | "semanticGhostWarningHoverColor" | "semanticGhostWarningHoverIcon" | "semanticGhostWarningIcon" | "semanticLinkBaseBg" | "semanticLinkBaseBorder" | "semanticLinkBaseColor" | "semanticLinkBaseDisabledBg" | "semanticLinkBaseDisabledBorder" | "semanticLinkBaseDisabledColor" | "semanticLinkBaseDisabledIcon" | "semanticLinkBaseFocus" | "semanticLinkBaseHoverBg" | "semanticLinkBaseHoverBorder" | "semanticLinkBaseHoverColor" | "semanticLinkBaseHoverIcon" | "semanticLinkBaseIcon" | "semanticLinkErrorBg" | "semanticLinkErrorBorder" | "semanticLinkErrorColor" | "semanticLinkErrorDisabledBg" | "semanticLinkErrorDisabledBorder" | "semanticLinkErrorDisabledColor" | "semanticLinkErrorDisabledIcon" | "semanticLinkErrorFocus" | "semanticLinkErrorHoverBg" | "semanticLinkErrorHoverBorder" | "semanticLinkErrorHoverColor" | "semanticLinkErrorHoverIcon" | "semanticLinkErrorIcon" | "semanticLinkInfoBg" | "semanticLinkInfoBorder" | "semanticLinkInfoColor" | "semanticLinkInfoDisabledBg" | "semanticLinkInfoDisabledBorder" | "semanticLinkInfoDisabledColor" | "semanticLinkInfoDisabledIcon" | "semanticLinkInfoFocus" | "semanticLinkInfoHoverBg" | "semanticLinkInfoHoverBorder" | "semanticLinkInfoHoverColor" | "semanticLinkInfoHoverIcon" | "semanticLinkInfoIcon" | "semanticLinkPrimaryBg" | "semanticLinkPrimaryBorder" | "semanticLinkPrimaryColor" | "semanticLinkPrimaryDisabledBg" | "semanticLinkPrimaryDisabledBorder" | "semanticLinkPrimaryDisabledColor" | "semanticLinkPrimaryDisabledIcon" | "semanticLinkPrimaryFocus" | "semanticLinkPrimaryHoverBg" | "semanticLinkPrimaryHoverBorder" | "semanticLinkPrimaryHoverColor" | "semanticLinkPrimaryHoverIcon" | "semanticLinkPrimaryIcon" | "semanticLinkSecondaryBg" | "semanticLinkSecondaryBorder" | "semanticLinkSecondaryColor" | "semanticLinkSecondaryDisabledBg" | "semanticLinkSecondaryDisabledBorder" | "semanticLinkSecondaryDisabledColor" | "semanticLinkSecondaryDisabledIcon" | "semanticLinkSecondaryFocus" | "semanticLinkSecondaryHoverBg" | "semanticLinkSecondaryHoverBorder" | "semanticLinkSecondaryHoverColor" | "semanticLinkSecondaryHoverIcon" | "semanticLinkSecondaryIcon" | "semanticLinkSuccessBg" | "semanticLinkSuccessBorder" | "semanticLinkSuccessColor" | "semanticLinkSuccessDisabledBg" | "semanticLinkSuccessDisabledBorder" | "semanticLinkSuccessDisabledColor" | "semanticLinkSuccessDisabledIcon" | "semanticLinkSuccessFocus" | "semanticLinkSuccessHoverBg" | "semanticLinkSuccessHoverBorder" | "semanticLinkSuccessHoverColor" | "semanticLinkSuccessHoverIcon" | "semanticLinkSuccessIcon" | "semanticLinkWarningBg" | "semanticLinkWarningBorder" | "semanticLinkWarningColor" | "semanticLinkWarningDisabledBg" | "semanticLinkWarningDisabledBorder" | "semanticLinkWarningDisabledColor" | "semanticLinkWarningDisabledIcon" | "semanticLinkWarningFocus" | "semanticLinkWarningHoverBg" | "semanticLinkWarningHoverBorder" | "semanticLinkWarningHoverColor" | "semanticLinkWarningHoverIcon" | "semanticLinkWarningIcon" | "semanticOutlinedBaseBg" | "semanticOutlinedBaseBorder" | "semanticOutlinedBaseColor" | "semanticOutlinedBaseDisabledBg" | "semanticOutlinedBaseDisabledBorder" | "semanticOutlinedBaseDisabledColor" | "semanticOutlinedBaseDisabledIcon" | "semanticOutlinedBaseFocus" | "semanticOutlinedBaseHoverBg" | "semanticOutlinedBaseHoverBorder" | "semanticOutlinedBaseHoverColor" | "semanticOutlinedBaseHoverIcon" | "semanticOutlinedBaseIcon" | "semanticOutlinedErrorBg" | "semanticOutlinedErrorBorder" | "semanticOutlinedErrorColor" | "semanticOutlinedErrorDisabledBg" | "semanticOutlinedErrorDisabledBorder" | "semanticOutlinedErrorDisabledColor" | "semanticOutlinedErrorDisabledIcon" | "semanticOutlinedErrorFocus" | "semanticOutlinedErrorHoverBg" | "semanticOutlinedErrorHoverBorder" | "semanticOutlinedErrorHoverColor" | "semanticOutlinedErrorHoverIcon" | "semanticOutlinedErrorIcon" | "semanticOutlinedInfoBg" | "semanticOutlinedInfoBorder" | "semanticOutlinedInfoColor" | "semanticOutlinedInfoDisabledBg" | "semanticOutlinedInfoDisabledBorder" | "semanticOutlinedInfoDisabledColor" | "semanticOutlinedInfoDisabledIcon" | "semanticOutlinedInfoFocus" | "semanticOutlinedInfoHoverBg" | "semanticOutlinedInfoHoverBorder" | "semanticOutlinedInfoHoverColor" | "semanticOutlinedInfoHoverIcon" | "semanticOutlinedInfoIcon" | "semanticOutlinedPrimaryBg" | "semanticOutlinedPrimaryBorder" | "semanticOutlinedPrimaryColor" | "semanticOutlinedPrimaryDisabledBg" | "semanticOutlinedPrimaryDisabledBorder" | "semanticOutlinedPrimaryDisabledColor" | "semanticOutlinedPrimaryDisabledIcon" | "semanticOutlinedPrimaryFocus" | "semanticOutlinedPrimaryHoverBg" | "semanticOutlinedPrimaryHoverBorder" | "semanticOutlinedPrimaryHoverColor" | "semanticOutlinedPrimaryHoverIcon" | "semanticOutlinedPrimaryIcon" | "semanticOutlinedSecondaryBg" | "semanticOutlinedSecondaryBorder" | "semanticOutlinedSecondaryColor" | "semanticOutlinedSecondaryDisabledBg" | "semanticOutlinedSecondaryDisabledBorder" | "semanticOutlinedSecondaryDisabledColor" | "semanticOutlinedSecondaryDisabledIcon" | "semanticOutlinedSecondaryFocus" | "semanticOutlinedSecondaryHoverBg" | "semanticOutlinedSecondaryHoverBorder" | "semanticOutlinedSecondaryHoverColor" | "semanticOutlinedSecondaryHoverIcon" | "semanticOutlinedSecondaryIcon" | "semanticOutlinedSuccessBg" | "semanticOutlinedSuccessBorder" | "semanticOutlinedSuccessColor" | "semanticOutlinedSuccessDisabledBg" | "semanticOutlinedSuccessDisabledBorder" | "semanticOutlinedSuccessDisabledColor" | "semanticOutlinedSuccessDisabledIcon" | "semanticOutlinedSuccessFocus" | "semanticOutlinedSuccessHoverBg" | "semanticOutlinedSuccessHoverBorder" | "semanticOutlinedSuccessHoverColor" | "semanticOutlinedSuccessHoverIcon" | "semanticOutlinedSuccessIcon" | "semanticOutlinedWarningBg" | "semanticOutlinedWarningBorder" | "semanticOutlinedWarningColor" | "semanticOutlinedWarningDisabledBg" | "semanticOutlinedWarningDisabledBorder" | "semanticOutlinedWarningDisabledColor" | "semanticOutlinedWarningDisabledIcon" | "semanticOutlinedWarningFocus" | "semanticOutlinedWarningHoverBg" | "semanticOutlinedWarningHoverBorder" | "semanticOutlinedWarningHoverColor" | "semanticOutlinedWarningHoverIcon" | "semanticOutlinedWarningIcon" | "semanticSolidBaseBg" | "semanticSolidBaseBorder" | "semanticSolidBaseColor" | "semanticSolidBaseDisabledBg" | "semanticSolidBaseDisabledBorder" | "semanticSolidBaseDisabledColor" | "semanticSolidBaseDisabledIcon" | "semanticSolidBaseFocus" | "semanticSolidBaseHoverBg" | "semanticSolidBaseHoverBorder" | "semanticSolidBaseHoverColor" | "semanticSolidBaseHoverIcon" | "semanticSolidBaseIcon" | "semanticSolidErrorBg" | "semanticSolidErrorBorder" | "semanticSolidErrorColor" | "semanticSolidErrorDisabledBg" | "semanticSolidErrorDisabledBorder" | "semanticSolidErrorDisabledColor" | "semanticSolidErrorDisabledIcon" | "semanticSolidErrorFocus" | "semanticSolidErrorHoverBg" | "semanticSolidErrorHoverBorder" | "semanticSolidErrorHoverColor" | "semanticSolidErrorHoverIcon" | "semanticSolidErrorIcon" | "semanticSolidInfoBg" | "semanticSolidInfoBorder" | "semanticSolidInfoColor" | "semanticSolidInfoDisabledBg" | "semanticSolidInfoDisabledBorder" | "semanticSolidInfoDisabledColor" | "semanticSolidInfoDisabledIcon" | "semanticSolidInfoFocus" | "semanticSolidInfoHoverBg" | "semanticSolidInfoHoverBorder" | "semanticSolidInfoHoverColor" | "semanticSolidInfoHoverIcon" | "semanticSolidInfoIcon" | "semanticSolidPrimaryBg" | "semanticSolidPrimaryBorder" | "semanticSolidPrimaryColor" | "semanticSolidPrimaryDisabledBg" | "semanticSolidPrimaryDisabledBorder" | "semanticSolidPrimaryDisabledColor" | "semanticSolidPrimaryDisabledIcon" | "semanticSolidPrimaryFocus" | "semanticSolidPrimaryHoverBg" | "semanticSolidPrimaryHoverBorder" | "semanticSolidPrimaryHoverColor" | "semanticSolidPrimaryHoverIcon" | "semanticSolidPrimaryIcon" | "semanticSolidSecondaryBg" | "semanticSolidSecondaryBorder" | "semanticSolidSecondaryColor" | "semanticSolidSecondaryDisabledBg" | "semanticSolidSecondaryDisabledBorder" | "semanticSolidSecondaryDisabledColor" | "semanticSolidSecondaryDisabledIcon" | "semanticSolidSecondaryFocus" | "semanticSolidSecondaryHoverBg" | "semanticSolidSecondaryHoverBorder" | "semanticSolidSecondaryHoverColor" | "semanticSolidSecondaryHoverIcon" | "semanticSolidSecondaryIcon" | "semanticSolidSuccessBg" | "semanticSolidSuccessBorder" | "semanticSolidSuccessColor" | "semanticSolidSuccessDisabledBg" | "semanticSolidSuccessDisabledBorder" | "semanticSolidSuccessDisabledColor" | "semanticSolidSuccessDisabledIcon" | "semanticSolidSuccessFocus" | "semanticSolidSuccessHoverBg" | "semanticSolidSuccessHoverBorder" | "semanticSolidSuccessHoverColor" | "semanticSolidSuccessHoverIcon" | "semanticSolidSuccessIcon" | "semanticSolidWarningBg" | "semanticSolidWarningBorder" | "semanticSolidWarningColor" | "semanticSolidWarningDisabledBg" | "semanticSolidWarningDisabledBorder" | "semanticSolidWarningDisabledColor" | "semanticSolidWarningDisabledIcon" | "semanticSolidWarningFocus" | "semanticSolidWarningHoverBg" | "semanticSolidWarningHoverBorder" | "semanticSolidWarningHoverColor" | "semanticSolidWarningHoverIcon" | "semanticSolidWarningIcon" | "textActive" | "textColor" | "textHeading" | "textIcon" | "textInverse" | "textLink" | "textLinkActive" | "textLinkDisabled" | "textLinkHover" | "textLinkVisited" | "textMuted" | "textSubtext" | "white" | "whiteA1" | "whiteA10" | "whiteA11" | "whiteA12" | "whiteA2" | "whiteA3" | "whiteA4" | "whiteA5" | "whiteA6" | "whiteA7" | "whiteA8" | "whiteA9" | "current" | undefined;
    content?: string | undefined;
    fontSize?: _fuel_ui_css.TextSizes | undefined;
    translate?: "yes" | "no" | undefined;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    prefix?: string | undefined;
    as?: any;
    className?: string | undefined;
    children?: react.ReactNode;
    onClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    accessKey?: string | undefined;
    dir?: string | undefined;
    draggable?: (boolean | "true" | "false") | undefined;
    lang?: string | undefined;
    title?: string | undefined;
    id?: string | undefined;
    slot?: string | undefined;
    role?: react.AriaRole | undefined;
    style?: react.CSSProperties | undefined;
    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
    inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
    nonce?: string | undefined;
    tabIndex?: number | undefined;
    key?: react.Key | null | undefined;
    ref?: react.Ref<HTMLParagraphElement> | undefined;
    defaultChecked?: boolean | undefined;
    defaultValue?: string | number | readonly string[] | undefined;
    suppressContentEditableWarning?: boolean | undefined;
    suppressHydrationWarning?: boolean | undefined;
    autoFocus?: boolean | undefined;
    contextMenu?: string | undefined;
    placeholder?: string | undefined;
    spellCheck?: (boolean | "true" | "false") | undefined;
    radioGroup?: string | undefined;
    about?: string | undefined;
    datatype?: string | undefined;
    inlist?: any;
    property?: string | undefined;
    rel?: string | undefined;
    resource?: string | undefined;
    rev?: string | undefined;
    typeof?: string | undefined;
    vocab?: string | undefined;
    autoCapitalize?: string | undefined;
    autoCorrect?: string | undefined;
    autoSave?: string | undefined;
    itemProp?: string | undefined;
    itemScope?: boolean | undefined;
    itemType?: string | undefined;
    itemID?: string | undefined;
    itemRef?: string | undefined;
    results?: number | undefined;
    security?: string | undefined;
    unselectable?: "on" | "off" | undefined;
    'aria-activedescendant'?: string | undefined;
    'aria-atomic'?: (boolean | "true" | "false") | undefined;
    'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
    'aria-braillelabel'?: string | undefined;
    'aria-brailleroledescription'?: string | undefined;
    'aria-busy'?: (boolean | "true" | "false") | undefined;
    'aria-checked'?: boolean | "true" | "mixed" | "false" | undefined;
    'aria-colcount'?: number | undefined;
    'aria-colindex'?: number | undefined;
    'aria-colindextext'?: string | undefined;
    'aria-colspan'?: number | undefined;
    'aria-controls'?: string | undefined;
    'aria-current'?: boolean | "location" | "time" | "true" | "page" | "false" | "step" | "date" | undefined;
    'aria-describedby'?: string | undefined;
    'aria-description'?: string | undefined;
    'aria-details'?: string | undefined;
    'aria-disabled'?: (boolean | "true" | "false") | undefined;
    'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
    'aria-errormessage'?: string | undefined;
    'aria-expanded'?: (boolean | "true" | "false") | undefined;
    'aria-flowto'?: string | undefined;
    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
    'aria-haspopup'?: boolean | "grid" | "menu" | "dialog" | "true" | "listbox" | "false" | "tree" | undefined;
    'aria-hidden'?: (boolean | "true" | "false") | undefined;
    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
    'aria-keyshortcuts'?: string | undefined;
    'aria-label'?: string | undefined;
    'aria-labelledby'?: string | undefined;
    'aria-level'?: number | undefined;
    'aria-live'?: "off" | "assertive" | "polite" | undefined;
    'aria-modal'?: (boolean | "true" | "false") | undefined;
    'aria-multiline'?: (boolean | "true" | "false") | undefined;
    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
    'aria-orientation'?: "horizontal" | "vertical" | undefined;
    'aria-owns'?: string | undefined;
    'aria-placeholder'?: string | undefined;
    'aria-posinset'?: number | undefined;
    'aria-pressed'?: boolean | "true" | "mixed" | "false" | undefined;
    'aria-readonly'?: (boolean | "true" | "false") | undefined;
    'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
    'aria-required'?: (boolean | "true" | "false") | undefined;
    'aria-roledescription'?: string | undefined;
    'aria-rowcount'?: number | undefined;
    'aria-rowindex'?: number | undefined;
    'aria-rowindextext'?: string | undefined;
    'aria-rowspan'?: number | undefined;
    'aria-selected'?: (boolean | "true" | "false") | undefined;
    'aria-setsize'?: number | undefined;
    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
    'aria-valuemax'?: number | undefined;
    'aria-valuemin'?: number | undefined;
    'aria-valuenow'?: number | undefined;
    'aria-valuetext'?: string | undefined;
    dangerouslySetInnerHTML?: {
        __html: string | TrustedHTML;
    } | undefined;
    onCopy?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
    onCopyCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
    onCut?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
    onCutCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
    onPaste?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
    onPasteCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
    onCompositionEnd?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
    onCompositionEndCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
    onCompositionStart?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
    onCompositionStartCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
    onCompositionUpdate?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
    onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
    onFocus?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
    onFocusCapture?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
    onBlur?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
    onBlurCapture?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
    onChange?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onChangeCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onBeforeInput?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onBeforeInputCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onInput?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onInputCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onReset?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onResetCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onSubmit?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onSubmitCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onInvalid?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onInvalidCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onLoad?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onLoadCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onError?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onErrorCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onKeyDown?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
    onKeyDownCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
    onKeyPress?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
    onKeyPressCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
    onKeyUp?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
    onKeyUpCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
    onAbort?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onAbortCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onCanPlay?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onCanPlayCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onCanPlayThrough?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onCanPlayThroughCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onDurationChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onDurationChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onEmptied?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onEmptiedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onEncrypted?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onEncryptedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onEnded?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onEndedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onLoadedData?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onLoadedDataCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onLoadedMetadata?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onLoadedMetadataCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onLoadStart?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onLoadStartCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onPause?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onPauseCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onPlay?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onPlayCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onPlaying?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onPlayingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onProgress?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onProgressCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onRateChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onRateChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onResize?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onResizeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onSeeked?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onSeekedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onSeeking?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onSeekingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onStalled?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onStalledCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onSuspend?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onSuspendCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onTimeUpdate?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onTimeUpdateCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onVolumeChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onVolumeChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onWaiting?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onWaitingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onAuxClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onAuxClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onContextMenu?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onContextMenuCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onDoubleClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onDoubleClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onDrag?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragEnd?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragEndCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragEnter?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragEnterCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragExit?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragExitCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragLeave?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragLeaveCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragOver?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragOverCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragStart?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragStartCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDrop?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDropCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onMouseDown?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseDownCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseEnter?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseLeave?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseMove?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseMoveCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseOut?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseOutCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseOver?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseOverCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseUp?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseUpCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onSelect?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onSelectCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onTouchCancel?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onTouchCancelCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onTouchEnd?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onTouchEndCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onTouchMove?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onTouchMoveCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onTouchStart?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onTouchStartCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onPointerDown?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerDownCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerMove?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerMoveCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerUp?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerUpCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerCancel?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerCancelCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerEnter?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerEnterCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerLeave?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerLeaveCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerOver?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerOverCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerOut?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerOutCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onGotPointerCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onLostPointerCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onScroll?: react.UIEventHandler<HTMLParagraphElement> | undefined;
    onScrollCapture?: react.UIEventHandler<HTMLParagraphElement> | undefined;
    onWheel?: react.WheelEventHandler<HTMLParagraphElement> | undefined;
    onWheelCapture?: react.WheelEventHandler<HTMLParagraphElement> | undefined;
    onAnimationStart?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
    onAnimationStartCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
    onAnimationEnd?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
    onAnimationEndCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
    onAnimationIteration?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
    onAnimationIterationCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
    onTransitionEnd?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
    onTransitionEndCapture?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
    iconSize?: number | undefined;
    leftIconAriaLabel?: string | undefined;
    rightIconAriaLabel?: string | undefined;
}>, "children">, "as">>) => react.ReactElement<Omit<Omit<BaseProps$1<{
    [x: `data-${string}`]: unknown;
    hidden?: boolean | undefined;
    is?: string | undefined;
    color?: "transparent" | "inherit" | "gray1" | "gray2" | "gray3" | "gray4" | "gray5" | "gray6" | "gray7" | "gray8" | "gray9" | "gray10" | "gray11" | "gray12" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "accent10" | "accent11" | "accent12" | "crimson1" | "crimson2" | "crimson3" | "crimson4" | "crimson5" | "crimson6" | "crimson7" | "crimson8" | "crimson9" | "crimson10" | "crimson11" | "crimson12" | "indigo1" | "indigo2" | "indigo3" | "indigo4" | "indigo5" | "indigo6" | "indigo7" | "indigo8" | "indigo9" | "indigo10" | "indigo11" | "indigo12" | "yellow1" | "yellow2" | "yellow3" | "yellow4" | "yellow5" | "yellow6" | "yellow7" | "yellow8" | "yellow9" | "yellow10" | "yellow11" | "yellow12" | "bodyColor" | "black" | "blackA1" | "blackA10" | "blackA11" | "blackA12" | "blackA2" | "blackA3" | "blackA4" | "blackA5" | "blackA6" | "blackA7" | "blackA8" | "blackA9" | "bodyBg" | "bodyInverse" | "border" | "borderHover" | "brand" | "cardBg" | "cardBorder" | "dialogBg" | "inputActiveBg" | "inputActiveBorder" | "inputActiveColor" | "inputActiveFocus" | "inputActiveIcon" | "inputActivePlaceholder" | "inputBaseBg" | "inputBaseBorder" | "inputBaseColor" | "inputBaseFocus" | "inputBaseIcon" | "inputBasePlaceholder" | "inputDisabledBg" | "inputDisabledBorder" | "inputDisabledColor" | "inputDisabledFocus" | "inputDisabledIcon" | "inputDisabledPlaceholder" | "inputErrorBg" | "inputErrorBorder" | "inputErrorColor" | "inputErrorFocus" | "inputErrorIcon" | "inputErrorPlaceholder" | "inputSuccessBg" | "inputSuccessBorder" | "inputSuccessColor" | "inputSuccessFocus" | "inputSuccessIcon" | "inputSuccessPlaceholder" | "inputBg" | "intentsBase1" | "intentsBase10" | "intentsBase11" | "intentsBase12" | "intentsBase2" | "intentsBase3" | "intentsBase4" | "intentsBase5" | "intentsBase6" | "intentsBase7" | "intentsBase8" | "intentsBase9" | "intentsError1" | "intentsError10" | "intentsError11" | "intentsError12" | "intentsError2" | "intentsError3" | "intentsError4" | "intentsError5" | "intentsError6" | "intentsError7" | "intentsError8" | "intentsError9" | "intentsInfo1" | "intentsInfo10" | "intentsInfo11" | "intentsInfo12" | "intentsInfo2" | "intentsInfo3" | "intentsInfo4" | "intentsInfo5" | "intentsInfo6" | "intentsInfo7" | "intentsInfo8" | "intentsInfo9" | "intentsPrimary1" | "intentsPrimary10" | "intentsPrimary11" | "intentsPrimary12" | "intentsPrimary2" | "intentsPrimary3" | "intentsPrimary4" | "intentsPrimary5" | "intentsPrimary6" | "intentsPrimary7" | "intentsPrimary8" | "intentsPrimary9" | "intentsSecondary1" | "intentsSecondary10" | "intentsSecondary11" | "intentsSecondary12" | "intentsSecondary2" | "intentsSecondary3" | "intentsSecondary4" | "intentsSecondary5" | "intentsSecondary6" | "intentsSecondary7" | "intentsSecondary8" | "intentsSecondary9" | "intentsSuccess1" | "intentsSuccess10" | "intentsSuccess11" | "intentsSuccess12" | "intentsSuccess2" | "intentsSuccess3" | "intentsSuccess4" | "intentsSuccess5" | "intentsSuccess6" | "intentsSuccess7" | "intentsSuccess8" | "intentsSuccess9" | "intentsWarning1" | "intentsWarning10" | "intentsWarning11" | "intentsWarning12" | "intentsWarning2" | "intentsWarning3" | "intentsWarning4" | "intentsWarning5" | "intentsWarning6" | "intentsWarning7" | "intentsWarning8" | "intentsWarning9" | "inverseA1" | "inverseA10" | "inverseA11" | "inverseA12" | "inverseA2" | "inverseA3" | "inverseA4" | "inverseA5" | "inverseA6" | "inverseA7" | "inverseA8" | "inverseA9" | "overlayBg" | "overlayText" | "scalesBlue1" | "scalesBlue10" | "scalesBlue11" | "scalesBlue12" | "scalesBlue2" | "scalesBlue3" | "scalesBlue4" | "scalesBlue5" | "scalesBlue6" | "scalesBlue7" | "scalesBlue8" | "scalesBlue9" | "scalesGray1" | "scalesGray10" | "scalesGray11" | "scalesGray12" | "scalesGray2" | "scalesGray3" | "scalesGray4" | "scalesGray5" | "scalesGray6" | "scalesGray7" | "scalesGray8" | "scalesGray9" | "scalesGreen1" | "scalesGreen10" | "scalesGreen11" | "scalesGreen12" | "scalesGreen2" | "scalesGreen3" | "scalesGreen4" | "scalesGreen5" | "scalesGreen6" | "scalesGreen7" | "scalesGreen8" | "scalesGreen9" | "scalesRed1" | "scalesRed10" | "scalesRed11" | "scalesRed12" | "scalesRed2" | "scalesRed3" | "scalesRed4" | "scalesRed5" | "scalesRed6" | "scalesRed7" | "scalesRed8" | "scalesRed9" | "scalesYellow1" | "scalesYellow10" | "scalesYellow11" | "scalesYellow12" | "scalesYellow2" | "scalesYellow3" | "scalesYellow4" | "scalesYellow5" | "scalesYellow6" | "scalesYellow7" | "scalesYellow8" | "scalesYellow9" | "semanticGhostBaseBg" | "semanticGhostBaseBorder" | "semanticGhostBaseColor" | "semanticGhostBaseDisabledBg" | "semanticGhostBaseDisabledBorder" | "semanticGhostBaseDisabledColor" | "semanticGhostBaseDisabledIcon" | "semanticGhostBaseFocus" | "semanticGhostBaseHoverBg" | "semanticGhostBaseHoverBorder" | "semanticGhostBaseHoverColor" | "semanticGhostBaseHoverIcon" | "semanticGhostBaseIcon" | "semanticGhostErrorBg" | "semanticGhostErrorBorder" | "semanticGhostErrorColor" | "semanticGhostErrorDisabledBg" | "semanticGhostErrorDisabledBorder" | "semanticGhostErrorDisabledColor" | "semanticGhostErrorDisabledIcon" | "semanticGhostErrorFocus" | "semanticGhostErrorHoverBg" | "semanticGhostErrorHoverBorder" | "semanticGhostErrorHoverColor" | "semanticGhostErrorHoverIcon" | "semanticGhostErrorIcon" | "semanticGhostInfoBg" | "semanticGhostInfoBorder" | "semanticGhostInfoColor" | "semanticGhostInfoDisabledBg" | "semanticGhostInfoDisabledBorder" | "semanticGhostInfoDisabledColor" | "semanticGhostInfoDisabledIcon" | "semanticGhostInfoFocus" | "semanticGhostInfoHoverBg" | "semanticGhostInfoHoverBorder" | "semanticGhostInfoHoverColor" | "semanticGhostInfoHoverIcon" | "semanticGhostInfoIcon" | "semanticGhostPrimaryBg" | "semanticGhostPrimaryBorder" | "semanticGhostPrimaryColor" | "semanticGhostPrimaryDisabledBg" | "semanticGhostPrimaryDisabledBorder" | "semanticGhostPrimaryDisabledColor" | "semanticGhostPrimaryDisabledIcon" | "semanticGhostPrimaryFocus" | "semanticGhostPrimaryHoverBg" | "semanticGhostPrimaryHoverBorder" | "semanticGhostPrimaryHoverColor" | "semanticGhostPrimaryHoverIcon" | "semanticGhostPrimaryIcon" | "semanticGhostSecondaryBg" | "semanticGhostSecondaryBorder" | "semanticGhostSecondaryColor" | "semanticGhostSecondaryDisabledBg" | "semanticGhostSecondaryDisabledBorder" | "semanticGhostSecondaryDisabledColor" | "semanticGhostSecondaryDisabledIcon" | "semanticGhostSecondaryFocus" | "semanticGhostSecondaryHoverBg" | "semanticGhostSecondaryHoverBorder" | "semanticGhostSecondaryHoverColor" | "semanticGhostSecondaryHoverIcon" | "semanticGhostSecondaryIcon" | "semanticGhostSuccessBg" | "semanticGhostSuccessBorder" | "semanticGhostSuccessColor" | "semanticGhostSuccessDisabledBg" | "semanticGhostSuccessDisabledBorder" | "semanticGhostSuccessDisabledColor" | "semanticGhostSuccessDisabledIcon" | "semanticGhostSuccessFocus" | "semanticGhostSuccessHoverBg" | "semanticGhostSuccessHoverBorder" | "semanticGhostSuccessHoverColor" | "semanticGhostSuccessHoverIcon" | "semanticGhostSuccessIcon" | "semanticGhostWarningBg" | "semanticGhostWarningBorder" | "semanticGhostWarningColor" | "semanticGhostWarningDisabledBg" | "semanticGhostWarningDisabledBorder" | "semanticGhostWarningDisabledColor" | "semanticGhostWarningDisabledIcon" | "semanticGhostWarningFocus" | "semanticGhostWarningHoverBg" | "semanticGhostWarningHoverBorder" | "semanticGhostWarningHoverColor" | "semanticGhostWarningHoverIcon" | "semanticGhostWarningIcon" | "semanticLinkBaseBg" | "semanticLinkBaseBorder" | "semanticLinkBaseColor" | "semanticLinkBaseDisabledBg" | "semanticLinkBaseDisabledBorder" | "semanticLinkBaseDisabledColor" | "semanticLinkBaseDisabledIcon" | "semanticLinkBaseFocus" | "semanticLinkBaseHoverBg" | "semanticLinkBaseHoverBorder" | "semanticLinkBaseHoverColor" | "semanticLinkBaseHoverIcon" | "semanticLinkBaseIcon" | "semanticLinkErrorBg" | "semanticLinkErrorBorder" | "semanticLinkErrorColor" | "semanticLinkErrorDisabledBg" | "semanticLinkErrorDisabledBorder" | "semanticLinkErrorDisabledColor" | "semanticLinkErrorDisabledIcon" | "semanticLinkErrorFocus" | "semanticLinkErrorHoverBg" | "semanticLinkErrorHoverBorder" | "semanticLinkErrorHoverColor" | "semanticLinkErrorHoverIcon" | "semanticLinkErrorIcon" | "semanticLinkInfoBg" | "semanticLinkInfoBorder" | "semanticLinkInfoColor" | "semanticLinkInfoDisabledBg" | "semanticLinkInfoDisabledBorder" | "semanticLinkInfoDisabledColor" | "semanticLinkInfoDisabledIcon" | "semanticLinkInfoFocus" | "semanticLinkInfoHoverBg" | "semanticLinkInfoHoverBorder" | "semanticLinkInfoHoverColor" | "semanticLinkInfoHoverIcon" | "semanticLinkInfoIcon" | "semanticLinkPrimaryBg" | "semanticLinkPrimaryBorder" | "semanticLinkPrimaryColor" | "semanticLinkPrimaryDisabledBg" | "semanticLinkPrimaryDisabledBorder" | "semanticLinkPrimaryDisabledColor" | "semanticLinkPrimaryDisabledIcon" | "semanticLinkPrimaryFocus" | "semanticLinkPrimaryHoverBg" | "semanticLinkPrimaryHoverBorder" | "semanticLinkPrimaryHoverColor" | "semanticLinkPrimaryHoverIcon" | "semanticLinkPrimaryIcon" | "semanticLinkSecondaryBg" | "semanticLinkSecondaryBorder" | "semanticLinkSecondaryColor" | "semanticLinkSecondaryDisabledBg" | "semanticLinkSecondaryDisabledBorder" | "semanticLinkSecondaryDisabledColor" | "semanticLinkSecondaryDisabledIcon" | "semanticLinkSecondaryFocus" | "semanticLinkSecondaryHoverBg" | "semanticLinkSecondaryHoverBorder" | "semanticLinkSecondaryHoverColor" | "semanticLinkSecondaryHoverIcon" | "semanticLinkSecondaryIcon" | "semanticLinkSuccessBg" | "semanticLinkSuccessBorder" | "semanticLinkSuccessColor" | "semanticLinkSuccessDisabledBg" | "semanticLinkSuccessDisabledBorder" | "semanticLinkSuccessDisabledColor" | "semanticLinkSuccessDisabledIcon" | "semanticLinkSuccessFocus" | "semanticLinkSuccessHoverBg" | "semanticLinkSuccessHoverBorder" | "semanticLinkSuccessHoverColor" | "semanticLinkSuccessHoverIcon" | "semanticLinkSuccessIcon" | "semanticLinkWarningBg" | "semanticLinkWarningBorder" | "semanticLinkWarningColor" | "semanticLinkWarningDisabledBg" | "semanticLinkWarningDisabledBorder" | "semanticLinkWarningDisabledColor" | "semanticLinkWarningDisabledIcon" | "semanticLinkWarningFocus" | "semanticLinkWarningHoverBg" | "semanticLinkWarningHoverBorder" | "semanticLinkWarningHoverColor" | "semanticLinkWarningHoverIcon" | "semanticLinkWarningIcon" | "semanticOutlinedBaseBg" | "semanticOutlinedBaseBorder" | "semanticOutlinedBaseColor" | "semanticOutlinedBaseDisabledBg" | "semanticOutlinedBaseDisabledBorder" | "semanticOutlinedBaseDisabledColor" | "semanticOutlinedBaseDisabledIcon" | "semanticOutlinedBaseFocus" | "semanticOutlinedBaseHoverBg" | "semanticOutlinedBaseHoverBorder" | "semanticOutlinedBaseHoverColor" | "semanticOutlinedBaseHoverIcon" | "semanticOutlinedBaseIcon" | "semanticOutlinedErrorBg" | "semanticOutlinedErrorBorder" | "semanticOutlinedErrorColor" | "semanticOutlinedErrorDisabledBg" | "semanticOutlinedErrorDisabledBorder" | "semanticOutlinedErrorDisabledColor" | "semanticOutlinedErrorDisabledIcon" | "semanticOutlinedErrorFocus" | "semanticOutlinedErrorHoverBg" | "semanticOutlinedErrorHoverBorder" | "semanticOutlinedErrorHoverColor" | "semanticOutlinedErrorHoverIcon" | "semanticOutlinedErrorIcon" | "semanticOutlinedInfoBg" | "semanticOutlinedInfoBorder" | "semanticOutlinedInfoColor" | "semanticOutlinedInfoDisabledBg" | "semanticOutlinedInfoDisabledBorder" | "semanticOutlinedInfoDisabledColor" | "semanticOutlinedInfoDisabledIcon" | "semanticOutlinedInfoFocus" | "semanticOutlinedInfoHoverBg" | "semanticOutlinedInfoHoverBorder" | "semanticOutlinedInfoHoverColor" | "semanticOutlinedInfoHoverIcon" | "semanticOutlinedInfoIcon" | "semanticOutlinedPrimaryBg" | "semanticOutlinedPrimaryBorder" | "semanticOutlinedPrimaryColor" | "semanticOutlinedPrimaryDisabledBg" | "semanticOutlinedPrimaryDisabledBorder" | "semanticOutlinedPrimaryDisabledColor" | "semanticOutlinedPrimaryDisabledIcon" | "semanticOutlinedPrimaryFocus" | "semanticOutlinedPrimaryHoverBg" | "semanticOutlinedPrimaryHoverBorder" | "semanticOutlinedPrimaryHoverColor" | "semanticOutlinedPrimaryHoverIcon" | "semanticOutlinedPrimaryIcon" | "semanticOutlinedSecondaryBg" | "semanticOutlinedSecondaryBorder" | "semanticOutlinedSecondaryColor" | "semanticOutlinedSecondaryDisabledBg" | "semanticOutlinedSecondaryDisabledBorder" | "semanticOutlinedSecondaryDisabledColor" | "semanticOutlinedSecondaryDisabledIcon" | "semanticOutlinedSecondaryFocus" | "semanticOutlinedSecondaryHoverBg" | "semanticOutlinedSecondaryHoverBorder" | "semanticOutlinedSecondaryHoverColor" | "semanticOutlinedSecondaryHoverIcon" | "semanticOutlinedSecondaryIcon" | "semanticOutlinedSuccessBg" | "semanticOutlinedSuccessBorder" | "semanticOutlinedSuccessColor" | "semanticOutlinedSuccessDisabledBg" | "semanticOutlinedSuccessDisabledBorder" | "semanticOutlinedSuccessDisabledColor" | "semanticOutlinedSuccessDisabledIcon" | "semanticOutlinedSuccessFocus" | "semanticOutlinedSuccessHoverBg" | "semanticOutlinedSuccessHoverBorder" | "semanticOutlinedSuccessHoverColor" | "semanticOutlinedSuccessHoverIcon" | "semanticOutlinedSuccessIcon" | "semanticOutlinedWarningBg" | "semanticOutlinedWarningBorder" | "semanticOutlinedWarningColor" | "semanticOutlinedWarningDisabledBg" | "semanticOutlinedWarningDisabledBorder" | "semanticOutlinedWarningDisabledColor" | "semanticOutlinedWarningDisabledIcon" | "semanticOutlinedWarningFocus" | "semanticOutlinedWarningHoverBg" | "semanticOutlinedWarningHoverBorder" | "semanticOutlinedWarningHoverColor" | "semanticOutlinedWarningHoverIcon" | "semanticOutlinedWarningIcon" | "semanticSolidBaseBg" | "semanticSolidBaseBorder" | "semanticSolidBaseColor" | "semanticSolidBaseDisabledBg" | "semanticSolidBaseDisabledBorder" | "semanticSolidBaseDisabledColor" | "semanticSolidBaseDisabledIcon" | "semanticSolidBaseFocus" | "semanticSolidBaseHoverBg" | "semanticSolidBaseHoverBorder" | "semanticSolidBaseHoverColor" | "semanticSolidBaseHoverIcon" | "semanticSolidBaseIcon" | "semanticSolidErrorBg" | "semanticSolidErrorBorder" | "semanticSolidErrorColor" | "semanticSolidErrorDisabledBg" | "semanticSolidErrorDisabledBorder" | "semanticSolidErrorDisabledColor" | "semanticSolidErrorDisabledIcon" | "semanticSolidErrorFocus" | "semanticSolidErrorHoverBg" | "semanticSolidErrorHoverBorder" | "semanticSolidErrorHoverColor" | "semanticSolidErrorHoverIcon" | "semanticSolidErrorIcon" | "semanticSolidInfoBg" | "semanticSolidInfoBorder" | "semanticSolidInfoColor" | "semanticSolidInfoDisabledBg" | "semanticSolidInfoDisabledBorder" | "semanticSolidInfoDisabledColor" | "semanticSolidInfoDisabledIcon" | "semanticSolidInfoFocus" | "semanticSolidInfoHoverBg" | "semanticSolidInfoHoverBorder" | "semanticSolidInfoHoverColor" | "semanticSolidInfoHoverIcon" | "semanticSolidInfoIcon" | "semanticSolidPrimaryBg" | "semanticSolidPrimaryBorder" | "semanticSolidPrimaryColor" | "semanticSolidPrimaryDisabledBg" | "semanticSolidPrimaryDisabledBorder" | "semanticSolidPrimaryDisabledColor" | "semanticSolidPrimaryDisabledIcon" | "semanticSolidPrimaryFocus" | "semanticSolidPrimaryHoverBg" | "semanticSolidPrimaryHoverBorder" | "semanticSolidPrimaryHoverColor" | "semanticSolidPrimaryHoverIcon" | "semanticSolidPrimaryIcon" | "semanticSolidSecondaryBg" | "semanticSolidSecondaryBorder" | "semanticSolidSecondaryColor" | "semanticSolidSecondaryDisabledBg" | "semanticSolidSecondaryDisabledBorder" | "semanticSolidSecondaryDisabledColor" | "semanticSolidSecondaryDisabledIcon" | "semanticSolidSecondaryFocus" | "semanticSolidSecondaryHoverBg" | "semanticSolidSecondaryHoverBorder" | "semanticSolidSecondaryHoverColor" | "semanticSolidSecondaryHoverIcon" | "semanticSolidSecondaryIcon" | "semanticSolidSuccessBg" | "semanticSolidSuccessBorder" | "semanticSolidSuccessColor" | "semanticSolidSuccessDisabledBg" | "semanticSolidSuccessDisabledBorder" | "semanticSolidSuccessDisabledColor" | "semanticSolidSuccessDisabledIcon" | "semanticSolidSuccessFocus" | "semanticSolidSuccessHoverBg" | "semanticSolidSuccessHoverBorder" | "semanticSolidSuccessHoverColor" | "semanticSolidSuccessHoverIcon" | "semanticSolidSuccessIcon" | "semanticSolidWarningBg" | "semanticSolidWarningBorder" | "semanticSolidWarningColor" | "semanticSolidWarningDisabledBg" | "semanticSolidWarningDisabledBorder" | "semanticSolidWarningDisabledColor" | "semanticSolidWarningDisabledIcon" | "semanticSolidWarningFocus" | "semanticSolidWarningHoverBg" | "semanticSolidWarningHoverBorder" | "semanticSolidWarningHoverColor" | "semanticSolidWarningHoverIcon" | "semanticSolidWarningIcon" | "textActive" | "textColor" | "textHeading" | "textIcon" | "textInverse" | "textLink" | "textLinkActive" | "textLinkDisabled" | "textLinkHover" | "textLinkVisited" | "textMuted" | "textSubtext" | "white" | "whiteA1" | "whiteA10" | "whiteA11" | "whiteA12" | "whiteA2" | "whiteA3" | "whiteA4" | "whiteA5" | "whiteA6" | "whiteA7" | "whiteA8" | "whiteA9" | "current" | undefined;
    content?: string | undefined;
    fontSize?: _fuel_ui_css.TextSizes | undefined;
    translate?: "yes" | "no" | undefined;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    prefix?: string | undefined;
    as?: any;
    className?: string | undefined;
    children?: react.ReactNode;
    onClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    accessKey?: string | undefined;
    dir?: string | undefined;
    draggable?: (boolean | "true" | "false") | undefined;
    lang?: string | undefined;
    title?: string | undefined;
    id?: string | undefined;
    slot?: string | undefined;
    role?: react.AriaRole | undefined;
    style?: react.CSSProperties | undefined;
    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
    inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
    nonce?: string | undefined;
    tabIndex?: number | undefined;
    key?: react.Key | null | undefined;
    ref?: react.Ref<HTMLParagraphElement> | undefined;
    defaultChecked?: boolean | undefined;
    defaultValue?: string | number | readonly string[] | undefined;
    suppressContentEditableWarning?: boolean | undefined;
    suppressHydrationWarning?: boolean | undefined;
    autoFocus?: boolean | undefined;
    contextMenu?: string | undefined;
    placeholder?: string | undefined;
    spellCheck?: (boolean | "true" | "false") | undefined;
    radioGroup?: string | undefined;
    about?: string | undefined;
    datatype?: string | undefined;
    inlist?: any;
    property?: string | undefined;
    rel?: string | undefined;
    resource?: string | undefined;
    rev?: string | undefined;
    typeof?: string | undefined;
    vocab?: string | undefined;
    autoCapitalize?: string | undefined;
    autoCorrect?: string | undefined;
    autoSave?: string | undefined;
    itemProp?: string | undefined;
    itemScope?: boolean | undefined;
    itemType?: string | undefined;
    itemID?: string | undefined;
    itemRef?: string | undefined;
    results?: number | undefined;
    security?: string | undefined;
    unselectable?: "on" | "off" | undefined;
    'aria-activedescendant'?: string | undefined;
    'aria-atomic'?: (boolean | "true" | "false") | undefined;
    'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
    'aria-braillelabel'?: string | undefined;
    'aria-brailleroledescription'?: string | undefined;
    'aria-busy'?: (boolean | "true" | "false") | undefined;
    'aria-checked'?: boolean | "true" | "mixed" | "false" | undefined;
    'aria-colcount'?: number | undefined;
    'aria-colindex'?: number | undefined;
    'aria-colindextext'?: string | undefined;
    'aria-colspan'?: number | undefined;
    'aria-controls'?: string | undefined;
    'aria-current'?: boolean | "location" | "time" | "true" | "page" | "false" | "step" | "date" | undefined;
    'aria-describedby'?: string | undefined;
    'aria-description'?: string | undefined;
    'aria-details'?: string | undefined;
    'aria-disabled'?: (boolean | "true" | "false") | undefined;
    'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
    'aria-errormessage'?: string | undefined;
    'aria-expanded'?: (boolean | "true" | "false") | undefined;
    'aria-flowto'?: string | undefined;
    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
    'aria-haspopup'?: boolean | "grid" | "menu" | "dialog" | "true" | "listbox" | "false" | "tree" | undefined;
    'aria-hidden'?: (boolean | "true" | "false") | undefined;
    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
    'aria-keyshortcuts'?: string | undefined;
    'aria-label'?: string | undefined;
    'aria-labelledby'?: string | undefined;
    'aria-level'?: number | undefined;
    'aria-live'?: "off" | "assertive" | "polite" | undefined;
    'aria-modal'?: (boolean | "true" | "false") | undefined;
    'aria-multiline'?: (boolean | "true" | "false") | undefined;
    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
    'aria-orientation'?: "horizontal" | "vertical" | undefined;
    'aria-owns'?: string | undefined;
    'aria-placeholder'?: string | undefined;
    'aria-posinset'?: number | undefined;
    'aria-pressed'?: boolean | "true" | "mixed" | "false" | undefined;
    'aria-readonly'?: (boolean | "true" | "false") | undefined;
    'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
    'aria-required'?: (boolean | "true" | "false") | undefined;
    'aria-roledescription'?: string | undefined;
    'aria-rowcount'?: number | undefined;
    'aria-rowindex'?: number | undefined;
    'aria-rowindextext'?: string | undefined;
    'aria-rowspan'?: number | undefined;
    'aria-selected'?: (boolean | "true" | "false") | undefined;
    'aria-setsize'?: number | undefined;
    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
    'aria-valuemax'?: number | undefined;
    'aria-valuemin'?: number | undefined;
    'aria-valuenow'?: number | undefined;
    'aria-valuetext'?: string | undefined;
    dangerouslySetInnerHTML?: {
        __html: string | TrustedHTML;
    } | undefined;
    onCopy?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
    onCopyCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
    onCut?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
    onCutCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
    onPaste?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
    onPasteCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
    onCompositionEnd?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
    onCompositionEndCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
    onCompositionStart?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
    onCompositionStartCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
    onCompositionUpdate?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
    onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
    onFocus?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
    onFocusCapture?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
    onBlur?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
    onBlurCapture?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
    onChange?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onChangeCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onBeforeInput?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onBeforeInputCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onInput?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onInputCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onReset?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onResetCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onSubmit?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onSubmitCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onInvalid?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onInvalidCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onLoad?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onLoadCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onError?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onErrorCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onKeyDown?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
    onKeyDownCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
    onKeyPress?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
    onKeyPressCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
    onKeyUp?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
    onKeyUpCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
    onAbort?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onAbortCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onCanPlay?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onCanPlayCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onCanPlayThrough?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onCanPlayThroughCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onDurationChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onDurationChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onEmptied?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onEmptiedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onEncrypted?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onEncryptedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onEnded?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onEndedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onLoadedData?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onLoadedDataCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onLoadedMetadata?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onLoadedMetadataCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onLoadStart?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onLoadStartCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onPause?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onPauseCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onPlay?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onPlayCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onPlaying?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onPlayingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onProgress?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onProgressCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onRateChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onRateChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onResize?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onResizeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onSeeked?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onSeekedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onSeeking?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onSeekingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onStalled?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onStalledCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onSuspend?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onSuspendCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onTimeUpdate?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onTimeUpdateCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onVolumeChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onVolumeChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onWaiting?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onWaitingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onAuxClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onAuxClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onContextMenu?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onContextMenuCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onDoubleClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onDoubleClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onDrag?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragEnd?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragEndCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragEnter?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragEnterCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragExit?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragExitCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragLeave?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragLeaveCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragOver?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragOverCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragStart?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragStartCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDrop?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDropCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onMouseDown?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseDownCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseEnter?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseLeave?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseMove?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseMoveCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseOut?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseOutCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseOver?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseOverCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseUp?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseUpCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onSelect?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onSelectCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onTouchCancel?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onTouchCancelCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onTouchEnd?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onTouchEndCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onTouchMove?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onTouchMoveCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onTouchStart?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onTouchStartCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onPointerDown?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerDownCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerMove?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerMoveCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerUp?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerUpCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerCancel?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerCancelCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerEnter?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerEnterCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerLeave?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerLeaveCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerOver?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerOverCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerOut?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerOutCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onGotPointerCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onLostPointerCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onScroll?: react.UIEventHandler<HTMLParagraphElement> | undefined;
    onScrollCapture?: react.UIEventHandler<HTMLParagraphElement> | undefined;
    onWheel?: react.WheelEventHandler<HTMLParagraphElement> | undefined;
    onWheelCapture?: react.WheelEventHandler<HTMLParagraphElement> | undefined;
    onAnimationStart?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
    onAnimationStartCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
    onAnimationEnd?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
    onAnimationEndCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
    onAnimationIteration?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
    onAnimationIterationCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
    onTransitionEnd?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
    onTransitionEndCapture?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
    iconSize?: number | undefined;
    leftIconAriaLabel?: string | undefined;
    rightIconAriaLabel?: string | undefined;
}>, "children">, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<Omit<BaseProps$1<{
    [x: `data-${string}`]: unknown;
    hidden?: boolean | undefined;
    is?: string | undefined;
    color?: "transparent" | "inherit" | "gray1" | "gray2" | "gray3" | "gray4" | "gray5" | "gray6" | "gray7" | "gray8" | "gray9" | "gray10" | "gray11" | "gray12" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "accent10" | "accent11" | "accent12" | "crimson1" | "crimson2" | "crimson3" | "crimson4" | "crimson5" | "crimson6" | "crimson7" | "crimson8" | "crimson9" | "crimson10" | "crimson11" | "crimson12" | "indigo1" | "indigo2" | "indigo3" | "indigo4" | "indigo5" | "indigo6" | "indigo7" | "indigo8" | "indigo9" | "indigo10" | "indigo11" | "indigo12" | "yellow1" | "yellow2" | "yellow3" | "yellow4" | "yellow5" | "yellow6" | "yellow7" | "yellow8" | "yellow9" | "yellow10" | "yellow11" | "yellow12" | "bodyColor" | "black" | "blackA1" | "blackA10" | "blackA11" | "blackA12" | "blackA2" | "blackA3" | "blackA4" | "blackA5" | "blackA6" | "blackA7" | "blackA8" | "blackA9" | "bodyBg" | "bodyInverse" | "border" | "borderHover" | "brand" | "cardBg" | "cardBorder" | "dialogBg" | "inputActiveBg" | "inputActiveBorder" | "inputActiveColor" | "inputActiveFocus" | "inputActiveIcon" | "inputActivePlaceholder" | "inputBaseBg" | "inputBaseBorder" | "inputBaseColor" | "inputBaseFocus" | "inputBaseIcon" | "inputBasePlaceholder" | "inputDisabledBg" | "inputDisabledBorder" | "inputDisabledColor" | "inputDisabledFocus" | "inputDisabledIcon" | "inputDisabledPlaceholder" | "inputErrorBg" | "inputErrorBorder" | "inputErrorColor" | "inputErrorFocus" | "inputErrorIcon" | "inputErrorPlaceholder" | "inputSuccessBg" | "inputSuccessBorder" | "inputSuccessColor" | "inputSuccessFocus" | "inputSuccessIcon" | "inputSuccessPlaceholder" | "inputBg" | "intentsBase1" | "intentsBase10" | "intentsBase11" | "intentsBase12" | "intentsBase2" | "intentsBase3" | "intentsBase4" | "intentsBase5" | "intentsBase6" | "intentsBase7" | "intentsBase8" | "intentsBase9" | "intentsError1" | "intentsError10" | "intentsError11" | "intentsError12" | "intentsError2" | "intentsError3" | "intentsError4" | "intentsError5" | "intentsError6" | "intentsError7" | "intentsError8" | "intentsError9" | "intentsInfo1" | "intentsInfo10" | "intentsInfo11" | "intentsInfo12" | "intentsInfo2" | "intentsInfo3" | "intentsInfo4" | "intentsInfo5" | "intentsInfo6" | "intentsInfo7" | "intentsInfo8" | "intentsInfo9" | "intentsPrimary1" | "intentsPrimary10" | "intentsPrimary11" | "intentsPrimary12" | "intentsPrimary2" | "intentsPrimary3" | "intentsPrimary4" | "intentsPrimary5" | "intentsPrimary6" | "intentsPrimary7" | "intentsPrimary8" | "intentsPrimary9" | "intentsSecondary1" | "intentsSecondary10" | "intentsSecondary11" | "intentsSecondary12" | "intentsSecondary2" | "intentsSecondary3" | "intentsSecondary4" | "intentsSecondary5" | "intentsSecondary6" | "intentsSecondary7" | "intentsSecondary8" | "intentsSecondary9" | "intentsSuccess1" | "intentsSuccess10" | "intentsSuccess11" | "intentsSuccess12" | "intentsSuccess2" | "intentsSuccess3" | "intentsSuccess4" | "intentsSuccess5" | "intentsSuccess6" | "intentsSuccess7" | "intentsSuccess8" | "intentsSuccess9" | "intentsWarning1" | "intentsWarning10" | "intentsWarning11" | "intentsWarning12" | "intentsWarning2" | "intentsWarning3" | "intentsWarning4" | "intentsWarning5" | "intentsWarning6" | "intentsWarning7" | "intentsWarning8" | "intentsWarning9" | "inverseA1" | "inverseA10" | "inverseA11" | "inverseA12" | "inverseA2" | "inverseA3" | "inverseA4" | "inverseA5" | "inverseA6" | "inverseA7" | "inverseA8" | "inverseA9" | "overlayBg" | "overlayText" | "scalesBlue1" | "scalesBlue10" | "scalesBlue11" | "scalesBlue12" | "scalesBlue2" | "scalesBlue3" | "scalesBlue4" | "scalesBlue5" | "scalesBlue6" | "scalesBlue7" | "scalesBlue8" | "scalesBlue9" | "scalesGray1" | "scalesGray10" | "scalesGray11" | "scalesGray12" | "scalesGray2" | "scalesGray3" | "scalesGray4" | "scalesGray5" | "scalesGray6" | "scalesGray7" | "scalesGray8" | "scalesGray9" | "scalesGreen1" | "scalesGreen10" | "scalesGreen11" | "scalesGreen12" | "scalesGreen2" | "scalesGreen3" | "scalesGreen4" | "scalesGreen5" | "scalesGreen6" | "scalesGreen7" | "scalesGreen8" | "scalesGreen9" | "scalesRed1" | "scalesRed10" | "scalesRed11" | "scalesRed12" | "scalesRed2" | "scalesRed3" | "scalesRed4" | "scalesRed5" | "scalesRed6" | "scalesRed7" | "scalesRed8" | "scalesRed9" | "scalesYellow1" | "scalesYellow10" | "scalesYellow11" | "scalesYellow12" | "scalesYellow2" | "scalesYellow3" | "scalesYellow4" | "scalesYellow5" | "scalesYellow6" | "scalesYellow7" | "scalesYellow8" | "scalesYellow9" | "semanticGhostBaseBg" | "semanticGhostBaseBorder" | "semanticGhostBaseColor" | "semanticGhostBaseDisabledBg" | "semanticGhostBaseDisabledBorder" | "semanticGhostBaseDisabledColor" | "semanticGhostBaseDisabledIcon" | "semanticGhostBaseFocus" | "semanticGhostBaseHoverBg" | "semanticGhostBaseHoverBorder" | "semanticGhostBaseHoverColor" | "semanticGhostBaseHoverIcon" | "semanticGhostBaseIcon" | "semanticGhostErrorBg" | "semanticGhostErrorBorder" | "semanticGhostErrorColor" | "semanticGhostErrorDisabledBg" | "semanticGhostErrorDisabledBorder" | "semanticGhostErrorDisabledColor" | "semanticGhostErrorDisabledIcon" | "semanticGhostErrorFocus" | "semanticGhostErrorHoverBg" | "semanticGhostErrorHoverBorder" | "semanticGhostErrorHoverColor" | "semanticGhostErrorHoverIcon" | "semanticGhostErrorIcon" | "semanticGhostInfoBg" | "semanticGhostInfoBorder" | "semanticGhostInfoColor" | "semanticGhostInfoDisabledBg" | "semanticGhostInfoDisabledBorder" | "semanticGhostInfoDisabledColor" | "semanticGhostInfoDisabledIcon" | "semanticGhostInfoFocus" | "semanticGhostInfoHoverBg" | "semanticGhostInfoHoverBorder" | "semanticGhostInfoHoverColor" | "semanticGhostInfoHoverIcon" | "semanticGhostInfoIcon" | "semanticGhostPrimaryBg" | "semanticGhostPrimaryBorder" | "semanticGhostPrimaryColor" | "semanticGhostPrimaryDisabledBg" | "semanticGhostPrimaryDisabledBorder" | "semanticGhostPrimaryDisabledColor" | "semanticGhostPrimaryDisabledIcon" | "semanticGhostPrimaryFocus" | "semanticGhostPrimaryHoverBg" | "semanticGhostPrimaryHoverBorder" | "semanticGhostPrimaryHoverColor" | "semanticGhostPrimaryHoverIcon" | "semanticGhostPrimaryIcon" | "semanticGhostSecondaryBg" | "semanticGhostSecondaryBorder" | "semanticGhostSecondaryColor" | "semanticGhostSecondaryDisabledBg" | "semanticGhostSecondaryDisabledBorder" | "semanticGhostSecondaryDisabledColor" | "semanticGhostSecondaryDisabledIcon" | "semanticGhostSecondaryFocus" | "semanticGhostSecondaryHoverBg" | "semanticGhostSecondaryHoverBorder" | "semanticGhostSecondaryHoverColor" | "semanticGhostSecondaryHoverIcon" | "semanticGhostSecondaryIcon" | "semanticGhostSuccessBg" | "semanticGhostSuccessBorder" | "semanticGhostSuccessColor" | "semanticGhostSuccessDisabledBg" | "semanticGhostSuccessDisabledBorder" | "semanticGhostSuccessDisabledColor" | "semanticGhostSuccessDisabledIcon" | "semanticGhostSuccessFocus" | "semanticGhostSuccessHoverBg" | "semanticGhostSuccessHoverBorder" | "semanticGhostSuccessHoverColor" | "semanticGhostSuccessHoverIcon" | "semanticGhostSuccessIcon" | "semanticGhostWarningBg" | "semanticGhostWarningBorder" | "semanticGhostWarningColor" | "semanticGhostWarningDisabledBg" | "semanticGhostWarningDisabledBorder" | "semanticGhostWarningDisabledColor" | "semanticGhostWarningDisabledIcon" | "semanticGhostWarningFocus" | "semanticGhostWarningHoverBg" | "semanticGhostWarningHoverBorder" | "semanticGhostWarningHoverColor" | "semanticGhostWarningHoverIcon" | "semanticGhostWarningIcon" | "semanticLinkBaseBg" | "semanticLinkBaseBorder" | "semanticLinkBaseColor" | "semanticLinkBaseDisabledBg" | "semanticLinkBaseDisabledBorder" | "semanticLinkBaseDisabledColor" | "semanticLinkBaseDisabledIcon" | "semanticLinkBaseFocus" | "semanticLinkBaseHoverBg" | "semanticLinkBaseHoverBorder" | "semanticLinkBaseHoverColor" | "semanticLinkBaseHoverIcon" | "semanticLinkBaseIcon" | "semanticLinkErrorBg" | "semanticLinkErrorBorder" | "semanticLinkErrorColor" | "semanticLinkErrorDisabledBg" | "semanticLinkErrorDisabledBorder" | "semanticLinkErrorDisabledColor" | "semanticLinkErrorDisabledIcon" | "semanticLinkErrorFocus" | "semanticLinkErrorHoverBg" | "semanticLinkErrorHoverBorder" | "semanticLinkErrorHoverColor" | "semanticLinkErrorHoverIcon" | "semanticLinkErrorIcon" | "semanticLinkInfoBg" | "semanticLinkInfoBorder" | "semanticLinkInfoColor" | "semanticLinkInfoDisabledBg" | "semanticLinkInfoDisabledBorder" | "semanticLinkInfoDisabledColor" | "semanticLinkInfoDisabledIcon" | "semanticLinkInfoFocus" | "semanticLinkInfoHoverBg" | "semanticLinkInfoHoverBorder" | "semanticLinkInfoHoverColor" | "semanticLinkInfoHoverIcon" | "semanticLinkInfoIcon" | "semanticLinkPrimaryBg" | "semanticLinkPrimaryBorder" | "semanticLinkPrimaryColor" | "semanticLinkPrimaryDisabledBg" | "semanticLinkPrimaryDisabledBorder" | "semanticLinkPrimaryDisabledColor" | "semanticLinkPrimaryDisabledIcon" | "semanticLinkPrimaryFocus" | "semanticLinkPrimaryHoverBg" | "semanticLinkPrimaryHoverBorder" | "semanticLinkPrimaryHoverColor" | "semanticLinkPrimaryHoverIcon" | "semanticLinkPrimaryIcon" | "semanticLinkSecondaryBg" | "semanticLinkSecondaryBorder" | "semanticLinkSecondaryColor" | "semanticLinkSecondaryDisabledBg" | "semanticLinkSecondaryDisabledBorder" | "semanticLinkSecondaryDisabledColor" | "semanticLinkSecondaryDisabledIcon" | "semanticLinkSecondaryFocus" | "semanticLinkSecondaryHoverBg" | "semanticLinkSecondaryHoverBorder" | "semanticLinkSecondaryHoverColor" | "semanticLinkSecondaryHoverIcon" | "semanticLinkSecondaryIcon" | "semanticLinkSuccessBg" | "semanticLinkSuccessBorder" | "semanticLinkSuccessColor" | "semanticLinkSuccessDisabledBg" | "semanticLinkSuccessDisabledBorder" | "semanticLinkSuccessDisabledColor" | "semanticLinkSuccessDisabledIcon" | "semanticLinkSuccessFocus" | "semanticLinkSuccessHoverBg" | "semanticLinkSuccessHoverBorder" | "semanticLinkSuccessHoverColor" | "semanticLinkSuccessHoverIcon" | "semanticLinkSuccessIcon" | "semanticLinkWarningBg" | "semanticLinkWarningBorder" | "semanticLinkWarningColor" | "semanticLinkWarningDisabledBg" | "semanticLinkWarningDisabledBorder" | "semanticLinkWarningDisabledColor" | "semanticLinkWarningDisabledIcon" | "semanticLinkWarningFocus" | "semanticLinkWarningHoverBg" | "semanticLinkWarningHoverBorder" | "semanticLinkWarningHoverColor" | "semanticLinkWarningHoverIcon" | "semanticLinkWarningIcon" | "semanticOutlinedBaseBg" | "semanticOutlinedBaseBorder" | "semanticOutlinedBaseColor" | "semanticOutlinedBaseDisabledBg" | "semanticOutlinedBaseDisabledBorder" | "semanticOutlinedBaseDisabledColor" | "semanticOutlinedBaseDisabledIcon" | "semanticOutlinedBaseFocus" | "semanticOutlinedBaseHoverBg" | "semanticOutlinedBaseHoverBorder" | "semanticOutlinedBaseHoverColor" | "semanticOutlinedBaseHoverIcon" | "semanticOutlinedBaseIcon" | "semanticOutlinedErrorBg" | "semanticOutlinedErrorBorder" | "semanticOutlinedErrorColor" | "semanticOutlinedErrorDisabledBg" | "semanticOutlinedErrorDisabledBorder" | "semanticOutlinedErrorDisabledColor" | "semanticOutlinedErrorDisabledIcon" | "semanticOutlinedErrorFocus" | "semanticOutlinedErrorHoverBg" | "semanticOutlinedErrorHoverBorder" | "semanticOutlinedErrorHoverColor" | "semanticOutlinedErrorHoverIcon" | "semanticOutlinedErrorIcon" | "semanticOutlinedInfoBg" | "semanticOutlinedInfoBorder" | "semanticOutlinedInfoColor" | "semanticOutlinedInfoDisabledBg" | "semanticOutlinedInfoDisabledBorder" | "semanticOutlinedInfoDisabledColor" | "semanticOutlinedInfoDisabledIcon" | "semanticOutlinedInfoFocus" | "semanticOutlinedInfoHoverBg" | "semanticOutlinedInfoHoverBorder" | "semanticOutlinedInfoHoverColor" | "semanticOutlinedInfoHoverIcon" | "semanticOutlinedInfoIcon" | "semanticOutlinedPrimaryBg" | "semanticOutlinedPrimaryBorder" | "semanticOutlinedPrimaryColor" | "semanticOutlinedPrimaryDisabledBg" | "semanticOutlinedPrimaryDisabledBorder" | "semanticOutlinedPrimaryDisabledColor" | "semanticOutlinedPrimaryDisabledIcon" | "semanticOutlinedPrimaryFocus" | "semanticOutlinedPrimaryHoverBg" | "semanticOutlinedPrimaryHoverBorder" | "semanticOutlinedPrimaryHoverColor" | "semanticOutlinedPrimaryHoverIcon" | "semanticOutlinedPrimaryIcon" | "semanticOutlinedSecondaryBg" | "semanticOutlinedSecondaryBorder" | "semanticOutlinedSecondaryColor" | "semanticOutlinedSecondaryDisabledBg" | "semanticOutlinedSecondaryDisabledBorder" | "semanticOutlinedSecondaryDisabledColor" | "semanticOutlinedSecondaryDisabledIcon" | "semanticOutlinedSecondaryFocus" | "semanticOutlinedSecondaryHoverBg" | "semanticOutlinedSecondaryHoverBorder" | "semanticOutlinedSecondaryHoverColor" | "semanticOutlinedSecondaryHoverIcon" | "semanticOutlinedSecondaryIcon" | "semanticOutlinedSuccessBg" | "semanticOutlinedSuccessBorder" | "semanticOutlinedSuccessColor" | "semanticOutlinedSuccessDisabledBg" | "semanticOutlinedSuccessDisabledBorder" | "semanticOutlinedSuccessDisabledColor" | "semanticOutlinedSuccessDisabledIcon" | "semanticOutlinedSuccessFocus" | "semanticOutlinedSuccessHoverBg" | "semanticOutlinedSuccessHoverBorder" | "semanticOutlinedSuccessHoverColor" | "semanticOutlinedSuccessHoverIcon" | "semanticOutlinedSuccessIcon" | "semanticOutlinedWarningBg" | "semanticOutlinedWarningBorder" | "semanticOutlinedWarningColor" | "semanticOutlinedWarningDisabledBg" | "semanticOutlinedWarningDisabledBorder" | "semanticOutlinedWarningDisabledColor" | "semanticOutlinedWarningDisabledIcon" | "semanticOutlinedWarningFocus" | "semanticOutlinedWarningHoverBg" | "semanticOutlinedWarningHoverBorder" | "semanticOutlinedWarningHoverColor" | "semanticOutlinedWarningHoverIcon" | "semanticOutlinedWarningIcon" | "semanticSolidBaseBg" | "semanticSolidBaseBorder" | "semanticSolidBaseColor" | "semanticSolidBaseDisabledBg" | "semanticSolidBaseDisabledBorder" | "semanticSolidBaseDisabledColor" | "semanticSolidBaseDisabledIcon" | "semanticSolidBaseFocus" | "semanticSolidBaseHoverBg" | "semanticSolidBaseHoverBorder" | "semanticSolidBaseHoverColor" | "semanticSolidBaseHoverIcon" | "semanticSolidBaseIcon" | "semanticSolidErrorBg" | "semanticSolidErrorBorder" | "semanticSolidErrorColor" | "semanticSolidErrorDisabledBg" | "semanticSolidErrorDisabledBorder" | "semanticSolidErrorDisabledColor" | "semanticSolidErrorDisabledIcon" | "semanticSolidErrorFocus" | "semanticSolidErrorHoverBg" | "semanticSolidErrorHoverBorder" | "semanticSolidErrorHoverColor" | "semanticSolidErrorHoverIcon" | "semanticSolidErrorIcon" | "semanticSolidInfoBg" | "semanticSolidInfoBorder" | "semanticSolidInfoColor" | "semanticSolidInfoDisabledBg" | "semanticSolidInfoDisabledBorder" | "semanticSolidInfoDisabledColor" | "semanticSolidInfoDisabledIcon" | "semanticSolidInfoFocus" | "semanticSolidInfoHoverBg" | "semanticSolidInfoHoverBorder" | "semanticSolidInfoHoverColor" | "semanticSolidInfoHoverIcon" | "semanticSolidInfoIcon" | "semanticSolidPrimaryBg" | "semanticSolidPrimaryBorder" | "semanticSolidPrimaryColor" | "semanticSolidPrimaryDisabledBg" | "semanticSolidPrimaryDisabledBorder" | "semanticSolidPrimaryDisabledColor" | "semanticSolidPrimaryDisabledIcon" | "semanticSolidPrimaryFocus" | "semanticSolidPrimaryHoverBg" | "semanticSolidPrimaryHoverBorder" | "semanticSolidPrimaryHoverColor" | "semanticSolidPrimaryHoverIcon" | "semanticSolidPrimaryIcon" | "semanticSolidSecondaryBg" | "semanticSolidSecondaryBorder" | "semanticSolidSecondaryColor" | "semanticSolidSecondaryDisabledBg" | "semanticSolidSecondaryDisabledBorder" | "semanticSolidSecondaryDisabledColor" | "semanticSolidSecondaryDisabledIcon" | "semanticSolidSecondaryFocus" | "semanticSolidSecondaryHoverBg" | "semanticSolidSecondaryHoverBorder" | "semanticSolidSecondaryHoverColor" | "semanticSolidSecondaryHoverIcon" | "semanticSolidSecondaryIcon" | "semanticSolidSuccessBg" | "semanticSolidSuccessBorder" | "semanticSolidSuccessColor" | "semanticSolidSuccessDisabledBg" | "semanticSolidSuccessDisabledBorder" | "semanticSolidSuccessDisabledColor" | "semanticSolidSuccessDisabledIcon" | "semanticSolidSuccessFocus" | "semanticSolidSuccessHoverBg" | "semanticSolidSuccessHoverBorder" | "semanticSolidSuccessHoverColor" | "semanticSolidSuccessHoverIcon" | "semanticSolidSuccessIcon" | "semanticSolidWarningBg" | "semanticSolidWarningBorder" | "semanticSolidWarningColor" | "semanticSolidWarningDisabledBg" | "semanticSolidWarningDisabledBorder" | "semanticSolidWarningDisabledColor" | "semanticSolidWarningDisabledIcon" | "semanticSolidWarningFocus" | "semanticSolidWarningHoverBg" | "semanticSolidWarningHoverBorder" | "semanticSolidWarningHoverColor" | "semanticSolidWarningHoverIcon" | "semanticSolidWarningIcon" | "textActive" | "textColor" | "textHeading" | "textIcon" | "textInverse" | "textLink" | "textLinkActive" | "textLinkDisabled" | "textLinkHover" | "textLinkVisited" | "textMuted" | "textSubtext" | "white" | "whiteA1" | "whiteA10" | "whiteA11" | "whiteA12" | "whiteA2" | "whiteA3" | "whiteA4" | "whiteA5" | "whiteA6" | "whiteA7" | "whiteA8" | "whiteA9" | "current" | undefined;
    content?: string | undefined;
    fontSize?: _fuel_ui_css.TextSizes | undefined;
    translate?: "yes" | "no" | undefined;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    prefix?: string | undefined;
    as?: any;
    className?: string | undefined;
    children?: react.ReactNode;
    onClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    accessKey?: string | undefined;
    dir?: string | undefined;
    draggable?: (boolean | "true" | "false") | undefined;
    lang?: string | undefined;
    title?: string | undefined;
    id?: string | undefined;
    slot?: string | undefined;
    role?: react.AriaRole | undefined;
    style?: react.CSSProperties | undefined;
    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
    inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
    nonce?: string | undefined;
    tabIndex?: number | undefined;
    key?: react.Key | null | undefined;
    ref?: react.Ref<HTMLParagraphElement> | undefined;
    defaultChecked?: boolean | undefined;
    defaultValue?: string | number | readonly string[] | undefined;
    suppressContentEditableWarning?: boolean | undefined;
    suppressHydrationWarning?: boolean | undefined;
    autoFocus?: boolean | undefined;
    contextMenu?: string | undefined;
    placeholder?: string | undefined;
    spellCheck?: (boolean | "true" | "false") | undefined;
    radioGroup?: string | undefined;
    about?: string | undefined;
    datatype?: string | undefined;
    inlist?: any;
    property?: string | undefined;
    rel?: string | undefined;
    resource?: string | undefined;
    rev?: string | undefined;
    typeof?: string | undefined;
    vocab?: string | undefined;
    autoCapitalize?: string | undefined;
    autoCorrect?: string | undefined;
    autoSave?: string | undefined;
    itemProp?: string | undefined;
    itemScope?: boolean | undefined;
    itemType?: string | undefined;
    itemID?: string | undefined;
    itemRef?: string | undefined;
    results?: number | undefined;
    security?: string | undefined;
    unselectable?: "on" | "off" | undefined;
    'aria-activedescendant'?: string | undefined;
    'aria-atomic'?: (boolean | "true" | "false") | undefined;
    'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
    'aria-braillelabel'?: string | undefined;
    'aria-brailleroledescription'?: string | undefined;
    'aria-busy'?: (boolean | "true" | "false") | undefined;
    'aria-checked'?: boolean | "true" | "mixed" | "false" | undefined;
    'aria-colcount'?: number | undefined;
    'aria-colindex'?: number | undefined;
    'aria-colindextext'?: string | undefined;
    'aria-colspan'?: number | undefined;
    'aria-controls'?: string | undefined;
    'aria-current'?: boolean | "location" | "time" | "true" | "page" | "false" | "step" | "date" | undefined;
    'aria-describedby'?: string | undefined;
    'aria-description'?: string | undefined;
    'aria-details'?: string | undefined;
    'aria-disabled'?: (boolean | "true" | "false") | undefined;
    'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
    'aria-errormessage'?: string | undefined;
    'aria-expanded'?: (boolean | "true" | "false") | undefined;
    'aria-flowto'?: string | undefined;
    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
    'aria-haspopup'?: boolean | "grid" | "menu" | "dialog" | "true" | "listbox" | "false" | "tree" | undefined;
    'aria-hidden'?: (boolean | "true" | "false") | undefined;
    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
    'aria-keyshortcuts'?: string | undefined;
    'aria-label'?: string | undefined;
    'aria-labelledby'?: string | undefined;
    'aria-level'?: number | undefined;
    'aria-live'?: "off" | "assertive" | "polite" | undefined;
    'aria-modal'?: (boolean | "true" | "false") | undefined;
    'aria-multiline'?: (boolean | "true" | "false") | undefined;
    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
    'aria-orientation'?: "horizontal" | "vertical" | undefined;
    'aria-owns'?: string | undefined;
    'aria-placeholder'?: string | undefined;
    'aria-posinset'?: number | undefined;
    'aria-pressed'?: boolean | "true" | "mixed" | "false" | undefined;
    'aria-readonly'?: (boolean | "true" | "false") | undefined;
    'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
    'aria-required'?: (boolean | "true" | "false") | undefined;
    'aria-roledescription'?: string | undefined;
    'aria-rowcount'?: number | undefined;
    'aria-rowindex'?: number | undefined;
    'aria-rowindextext'?: string | undefined;
    'aria-rowspan'?: number | undefined;
    'aria-selected'?: (boolean | "true" | "false") | undefined;
    'aria-setsize'?: number | undefined;
    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
    'aria-valuemax'?: number | undefined;
    'aria-valuemin'?: number | undefined;
    'aria-valuenow'?: number | undefined;
    'aria-valuetext'?: string | undefined;
    dangerouslySetInnerHTML?: {
        __html: string | TrustedHTML;
    } | undefined;
    onCopy?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
    onCopyCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
    onCut?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
    onCutCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
    onPaste?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
    onPasteCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
    onCompositionEnd?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
    onCompositionEndCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
    onCompositionStart?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
    onCompositionStartCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
    onCompositionUpdate?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
    onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
    onFocus?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
    onFocusCapture?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
    onBlur?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
    onBlurCapture?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
    onChange?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onChangeCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onBeforeInput?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onBeforeInputCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onInput?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onInputCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onReset?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onResetCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onSubmit?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onSubmitCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onInvalid?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onInvalidCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onLoad?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onLoadCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onError?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onErrorCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onKeyDown?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
    onKeyDownCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
    onKeyPress?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
    onKeyPressCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
    onKeyUp?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
    onKeyUpCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
    onAbort?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onAbortCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onCanPlay?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onCanPlayCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onCanPlayThrough?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onCanPlayThroughCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onDurationChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onDurationChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onEmptied?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onEmptiedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onEncrypted?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onEncryptedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onEnded?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onEndedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onLoadedData?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onLoadedDataCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onLoadedMetadata?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onLoadedMetadataCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onLoadStart?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onLoadStartCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onPause?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onPauseCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onPlay?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onPlayCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onPlaying?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onPlayingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onProgress?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onProgressCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onRateChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onRateChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onResize?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onResizeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onSeeked?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onSeekedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onSeeking?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onSeekingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onStalled?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onStalledCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onSuspend?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onSuspendCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onTimeUpdate?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onTimeUpdateCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onVolumeChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onVolumeChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onWaiting?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onWaitingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onAuxClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onAuxClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onContextMenu?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onContextMenuCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onDoubleClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onDoubleClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onDrag?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragEnd?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragEndCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragEnter?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragEnterCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragExit?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragExitCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragLeave?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragLeaveCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragOver?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragOverCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragStart?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragStartCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDrop?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDropCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onMouseDown?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseDownCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseEnter?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseLeave?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseMove?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseMoveCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseOut?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseOutCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseOver?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseOverCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseUp?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseUpCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onSelect?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onSelectCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onTouchCancel?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onTouchCancelCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onTouchEnd?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onTouchEndCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onTouchMove?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onTouchMoveCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onTouchStart?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onTouchStartCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onPointerDown?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerDownCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerMove?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerMoveCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerUp?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerUpCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerCancel?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerCancelCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerEnter?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerEnterCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerLeave?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerLeaveCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerOver?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerOverCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerOut?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerOutCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onGotPointerCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onLostPointerCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onScroll?: react.UIEventHandler<HTMLParagraphElement> | undefined;
    onScrollCapture?: react.UIEventHandler<HTMLParagraphElement> | undefined;
    onWheel?: react.WheelEventHandler<HTMLParagraphElement> | undefined;
    onWheelCapture?: react.WheelEventHandler<HTMLParagraphElement> | undefined;
    onAnimationStart?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
    onAnimationStartCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
    onAnimationEnd?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
    onAnimationEndCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
    onAnimationIteration?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
    onAnimationIterationCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
    onTransitionEnd?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
    onTransitionEndCapture?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
    iconSize?: number | undefined;
    leftIconAriaLabel?: string | undefined;
    rightIconAriaLabel?: string | undefined;
}>, "children">, "as">>, never> & react.ForwardRefExoticComponent<Omit<Omit<BaseProps$1<{
    [x: `data-${string}`]: unknown;
    hidden?: boolean | undefined;
    is?: string | undefined;
    color?: "transparent" | "inherit" | "gray1" | "gray2" | "gray3" | "gray4" | "gray5" | "gray6" | "gray7" | "gray8" | "gray9" | "gray10" | "gray11" | "gray12" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "accent10" | "accent11" | "accent12" | "crimson1" | "crimson2" | "crimson3" | "crimson4" | "crimson5" | "crimson6" | "crimson7" | "crimson8" | "crimson9" | "crimson10" | "crimson11" | "crimson12" | "indigo1" | "indigo2" | "indigo3" | "indigo4" | "indigo5" | "indigo6" | "indigo7" | "indigo8" | "indigo9" | "indigo10" | "indigo11" | "indigo12" | "yellow1" | "yellow2" | "yellow3" | "yellow4" | "yellow5" | "yellow6" | "yellow7" | "yellow8" | "yellow9" | "yellow10" | "yellow11" | "yellow12" | "bodyColor" | "black" | "blackA1" | "blackA10" | "blackA11" | "blackA12" | "blackA2" | "blackA3" | "blackA4" | "blackA5" | "blackA6" | "blackA7" | "blackA8" | "blackA9" | "bodyBg" | "bodyInverse" | "border" | "borderHover" | "brand" | "cardBg" | "cardBorder" | "dialogBg" | "inputActiveBg" | "inputActiveBorder" | "inputActiveColor" | "inputActiveFocus" | "inputActiveIcon" | "inputActivePlaceholder" | "inputBaseBg" | "inputBaseBorder" | "inputBaseColor" | "inputBaseFocus" | "inputBaseIcon" | "inputBasePlaceholder" | "inputDisabledBg" | "inputDisabledBorder" | "inputDisabledColor" | "inputDisabledFocus" | "inputDisabledIcon" | "inputDisabledPlaceholder" | "inputErrorBg" | "inputErrorBorder" | "inputErrorColor" | "inputErrorFocus" | "inputErrorIcon" | "inputErrorPlaceholder" | "inputSuccessBg" | "inputSuccessBorder" | "inputSuccessColor" | "inputSuccessFocus" | "inputSuccessIcon" | "inputSuccessPlaceholder" | "inputBg" | "intentsBase1" | "intentsBase10" | "intentsBase11" | "intentsBase12" | "intentsBase2" | "intentsBase3" | "intentsBase4" | "intentsBase5" | "intentsBase6" | "intentsBase7" | "intentsBase8" | "intentsBase9" | "intentsError1" | "intentsError10" | "intentsError11" | "intentsError12" | "intentsError2" | "intentsError3" | "intentsError4" | "intentsError5" | "intentsError6" | "intentsError7" | "intentsError8" | "intentsError9" | "intentsInfo1" | "intentsInfo10" | "intentsInfo11" | "intentsInfo12" | "intentsInfo2" | "intentsInfo3" | "intentsInfo4" | "intentsInfo5" | "intentsInfo6" | "intentsInfo7" | "intentsInfo8" | "intentsInfo9" | "intentsPrimary1" | "intentsPrimary10" | "intentsPrimary11" | "intentsPrimary12" | "intentsPrimary2" | "intentsPrimary3" | "intentsPrimary4" | "intentsPrimary5" | "intentsPrimary6" | "intentsPrimary7" | "intentsPrimary8" | "intentsPrimary9" | "intentsSecondary1" | "intentsSecondary10" | "intentsSecondary11" | "intentsSecondary12" | "intentsSecondary2" | "intentsSecondary3" | "intentsSecondary4" | "intentsSecondary5" | "intentsSecondary6" | "intentsSecondary7" | "intentsSecondary8" | "intentsSecondary9" | "intentsSuccess1" | "intentsSuccess10" | "intentsSuccess11" | "intentsSuccess12" | "intentsSuccess2" | "intentsSuccess3" | "intentsSuccess4" | "intentsSuccess5" | "intentsSuccess6" | "intentsSuccess7" | "intentsSuccess8" | "intentsSuccess9" | "intentsWarning1" | "intentsWarning10" | "intentsWarning11" | "intentsWarning12" | "intentsWarning2" | "intentsWarning3" | "intentsWarning4" | "intentsWarning5" | "intentsWarning6" | "intentsWarning7" | "intentsWarning8" | "intentsWarning9" | "inverseA1" | "inverseA10" | "inverseA11" | "inverseA12" | "inverseA2" | "inverseA3" | "inverseA4" | "inverseA5" | "inverseA6" | "inverseA7" | "inverseA8" | "inverseA9" | "overlayBg" | "overlayText" | "scalesBlue1" | "scalesBlue10" | "scalesBlue11" | "scalesBlue12" | "scalesBlue2" | "scalesBlue3" | "scalesBlue4" | "scalesBlue5" | "scalesBlue6" | "scalesBlue7" | "scalesBlue8" | "scalesBlue9" | "scalesGray1" | "scalesGray10" | "scalesGray11" | "scalesGray12" | "scalesGray2" | "scalesGray3" | "scalesGray4" | "scalesGray5" | "scalesGray6" | "scalesGray7" | "scalesGray8" | "scalesGray9" | "scalesGreen1" | "scalesGreen10" | "scalesGreen11" | "scalesGreen12" | "scalesGreen2" | "scalesGreen3" | "scalesGreen4" | "scalesGreen5" | "scalesGreen6" | "scalesGreen7" | "scalesGreen8" | "scalesGreen9" | "scalesRed1" | "scalesRed10" | "scalesRed11" | "scalesRed12" | "scalesRed2" | "scalesRed3" | "scalesRed4" | "scalesRed5" | "scalesRed6" | "scalesRed7" | "scalesRed8" | "scalesRed9" | "scalesYellow1" | "scalesYellow10" | "scalesYellow11" | "scalesYellow12" | "scalesYellow2" | "scalesYellow3" | "scalesYellow4" | "scalesYellow5" | "scalesYellow6" | "scalesYellow7" | "scalesYellow8" | "scalesYellow9" | "semanticGhostBaseBg" | "semanticGhostBaseBorder" | "semanticGhostBaseColor" | "semanticGhostBaseDisabledBg" | "semanticGhostBaseDisabledBorder" | "semanticGhostBaseDisabledColor" | "semanticGhostBaseDisabledIcon" | "semanticGhostBaseFocus" | "semanticGhostBaseHoverBg" | "semanticGhostBaseHoverBorder" | "semanticGhostBaseHoverColor" | "semanticGhostBaseHoverIcon" | "semanticGhostBaseIcon" | "semanticGhostErrorBg" | "semanticGhostErrorBorder" | "semanticGhostErrorColor" | "semanticGhostErrorDisabledBg" | "semanticGhostErrorDisabledBorder" | "semanticGhostErrorDisabledColor" | "semanticGhostErrorDisabledIcon" | "semanticGhostErrorFocus" | "semanticGhostErrorHoverBg" | "semanticGhostErrorHoverBorder" | "semanticGhostErrorHoverColor" | "semanticGhostErrorHoverIcon" | "semanticGhostErrorIcon" | "semanticGhostInfoBg" | "semanticGhostInfoBorder" | "semanticGhostInfoColor" | "semanticGhostInfoDisabledBg" | "semanticGhostInfoDisabledBorder" | "semanticGhostInfoDisabledColor" | "semanticGhostInfoDisabledIcon" | "semanticGhostInfoFocus" | "semanticGhostInfoHoverBg" | "semanticGhostInfoHoverBorder" | "semanticGhostInfoHoverColor" | "semanticGhostInfoHoverIcon" | "semanticGhostInfoIcon" | "semanticGhostPrimaryBg" | "semanticGhostPrimaryBorder" | "semanticGhostPrimaryColor" | "semanticGhostPrimaryDisabledBg" | "semanticGhostPrimaryDisabledBorder" | "semanticGhostPrimaryDisabledColor" | "semanticGhostPrimaryDisabledIcon" | "semanticGhostPrimaryFocus" | "semanticGhostPrimaryHoverBg" | "semanticGhostPrimaryHoverBorder" | "semanticGhostPrimaryHoverColor" | "semanticGhostPrimaryHoverIcon" | "semanticGhostPrimaryIcon" | "semanticGhostSecondaryBg" | "semanticGhostSecondaryBorder" | "semanticGhostSecondaryColor" | "semanticGhostSecondaryDisabledBg" | "semanticGhostSecondaryDisabledBorder" | "semanticGhostSecondaryDisabledColor" | "semanticGhostSecondaryDisabledIcon" | "semanticGhostSecondaryFocus" | "semanticGhostSecondaryHoverBg" | "semanticGhostSecondaryHoverBorder" | "semanticGhostSecondaryHoverColor" | "semanticGhostSecondaryHoverIcon" | "semanticGhostSecondaryIcon" | "semanticGhostSuccessBg" | "semanticGhostSuccessBorder" | "semanticGhostSuccessColor" | "semanticGhostSuccessDisabledBg" | "semanticGhostSuccessDisabledBorder" | "semanticGhostSuccessDisabledColor" | "semanticGhostSuccessDisabledIcon" | "semanticGhostSuccessFocus" | "semanticGhostSuccessHoverBg" | "semanticGhostSuccessHoverBorder" | "semanticGhostSuccessHoverColor" | "semanticGhostSuccessHoverIcon" | "semanticGhostSuccessIcon" | "semanticGhostWarningBg" | "semanticGhostWarningBorder" | "semanticGhostWarningColor" | "semanticGhostWarningDisabledBg" | "semanticGhostWarningDisabledBorder" | "semanticGhostWarningDisabledColor" | "semanticGhostWarningDisabledIcon" | "semanticGhostWarningFocus" | "semanticGhostWarningHoverBg" | "semanticGhostWarningHoverBorder" | "semanticGhostWarningHoverColor" | "semanticGhostWarningHoverIcon" | "semanticGhostWarningIcon" | "semanticLinkBaseBg" | "semanticLinkBaseBorder" | "semanticLinkBaseColor" | "semanticLinkBaseDisabledBg" | "semanticLinkBaseDisabledBorder" | "semanticLinkBaseDisabledColor" | "semanticLinkBaseDisabledIcon" | "semanticLinkBaseFocus" | "semanticLinkBaseHoverBg" | "semanticLinkBaseHoverBorder" | "semanticLinkBaseHoverColor" | "semanticLinkBaseHoverIcon" | "semanticLinkBaseIcon" | "semanticLinkErrorBg" | "semanticLinkErrorBorder" | "semanticLinkErrorColor" | "semanticLinkErrorDisabledBg" | "semanticLinkErrorDisabledBorder" | "semanticLinkErrorDisabledColor" | "semanticLinkErrorDisabledIcon" | "semanticLinkErrorFocus" | "semanticLinkErrorHoverBg" | "semanticLinkErrorHoverBorder" | "semanticLinkErrorHoverColor" | "semanticLinkErrorHoverIcon" | "semanticLinkErrorIcon" | "semanticLinkInfoBg" | "semanticLinkInfoBorder" | "semanticLinkInfoColor" | "semanticLinkInfoDisabledBg" | "semanticLinkInfoDisabledBorder" | "semanticLinkInfoDisabledColor" | "semanticLinkInfoDisabledIcon" | "semanticLinkInfoFocus" | "semanticLinkInfoHoverBg" | "semanticLinkInfoHoverBorder" | "semanticLinkInfoHoverColor" | "semanticLinkInfoHoverIcon" | "semanticLinkInfoIcon" | "semanticLinkPrimaryBg" | "semanticLinkPrimaryBorder" | "semanticLinkPrimaryColor" | "semanticLinkPrimaryDisabledBg" | "semanticLinkPrimaryDisabledBorder" | "semanticLinkPrimaryDisabledColor" | "semanticLinkPrimaryDisabledIcon" | "semanticLinkPrimaryFocus" | "semanticLinkPrimaryHoverBg" | "semanticLinkPrimaryHoverBorder" | "semanticLinkPrimaryHoverColor" | "semanticLinkPrimaryHoverIcon" | "semanticLinkPrimaryIcon" | "semanticLinkSecondaryBg" | "semanticLinkSecondaryBorder" | "semanticLinkSecondaryColor" | "semanticLinkSecondaryDisabledBg" | "semanticLinkSecondaryDisabledBorder" | "semanticLinkSecondaryDisabledColor" | "semanticLinkSecondaryDisabledIcon" | "semanticLinkSecondaryFocus" | "semanticLinkSecondaryHoverBg" | "semanticLinkSecondaryHoverBorder" | "semanticLinkSecondaryHoverColor" | "semanticLinkSecondaryHoverIcon" | "semanticLinkSecondaryIcon" | "semanticLinkSuccessBg" | "semanticLinkSuccessBorder" | "semanticLinkSuccessColor" | "semanticLinkSuccessDisabledBg" | "semanticLinkSuccessDisabledBorder" | "semanticLinkSuccessDisabledColor" | "semanticLinkSuccessDisabledIcon" | "semanticLinkSuccessFocus" | "semanticLinkSuccessHoverBg" | "semanticLinkSuccessHoverBorder" | "semanticLinkSuccessHoverColor" | "semanticLinkSuccessHoverIcon" | "semanticLinkSuccessIcon" | "semanticLinkWarningBg" | "semanticLinkWarningBorder" | "semanticLinkWarningColor" | "semanticLinkWarningDisabledBg" | "semanticLinkWarningDisabledBorder" | "semanticLinkWarningDisabledColor" | "semanticLinkWarningDisabledIcon" | "semanticLinkWarningFocus" | "semanticLinkWarningHoverBg" | "semanticLinkWarningHoverBorder" | "semanticLinkWarningHoverColor" | "semanticLinkWarningHoverIcon" | "semanticLinkWarningIcon" | "semanticOutlinedBaseBg" | "semanticOutlinedBaseBorder" | "semanticOutlinedBaseColor" | "semanticOutlinedBaseDisabledBg" | "semanticOutlinedBaseDisabledBorder" | "semanticOutlinedBaseDisabledColor" | "semanticOutlinedBaseDisabledIcon" | "semanticOutlinedBaseFocus" | "semanticOutlinedBaseHoverBg" | "semanticOutlinedBaseHoverBorder" | "semanticOutlinedBaseHoverColor" | "semanticOutlinedBaseHoverIcon" | "semanticOutlinedBaseIcon" | "semanticOutlinedErrorBg" | "semanticOutlinedErrorBorder" | "semanticOutlinedErrorColor" | "semanticOutlinedErrorDisabledBg" | "semanticOutlinedErrorDisabledBorder" | "semanticOutlinedErrorDisabledColor" | "semanticOutlinedErrorDisabledIcon" | "semanticOutlinedErrorFocus" | "semanticOutlinedErrorHoverBg" | "semanticOutlinedErrorHoverBorder" | "semanticOutlinedErrorHoverColor" | "semanticOutlinedErrorHoverIcon" | "semanticOutlinedErrorIcon" | "semanticOutlinedInfoBg" | "semanticOutlinedInfoBorder" | "semanticOutlinedInfoColor" | "semanticOutlinedInfoDisabledBg" | "semanticOutlinedInfoDisabledBorder" | "semanticOutlinedInfoDisabledColor" | "semanticOutlinedInfoDisabledIcon" | "semanticOutlinedInfoFocus" | "semanticOutlinedInfoHoverBg" | "semanticOutlinedInfoHoverBorder" | "semanticOutlinedInfoHoverColor" | "semanticOutlinedInfoHoverIcon" | "semanticOutlinedInfoIcon" | "semanticOutlinedPrimaryBg" | "semanticOutlinedPrimaryBorder" | "semanticOutlinedPrimaryColor" | "semanticOutlinedPrimaryDisabledBg" | "semanticOutlinedPrimaryDisabledBorder" | "semanticOutlinedPrimaryDisabledColor" | "semanticOutlinedPrimaryDisabledIcon" | "semanticOutlinedPrimaryFocus" | "semanticOutlinedPrimaryHoverBg" | "semanticOutlinedPrimaryHoverBorder" | "semanticOutlinedPrimaryHoverColor" | "semanticOutlinedPrimaryHoverIcon" | "semanticOutlinedPrimaryIcon" | "semanticOutlinedSecondaryBg" | "semanticOutlinedSecondaryBorder" | "semanticOutlinedSecondaryColor" | "semanticOutlinedSecondaryDisabledBg" | "semanticOutlinedSecondaryDisabledBorder" | "semanticOutlinedSecondaryDisabledColor" | "semanticOutlinedSecondaryDisabledIcon" | "semanticOutlinedSecondaryFocus" | "semanticOutlinedSecondaryHoverBg" | "semanticOutlinedSecondaryHoverBorder" | "semanticOutlinedSecondaryHoverColor" | "semanticOutlinedSecondaryHoverIcon" | "semanticOutlinedSecondaryIcon" | "semanticOutlinedSuccessBg" | "semanticOutlinedSuccessBorder" | "semanticOutlinedSuccessColor" | "semanticOutlinedSuccessDisabledBg" | "semanticOutlinedSuccessDisabledBorder" | "semanticOutlinedSuccessDisabledColor" | "semanticOutlinedSuccessDisabledIcon" | "semanticOutlinedSuccessFocus" | "semanticOutlinedSuccessHoverBg" | "semanticOutlinedSuccessHoverBorder" | "semanticOutlinedSuccessHoverColor" | "semanticOutlinedSuccessHoverIcon" | "semanticOutlinedSuccessIcon" | "semanticOutlinedWarningBg" | "semanticOutlinedWarningBorder" | "semanticOutlinedWarningColor" | "semanticOutlinedWarningDisabledBg" | "semanticOutlinedWarningDisabledBorder" | "semanticOutlinedWarningDisabledColor" | "semanticOutlinedWarningDisabledIcon" | "semanticOutlinedWarningFocus" | "semanticOutlinedWarningHoverBg" | "semanticOutlinedWarningHoverBorder" | "semanticOutlinedWarningHoverColor" | "semanticOutlinedWarningHoverIcon" | "semanticOutlinedWarningIcon" | "semanticSolidBaseBg" | "semanticSolidBaseBorder" | "semanticSolidBaseColor" | "semanticSolidBaseDisabledBg" | "semanticSolidBaseDisabledBorder" | "semanticSolidBaseDisabledColor" | "semanticSolidBaseDisabledIcon" | "semanticSolidBaseFocus" | "semanticSolidBaseHoverBg" | "semanticSolidBaseHoverBorder" | "semanticSolidBaseHoverColor" | "semanticSolidBaseHoverIcon" | "semanticSolidBaseIcon" | "semanticSolidErrorBg" | "semanticSolidErrorBorder" | "semanticSolidErrorColor" | "semanticSolidErrorDisabledBg" | "semanticSolidErrorDisabledBorder" | "semanticSolidErrorDisabledColor" | "semanticSolidErrorDisabledIcon" | "semanticSolidErrorFocus" | "semanticSolidErrorHoverBg" | "semanticSolidErrorHoverBorder" | "semanticSolidErrorHoverColor" | "semanticSolidErrorHoverIcon" | "semanticSolidErrorIcon" | "semanticSolidInfoBg" | "semanticSolidInfoBorder" | "semanticSolidInfoColor" | "semanticSolidInfoDisabledBg" | "semanticSolidInfoDisabledBorder" | "semanticSolidInfoDisabledColor" | "semanticSolidInfoDisabledIcon" | "semanticSolidInfoFocus" | "semanticSolidInfoHoverBg" | "semanticSolidInfoHoverBorder" | "semanticSolidInfoHoverColor" | "semanticSolidInfoHoverIcon" | "semanticSolidInfoIcon" | "semanticSolidPrimaryBg" | "semanticSolidPrimaryBorder" | "semanticSolidPrimaryColor" | "semanticSolidPrimaryDisabledBg" | "semanticSolidPrimaryDisabledBorder" | "semanticSolidPrimaryDisabledColor" | "semanticSolidPrimaryDisabledIcon" | "semanticSolidPrimaryFocus" | "semanticSolidPrimaryHoverBg" | "semanticSolidPrimaryHoverBorder" | "semanticSolidPrimaryHoverColor" | "semanticSolidPrimaryHoverIcon" | "semanticSolidPrimaryIcon" | "semanticSolidSecondaryBg" | "semanticSolidSecondaryBorder" | "semanticSolidSecondaryColor" | "semanticSolidSecondaryDisabledBg" | "semanticSolidSecondaryDisabledBorder" | "semanticSolidSecondaryDisabledColor" | "semanticSolidSecondaryDisabledIcon" | "semanticSolidSecondaryFocus" | "semanticSolidSecondaryHoverBg" | "semanticSolidSecondaryHoverBorder" | "semanticSolidSecondaryHoverColor" | "semanticSolidSecondaryHoverIcon" | "semanticSolidSecondaryIcon" | "semanticSolidSuccessBg" | "semanticSolidSuccessBorder" | "semanticSolidSuccessColor" | "semanticSolidSuccessDisabledBg" | "semanticSolidSuccessDisabledBorder" | "semanticSolidSuccessDisabledColor" | "semanticSolidSuccessDisabledIcon" | "semanticSolidSuccessFocus" | "semanticSolidSuccessHoverBg" | "semanticSolidSuccessHoverBorder" | "semanticSolidSuccessHoverColor" | "semanticSolidSuccessHoverIcon" | "semanticSolidSuccessIcon" | "semanticSolidWarningBg" | "semanticSolidWarningBorder" | "semanticSolidWarningColor" | "semanticSolidWarningDisabledBg" | "semanticSolidWarningDisabledBorder" | "semanticSolidWarningDisabledColor" | "semanticSolidWarningDisabledIcon" | "semanticSolidWarningFocus" | "semanticSolidWarningHoverBg" | "semanticSolidWarningHoverBorder" | "semanticSolidWarningHoverColor" | "semanticSolidWarningHoverIcon" | "semanticSolidWarningIcon" | "textActive" | "textColor" | "textHeading" | "textIcon" | "textInverse" | "textLink" | "textLinkActive" | "textLinkDisabled" | "textLinkHover" | "textLinkVisited" | "textMuted" | "textSubtext" | "white" | "whiteA1" | "whiteA10" | "whiteA11" | "whiteA12" | "whiteA2" | "whiteA3" | "whiteA4" | "whiteA5" | "whiteA6" | "whiteA7" | "whiteA8" | "whiteA9" | "current" | undefined;
    content?: string | undefined;
    fontSize?: _fuel_ui_css.TextSizes | undefined;
    translate?: "yes" | "no" | undefined;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    prefix?: string | undefined;
    as?: any;
    className?: string | undefined;
    children?: react.ReactNode;
    onClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    accessKey?: string | undefined;
    dir?: string | undefined;
    draggable?: (boolean | "true" | "false") | undefined;
    lang?: string | undefined;
    title?: string | undefined;
    id?: string | undefined;
    slot?: string | undefined;
    role?: react.AriaRole | undefined;
    style?: react.CSSProperties | undefined;
    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
    inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
    nonce?: string | undefined;
    tabIndex?: number | undefined;
    key?: react.Key | null | undefined;
    ref?: react.Ref<HTMLParagraphElement> | undefined;
    defaultChecked?: boolean | undefined;
    defaultValue?: string | number | readonly string[] | undefined;
    suppressContentEditableWarning?: boolean | undefined;
    suppressHydrationWarning?: boolean | undefined;
    autoFocus?: boolean | undefined;
    contextMenu?: string | undefined;
    placeholder?: string | undefined;
    spellCheck?: (boolean | "true" | "false") | undefined;
    radioGroup?: string | undefined;
    about?: string | undefined;
    datatype?: string | undefined;
    inlist?: any;
    property?: string | undefined;
    rel?: string | undefined;
    resource?: string | undefined;
    rev?: string | undefined;
    typeof?: string | undefined;
    vocab?: string | undefined;
    autoCapitalize?: string | undefined;
    autoCorrect?: string | undefined;
    autoSave?: string | undefined;
    itemProp?: string | undefined;
    itemScope?: boolean | undefined;
    itemType?: string | undefined;
    itemID?: string | undefined;
    itemRef?: string | undefined;
    results?: number | undefined;
    security?: string | undefined;
    unselectable?: "on" | "off" | undefined;
    'aria-activedescendant'?: string | undefined;
    'aria-atomic'?: (boolean | "true" | "false") | undefined;
    'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
    'aria-braillelabel'?: string | undefined;
    'aria-brailleroledescription'?: string | undefined;
    'aria-busy'?: (boolean | "true" | "false") | undefined;
    'aria-checked'?: boolean | "true" | "mixed" | "false" | undefined;
    'aria-colcount'?: number | undefined;
    'aria-colindex'?: number | undefined;
    'aria-colindextext'?: string | undefined;
    'aria-colspan'?: number | undefined;
    'aria-controls'?: string | undefined;
    'aria-current'?: boolean | "location" | "time" | "true" | "page" | "false" | "step" | "date" | undefined;
    'aria-describedby'?: string | undefined;
    'aria-description'?: string | undefined;
    'aria-details'?: string | undefined;
    'aria-disabled'?: (boolean | "true" | "false") | undefined;
    'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
    'aria-errormessage'?: string | undefined;
    'aria-expanded'?: (boolean | "true" | "false") | undefined;
    'aria-flowto'?: string | undefined;
    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
    'aria-haspopup'?: boolean | "grid" | "menu" | "dialog" | "true" | "listbox" | "false" | "tree" | undefined;
    'aria-hidden'?: (boolean | "true" | "false") | undefined;
    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
    'aria-keyshortcuts'?: string | undefined;
    'aria-label'?: string | undefined;
    'aria-labelledby'?: string | undefined;
    'aria-level'?: number | undefined;
    'aria-live'?: "off" | "assertive" | "polite" | undefined;
    'aria-modal'?: (boolean | "true" | "false") | undefined;
    'aria-multiline'?: (boolean | "true" | "false") | undefined;
    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
    'aria-orientation'?: "horizontal" | "vertical" | undefined;
    'aria-owns'?: string | undefined;
    'aria-placeholder'?: string | undefined;
    'aria-posinset'?: number | undefined;
    'aria-pressed'?: boolean | "true" | "mixed" | "false" | undefined;
    'aria-readonly'?: (boolean | "true" | "false") | undefined;
    'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
    'aria-required'?: (boolean | "true" | "false") | undefined;
    'aria-roledescription'?: string | undefined;
    'aria-rowcount'?: number | undefined;
    'aria-rowindex'?: number | undefined;
    'aria-rowindextext'?: string | undefined;
    'aria-rowspan'?: number | undefined;
    'aria-selected'?: (boolean | "true" | "false") | undefined;
    'aria-setsize'?: number | undefined;
    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
    'aria-valuemax'?: number | undefined;
    'aria-valuemin'?: number | undefined;
    'aria-valuenow'?: number | undefined;
    'aria-valuetext'?: string | undefined;
    dangerouslySetInnerHTML?: {
        __html: string | TrustedHTML;
    } | undefined;
    onCopy?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
    onCopyCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
    onCut?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
    onCutCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
    onPaste?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
    onPasteCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
    onCompositionEnd?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
    onCompositionEndCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
    onCompositionStart?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
    onCompositionStartCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
    onCompositionUpdate?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
    onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
    onFocus?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
    onFocusCapture?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
    onBlur?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
    onBlurCapture?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
    onChange?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onChangeCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onBeforeInput?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onBeforeInputCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onInput?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onInputCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onReset?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onResetCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onSubmit?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onSubmitCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onInvalid?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onInvalidCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
    onLoad?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onLoadCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onError?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onErrorCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onKeyDown?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
    onKeyDownCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
    onKeyPress?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
    onKeyPressCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
    onKeyUp?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
    onKeyUpCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
    onAbort?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onAbortCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onCanPlay?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onCanPlayCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onCanPlayThrough?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onCanPlayThroughCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onDurationChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onDurationChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onEmptied?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onEmptiedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onEncrypted?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onEncryptedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onEnded?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onEndedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onLoadedData?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onLoadedDataCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onLoadedMetadata?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onLoadedMetadataCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onLoadStart?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onLoadStartCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onPause?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onPauseCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onPlay?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onPlayCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onPlaying?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onPlayingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onProgress?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onProgressCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onRateChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onRateChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onResize?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onResizeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onSeeked?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onSeekedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onSeeking?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onSeekingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onStalled?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onStalledCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onSuspend?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onSuspendCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onTimeUpdate?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onTimeUpdateCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onVolumeChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onVolumeChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onWaiting?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onWaitingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onAuxClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onAuxClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onContextMenu?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onContextMenuCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onDoubleClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onDoubleClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onDrag?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragEnd?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragEndCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragEnter?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragEnterCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragExit?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragExitCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragLeave?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragLeaveCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragOver?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragOverCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragStart?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDragStartCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDrop?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onDropCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
    onMouseDown?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseDownCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseEnter?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseLeave?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseMove?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseMoveCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseOut?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseOutCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseOver?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseOverCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseUp?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onMouseUpCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
    onSelect?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onSelectCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
    onTouchCancel?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onTouchCancelCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onTouchEnd?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onTouchEndCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onTouchMove?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onTouchMoveCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onTouchStart?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onTouchStartCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
    onPointerDown?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerDownCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerMove?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerMoveCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerUp?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerUpCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerCancel?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerCancelCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerEnter?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerEnterCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerLeave?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerLeaveCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerOver?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerOverCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerOut?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onPointerOutCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onGotPointerCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onLostPointerCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
    onScroll?: react.UIEventHandler<HTMLParagraphElement> | undefined;
    onScrollCapture?: react.UIEventHandler<HTMLParagraphElement> | undefined;
    onWheel?: react.WheelEventHandler<HTMLParagraphElement> | undefined;
    onWheelCapture?: react.WheelEventHandler<HTMLParagraphElement> | undefined;
    onAnimationStart?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
    onAnimationStartCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
    onAnimationEnd?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
    onAnimationEndCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
    onAnimationIteration?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
    onAnimationIterationCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
    onTransitionEnd?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
    onTransitionEndCapture?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
    iconSize?: number | undefined;
    leftIconAriaLabel?: string | undefined;
    rightIconAriaLabel?: string | undefined;
}>, "children">, "ref"> & react.RefAttributes<HTMLSpanElement>> & {
    id: string;
};

declare const AssetIcon: (<C = "img">(props: PolymorphicComponentProps<C, Omit<Omit<BaseProps$1<AssetIconProps>, "children">, "as">>) => react.ReactElement<Omit<Omit<BaseProps$1<AssetIconProps>, "children">, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<Omit<BaseProps$1<AssetIconProps>, "children">, "as">>, never> & react.ForwardRefExoticComponent<Omit<BaseProps$1<AssetIconProps>, "children"> & react.RefAttributes<HTMLImageElement>> & {
    id: string;
};

declare const AssetName: (<C = "span">(props: PolymorphicComponentProps<C, Omit<Omit<BaseProps$1<AssetSymbolProps>, "children">, "as">>) => react.ReactElement<Omit<Omit<BaseProps$1<AssetSymbolProps>, "children">, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<Omit<BaseProps$1<AssetSymbolProps>, "children">, "as">>, never> & react.ForwardRefExoticComponent<Omit<BaseProps$1<AssetSymbolProps>, "children"> & react.RefAttributes<HTMLSpanElement>> & {
    id: string;
};

declare const AssetSymbol: (<C = "span">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<AssetSymbolProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<AssetSymbolProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<AssetSymbolProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLSpanElement> & react.RefAttributes<HTMLSpanElement>> & {
    id: string;
};

type AssetIconSize = Exclude<Sizes, 'xs' | '2xl'>;
type Assets = 'eth';
type AssetList = Record<Assets, AssetObj>;
type AssetObj = {
    name: string;
    symbol: string;
    imageUrl?: string;
};
type AssetProps = ComponentProps$1<typeof Box.Stack> & {
    asset: AssetObj;
    amount?: BNInput;
    units?: number;
    precision?: number;
    iconSize?: AssetIconSize | number;
    negative?: boolean;
    hideIcon?: boolean;
};
type AssetDef = CreateComponent<{
    type: 'div';
    component: Components.Asset;
    props: AssetProps;
    element: HTMLSpanElement;
    styles: 'root' | 'icon' | 'name' | 'symbol' | 'amount';
    namespace: {
        Icon: typeof AssetIcon;
        Name: typeof AssetName;
        Symbol: typeof AssetSymbol;
        Amount: typeof AssetAmount;
    };
}>;
type AssetIconProps = BaseProps$1<{
    icon?: ReactNode;
}>;
type AssetIconDef = CreateComponent<{
    type: 'img';
    omit: 'children';
    component: Components.AssetIcon;
    props: AssetIconProps;
    element: HTMLImageElement;
    namespace: {
        id: string;
    };
}>;
type AssetNameProps = BaseProps$1<HTMLProps['span']>;
type AssetNameDef = CreateComponent<{
    type: 'span';
    omit: 'children';
    component: Components.AssetName;
    props: AssetSymbolProps;
    element: HTMLSpanElement;
    namespace: {
        id: string;
    };
}>;
type AssetSymbolProps = BaseProps$1<HTMLProps['span']>;
type AssetSymbolDef = CreateComponent<{
    type: 'span';
    component: Components.AssetSymbol;
    props: AssetSymbolProps;
    element: HTMLSpanElement;
    namespace: {
        id: string;
    };
}>;
type BaseTextProps = Omit<ComponentProps$1<typeof Text>, 'leftIcon' | 'rightIcon' | 'iconColor'>;
type AssetAmountProps = BaseTextProps;
type AssetAmountDef = CreateComponent<{
    type: 'span';
    omit: 'children';
    component: Components.AssetAmount;
    props: AssetAmountProps;
    element: HTMLSpanElement;
    namespace: {
        id: string;
    };
}>;

type ContextProps$1 = AssetProps & {
    amountStr: string;
    isNegative: boolean;
};
declare function useAssetProps(): ContextProps$1;
declare const Asset: react.ForwardRefExoticComponent<Omit<BaseProps$1<AssetProps>, "ref"> & react.RefAttributes<HTMLSpanElement>> & {
    Icon: (<C = "img">(props: PolymorphicComponentProps<C, Omit<Omit<BaseProps$1<AssetIconProps>, "children">, "as">>) => react.ReactElement<Omit<Omit<BaseProps$1<AssetIconProps>, "children">, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<Omit<BaseProps$1<AssetIconProps>, "children">, "as">>, never> & react.ForwardRefExoticComponent<Omit<BaseProps$1<AssetIconProps>, "children"> & react.RefAttributes<HTMLImageElement>> & {
        id: string;
    };
    Name: (<C_1 = "span">(props: PolymorphicComponentProps<C_1, Omit<Omit<BaseProps$1<AssetSymbolProps>, "children">, "as">>) => react.ReactElement<Omit<Omit<BaseProps$1<AssetSymbolProps>, "children">, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<Omit<BaseProps$1<AssetSymbolProps>, "children">, "as">>, never> & react.ForwardRefExoticComponent<Omit<BaseProps$1<AssetSymbolProps>, "children"> & react.RefAttributes<HTMLSpanElement>> & {
        id: string;
    };
    Symbol: (<C_2 = "span">(props: PolymorphicComponentProps<C_2, Omit<BaseProps$1<AssetSymbolProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<AssetSymbolProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<AssetSymbolProps>, "as">>, never> & react.ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: react.ReactNode;
    } & react.HTMLAttributes<HTMLSpanElement> & react.RefAttributes<HTMLSpanElement>> & {
        id: string;
    };
    Amount: (<C_3 = "span">(props: PolymorphicComponentProps<C_3, Omit<Omit<BaseProps$1<{
        [x: `data-${string}`]: unknown;
        hidden?: boolean | undefined;
        is?: string | undefined;
        color?: "transparent" | "inherit" | "gray1" | "gray2" | "gray3" | "gray4" | "gray5" | "gray6" | "gray7" | "gray8" | "gray9" | "gray10" | "gray11" | "gray12" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "accent10" | "accent11" | "accent12" | "crimson1" | "crimson2" | "crimson3" | "crimson4" | "crimson5" | "crimson6" | "crimson7" | "crimson8" | "crimson9" | "crimson10" | "crimson11" | "crimson12" | "indigo1" | "indigo2" | "indigo3" | "indigo4" | "indigo5" | "indigo6" | "indigo7" | "indigo8" | "indigo9" | "indigo10" | "indigo11" | "indigo12" | "yellow1" | "yellow2" | "yellow3" | "yellow4" | "yellow5" | "yellow6" | "yellow7" | "yellow8" | "yellow9" | "yellow10" | "yellow11" | "yellow12" | "bodyColor" | "black" | "blackA1" | "blackA10" | "blackA11" | "blackA12" | "blackA2" | "blackA3" | "blackA4" | "blackA5" | "blackA6" | "blackA7" | "blackA8" | "blackA9" | "bodyBg" | "bodyInverse" | "border" | "borderHover" | "brand" | "cardBg" | "cardBorder" | "dialogBg" | "inputActiveBg" | "inputActiveBorder" | "inputActiveColor" | "inputActiveFocus" | "inputActiveIcon" | "inputActivePlaceholder" | "inputBaseBg" | "inputBaseBorder" | "inputBaseColor" | "inputBaseFocus" | "inputBaseIcon" | "inputBasePlaceholder" | "inputDisabledBg" | "inputDisabledBorder" | "inputDisabledColor" | "inputDisabledFocus" | "inputDisabledIcon" | "inputDisabledPlaceholder" | "inputErrorBg" | "inputErrorBorder" | "inputErrorColor" | "inputErrorFocus" | "inputErrorIcon" | "inputErrorPlaceholder" | "inputSuccessBg" | "inputSuccessBorder" | "inputSuccessColor" | "inputSuccessFocus" | "inputSuccessIcon" | "inputSuccessPlaceholder" | "inputBg" | "intentsBase1" | "intentsBase10" | "intentsBase11" | "intentsBase12" | "intentsBase2" | "intentsBase3" | "intentsBase4" | "intentsBase5" | "intentsBase6" | "intentsBase7" | "intentsBase8" | "intentsBase9" | "intentsError1" | "intentsError10" | "intentsError11" | "intentsError12" | "intentsError2" | "intentsError3" | "intentsError4" | "intentsError5" | "intentsError6" | "intentsError7" | "intentsError8" | "intentsError9" | "intentsInfo1" | "intentsInfo10" | "intentsInfo11" | "intentsInfo12" | "intentsInfo2" | "intentsInfo3" | "intentsInfo4" | "intentsInfo5" | "intentsInfo6" | "intentsInfo7" | "intentsInfo8" | "intentsInfo9" | "intentsPrimary1" | "intentsPrimary10" | "intentsPrimary11" | "intentsPrimary12" | "intentsPrimary2" | "intentsPrimary3" | "intentsPrimary4" | "intentsPrimary5" | "intentsPrimary6" | "intentsPrimary7" | "intentsPrimary8" | "intentsPrimary9" | "intentsSecondary1" | "intentsSecondary10" | "intentsSecondary11" | "intentsSecondary12" | "intentsSecondary2" | "intentsSecondary3" | "intentsSecondary4" | "intentsSecondary5" | "intentsSecondary6" | "intentsSecondary7" | "intentsSecondary8" | "intentsSecondary9" | "intentsSuccess1" | "intentsSuccess10" | "intentsSuccess11" | "intentsSuccess12" | "intentsSuccess2" | "intentsSuccess3" | "intentsSuccess4" | "intentsSuccess5" | "intentsSuccess6" | "intentsSuccess7" | "intentsSuccess8" | "intentsSuccess9" | "intentsWarning1" | "intentsWarning10" | "intentsWarning11" | "intentsWarning12" | "intentsWarning2" | "intentsWarning3" | "intentsWarning4" | "intentsWarning5" | "intentsWarning6" | "intentsWarning7" | "intentsWarning8" | "intentsWarning9" | "inverseA1" | "inverseA10" | "inverseA11" | "inverseA12" | "inverseA2" | "inverseA3" | "inverseA4" | "inverseA5" | "inverseA6" | "inverseA7" | "inverseA8" | "inverseA9" | "overlayBg" | "overlayText" | "scalesBlue1" | "scalesBlue10" | "scalesBlue11" | "scalesBlue12" | "scalesBlue2" | "scalesBlue3" | "scalesBlue4" | "scalesBlue5" | "scalesBlue6" | "scalesBlue7" | "scalesBlue8" | "scalesBlue9" | "scalesGray1" | "scalesGray10" | "scalesGray11" | "scalesGray12" | "scalesGray2" | "scalesGray3" | "scalesGray4" | "scalesGray5" | "scalesGray6" | "scalesGray7" | "scalesGray8" | "scalesGray9" | "scalesGreen1" | "scalesGreen10" | "scalesGreen11" | "scalesGreen12" | "scalesGreen2" | "scalesGreen3" | "scalesGreen4" | "scalesGreen5" | "scalesGreen6" | "scalesGreen7" | "scalesGreen8" | "scalesGreen9" | "scalesRed1" | "scalesRed10" | "scalesRed11" | "scalesRed12" | "scalesRed2" | "scalesRed3" | "scalesRed4" | "scalesRed5" | "scalesRed6" | "scalesRed7" | "scalesRed8" | "scalesRed9" | "scalesYellow1" | "scalesYellow10" | "scalesYellow11" | "scalesYellow12" | "scalesYellow2" | "scalesYellow3" | "scalesYellow4" | "scalesYellow5" | "scalesYellow6" | "scalesYellow7" | "scalesYellow8" | "scalesYellow9" | "semanticGhostBaseBg" | "semanticGhostBaseBorder" | "semanticGhostBaseColor" | "semanticGhostBaseDisabledBg" | "semanticGhostBaseDisabledBorder" | "semanticGhostBaseDisabledColor" | "semanticGhostBaseDisabledIcon" | "semanticGhostBaseFocus" | "semanticGhostBaseHoverBg" | "semanticGhostBaseHoverBorder" | "semanticGhostBaseHoverColor" | "semanticGhostBaseHoverIcon" | "semanticGhostBaseIcon" | "semanticGhostErrorBg" | "semanticGhostErrorBorder" | "semanticGhostErrorColor" | "semanticGhostErrorDisabledBg" | "semanticGhostErrorDisabledBorder" | "semanticGhostErrorDisabledColor" | "semanticGhostErrorDisabledIcon" | "semanticGhostErrorFocus" | "semanticGhostErrorHoverBg" | "semanticGhostErrorHoverBorder" | "semanticGhostErrorHoverColor" | "semanticGhostErrorHoverIcon" | "semanticGhostErrorIcon" | "semanticGhostInfoBg" | "semanticGhostInfoBorder" | "semanticGhostInfoColor" | "semanticGhostInfoDisabledBg" | "semanticGhostInfoDisabledBorder" | "semanticGhostInfoDisabledColor" | "semanticGhostInfoDisabledIcon" | "semanticGhostInfoFocus" | "semanticGhostInfoHoverBg" | "semanticGhostInfoHoverBorder" | "semanticGhostInfoHoverColor" | "semanticGhostInfoHoverIcon" | "semanticGhostInfoIcon" | "semanticGhostPrimaryBg" | "semanticGhostPrimaryBorder" | "semanticGhostPrimaryColor" | "semanticGhostPrimaryDisabledBg" | "semanticGhostPrimaryDisabledBorder" | "semanticGhostPrimaryDisabledColor" | "semanticGhostPrimaryDisabledIcon" | "semanticGhostPrimaryFocus" | "semanticGhostPrimaryHoverBg" | "semanticGhostPrimaryHoverBorder" | "semanticGhostPrimaryHoverColor" | "semanticGhostPrimaryHoverIcon" | "semanticGhostPrimaryIcon" | "semanticGhostSecondaryBg" | "semanticGhostSecondaryBorder" | "semanticGhostSecondaryColor" | "semanticGhostSecondaryDisabledBg" | "semanticGhostSecondaryDisabledBorder" | "semanticGhostSecondaryDisabledColor" | "semanticGhostSecondaryDisabledIcon" | "semanticGhostSecondaryFocus" | "semanticGhostSecondaryHoverBg" | "semanticGhostSecondaryHoverBorder" | "semanticGhostSecondaryHoverColor" | "semanticGhostSecondaryHoverIcon" | "semanticGhostSecondaryIcon" | "semanticGhostSuccessBg" | "semanticGhostSuccessBorder" | "semanticGhostSuccessColor" | "semanticGhostSuccessDisabledBg" | "semanticGhostSuccessDisabledBorder" | "semanticGhostSuccessDisabledColor" | "semanticGhostSuccessDisabledIcon" | "semanticGhostSuccessFocus" | "semanticGhostSuccessHoverBg" | "semanticGhostSuccessHoverBorder" | "semanticGhostSuccessHoverColor" | "semanticGhostSuccessHoverIcon" | "semanticGhostSuccessIcon" | "semanticGhostWarningBg" | "semanticGhostWarningBorder" | "semanticGhostWarningColor" | "semanticGhostWarningDisabledBg" | "semanticGhostWarningDisabledBorder" | "semanticGhostWarningDisabledColor" | "semanticGhostWarningDisabledIcon" | "semanticGhostWarningFocus" | "semanticGhostWarningHoverBg" | "semanticGhostWarningHoverBorder" | "semanticGhostWarningHoverColor" | "semanticGhostWarningHoverIcon" | "semanticGhostWarningIcon" | "semanticLinkBaseBg" | "semanticLinkBaseBorder" | "semanticLinkBaseColor" | "semanticLinkBaseDisabledBg" | "semanticLinkBaseDisabledBorder" | "semanticLinkBaseDisabledColor" | "semanticLinkBaseDisabledIcon" | "semanticLinkBaseFocus" | "semanticLinkBaseHoverBg" | "semanticLinkBaseHoverBorder" | "semanticLinkBaseHoverColor" | "semanticLinkBaseHoverIcon" | "semanticLinkBaseIcon" | "semanticLinkErrorBg" | "semanticLinkErrorBorder" | "semanticLinkErrorColor" | "semanticLinkErrorDisabledBg" | "semanticLinkErrorDisabledBorder" | "semanticLinkErrorDisabledColor" | "semanticLinkErrorDisabledIcon" | "semanticLinkErrorFocus" | "semanticLinkErrorHoverBg" | "semanticLinkErrorHoverBorder" | "semanticLinkErrorHoverColor" | "semanticLinkErrorHoverIcon" | "semanticLinkErrorIcon" | "semanticLinkInfoBg" | "semanticLinkInfoBorder" | "semanticLinkInfoColor" | "semanticLinkInfoDisabledBg" | "semanticLinkInfoDisabledBorder" | "semanticLinkInfoDisabledColor" | "semanticLinkInfoDisabledIcon" | "semanticLinkInfoFocus" | "semanticLinkInfoHoverBg" | "semanticLinkInfoHoverBorder" | "semanticLinkInfoHoverColor" | "semanticLinkInfoHoverIcon" | "semanticLinkInfoIcon" | "semanticLinkPrimaryBg" | "semanticLinkPrimaryBorder" | "semanticLinkPrimaryColor" | "semanticLinkPrimaryDisabledBg" | "semanticLinkPrimaryDisabledBorder" | "semanticLinkPrimaryDisabledColor" | "semanticLinkPrimaryDisabledIcon" | "semanticLinkPrimaryFocus" | "semanticLinkPrimaryHoverBg" | "semanticLinkPrimaryHoverBorder" | "semanticLinkPrimaryHoverColor" | "semanticLinkPrimaryHoverIcon" | "semanticLinkPrimaryIcon" | "semanticLinkSecondaryBg" | "semanticLinkSecondaryBorder" | "semanticLinkSecondaryColor" | "semanticLinkSecondaryDisabledBg" | "semanticLinkSecondaryDisabledBorder" | "semanticLinkSecondaryDisabledColor" | "semanticLinkSecondaryDisabledIcon" | "semanticLinkSecondaryFocus" | "semanticLinkSecondaryHoverBg" | "semanticLinkSecondaryHoverBorder" | "semanticLinkSecondaryHoverColor" | "semanticLinkSecondaryHoverIcon" | "semanticLinkSecondaryIcon" | "semanticLinkSuccessBg" | "semanticLinkSuccessBorder" | "semanticLinkSuccessColor" | "semanticLinkSuccessDisabledBg" | "semanticLinkSuccessDisabledBorder" | "semanticLinkSuccessDisabledColor" | "semanticLinkSuccessDisabledIcon" | "semanticLinkSuccessFocus" | "semanticLinkSuccessHoverBg" | "semanticLinkSuccessHoverBorder" | "semanticLinkSuccessHoverColor" | "semanticLinkSuccessHoverIcon" | "semanticLinkSuccessIcon" | "semanticLinkWarningBg" | "semanticLinkWarningBorder" | "semanticLinkWarningColor" | "semanticLinkWarningDisabledBg" | "semanticLinkWarningDisabledBorder" | "semanticLinkWarningDisabledColor" | "semanticLinkWarningDisabledIcon" | "semanticLinkWarningFocus" | "semanticLinkWarningHoverBg" | "semanticLinkWarningHoverBorder" | "semanticLinkWarningHoverColor" | "semanticLinkWarningHoverIcon" | "semanticLinkWarningIcon" | "semanticOutlinedBaseBg" | "semanticOutlinedBaseBorder" | "semanticOutlinedBaseColor" | "semanticOutlinedBaseDisabledBg" | "semanticOutlinedBaseDisabledBorder" | "semanticOutlinedBaseDisabledColor" | "semanticOutlinedBaseDisabledIcon" | "semanticOutlinedBaseFocus" | "semanticOutlinedBaseHoverBg" | "semanticOutlinedBaseHoverBorder" | "semanticOutlinedBaseHoverColor" | "semanticOutlinedBaseHoverIcon" | "semanticOutlinedBaseIcon" | "semanticOutlinedErrorBg" | "semanticOutlinedErrorBorder" | "semanticOutlinedErrorColor" | "semanticOutlinedErrorDisabledBg" | "semanticOutlinedErrorDisabledBorder" | "semanticOutlinedErrorDisabledColor" | "semanticOutlinedErrorDisabledIcon" | "semanticOutlinedErrorFocus" | "semanticOutlinedErrorHoverBg" | "semanticOutlinedErrorHoverBorder" | "semanticOutlinedErrorHoverColor" | "semanticOutlinedErrorHoverIcon" | "semanticOutlinedErrorIcon" | "semanticOutlinedInfoBg" | "semanticOutlinedInfoBorder" | "semanticOutlinedInfoColor" | "semanticOutlinedInfoDisabledBg" | "semanticOutlinedInfoDisabledBorder" | "semanticOutlinedInfoDisabledColor" | "semanticOutlinedInfoDisabledIcon" | "semanticOutlinedInfoFocus" | "semanticOutlinedInfoHoverBg" | "semanticOutlinedInfoHoverBorder" | "semanticOutlinedInfoHoverColor" | "semanticOutlinedInfoHoverIcon" | "semanticOutlinedInfoIcon" | "semanticOutlinedPrimaryBg" | "semanticOutlinedPrimaryBorder" | "semanticOutlinedPrimaryColor" | "semanticOutlinedPrimaryDisabledBg" | "semanticOutlinedPrimaryDisabledBorder" | "semanticOutlinedPrimaryDisabledColor" | "semanticOutlinedPrimaryDisabledIcon" | "semanticOutlinedPrimaryFocus" | "semanticOutlinedPrimaryHoverBg" | "semanticOutlinedPrimaryHoverBorder" | "semanticOutlinedPrimaryHoverColor" | "semanticOutlinedPrimaryHoverIcon" | "semanticOutlinedPrimaryIcon" | "semanticOutlinedSecondaryBg" | "semanticOutlinedSecondaryBorder" | "semanticOutlinedSecondaryColor" | "semanticOutlinedSecondaryDisabledBg" | "semanticOutlinedSecondaryDisabledBorder" | "semanticOutlinedSecondaryDisabledColor" | "semanticOutlinedSecondaryDisabledIcon" | "semanticOutlinedSecondaryFocus" | "semanticOutlinedSecondaryHoverBg" | "semanticOutlinedSecondaryHoverBorder" | "semanticOutlinedSecondaryHoverColor" | "semanticOutlinedSecondaryHoverIcon" | "semanticOutlinedSecondaryIcon" | "semanticOutlinedSuccessBg" | "semanticOutlinedSuccessBorder" | "semanticOutlinedSuccessColor" | "semanticOutlinedSuccessDisabledBg" | "semanticOutlinedSuccessDisabledBorder" | "semanticOutlinedSuccessDisabledColor" | "semanticOutlinedSuccessDisabledIcon" | "semanticOutlinedSuccessFocus" | "semanticOutlinedSuccessHoverBg" | "semanticOutlinedSuccessHoverBorder" | "semanticOutlinedSuccessHoverColor" | "semanticOutlinedSuccessHoverIcon" | "semanticOutlinedSuccessIcon" | "semanticOutlinedWarningBg" | "semanticOutlinedWarningBorder" | "semanticOutlinedWarningColor" | "semanticOutlinedWarningDisabledBg" | "semanticOutlinedWarningDisabledBorder" | "semanticOutlinedWarningDisabledColor" | "semanticOutlinedWarningDisabledIcon" | "semanticOutlinedWarningFocus" | "semanticOutlinedWarningHoverBg" | "semanticOutlinedWarningHoverBorder" | "semanticOutlinedWarningHoverColor" | "semanticOutlinedWarningHoverIcon" | "semanticOutlinedWarningIcon" | "semanticSolidBaseBg" | "semanticSolidBaseBorder" | "semanticSolidBaseColor" | "semanticSolidBaseDisabledBg" | "semanticSolidBaseDisabledBorder" | "semanticSolidBaseDisabledColor" | "semanticSolidBaseDisabledIcon" | "semanticSolidBaseFocus" | "semanticSolidBaseHoverBg" | "semanticSolidBaseHoverBorder" | "semanticSolidBaseHoverColor" | "semanticSolidBaseHoverIcon" | "semanticSolidBaseIcon" | "semanticSolidErrorBg" | "semanticSolidErrorBorder" | "semanticSolidErrorColor" | "semanticSolidErrorDisabledBg" | "semanticSolidErrorDisabledBorder" | "semanticSolidErrorDisabledColor" | "semanticSolidErrorDisabledIcon" | "semanticSolidErrorFocus" | "semanticSolidErrorHoverBg" | "semanticSolidErrorHoverBorder" | "semanticSolidErrorHoverColor" | "semanticSolidErrorHoverIcon" | "semanticSolidErrorIcon" | "semanticSolidInfoBg" | "semanticSolidInfoBorder" | "semanticSolidInfoColor" | "semanticSolidInfoDisabledBg" | "semanticSolidInfoDisabledBorder" | "semanticSolidInfoDisabledColor" | "semanticSolidInfoDisabledIcon" | "semanticSolidInfoFocus" | "semanticSolidInfoHoverBg" | "semanticSolidInfoHoverBorder" | "semanticSolidInfoHoverColor" | "semanticSolidInfoHoverIcon" | "semanticSolidInfoIcon" | "semanticSolidPrimaryBg" | "semanticSolidPrimaryBorder" | "semanticSolidPrimaryColor" | "semanticSolidPrimaryDisabledBg" | "semanticSolidPrimaryDisabledBorder" | "semanticSolidPrimaryDisabledColor" | "semanticSolidPrimaryDisabledIcon" | "semanticSolidPrimaryFocus" | "semanticSolidPrimaryHoverBg" | "semanticSolidPrimaryHoverBorder" | "semanticSolidPrimaryHoverColor" | "semanticSolidPrimaryHoverIcon" | "semanticSolidPrimaryIcon" | "semanticSolidSecondaryBg" | "semanticSolidSecondaryBorder" | "semanticSolidSecondaryColor" | "semanticSolidSecondaryDisabledBg" | "semanticSolidSecondaryDisabledBorder" | "semanticSolidSecondaryDisabledColor" | "semanticSolidSecondaryDisabledIcon" | "semanticSolidSecondaryFocus" | "semanticSolidSecondaryHoverBg" | "semanticSolidSecondaryHoverBorder" | "semanticSolidSecondaryHoverColor" | "semanticSolidSecondaryHoverIcon" | "semanticSolidSecondaryIcon" | "semanticSolidSuccessBg" | "semanticSolidSuccessBorder" | "semanticSolidSuccessColor" | "semanticSolidSuccessDisabledBg" | "semanticSolidSuccessDisabledBorder" | "semanticSolidSuccessDisabledColor" | "semanticSolidSuccessDisabledIcon" | "semanticSolidSuccessFocus" | "semanticSolidSuccessHoverBg" | "semanticSolidSuccessHoverBorder" | "semanticSolidSuccessHoverColor" | "semanticSolidSuccessHoverIcon" | "semanticSolidSuccessIcon" | "semanticSolidWarningBg" | "semanticSolidWarningBorder" | "semanticSolidWarningColor" | "semanticSolidWarningDisabledBg" | "semanticSolidWarningDisabledBorder" | "semanticSolidWarningDisabledColor" | "semanticSolidWarningDisabledIcon" | "semanticSolidWarningFocus" | "semanticSolidWarningHoverBg" | "semanticSolidWarningHoverBorder" | "semanticSolidWarningHoverColor" | "semanticSolidWarningHoverIcon" | "semanticSolidWarningIcon" | "textActive" | "textColor" | "textHeading" | "textIcon" | "textInverse" | "textLink" | "textLinkActive" | "textLinkDisabled" | "textLinkHover" | "textLinkVisited" | "textMuted" | "textSubtext" | "white" | "whiteA1" | "whiteA10" | "whiteA11" | "whiteA12" | "whiteA2" | "whiteA3" | "whiteA4" | "whiteA5" | "whiteA6" | "whiteA7" | "whiteA8" | "whiteA9" | "current" | undefined;
        content?: string | undefined;
        fontSize?: _fuel_ui_css.TextSizes | undefined;
        translate?: "yes" | "no" | undefined;
        css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
        prefix?: string | undefined;
        as?: any;
        className?: string | undefined;
        children?: react.ReactNode;
        onClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        accessKey?: string | undefined;
        dir?: string | undefined;
        draggable?: (boolean | "true" | "false") | undefined;
        lang?: string | undefined;
        title?: string | undefined;
        id?: string | undefined;
        slot?: string | undefined;
        role?: react.AriaRole | undefined;
        style?: react.CSSProperties | undefined;
        contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
        inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
        nonce?: string | undefined;
        tabIndex?: number | undefined;
        key?: react.Key | null | undefined;
        ref?: react.Ref<HTMLParagraphElement> | undefined;
        defaultChecked?: boolean | undefined;
        defaultValue?: string | number | readonly string[] | undefined;
        suppressContentEditableWarning?: boolean | undefined;
        suppressHydrationWarning?: boolean | undefined;
        autoFocus?: boolean | undefined;
        contextMenu?: string | undefined;
        placeholder?: string | undefined;
        spellCheck?: (boolean | "true" | "false") | undefined;
        radioGroup?: string | undefined;
        about?: string | undefined;
        datatype?: string | undefined;
        inlist?: any;
        property?: string | undefined;
        rel?: string | undefined;
        resource?: string | undefined;
        rev?: string | undefined;
        typeof?: string | undefined;
        vocab?: string | undefined;
        autoCapitalize?: string | undefined;
        autoCorrect?: string | undefined;
        autoSave?: string | undefined;
        itemProp?: string | undefined;
        itemScope?: boolean | undefined;
        itemType?: string | undefined;
        itemID?: string | undefined;
        itemRef?: string | undefined;
        results?: number | undefined;
        security?: string | undefined;
        unselectable?: "on" | "off" | undefined;
        'aria-activedescendant'?: string | undefined;
        'aria-atomic'?: (boolean | "true" | "false") | undefined;
        'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
        'aria-braillelabel'?: string | undefined;
        'aria-brailleroledescription'?: string | undefined;
        'aria-busy'?: (boolean | "true" | "false") | undefined;
        'aria-checked'?: boolean | "true" | "mixed" | "false" | undefined;
        'aria-colcount'?: number | undefined;
        'aria-colindex'?: number | undefined;
        'aria-colindextext'?: string | undefined;
        'aria-colspan'?: number | undefined;
        'aria-controls'?: string | undefined;
        'aria-current'?: boolean | "location" | "time" | "true" | "page" | "false" | "step" | "date" | undefined;
        'aria-describedby'?: string | undefined;
        'aria-description'?: string | undefined;
        'aria-details'?: string | undefined;
        'aria-disabled'?: (boolean | "true" | "false") | undefined;
        'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
        'aria-errormessage'?: string | undefined;
        'aria-expanded'?: (boolean | "true" | "false") | undefined;
        'aria-flowto'?: string | undefined;
        'aria-grabbed'?: (boolean | "true" | "false") | undefined;
        'aria-haspopup'?: boolean | "grid" | "menu" | "dialog" | "true" | "listbox" | "false" | "tree" | undefined;
        'aria-hidden'?: (boolean | "true" | "false") | undefined;
        'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
        'aria-keyshortcuts'?: string | undefined;
        'aria-label'?: string | undefined;
        'aria-labelledby'?: string | undefined;
        'aria-level'?: number | undefined;
        'aria-live'?: "off" | "assertive" | "polite" | undefined;
        'aria-modal'?: (boolean | "true" | "false") | undefined;
        'aria-multiline'?: (boolean | "true" | "false") | undefined;
        'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
        'aria-orientation'?: "horizontal" | "vertical" | undefined;
        'aria-owns'?: string | undefined;
        'aria-placeholder'?: string | undefined;
        'aria-posinset'?: number | undefined;
        'aria-pressed'?: boolean | "true" | "mixed" | "false" | undefined;
        'aria-readonly'?: (boolean | "true" | "false") | undefined;
        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
        'aria-required'?: (boolean | "true" | "false") | undefined;
        'aria-roledescription'?: string | undefined;
        'aria-rowcount'?: number | undefined;
        'aria-rowindex'?: number | undefined;
        'aria-rowindextext'?: string | undefined;
        'aria-rowspan'?: number | undefined;
        'aria-selected'?: (boolean | "true" | "false") | undefined;
        'aria-setsize'?: number | undefined;
        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
        'aria-valuemax'?: number | undefined;
        'aria-valuemin'?: number | undefined;
        'aria-valuenow'?: number | undefined;
        'aria-valuetext'?: string | undefined;
        dangerouslySetInnerHTML?: {
            __html: string | TrustedHTML;
        } | undefined;
        onCopy?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
        onCopyCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
        onCut?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
        onCutCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
        onPaste?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
        onPasteCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
        onCompositionEnd?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
        onCompositionEndCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
        onCompositionStart?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
        onCompositionStartCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
        onCompositionUpdate?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
        onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
        onFocus?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
        onFocusCapture?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
        onBlur?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
        onBlurCapture?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
        onChange?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onChangeCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onBeforeInput?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onBeforeInputCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onInput?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onInputCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onReset?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onResetCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onSubmit?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onSubmitCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onInvalid?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onInvalidCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onLoad?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onLoadCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onError?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onErrorCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onKeyDown?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
        onKeyDownCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
        onKeyPress?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
        onKeyPressCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
        onKeyUp?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
        onKeyUpCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
        onAbort?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onAbortCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onCanPlay?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onCanPlayCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onCanPlayThrough?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onCanPlayThroughCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onDurationChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onDurationChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onEmptied?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onEmptiedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onEncrypted?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onEncryptedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onEnded?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onEndedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onLoadedData?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onLoadedDataCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onLoadedMetadata?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onLoadedMetadataCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onLoadStart?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onLoadStartCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onPause?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onPauseCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onPlay?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onPlayCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onPlaying?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onPlayingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onProgress?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onProgressCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onRateChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onRateChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onResize?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onResizeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onSeeked?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onSeekedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onSeeking?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onSeekingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onStalled?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onStalledCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onSuspend?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onSuspendCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onTimeUpdate?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onTimeUpdateCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onVolumeChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onVolumeChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onWaiting?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onWaitingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onAuxClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onAuxClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onContextMenu?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onContextMenuCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onDoubleClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onDoubleClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onDrag?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragEnd?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragEndCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragEnter?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragEnterCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragExit?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragExitCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragLeave?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragLeaveCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragOver?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragOverCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragStart?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragStartCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDrop?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDropCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onMouseDown?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseDownCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseEnter?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseLeave?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseMove?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseMoveCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseOut?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseOutCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseOver?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseOverCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseUp?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseUpCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onSelect?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onSelectCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onTouchCancel?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onTouchCancelCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onTouchEnd?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onTouchEndCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onTouchMove?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onTouchMoveCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onTouchStart?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onTouchStartCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onPointerDown?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerDownCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerMove?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerMoveCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerUp?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerUpCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerCancel?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerCancelCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerEnter?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerEnterCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerLeave?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerLeaveCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerOver?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerOverCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerOut?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerOutCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onGotPointerCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onLostPointerCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onScroll?: react.UIEventHandler<HTMLParagraphElement> | undefined;
        onScrollCapture?: react.UIEventHandler<HTMLParagraphElement> | undefined;
        onWheel?: react.WheelEventHandler<HTMLParagraphElement> | undefined;
        onWheelCapture?: react.WheelEventHandler<HTMLParagraphElement> | undefined;
        onAnimationStart?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
        onAnimationStartCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
        onAnimationEnd?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
        onAnimationEndCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
        onAnimationIteration?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
        onAnimationIterationCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
        onTransitionEnd?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
        onTransitionEndCapture?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
        iconSize?: number | undefined;
        leftIconAriaLabel?: string | undefined;
        rightIconAriaLabel?: string | undefined;
    }>, "children">, "as">>) => react.ReactElement<Omit<Omit<BaseProps$1<{
        [x: `data-${string}`]: unknown;
        hidden?: boolean | undefined;
        is?: string | undefined;
        color?: "transparent" | "inherit" | "gray1" | "gray2" | "gray3" | "gray4" | "gray5" | "gray6" | "gray7" | "gray8" | "gray9" | "gray10" | "gray11" | "gray12" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "accent10" | "accent11" | "accent12" | "crimson1" | "crimson2" | "crimson3" | "crimson4" | "crimson5" | "crimson6" | "crimson7" | "crimson8" | "crimson9" | "crimson10" | "crimson11" | "crimson12" | "indigo1" | "indigo2" | "indigo3" | "indigo4" | "indigo5" | "indigo6" | "indigo7" | "indigo8" | "indigo9" | "indigo10" | "indigo11" | "indigo12" | "yellow1" | "yellow2" | "yellow3" | "yellow4" | "yellow5" | "yellow6" | "yellow7" | "yellow8" | "yellow9" | "yellow10" | "yellow11" | "yellow12" | "bodyColor" | "black" | "blackA1" | "blackA10" | "blackA11" | "blackA12" | "blackA2" | "blackA3" | "blackA4" | "blackA5" | "blackA6" | "blackA7" | "blackA8" | "blackA9" | "bodyBg" | "bodyInverse" | "border" | "borderHover" | "brand" | "cardBg" | "cardBorder" | "dialogBg" | "inputActiveBg" | "inputActiveBorder" | "inputActiveColor" | "inputActiveFocus" | "inputActiveIcon" | "inputActivePlaceholder" | "inputBaseBg" | "inputBaseBorder" | "inputBaseColor" | "inputBaseFocus" | "inputBaseIcon" | "inputBasePlaceholder" | "inputDisabledBg" | "inputDisabledBorder" | "inputDisabledColor" | "inputDisabledFocus" | "inputDisabledIcon" | "inputDisabledPlaceholder" | "inputErrorBg" | "inputErrorBorder" | "inputErrorColor" | "inputErrorFocus" | "inputErrorIcon" | "inputErrorPlaceholder" | "inputSuccessBg" | "inputSuccessBorder" | "inputSuccessColor" | "inputSuccessFocus" | "inputSuccessIcon" | "inputSuccessPlaceholder" | "inputBg" | "intentsBase1" | "intentsBase10" | "intentsBase11" | "intentsBase12" | "intentsBase2" | "intentsBase3" | "intentsBase4" | "intentsBase5" | "intentsBase6" | "intentsBase7" | "intentsBase8" | "intentsBase9" | "intentsError1" | "intentsError10" | "intentsError11" | "intentsError12" | "intentsError2" | "intentsError3" | "intentsError4" | "intentsError5" | "intentsError6" | "intentsError7" | "intentsError8" | "intentsError9" | "intentsInfo1" | "intentsInfo10" | "intentsInfo11" | "intentsInfo12" | "intentsInfo2" | "intentsInfo3" | "intentsInfo4" | "intentsInfo5" | "intentsInfo6" | "intentsInfo7" | "intentsInfo8" | "intentsInfo9" | "intentsPrimary1" | "intentsPrimary10" | "intentsPrimary11" | "intentsPrimary12" | "intentsPrimary2" | "intentsPrimary3" | "intentsPrimary4" | "intentsPrimary5" | "intentsPrimary6" | "intentsPrimary7" | "intentsPrimary8" | "intentsPrimary9" | "intentsSecondary1" | "intentsSecondary10" | "intentsSecondary11" | "intentsSecondary12" | "intentsSecondary2" | "intentsSecondary3" | "intentsSecondary4" | "intentsSecondary5" | "intentsSecondary6" | "intentsSecondary7" | "intentsSecondary8" | "intentsSecondary9" | "intentsSuccess1" | "intentsSuccess10" | "intentsSuccess11" | "intentsSuccess12" | "intentsSuccess2" | "intentsSuccess3" | "intentsSuccess4" | "intentsSuccess5" | "intentsSuccess6" | "intentsSuccess7" | "intentsSuccess8" | "intentsSuccess9" | "intentsWarning1" | "intentsWarning10" | "intentsWarning11" | "intentsWarning12" | "intentsWarning2" | "intentsWarning3" | "intentsWarning4" | "intentsWarning5" | "intentsWarning6" | "intentsWarning7" | "intentsWarning8" | "intentsWarning9" | "inverseA1" | "inverseA10" | "inverseA11" | "inverseA12" | "inverseA2" | "inverseA3" | "inverseA4" | "inverseA5" | "inverseA6" | "inverseA7" | "inverseA8" | "inverseA9" | "overlayBg" | "overlayText" | "scalesBlue1" | "scalesBlue10" | "scalesBlue11" | "scalesBlue12" | "scalesBlue2" | "scalesBlue3" | "scalesBlue4" | "scalesBlue5" | "scalesBlue6" | "scalesBlue7" | "scalesBlue8" | "scalesBlue9" | "scalesGray1" | "scalesGray10" | "scalesGray11" | "scalesGray12" | "scalesGray2" | "scalesGray3" | "scalesGray4" | "scalesGray5" | "scalesGray6" | "scalesGray7" | "scalesGray8" | "scalesGray9" | "scalesGreen1" | "scalesGreen10" | "scalesGreen11" | "scalesGreen12" | "scalesGreen2" | "scalesGreen3" | "scalesGreen4" | "scalesGreen5" | "scalesGreen6" | "scalesGreen7" | "scalesGreen8" | "scalesGreen9" | "scalesRed1" | "scalesRed10" | "scalesRed11" | "scalesRed12" | "scalesRed2" | "scalesRed3" | "scalesRed4" | "scalesRed5" | "scalesRed6" | "scalesRed7" | "scalesRed8" | "scalesRed9" | "scalesYellow1" | "scalesYellow10" | "scalesYellow11" | "scalesYellow12" | "scalesYellow2" | "scalesYellow3" | "scalesYellow4" | "scalesYellow5" | "scalesYellow6" | "scalesYellow7" | "scalesYellow8" | "scalesYellow9" | "semanticGhostBaseBg" | "semanticGhostBaseBorder" | "semanticGhostBaseColor" | "semanticGhostBaseDisabledBg" | "semanticGhostBaseDisabledBorder" | "semanticGhostBaseDisabledColor" | "semanticGhostBaseDisabledIcon" | "semanticGhostBaseFocus" | "semanticGhostBaseHoverBg" | "semanticGhostBaseHoverBorder" | "semanticGhostBaseHoverColor" | "semanticGhostBaseHoverIcon" | "semanticGhostBaseIcon" | "semanticGhostErrorBg" | "semanticGhostErrorBorder" | "semanticGhostErrorColor" | "semanticGhostErrorDisabledBg" | "semanticGhostErrorDisabledBorder" | "semanticGhostErrorDisabledColor" | "semanticGhostErrorDisabledIcon" | "semanticGhostErrorFocus" | "semanticGhostErrorHoverBg" | "semanticGhostErrorHoverBorder" | "semanticGhostErrorHoverColor" | "semanticGhostErrorHoverIcon" | "semanticGhostErrorIcon" | "semanticGhostInfoBg" | "semanticGhostInfoBorder" | "semanticGhostInfoColor" | "semanticGhostInfoDisabledBg" | "semanticGhostInfoDisabledBorder" | "semanticGhostInfoDisabledColor" | "semanticGhostInfoDisabledIcon" | "semanticGhostInfoFocus" | "semanticGhostInfoHoverBg" | "semanticGhostInfoHoverBorder" | "semanticGhostInfoHoverColor" | "semanticGhostInfoHoverIcon" | "semanticGhostInfoIcon" | "semanticGhostPrimaryBg" | "semanticGhostPrimaryBorder" | "semanticGhostPrimaryColor" | "semanticGhostPrimaryDisabledBg" | "semanticGhostPrimaryDisabledBorder" | "semanticGhostPrimaryDisabledColor" | "semanticGhostPrimaryDisabledIcon" | "semanticGhostPrimaryFocus" | "semanticGhostPrimaryHoverBg" | "semanticGhostPrimaryHoverBorder" | "semanticGhostPrimaryHoverColor" | "semanticGhostPrimaryHoverIcon" | "semanticGhostPrimaryIcon" | "semanticGhostSecondaryBg" | "semanticGhostSecondaryBorder" | "semanticGhostSecondaryColor" | "semanticGhostSecondaryDisabledBg" | "semanticGhostSecondaryDisabledBorder" | "semanticGhostSecondaryDisabledColor" | "semanticGhostSecondaryDisabledIcon" | "semanticGhostSecondaryFocus" | "semanticGhostSecondaryHoverBg" | "semanticGhostSecondaryHoverBorder" | "semanticGhostSecondaryHoverColor" | "semanticGhostSecondaryHoverIcon" | "semanticGhostSecondaryIcon" | "semanticGhostSuccessBg" | "semanticGhostSuccessBorder" | "semanticGhostSuccessColor" | "semanticGhostSuccessDisabledBg" | "semanticGhostSuccessDisabledBorder" | "semanticGhostSuccessDisabledColor" | "semanticGhostSuccessDisabledIcon" | "semanticGhostSuccessFocus" | "semanticGhostSuccessHoverBg" | "semanticGhostSuccessHoverBorder" | "semanticGhostSuccessHoverColor" | "semanticGhostSuccessHoverIcon" | "semanticGhostSuccessIcon" | "semanticGhostWarningBg" | "semanticGhostWarningBorder" | "semanticGhostWarningColor" | "semanticGhostWarningDisabledBg" | "semanticGhostWarningDisabledBorder" | "semanticGhostWarningDisabledColor" | "semanticGhostWarningDisabledIcon" | "semanticGhostWarningFocus" | "semanticGhostWarningHoverBg" | "semanticGhostWarningHoverBorder" | "semanticGhostWarningHoverColor" | "semanticGhostWarningHoverIcon" | "semanticGhostWarningIcon" | "semanticLinkBaseBg" | "semanticLinkBaseBorder" | "semanticLinkBaseColor" | "semanticLinkBaseDisabledBg" | "semanticLinkBaseDisabledBorder" | "semanticLinkBaseDisabledColor" | "semanticLinkBaseDisabledIcon" | "semanticLinkBaseFocus" | "semanticLinkBaseHoverBg" | "semanticLinkBaseHoverBorder" | "semanticLinkBaseHoverColor" | "semanticLinkBaseHoverIcon" | "semanticLinkBaseIcon" | "semanticLinkErrorBg" | "semanticLinkErrorBorder" | "semanticLinkErrorColor" | "semanticLinkErrorDisabledBg" | "semanticLinkErrorDisabledBorder" | "semanticLinkErrorDisabledColor" | "semanticLinkErrorDisabledIcon" | "semanticLinkErrorFocus" | "semanticLinkErrorHoverBg" | "semanticLinkErrorHoverBorder" | "semanticLinkErrorHoverColor" | "semanticLinkErrorHoverIcon" | "semanticLinkErrorIcon" | "semanticLinkInfoBg" | "semanticLinkInfoBorder" | "semanticLinkInfoColor" | "semanticLinkInfoDisabledBg" | "semanticLinkInfoDisabledBorder" | "semanticLinkInfoDisabledColor" | "semanticLinkInfoDisabledIcon" | "semanticLinkInfoFocus" | "semanticLinkInfoHoverBg" | "semanticLinkInfoHoverBorder" | "semanticLinkInfoHoverColor" | "semanticLinkInfoHoverIcon" | "semanticLinkInfoIcon" | "semanticLinkPrimaryBg" | "semanticLinkPrimaryBorder" | "semanticLinkPrimaryColor" | "semanticLinkPrimaryDisabledBg" | "semanticLinkPrimaryDisabledBorder" | "semanticLinkPrimaryDisabledColor" | "semanticLinkPrimaryDisabledIcon" | "semanticLinkPrimaryFocus" | "semanticLinkPrimaryHoverBg" | "semanticLinkPrimaryHoverBorder" | "semanticLinkPrimaryHoverColor" | "semanticLinkPrimaryHoverIcon" | "semanticLinkPrimaryIcon" | "semanticLinkSecondaryBg" | "semanticLinkSecondaryBorder" | "semanticLinkSecondaryColor" | "semanticLinkSecondaryDisabledBg" | "semanticLinkSecondaryDisabledBorder" | "semanticLinkSecondaryDisabledColor" | "semanticLinkSecondaryDisabledIcon" | "semanticLinkSecondaryFocus" | "semanticLinkSecondaryHoverBg" | "semanticLinkSecondaryHoverBorder" | "semanticLinkSecondaryHoverColor" | "semanticLinkSecondaryHoverIcon" | "semanticLinkSecondaryIcon" | "semanticLinkSuccessBg" | "semanticLinkSuccessBorder" | "semanticLinkSuccessColor" | "semanticLinkSuccessDisabledBg" | "semanticLinkSuccessDisabledBorder" | "semanticLinkSuccessDisabledColor" | "semanticLinkSuccessDisabledIcon" | "semanticLinkSuccessFocus" | "semanticLinkSuccessHoverBg" | "semanticLinkSuccessHoverBorder" | "semanticLinkSuccessHoverColor" | "semanticLinkSuccessHoverIcon" | "semanticLinkSuccessIcon" | "semanticLinkWarningBg" | "semanticLinkWarningBorder" | "semanticLinkWarningColor" | "semanticLinkWarningDisabledBg" | "semanticLinkWarningDisabledBorder" | "semanticLinkWarningDisabledColor" | "semanticLinkWarningDisabledIcon" | "semanticLinkWarningFocus" | "semanticLinkWarningHoverBg" | "semanticLinkWarningHoverBorder" | "semanticLinkWarningHoverColor" | "semanticLinkWarningHoverIcon" | "semanticLinkWarningIcon" | "semanticOutlinedBaseBg" | "semanticOutlinedBaseBorder" | "semanticOutlinedBaseColor" | "semanticOutlinedBaseDisabledBg" | "semanticOutlinedBaseDisabledBorder" | "semanticOutlinedBaseDisabledColor" | "semanticOutlinedBaseDisabledIcon" | "semanticOutlinedBaseFocus" | "semanticOutlinedBaseHoverBg" | "semanticOutlinedBaseHoverBorder" | "semanticOutlinedBaseHoverColor" | "semanticOutlinedBaseHoverIcon" | "semanticOutlinedBaseIcon" | "semanticOutlinedErrorBg" | "semanticOutlinedErrorBorder" | "semanticOutlinedErrorColor" | "semanticOutlinedErrorDisabledBg" | "semanticOutlinedErrorDisabledBorder" | "semanticOutlinedErrorDisabledColor" | "semanticOutlinedErrorDisabledIcon" | "semanticOutlinedErrorFocus" | "semanticOutlinedErrorHoverBg" | "semanticOutlinedErrorHoverBorder" | "semanticOutlinedErrorHoverColor" | "semanticOutlinedErrorHoverIcon" | "semanticOutlinedErrorIcon" | "semanticOutlinedInfoBg" | "semanticOutlinedInfoBorder" | "semanticOutlinedInfoColor" | "semanticOutlinedInfoDisabledBg" | "semanticOutlinedInfoDisabledBorder" | "semanticOutlinedInfoDisabledColor" | "semanticOutlinedInfoDisabledIcon" | "semanticOutlinedInfoFocus" | "semanticOutlinedInfoHoverBg" | "semanticOutlinedInfoHoverBorder" | "semanticOutlinedInfoHoverColor" | "semanticOutlinedInfoHoverIcon" | "semanticOutlinedInfoIcon" | "semanticOutlinedPrimaryBg" | "semanticOutlinedPrimaryBorder" | "semanticOutlinedPrimaryColor" | "semanticOutlinedPrimaryDisabledBg" | "semanticOutlinedPrimaryDisabledBorder" | "semanticOutlinedPrimaryDisabledColor" | "semanticOutlinedPrimaryDisabledIcon" | "semanticOutlinedPrimaryFocus" | "semanticOutlinedPrimaryHoverBg" | "semanticOutlinedPrimaryHoverBorder" | "semanticOutlinedPrimaryHoverColor" | "semanticOutlinedPrimaryHoverIcon" | "semanticOutlinedPrimaryIcon" | "semanticOutlinedSecondaryBg" | "semanticOutlinedSecondaryBorder" | "semanticOutlinedSecondaryColor" | "semanticOutlinedSecondaryDisabledBg" | "semanticOutlinedSecondaryDisabledBorder" | "semanticOutlinedSecondaryDisabledColor" | "semanticOutlinedSecondaryDisabledIcon" | "semanticOutlinedSecondaryFocus" | "semanticOutlinedSecondaryHoverBg" | "semanticOutlinedSecondaryHoverBorder" | "semanticOutlinedSecondaryHoverColor" | "semanticOutlinedSecondaryHoverIcon" | "semanticOutlinedSecondaryIcon" | "semanticOutlinedSuccessBg" | "semanticOutlinedSuccessBorder" | "semanticOutlinedSuccessColor" | "semanticOutlinedSuccessDisabledBg" | "semanticOutlinedSuccessDisabledBorder" | "semanticOutlinedSuccessDisabledColor" | "semanticOutlinedSuccessDisabledIcon" | "semanticOutlinedSuccessFocus" | "semanticOutlinedSuccessHoverBg" | "semanticOutlinedSuccessHoverBorder" | "semanticOutlinedSuccessHoverColor" | "semanticOutlinedSuccessHoverIcon" | "semanticOutlinedSuccessIcon" | "semanticOutlinedWarningBg" | "semanticOutlinedWarningBorder" | "semanticOutlinedWarningColor" | "semanticOutlinedWarningDisabledBg" | "semanticOutlinedWarningDisabledBorder" | "semanticOutlinedWarningDisabledColor" | "semanticOutlinedWarningDisabledIcon" | "semanticOutlinedWarningFocus" | "semanticOutlinedWarningHoverBg" | "semanticOutlinedWarningHoverBorder" | "semanticOutlinedWarningHoverColor" | "semanticOutlinedWarningHoverIcon" | "semanticOutlinedWarningIcon" | "semanticSolidBaseBg" | "semanticSolidBaseBorder" | "semanticSolidBaseColor" | "semanticSolidBaseDisabledBg" | "semanticSolidBaseDisabledBorder" | "semanticSolidBaseDisabledColor" | "semanticSolidBaseDisabledIcon" | "semanticSolidBaseFocus" | "semanticSolidBaseHoverBg" | "semanticSolidBaseHoverBorder" | "semanticSolidBaseHoverColor" | "semanticSolidBaseHoverIcon" | "semanticSolidBaseIcon" | "semanticSolidErrorBg" | "semanticSolidErrorBorder" | "semanticSolidErrorColor" | "semanticSolidErrorDisabledBg" | "semanticSolidErrorDisabledBorder" | "semanticSolidErrorDisabledColor" | "semanticSolidErrorDisabledIcon" | "semanticSolidErrorFocus" | "semanticSolidErrorHoverBg" | "semanticSolidErrorHoverBorder" | "semanticSolidErrorHoverColor" | "semanticSolidErrorHoverIcon" | "semanticSolidErrorIcon" | "semanticSolidInfoBg" | "semanticSolidInfoBorder" | "semanticSolidInfoColor" | "semanticSolidInfoDisabledBg" | "semanticSolidInfoDisabledBorder" | "semanticSolidInfoDisabledColor" | "semanticSolidInfoDisabledIcon" | "semanticSolidInfoFocus" | "semanticSolidInfoHoverBg" | "semanticSolidInfoHoverBorder" | "semanticSolidInfoHoverColor" | "semanticSolidInfoHoverIcon" | "semanticSolidInfoIcon" | "semanticSolidPrimaryBg" | "semanticSolidPrimaryBorder" | "semanticSolidPrimaryColor" | "semanticSolidPrimaryDisabledBg" | "semanticSolidPrimaryDisabledBorder" | "semanticSolidPrimaryDisabledColor" | "semanticSolidPrimaryDisabledIcon" | "semanticSolidPrimaryFocus" | "semanticSolidPrimaryHoverBg" | "semanticSolidPrimaryHoverBorder" | "semanticSolidPrimaryHoverColor" | "semanticSolidPrimaryHoverIcon" | "semanticSolidPrimaryIcon" | "semanticSolidSecondaryBg" | "semanticSolidSecondaryBorder" | "semanticSolidSecondaryColor" | "semanticSolidSecondaryDisabledBg" | "semanticSolidSecondaryDisabledBorder" | "semanticSolidSecondaryDisabledColor" | "semanticSolidSecondaryDisabledIcon" | "semanticSolidSecondaryFocus" | "semanticSolidSecondaryHoverBg" | "semanticSolidSecondaryHoverBorder" | "semanticSolidSecondaryHoverColor" | "semanticSolidSecondaryHoverIcon" | "semanticSolidSecondaryIcon" | "semanticSolidSuccessBg" | "semanticSolidSuccessBorder" | "semanticSolidSuccessColor" | "semanticSolidSuccessDisabledBg" | "semanticSolidSuccessDisabledBorder" | "semanticSolidSuccessDisabledColor" | "semanticSolidSuccessDisabledIcon" | "semanticSolidSuccessFocus" | "semanticSolidSuccessHoverBg" | "semanticSolidSuccessHoverBorder" | "semanticSolidSuccessHoverColor" | "semanticSolidSuccessHoverIcon" | "semanticSolidSuccessIcon" | "semanticSolidWarningBg" | "semanticSolidWarningBorder" | "semanticSolidWarningColor" | "semanticSolidWarningDisabledBg" | "semanticSolidWarningDisabledBorder" | "semanticSolidWarningDisabledColor" | "semanticSolidWarningDisabledIcon" | "semanticSolidWarningFocus" | "semanticSolidWarningHoverBg" | "semanticSolidWarningHoverBorder" | "semanticSolidWarningHoverColor" | "semanticSolidWarningHoverIcon" | "semanticSolidWarningIcon" | "textActive" | "textColor" | "textHeading" | "textIcon" | "textInverse" | "textLink" | "textLinkActive" | "textLinkDisabled" | "textLinkHover" | "textLinkVisited" | "textMuted" | "textSubtext" | "white" | "whiteA1" | "whiteA10" | "whiteA11" | "whiteA12" | "whiteA2" | "whiteA3" | "whiteA4" | "whiteA5" | "whiteA6" | "whiteA7" | "whiteA8" | "whiteA9" | "current" | undefined;
        content?: string | undefined;
        fontSize?: _fuel_ui_css.TextSizes | undefined;
        translate?: "yes" | "no" | undefined;
        css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
        prefix?: string | undefined;
        as?: any;
        className?: string | undefined;
        children?: react.ReactNode;
        onClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        accessKey?: string | undefined;
        dir?: string | undefined;
        draggable?: (boolean | "true" | "false") | undefined;
        lang?: string | undefined;
        title?: string | undefined;
        id?: string | undefined;
        slot?: string | undefined;
        role?: react.AriaRole | undefined;
        style?: react.CSSProperties | undefined;
        contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
        inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
        nonce?: string | undefined;
        tabIndex?: number | undefined;
        key?: react.Key | null | undefined;
        ref?: react.Ref<HTMLParagraphElement> | undefined;
        defaultChecked?: boolean | undefined;
        defaultValue?: string | number | readonly string[] | undefined;
        suppressContentEditableWarning?: boolean | undefined;
        suppressHydrationWarning?: boolean | undefined;
        autoFocus?: boolean | undefined;
        contextMenu?: string | undefined;
        placeholder?: string | undefined;
        spellCheck?: (boolean | "true" | "false") | undefined;
        radioGroup?: string | undefined;
        about?: string | undefined;
        datatype?: string | undefined;
        inlist?: any;
        property?: string | undefined;
        rel?: string | undefined;
        resource?: string | undefined;
        rev?: string | undefined;
        typeof?: string | undefined;
        vocab?: string | undefined;
        autoCapitalize?: string | undefined;
        autoCorrect?: string | undefined;
        autoSave?: string | undefined;
        itemProp?: string | undefined;
        itemScope?: boolean | undefined;
        itemType?: string | undefined;
        itemID?: string | undefined;
        itemRef?: string | undefined;
        results?: number | undefined;
        security?: string | undefined;
        unselectable?: "on" | "off" | undefined;
        'aria-activedescendant'?: string | undefined;
        'aria-atomic'?: (boolean | "true" | "false") | undefined;
        'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
        'aria-braillelabel'?: string | undefined;
        'aria-brailleroledescription'?: string | undefined;
        'aria-busy'?: (boolean | "true" | "false") | undefined;
        'aria-checked'?: boolean | "true" | "mixed" | "false" | undefined;
        'aria-colcount'?: number | undefined;
        'aria-colindex'?: number | undefined;
        'aria-colindextext'?: string | undefined;
        'aria-colspan'?: number | undefined;
        'aria-controls'?: string | undefined;
        'aria-current'?: boolean | "location" | "time" | "true" | "page" | "false" | "step" | "date" | undefined;
        'aria-describedby'?: string | undefined;
        'aria-description'?: string | undefined;
        'aria-details'?: string | undefined;
        'aria-disabled'?: (boolean | "true" | "false") | undefined;
        'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
        'aria-errormessage'?: string | undefined;
        'aria-expanded'?: (boolean | "true" | "false") | undefined;
        'aria-flowto'?: string | undefined;
        'aria-grabbed'?: (boolean | "true" | "false") | undefined;
        'aria-haspopup'?: boolean | "grid" | "menu" | "dialog" | "true" | "listbox" | "false" | "tree" | undefined;
        'aria-hidden'?: (boolean | "true" | "false") | undefined;
        'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
        'aria-keyshortcuts'?: string | undefined;
        'aria-label'?: string | undefined;
        'aria-labelledby'?: string | undefined;
        'aria-level'?: number | undefined;
        'aria-live'?: "off" | "assertive" | "polite" | undefined;
        'aria-modal'?: (boolean | "true" | "false") | undefined;
        'aria-multiline'?: (boolean | "true" | "false") | undefined;
        'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
        'aria-orientation'?: "horizontal" | "vertical" | undefined;
        'aria-owns'?: string | undefined;
        'aria-placeholder'?: string | undefined;
        'aria-posinset'?: number | undefined;
        'aria-pressed'?: boolean | "true" | "mixed" | "false" | undefined;
        'aria-readonly'?: (boolean | "true" | "false") | undefined;
        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
        'aria-required'?: (boolean | "true" | "false") | undefined;
        'aria-roledescription'?: string | undefined;
        'aria-rowcount'?: number | undefined;
        'aria-rowindex'?: number | undefined;
        'aria-rowindextext'?: string | undefined;
        'aria-rowspan'?: number | undefined;
        'aria-selected'?: (boolean | "true" | "false") | undefined;
        'aria-setsize'?: number | undefined;
        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
        'aria-valuemax'?: number | undefined;
        'aria-valuemin'?: number | undefined;
        'aria-valuenow'?: number | undefined;
        'aria-valuetext'?: string | undefined;
        dangerouslySetInnerHTML?: {
            __html: string | TrustedHTML;
        } | undefined;
        onCopy?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
        onCopyCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
        onCut?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
        onCutCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
        onPaste?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
        onPasteCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
        onCompositionEnd?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
        onCompositionEndCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
        onCompositionStart?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
        onCompositionStartCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
        onCompositionUpdate?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
        onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
        onFocus?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
        onFocusCapture?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
        onBlur?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
        onBlurCapture?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
        onChange?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onChangeCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onBeforeInput?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onBeforeInputCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onInput?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onInputCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onReset?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onResetCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onSubmit?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onSubmitCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onInvalid?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onInvalidCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onLoad?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onLoadCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onError?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onErrorCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onKeyDown?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
        onKeyDownCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
        onKeyPress?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
        onKeyPressCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
        onKeyUp?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
        onKeyUpCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
        onAbort?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onAbortCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onCanPlay?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onCanPlayCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onCanPlayThrough?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onCanPlayThroughCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onDurationChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onDurationChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onEmptied?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onEmptiedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onEncrypted?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onEncryptedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onEnded?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onEndedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onLoadedData?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onLoadedDataCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onLoadedMetadata?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onLoadedMetadataCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onLoadStart?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onLoadStartCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onPause?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onPauseCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onPlay?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onPlayCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onPlaying?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onPlayingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onProgress?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onProgressCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onRateChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onRateChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onResize?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onResizeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onSeeked?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onSeekedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onSeeking?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onSeekingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onStalled?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onStalledCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onSuspend?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onSuspendCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onTimeUpdate?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onTimeUpdateCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onVolumeChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onVolumeChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onWaiting?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onWaitingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onAuxClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onAuxClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onContextMenu?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onContextMenuCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onDoubleClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onDoubleClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onDrag?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragEnd?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragEndCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragEnter?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragEnterCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragExit?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragExitCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragLeave?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragLeaveCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragOver?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragOverCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragStart?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragStartCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDrop?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDropCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onMouseDown?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseDownCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseEnter?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseLeave?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseMove?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseMoveCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseOut?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseOutCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseOver?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseOverCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseUp?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseUpCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onSelect?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onSelectCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onTouchCancel?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onTouchCancelCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onTouchEnd?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onTouchEndCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onTouchMove?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onTouchMoveCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onTouchStart?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onTouchStartCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onPointerDown?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerDownCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerMove?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerMoveCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerUp?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerUpCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerCancel?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerCancelCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerEnter?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerEnterCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerLeave?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerLeaveCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerOver?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerOverCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerOut?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerOutCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onGotPointerCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onLostPointerCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onScroll?: react.UIEventHandler<HTMLParagraphElement> | undefined;
        onScrollCapture?: react.UIEventHandler<HTMLParagraphElement> | undefined;
        onWheel?: react.WheelEventHandler<HTMLParagraphElement> | undefined;
        onWheelCapture?: react.WheelEventHandler<HTMLParagraphElement> | undefined;
        onAnimationStart?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
        onAnimationStartCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
        onAnimationEnd?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
        onAnimationEndCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
        onAnimationIteration?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
        onAnimationIterationCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
        onTransitionEnd?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
        onTransitionEndCapture?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
        iconSize?: number | undefined;
        leftIconAriaLabel?: string | undefined;
        rightIconAriaLabel?: string | undefined;
    }>, "children">, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<Omit<BaseProps$1<{
        [x: `data-${string}`]: unknown;
        hidden?: boolean | undefined;
        is?: string | undefined;
        color?: "transparent" | "inherit" | "gray1" | "gray2" | "gray3" | "gray4" | "gray5" | "gray6" | "gray7" | "gray8" | "gray9" | "gray10" | "gray11" | "gray12" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "accent10" | "accent11" | "accent12" | "crimson1" | "crimson2" | "crimson3" | "crimson4" | "crimson5" | "crimson6" | "crimson7" | "crimson8" | "crimson9" | "crimson10" | "crimson11" | "crimson12" | "indigo1" | "indigo2" | "indigo3" | "indigo4" | "indigo5" | "indigo6" | "indigo7" | "indigo8" | "indigo9" | "indigo10" | "indigo11" | "indigo12" | "yellow1" | "yellow2" | "yellow3" | "yellow4" | "yellow5" | "yellow6" | "yellow7" | "yellow8" | "yellow9" | "yellow10" | "yellow11" | "yellow12" | "bodyColor" | "black" | "blackA1" | "blackA10" | "blackA11" | "blackA12" | "blackA2" | "blackA3" | "blackA4" | "blackA5" | "blackA6" | "blackA7" | "blackA8" | "blackA9" | "bodyBg" | "bodyInverse" | "border" | "borderHover" | "brand" | "cardBg" | "cardBorder" | "dialogBg" | "inputActiveBg" | "inputActiveBorder" | "inputActiveColor" | "inputActiveFocus" | "inputActiveIcon" | "inputActivePlaceholder" | "inputBaseBg" | "inputBaseBorder" | "inputBaseColor" | "inputBaseFocus" | "inputBaseIcon" | "inputBasePlaceholder" | "inputDisabledBg" | "inputDisabledBorder" | "inputDisabledColor" | "inputDisabledFocus" | "inputDisabledIcon" | "inputDisabledPlaceholder" | "inputErrorBg" | "inputErrorBorder" | "inputErrorColor" | "inputErrorFocus" | "inputErrorIcon" | "inputErrorPlaceholder" | "inputSuccessBg" | "inputSuccessBorder" | "inputSuccessColor" | "inputSuccessFocus" | "inputSuccessIcon" | "inputSuccessPlaceholder" | "inputBg" | "intentsBase1" | "intentsBase10" | "intentsBase11" | "intentsBase12" | "intentsBase2" | "intentsBase3" | "intentsBase4" | "intentsBase5" | "intentsBase6" | "intentsBase7" | "intentsBase8" | "intentsBase9" | "intentsError1" | "intentsError10" | "intentsError11" | "intentsError12" | "intentsError2" | "intentsError3" | "intentsError4" | "intentsError5" | "intentsError6" | "intentsError7" | "intentsError8" | "intentsError9" | "intentsInfo1" | "intentsInfo10" | "intentsInfo11" | "intentsInfo12" | "intentsInfo2" | "intentsInfo3" | "intentsInfo4" | "intentsInfo5" | "intentsInfo6" | "intentsInfo7" | "intentsInfo8" | "intentsInfo9" | "intentsPrimary1" | "intentsPrimary10" | "intentsPrimary11" | "intentsPrimary12" | "intentsPrimary2" | "intentsPrimary3" | "intentsPrimary4" | "intentsPrimary5" | "intentsPrimary6" | "intentsPrimary7" | "intentsPrimary8" | "intentsPrimary9" | "intentsSecondary1" | "intentsSecondary10" | "intentsSecondary11" | "intentsSecondary12" | "intentsSecondary2" | "intentsSecondary3" | "intentsSecondary4" | "intentsSecondary5" | "intentsSecondary6" | "intentsSecondary7" | "intentsSecondary8" | "intentsSecondary9" | "intentsSuccess1" | "intentsSuccess10" | "intentsSuccess11" | "intentsSuccess12" | "intentsSuccess2" | "intentsSuccess3" | "intentsSuccess4" | "intentsSuccess5" | "intentsSuccess6" | "intentsSuccess7" | "intentsSuccess8" | "intentsSuccess9" | "intentsWarning1" | "intentsWarning10" | "intentsWarning11" | "intentsWarning12" | "intentsWarning2" | "intentsWarning3" | "intentsWarning4" | "intentsWarning5" | "intentsWarning6" | "intentsWarning7" | "intentsWarning8" | "intentsWarning9" | "inverseA1" | "inverseA10" | "inverseA11" | "inverseA12" | "inverseA2" | "inverseA3" | "inverseA4" | "inverseA5" | "inverseA6" | "inverseA7" | "inverseA8" | "inverseA9" | "overlayBg" | "overlayText" | "scalesBlue1" | "scalesBlue10" | "scalesBlue11" | "scalesBlue12" | "scalesBlue2" | "scalesBlue3" | "scalesBlue4" | "scalesBlue5" | "scalesBlue6" | "scalesBlue7" | "scalesBlue8" | "scalesBlue9" | "scalesGray1" | "scalesGray10" | "scalesGray11" | "scalesGray12" | "scalesGray2" | "scalesGray3" | "scalesGray4" | "scalesGray5" | "scalesGray6" | "scalesGray7" | "scalesGray8" | "scalesGray9" | "scalesGreen1" | "scalesGreen10" | "scalesGreen11" | "scalesGreen12" | "scalesGreen2" | "scalesGreen3" | "scalesGreen4" | "scalesGreen5" | "scalesGreen6" | "scalesGreen7" | "scalesGreen8" | "scalesGreen9" | "scalesRed1" | "scalesRed10" | "scalesRed11" | "scalesRed12" | "scalesRed2" | "scalesRed3" | "scalesRed4" | "scalesRed5" | "scalesRed6" | "scalesRed7" | "scalesRed8" | "scalesRed9" | "scalesYellow1" | "scalesYellow10" | "scalesYellow11" | "scalesYellow12" | "scalesYellow2" | "scalesYellow3" | "scalesYellow4" | "scalesYellow5" | "scalesYellow6" | "scalesYellow7" | "scalesYellow8" | "scalesYellow9" | "semanticGhostBaseBg" | "semanticGhostBaseBorder" | "semanticGhostBaseColor" | "semanticGhostBaseDisabledBg" | "semanticGhostBaseDisabledBorder" | "semanticGhostBaseDisabledColor" | "semanticGhostBaseDisabledIcon" | "semanticGhostBaseFocus" | "semanticGhostBaseHoverBg" | "semanticGhostBaseHoverBorder" | "semanticGhostBaseHoverColor" | "semanticGhostBaseHoverIcon" | "semanticGhostBaseIcon" | "semanticGhostErrorBg" | "semanticGhostErrorBorder" | "semanticGhostErrorColor" | "semanticGhostErrorDisabledBg" | "semanticGhostErrorDisabledBorder" | "semanticGhostErrorDisabledColor" | "semanticGhostErrorDisabledIcon" | "semanticGhostErrorFocus" | "semanticGhostErrorHoverBg" | "semanticGhostErrorHoverBorder" | "semanticGhostErrorHoverColor" | "semanticGhostErrorHoverIcon" | "semanticGhostErrorIcon" | "semanticGhostInfoBg" | "semanticGhostInfoBorder" | "semanticGhostInfoColor" | "semanticGhostInfoDisabledBg" | "semanticGhostInfoDisabledBorder" | "semanticGhostInfoDisabledColor" | "semanticGhostInfoDisabledIcon" | "semanticGhostInfoFocus" | "semanticGhostInfoHoverBg" | "semanticGhostInfoHoverBorder" | "semanticGhostInfoHoverColor" | "semanticGhostInfoHoverIcon" | "semanticGhostInfoIcon" | "semanticGhostPrimaryBg" | "semanticGhostPrimaryBorder" | "semanticGhostPrimaryColor" | "semanticGhostPrimaryDisabledBg" | "semanticGhostPrimaryDisabledBorder" | "semanticGhostPrimaryDisabledColor" | "semanticGhostPrimaryDisabledIcon" | "semanticGhostPrimaryFocus" | "semanticGhostPrimaryHoverBg" | "semanticGhostPrimaryHoverBorder" | "semanticGhostPrimaryHoverColor" | "semanticGhostPrimaryHoverIcon" | "semanticGhostPrimaryIcon" | "semanticGhostSecondaryBg" | "semanticGhostSecondaryBorder" | "semanticGhostSecondaryColor" | "semanticGhostSecondaryDisabledBg" | "semanticGhostSecondaryDisabledBorder" | "semanticGhostSecondaryDisabledColor" | "semanticGhostSecondaryDisabledIcon" | "semanticGhostSecondaryFocus" | "semanticGhostSecondaryHoverBg" | "semanticGhostSecondaryHoverBorder" | "semanticGhostSecondaryHoverColor" | "semanticGhostSecondaryHoverIcon" | "semanticGhostSecondaryIcon" | "semanticGhostSuccessBg" | "semanticGhostSuccessBorder" | "semanticGhostSuccessColor" | "semanticGhostSuccessDisabledBg" | "semanticGhostSuccessDisabledBorder" | "semanticGhostSuccessDisabledColor" | "semanticGhostSuccessDisabledIcon" | "semanticGhostSuccessFocus" | "semanticGhostSuccessHoverBg" | "semanticGhostSuccessHoverBorder" | "semanticGhostSuccessHoverColor" | "semanticGhostSuccessHoverIcon" | "semanticGhostSuccessIcon" | "semanticGhostWarningBg" | "semanticGhostWarningBorder" | "semanticGhostWarningColor" | "semanticGhostWarningDisabledBg" | "semanticGhostWarningDisabledBorder" | "semanticGhostWarningDisabledColor" | "semanticGhostWarningDisabledIcon" | "semanticGhostWarningFocus" | "semanticGhostWarningHoverBg" | "semanticGhostWarningHoverBorder" | "semanticGhostWarningHoverColor" | "semanticGhostWarningHoverIcon" | "semanticGhostWarningIcon" | "semanticLinkBaseBg" | "semanticLinkBaseBorder" | "semanticLinkBaseColor" | "semanticLinkBaseDisabledBg" | "semanticLinkBaseDisabledBorder" | "semanticLinkBaseDisabledColor" | "semanticLinkBaseDisabledIcon" | "semanticLinkBaseFocus" | "semanticLinkBaseHoverBg" | "semanticLinkBaseHoverBorder" | "semanticLinkBaseHoverColor" | "semanticLinkBaseHoverIcon" | "semanticLinkBaseIcon" | "semanticLinkErrorBg" | "semanticLinkErrorBorder" | "semanticLinkErrorColor" | "semanticLinkErrorDisabledBg" | "semanticLinkErrorDisabledBorder" | "semanticLinkErrorDisabledColor" | "semanticLinkErrorDisabledIcon" | "semanticLinkErrorFocus" | "semanticLinkErrorHoverBg" | "semanticLinkErrorHoverBorder" | "semanticLinkErrorHoverColor" | "semanticLinkErrorHoverIcon" | "semanticLinkErrorIcon" | "semanticLinkInfoBg" | "semanticLinkInfoBorder" | "semanticLinkInfoColor" | "semanticLinkInfoDisabledBg" | "semanticLinkInfoDisabledBorder" | "semanticLinkInfoDisabledColor" | "semanticLinkInfoDisabledIcon" | "semanticLinkInfoFocus" | "semanticLinkInfoHoverBg" | "semanticLinkInfoHoverBorder" | "semanticLinkInfoHoverColor" | "semanticLinkInfoHoverIcon" | "semanticLinkInfoIcon" | "semanticLinkPrimaryBg" | "semanticLinkPrimaryBorder" | "semanticLinkPrimaryColor" | "semanticLinkPrimaryDisabledBg" | "semanticLinkPrimaryDisabledBorder" | "semanticLinkPrimaryDisabledColor" | "semanticLinkPrimaryDisabledIcon" | "semanticLinkPrimaryFocus" | "semanticLinkPrimaryHoverBg" | "semanticLinkPrimaryHoverBorder" | "semanticLinkPrimaryHoverColor" | "semanticLinkPrimaryHoverIcon" | "semanticLinkPrimaryIcon" | "semanticLinkSecondaryBg" | "semanticLinkSecondaryBorder" | "semanticLinkSecondaryColor" | "semanticLinkSecondaryDisabledBg" | "semanticLinkSecondaryDisabledBorder" | "semanticLinkSecondaryDisabledColor" | "semanticLinkSecondaryDisabledIcon" | "semanticLinkSecondaryFocus" | "semanticLinkSecondaryHoverBg" | "semanticLinkSecondaryHoverBorder" | "semanticLinkSecondaryHoverColor" | "semanticLinkSecondaryHoverIcon" | "semanticLinkSecondaryIcon" | "semanticLinkSuccessBg" | "semanticLinkSuccessBorder" | "semanticLinkSuccessColor" | "semanticLinkSuccessDisabledBg" | "semanticLinkSuccessDisabledBorder" | "semanticLinkSuccessDisabledColor" | "semanticLinkSuccessDisabledIcon" | "semanticLinkSuccessFocus" | "semanticLinkSuccessHoverBg" | "semanticLinkSuccessHoverBorder" | "semanticLinkSuccessHoverColor" | "semanticLinkSuccessHoverIcon" | "semanticLinkSuccessIcon" | "semanticLinkWarningBg" | "semanticLinkWarningBorder" | "semanticLinkWarningColor" | "semanticLinkWarningDisabledBg" | "semanticLinkWarningDisabledBorder" | "semanticLinkWarningDisabledColor" | "semanticLinkWarningDisabledIcon" | "semanticLinkWarningFocus" | "semanticLinkWarningHoverBg" | "semanticLinkWarningHoverBorder" | "semanticLinkWarningHoverColor" | "semanticLinkWarningHoverIcon" | "semanticLinkWarningIcon" | "semanticOutlinedBaseBg" | "semanticOutlinedBaseBorder" | "semanticOutlinedBaseColor" | "semanticOutlinedBaseDisabledBg" | "semanticOutlinedBaseDisabledBorder" | "semanticOutlinedBaseDisabledColor" | "semanticOutlinedBaseDisabledIcon" | "semanticOutlinedBaseFocus" | "semanticOutlinedBaseHoverBg" | "semanticOutlinedBaseHoverBorder" | "semanticOutlinedBaseHoverColor" | "semanticOutlinedBaseHoverIcon" | "semanticOutlinedBaseIcon" | "semanticOutlinedErrorBg" | "semanticOutlinedErrorBorder" | "semanticOutlinedErrorColor" | "semanticOutlinedErrorDisabledBg" | "semanticOutlinedErrorDisabledBorder" | "semanticOutlinedErrorDisabledColor" | "semanticOutlinedErrorDisabledIcon" | "semanticOutlinedErrorFocus" | "semanticOutlinedErrorHoverBg" | "semanticOutlinedErrorHoverBorder" | "semanticOutlinedErrorHoverColor" | "semanticOutlinedErrorHoverIcon" | "semanticOutlinedErrorIcon" | "semanticOutlinedInfoBg" | "semanticOutlinedInfoBorder" | "semanticOutlinedInfoColor" | "semanticOutlinedInfoDisabledBg" | "semanticOutlinedInfoDisabledBorder" | "semanticOutlinedInfoDisabledColor" | "semanticOutlinedInfoDisabledIcon" | "semanticOutlinedInfoFocus" | "semanticOutlinedInfoHoverBg" | "semanticOutlinedInfoHoverBorder" | "semanticOutlinedInfoHoverColor" | "semanticOutlinedInfoHoverIcon" | "semanticOutlinedInfoIcon" | "semanticOutlinedPrimaryBg" | "semanticOutlinedPrimaryBorder" | "semanticOutlinedPrimaryColor" | "semanticOutlinedPrimaryDisabledBg" | "semanticOutlinedPrimaryDisabledBorder" | "semanticOutlinedPrimaryDisabledColor" | "semanticOutlinedPrimaryDisabledIcon" | "semanticOutlinedPrimaryFocus" | "semanticOutlinedPrimaryHoverBg" | "semanticOutlinedPrimaryHoverBorder" | "semanticOutlinedPrimaryHoverColor" | "semanticOutlinedPrimaryHoverIcon" | "semanticOutlinedPrimaryIcon" | "semanticOutlinedSecondaryBg" | "semanticOutlinedSecondaryBorder" | "semanticOutlinedSecondaryColor" | "semanticOutlinedSecondaryDisabledBg" | "semanticOutlinedSecondaryDisabledBorder" | "semanticOutlinedSecondaryDisabledColor" | "semanticOutlinedSecondaryDisabledIcon" | "semanticOutlinedSecondaryFocus" | "semanticOutlinedSecondaryHoverBg" | "semanticOutlinedSecondaryHoverBorder" | "semanticOutlinedSecondaryHoverColor" | "semanticOutlinedSecondaryHoverIcon" | "semanticOutlinedSecondaryIcon" | "semanticOutlinedSuccessBg" | "semanticOutlinedSuccessBorder" | "semanticOutlinedSuccessColor" | "semanticOutlinedSuccessDisabledBg" | "semanticOutlinedSuccessDisabledBorder" | "semanticOutlinedSuccessDisabledColor" | "semanticOutlinedSuccessDisabledIcon" | "semanticOutlinedSuccessFocus" | "semanticOutlinedSuccessHoverBg" | "semanticOutlinedSuccessHoverBorder" | "semanticOutlinedSuccessHoverColor" | "semanticOutlinedSuccessHoverIcon" | "semanticOutlinedSuccessIcon" | "semanticOutlinedWarningBg" | "semanticOutlinedWarningBorder" | "semanticOutlinedWarningColor" | "semanticOutlinedWarningDisabledBg" | "semanticOutlinedWarningDisabledBorder" | "semanticOutlinedWarningDisabledColor" | "semanticOutlinedWarningDisabledIcon" | "semanticOutlinedWarningFocus" | "semanticOutlinedWarningHoverBg" | "semanticOutlinedWarningHoverBorder" | "semanticOutlinedWarningHoverColor" | "semanticOutlinedWarningHoverIcon" | "semanticOutlinedWarningIcon" | "semanticSolidBaseBg" | "semanticSolidBaseBorder" | "semanticSolidBaseColor" | "semanticSolidBaseDisabledBg" | "semanticSolidBaseDisabledBorder" | "semanticSolidBaseDisabledColor" | "semanticSolidBaseDisabledIcon" | "semanticSolidBaseFocus" | "semanticSolidBaseHoverBg" | "semanticSolidBaseHoverBorder" | "semanticSolidBaseHoverColor" | "semanticSolidBaseHoverIcon" | "semanticSolidBaseIcon" | "semanticSolidErrorBg" | "semanticSolidErrorBorder" | "semanticSolidErrorColor" | "semanticSolidErrorDisabledBg" | "semanticSolidErrorDisabledBorder" | "semanticSolidErrorDisabledColor" | "semanticSolidErrorDisabledIcon" | "semanticSolidErrorFocus" | "semanticSolidErrorHoverBg" | "semanticSolidErrorHoverBorder" | "semanticSolidErrorHoverColor" | "semanticSolidErrorHoverIcon" | "semanticSolidErrorIcon" | "semanticSolidInfoBg" | "semanticSolidInfoBorder" | "semanticSolidInfoColor" | "semanticSolidInfoDisabledBg" | "semanticSolidInfoDisabledBorder" | "semanticSolidInfoDisabledColor" | "semanticSolidInfoDisabledIcon" | "semanticSolidInfoFocus" | "semanticSolidInfoHoverBg" | "semanticSolidInfoHoverBorder" | "semanticSolidInfoHoverColor" | "semanticSolidInfoHoverIcon" | "semanticSolidInfoIcon" | "semanticSolidPrimaryBg" | "semanticSolidPrimaryBorder" | "semanticSolidPrimaryColor" | "semanticSolidPrimaryDisabledBg" | "semanticSolidPrimaryDisabledBorder" | "semanticSolidPrimaryDisabledColor" | "semanticSolidPrimaryDisabledIcon" | "semanticSolidPrimaryFocus" | "semanticSolidPrimaryHoverBg" | "semanticSolidPrimaryHoverBorder" | "semanticSolidPrimaryHoverColor" | "semanticSolidPrimaryHoverIcon" | "semanticSolidPrimaryIcon" | "semanticSolidSecondaryBg" | "semanticSolidSecondaryBorder" | "semanticSolidSecondaryColor" | "semanticSolidSecondaryDisabledBg" | "semanticSolidSecondaryDisabledBorder" | "semanticSolidSecondaryDisabledColor" | "semanticSolidSecondaryDisabledIcon" | "semanticSolidSecondaryFocus" | "semanticSolidSecondaryHoverBg" | "semanticSolidSecondaryHoverBorder" | "semanticSolidSecondaryHoverColor" | "semanticSolidSecondaryHoverIcon" | "semanticSolidSecondaryIcon" | "semanticSolidSuccessBg" | "semanticSolidSuccessBorder" | "semanticSolidSuccessColor" | "semanticSolidSuccessDisabledBg" | "semanticSolidSuccessDisabledBorder" | "semanticSolidSuccessDisabledColor" | "semanticSolidSuccessDisabledIcon" | "semanticSolidSuccessFocus" | "semanticSolidSuccessHoverBg" | "semanticSolidSuccessHoverBorder" | "semanticSolidSuccessHoverColor" | "semanticSolidSuccessHoverIcon" | "semanticSolidSuccessIcon" | "semanticSolidWarningBg" | "semanticSolidWarningBorder" | "semanticSolidWarningColor" | "semanticSolidWarningDisabledBg" | "semanticSolidWarningDisabledBorder" | "semanticSolidWarningDisabledColor" | "semanticSolidWarningDisabledIcon" | "semanticSolidWarningFocus" | "semanticSolidWarningHoverBg" | "semanticSolidWarningHoverBorder" | "semanticSolidWarningHoverColor" | "semanticSolidWarningHoverIcon" | "semanticSolidWarningIcon" | "textActive" | "textColor" | "textHeading" | "textIcon" | "textInverse" | "textLink" | "textLinkActive" | "textLinkDisabled" | "textLinkHover" | "textLinkVisited" | "textMuted" | "textSubtext" | "white" | "whiteA1" | "whiteA10" | "whiteA11" | "whiteA12" | "whiteA2" | "whiteA3" | "whiteA4" | "whiteA5" | "whiteA6" | "whiteA7" | "whiteA8" | "whiteA9" | "current" | undefined;
        content?: string | undefined;
        fontSize?: _fuel_ui_css.TextSizes | undefined;
        translate?: "yes" | "no" | undefined;
        css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
        prefix?: string | undefined;
        as?: any;
        className?: string | undefined;
        children?: react.ReactNode;
        onClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        accessKey?: string | undefined;
        dir?: string | undefined;
        draggable?: (boolean | "true" | "false") | undefined;
        lang?: string | undefined;
        title?: string | undefined;
        id?: string | undefined;
        slot?: string | undefined;
        role?: react.AriaRole | undefined;
        style?: react.CSSProperties | undefined;
        contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
        inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
        nonce?: string | undefined;
        tabIndex?: number | undefined;
        key?: react.Key | null | undefined;
        ref?: react.Ref<HTMLParagraphElement> | undefined;
        defaultChecked?: boolean | undefined;
        defaultValue?: string | number | readonly string[] | undefined;
        suppressContentEditableWarning?: boolean | undefined;
        suppressHydrationWarning?: boolean | undefined;
        autoFocus?: boolean | undefined;
        contextMenu?: string | undefined;
        placeholder?: string | undefined;
        spellCheck?: (boolean | "true" | "false") | undefined;
        radioGroup?: string | undefined;
        about?: string | undefined;
        datatype?: string | undefined;
        inlist?: any;
        property?: string | undefined;
        rel?: string | undefined;
        resource?: string | undefined;
        rev?: string | undefined;
        typeof?: string | undefined;
        vocab?: string | undefined;
        autoCapitalize?: string | undefined;
        autoCorrect?: string | undefined;
        autoSave?: string | undefined;
        itemProp?: string | undefined;
        itemScope?: boolean | undefined;
        itemType?: string | undefined;
        itemID?: string | undefined;
        itemRef?: string | undefined;
        results?: number | undefined;
        security?: string | undefined;
        unselectable?: "on" | "off" | undefined;
        'aria-activedescendant'?: string | undefined;
        'aria-atomic'?: (boolean | "true" | "false") | undefined;
        'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
        'aria-braillelabel'?: string | undefined;
        'aria-brailleroledescription'?: string | undefined;
        'aria-busy'?: (boolean | "true" | "false") | undefined;
        'aria-checked'?: boolean | "true" | "mixed" | "false" | undefined;
        'aria-colcount'?: number | undefined;
        'aria-colindex'?: number | undefined;
        'aria-colindextext'?: string | undefined;
        'aria-colspan'?: number | undefined;
        'aria-controls'?: string | undefined;
        'aria-current'?: boolean | "location" | "time" | "true" | "page" | "false" | "step" | "date" | undefined;
        'aria-describedby'?: string | undefined;
        'aria-description'?: string | undefined;
        'aria-details'?: string | undefined;
        'aria-disabled'?: (boolean | "true" | "false") | undefined;
        'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
        'aria-errormessage'?: string | undefined;
        'aria-expanded'?: (boolean | "true" | "false") | undefined;
        'aria-flowto'?: string | undefined;
        'aria-grabbed'?: (boolean | "true" | "false") | undefined;
        'aria-haspopup'?: boolean | "grid" | "menu" | "dialog" | "true" | "listbox" | "false" | "tree" | undefined;
        'aria-hidden'?: (boolean | "true" | "false") | undefined;
        'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
        'aria-keyshortcuts'?: string | undefined;
        'aria-label'?: string | undefined;
        'aria-labelledby'?: string | undefined;
        'aria-level'?: number | undefined;
        'aria-live'?: "off" | "assertive" | "polite" | undefined;
        'aria-modal'?: (boolean | "true" | "false") | undefined;
        'aria-multiline'?: (boolean | "true" | "false") | undefined;
        'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
        'aria-orientation'?: "horizontal" | "vertical" | undefined;
        'aria-owns'?: string | undefined;
        'aria-placeholder'?: string | undefined;
        'aria-posinset'?: number | undefined;
        'aria-pressed'?: boolean | "true" | "mixed" | "false" | undefined;
        'aria-readonly'?: (boolean | "true" | "false") | undefined;
        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
        'aria-required'?: (boolean | "true" | "false") | undefined;
        'aria-roledescription'?: string | undefined;
        'aria-rowcount'?: number | undefined;
        'aria-rowindex'?: number | undefined;
        'aria-rowindextext'?: string | undefined;
        'aria-rowspan'?: number | undefined;
        'aria-selected'?: (boolean | "true" | "false") | undefined;
        'aria-setsize'?: number | undefined;
        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
        'aria-valuemax'?: number | undefined;
        'aria-valuemin'?: number | undefined;
        'aria-valuenow'?: number | undefined;
        'aria-valuetext'?: string | undefined;
        dangerouslySetInnerHTML?: {
            __html: string | TrustedHTML;
        } | undefined;
        onCopy?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
        onCopyCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
        onCut?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
        onCutCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
        onPaste?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
        onPasteCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
        onCompositionEnd?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
        onCompositionEndCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
        onCompositionStart?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
        onCompositionStartCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
        onCompositionUpdate?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
        onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
        onFocus?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
        onFocusCapture?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
        onBlur?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
        onBlurCapture?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
        onChange?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onChangeCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onBeforeInput?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onBeforeInputCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onInput?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onInputCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onReset?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onResetCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onSubmit?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onSubmitCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onInvalid?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onInvalidCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onLoad?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onLoadCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onError?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onErrorCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onKeyDown?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
        onKeyDownCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
        onKeyPress?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
        onKeyPressCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
        onKeyUp?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
        onKeyUpCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
        onAbort?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onAbortCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onCanPlay?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onCanPlayCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onCanPlayThrough?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onCanPlayThroughCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onDurationChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onDurationChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onEmptied?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onEmptiedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onEncrypted?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onEncryptedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onEnded?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onEndedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onLoadedData?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onLoadedDataCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onLoadedMetadata?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onLoadedMetadataCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onLoadStart?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onLoadStartCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onPause?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onPauseCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onPlay?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onPlayCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onPlaying?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onPlayingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onProgress?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onProgressCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onRateChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onRateChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onResize?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onResizeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onSeeked?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onSeekedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onSeeking?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onSeekingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onStalled?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onStalledCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onSuspend?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onSuspendCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onTimeUpdate?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onTimeUpdateCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onVolumeChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onVolumeChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onWaiting?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onWaitingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onAuxClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onAuxClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onContextMenu?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onContextMenuCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onDoubleClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onDoubleClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onDrag?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragEnd?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragEndCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragEnter?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragEnterCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragExit?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragExitCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragLeave?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragLeaveCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragOver?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragOverCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragStart?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragStartCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDrop?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDropCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onMouseDown?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseDownCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseEnter?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseLeave?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseMove?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseMoveCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseOut?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseOutCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseOver?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseOverCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseUp?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseUpCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onSelect?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onSelectCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onTouchCancel?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onTouchCancelCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onTouchEnd?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onTouchEndCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onTouchMove?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onTouchMoveCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onTouchStart?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onTouchStartCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onPointerDown?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerDownCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerMove?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerMoveCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerUp?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerUpCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerCancel?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerCancelCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerEnter?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerEnterCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerLeave?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerLeaveCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerOver?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerOverCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerOut?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerOutCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onGotPointerCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onLostPointerCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onScroll?: react.UIEventHandler<HTMLParagraphElement> | undefined;
        onScrollCapture?: react.UIEventHandler<HTMLParagraphElement> | undefined;
        onWheel?: react.WheelEventHandler<HTMLParagraphElement> | undefined;
        onWheelCapture?: react.WheelEventHandler<HTMLParagraphElement> | undefined;
        onAnimationStart?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
        onAnimationStartCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
        onAnimationEnd?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
        onAnimationEndCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
        onAnimationIteration?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
        onAnimationIterationCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
        onTransitionEnd?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
        onTransitionEndCapture?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
        iconSize?: number | undefined;
        leftIconAriaLabel?: string | undefined;
        rightIconAriaLabel?: string | undefined;
    }>, "children">, "as">>, never> & react.ForwardRefExoticComponent<Omit<Omit<BaseProps$1<{
        [x: `data-${string}`]: unknown;
        hidden?: boolean | undefined;
        is?: string | undefined;
        color?: "transparent" | "inherit" | "gray1" | "gray2" | "gray3" | "gray4" | "gray5" | "gray6" | "gray7" | "gray8" | "gray9" | "gray10" | "gray11" | "gray12" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "accent10" | "accent11" | "accent12" | "crimson1" | "crimson2" | "crimson3" | "crimson4" | "crimson5" | "crimson6" | "crimson7" | "crimson8" | "crimson9" | "crimson10" | "crimson11" | "crimson12" | "indigo1" | "indigo2" | "indigo3" | "indigo4" | "indigo5" | "indigo6" | "indigo7" | "indigo8" | "indigo9" | "indigo10" | "indigo11" | "indigo12" | "yellow1" | "yellow2" | "yellow3" | "yellow4" | "yellow5" | "yellow6" | "yellow7" | "yellow8" | "yellow9" | "yellow10" | "yellow11" | "yellow12" | "bodyColor" | "black" | "blackA1" | "blackA10" | "blackA11" | "blackA12" | "blackA2" | "blackA3" | "blackA4" | "blackA5" | "blackA6" | "blackA7" | "blackA8" | "blackA9" | "bodyBg" | "bodyInverse" | "border" | "borderHover" | "brand" | "cardBg" | "cardBorder" | "dialogBg" | "inputActiveBg" | "inputActiveBorder" | "inputActiveColor" | "inputActiveFocus" | "inputActiveIcon" | "inputActivePlaceholder" | "inputBaseBg" | "inputBaseBorder" | "inputBaseColor" | "inputBaseFocus" | "inputBaseIcon" | "inputBasePlaceholder" | "inputDisabledBg" | "inputDisabledBorder" | "inputDisabledColor" | "inputDisabledFocus" | "inputDisabledIcon" | "inputDisabledPlaceholder" | "inputErrorBg" | "inputErrorBorder" | "inputErrorColor" | "inputErrorFocus" | "inputErrorIcon" | "inputErrorPlaceholder" | "inputSuccessBg" | "inputSuccessBorder" | "inputSuccessColor" | "inputSuccessFocus" | "inputSuccessIcon" | "inputSuccessPlaceholder" | "inputBg" | "intentsBase1" | "intentsBase10" | "intentsBase11" | "intentsBase12" | "intentsBase2" | "intentsBase3" | "intentsBase4" | "intentsBase5" | "intentsBase6" | "intentsBase7" | "intentsBase8" | "intentsBase9" | "intentsError1" | "intentsError10" | "intentsError11" | "intentsError12" | "intentsError2" | "intentsError3" | "intentsError4" | "intentsError5" | "intentsError6" | "intentsError7" | "intentsError8" | "intentsError9" | "intentsInfo1" | "intentsInfo10" | "intentsInfo11" | "intentsInfo12" | "intentsInfo2" | "intentsInfo3" | "intentsInfo4" | "intentsInfo5" | "intentsInfo6" | "intentsInfo7" | "intentsInfo8" | "intentsInfo9" | "intentsPrimary1" | "intentsPrimary10" | "intentsPrimary11" | "intentsPrimary12" | "intentsPrimary2" | "intentsPrimary3" | "intentsPrimary4" | "intentsPrimary5" | "intentsPrimary6" | "intentsPrimary7" | "intentsPrimary8" | "intentsPrimary9" | "intentsSecondary1" | "intentsSecondary10" | "intentsSecondary11" | "intentsSecondary12" | "intentsSecondary2" | "intentsSecondary3" | "intentsSecondary4" | "intentsSecondary5" | "intentsSecondary6" | "intentsSecondary7" | "intentsSecondary8" | "intentsSecondary9" | "intentsSuccess1" | "intentsSuccess10" | "intentsSuccess11" | "intentsSuccess12" | "intentsSuccess2" | "intentsSuccess3" | "intentsSuccess4" | "intentsSuccess5" | "intentsSuccess6" | "intentsSuccess7" | "intentsSuccess8" | "intentsSuccess9" | "intentsWarning1" | "intentsWarning10" | "intentsWarning11" | "intentsWarning12" | "intentsWarning2" | "intentsWarning3" | "intentsWarning4" | "intentsWarning5" | "intentsWarning6" | "intentsWarning7" | "intentsWarning8" | "intentsWarning9" | "inverseA1" | "inverseA10" | "inverseA11" | "inverseA12" | "inverseA2" | "inverseA3" | "inverseA4" | "inverseA5" | "inverseA6" | "inverseA7" | "inverseA8" | "inverseA9" | "overlayBg" | "overlayText" | "scalesBlue1" | "scalesBlue10" | "scalesBlue11" | "scalesBlue12" | "scalesBlue2" | "scalesBlue3" | "scalesBlue4" | "scalesBlue5" | "scalesBlue6" | "scalesBlue7" | "scalesBlue8" | "scalesBlue9" | "scalesGray1" | "scalesGray10" | "scalesGray11" | "scalesGray12" | "scalesGray2" | "scalesGray3" | "scalesGray4" | "scalesGray5" | "scalesGray6" | "scalesGray7" | "scalesGray8" | "scalesGray9" | "scalesGreen1" | "scalesGreen10" | "scalesGreen11" | "scalesGreen12" | "scalesGreen2" | "scalesGreen3" | "scalesGreen4" | "scalesGreen5" | "scalesGreen6" | "scalesGreen7" | "scalesGreen8" | "scalesGreen9" | "scalesRed1" | "scalesRed10" | "scalesRed11" | "scalesRed12" | "scalesRed2" | "scalesRed3" | "scalesRed4" | "scalesRed5" | "scalesRed6" | "scalesRed7" | "scalesRed8" | "scalesRed9" | "scalesYellow1" | "scalesYellow10" | "scalesYellow11" | "scalesYellow12" | "scalesYellow2" | "scalesYellow3" | "scalesYellow4" | "scalesYellow5" | "scalesYellow6" | "scalesYellow7" | "scalesYellow8" | "scalesYellow9" | "semanticGhostBaseBg" | "semanticGhostBaseBorder" | "semanticGhostBaseColor" | "semanticGhostBaseDisabledBg" | "semanticGhostBaseDisabledBorder" | "semanticGhostBaseDisabledColor" | "semanticGhostBaseDisabledIcon" | "semanticGhostBaseFocus" | "semanticGhostBaseHoverBg" | "semanticGhostBaseHoverBorder" | "semanticGhostBaseHoverColor" | "semanticGhostBaseHoverIcon" | "semanticGhostBaseIcon" | "semanticGhostErrorBg" | "semanticGhostErrorBorder" | "semanticGhostErrorColor" | "semanticGhostErrorDisabledBg" | "semanticGhostErrorDisabledBorder" | "semanticGhostErrorDisabledColor" | "semanticGhostErrorDisabledIcon" | "semanticGhostErrorFocus" | "semanticGhostErrorHoverBg" | "semanticGhostErrorHoverBorder" | "semanticGhostErrorHoverColor" | "semanticGhostErrorHoverIcon" | "semanticGhostErrorIcon" | "semanticGhostInfoBg" | "semanticGhostInfoBorder" | "semanticGhostInfoColor" | "semanticGhostInfoDisabledBg" | "semanticGhostInfoDisabledBorder" | "semanticGhostInfoDisabledColor" | "semanticGhostInfoDisabledIcon" | "semanticGhostInfoFocus" | "semanticGhostInfoHoverBg" | "semanticGhostInfoHoverBorder" | "semanticGhostInfoHoverColor" | "semanticGhostInfoHoverIcon" | "semanticGhostInfoIcon" | "semanticGhostPrimaryBg" | "semanticGhostPrimaryBorder" | "semanticGhostPrimaryColor" | "semanticGhostPrimaryDisabledBg" | "semanticGhostPrimaryDisabledBorder" | "semanticGhostPrimaryDisabledColor" | "semanticGhostPrimaryDisabledIcon" | "semanticGhostPrimaryFocus" | "semanticGhostPrimaryHoverBg" | "semanticGhostPrimaryHoverBorder" | "semanticGhostPrimaryHoverColor" | "semanticGhostPrimaryHoverIcon" | "semanticGhostPrimaryIcon" | "semanticGhostSecondaryBg" | "semanticGhostSecondaryBorder" | "semanticGhostSecondaryColor" | "semanticGhostSecondaryDisabledBg" | "semanticGhostSecondaryDisabledBorder" | "semanticGhostSecondaryDisabledColor" | "semanticGhostSecondaryDisabledIcon" | "semanticGhostSecondaryFocus" | "semanticGhostSecondaryHoverBg" | "semanticGhostSecondaryHoverBorder" | "semanticGhostSecondaryHoverColor" | "semanticGhostSecondaryHoverIcon" | "semanticGhostSecondaryIcon" | "semanticGhostSuccessBg" | "semanticGhostSuccessBorder" | "semanticGhostSuccessColor" | "semanticGhostSuccessDisabledBg" | "semanticGhostSuccessDisabledBorder" | "semanticGhostSuccessDisabledColor" | "semanticGhostSuccessDisabledIcon" | "semanticGhostSuccessFocus" | "semanticGhostSuccessHoverBg" | "semanticGhostSuccessHoverBorder" | "semanticGhostSuccessHoverColor" | "semanticGhostSuccessHoverIcon" | "semanticGhostSuccessIcon" | "semanticGhostWarningBg" | "semanticGhostWarningBorder" | "semanticGhostWarningColor" | "semanticGhostWarningDisabledBg" | "semanticGhostWarningDisabledBorder" | "semanticGhostWarningDisabledColor" | "semanticGhostWarningDisabledIcon" | "semanticGhostWarningFocus" | "semanticGhostWarningHoverBg" | "semanticGhostWarningHoverBorder" | "semanticGhostWarningHoverColor" | "semanticGhostWarningHoverIcon" | "semanticGhostWarningIcon" | "semanticLinkBaseBg" | "semanticLinkBaseBorder" | "semanticLinkBaseColor" | "semanticLinkBaseDisabledBg" | "semanticLinkBaseDisabledBorder" | "semanticLinkBaseDisabledColor" | "semanticLinkBaseDisabledIcon" | "semanticLinkBaseFocus" | "semanticLinkBaseHoverBg" | "semanticLinkBaseHoverBorder" | "semanticLinkBaseHoverColor" | "semanticLinkBaseHoverIcon" | "semanticLinkBaseIcon" | "semanticLinkErrorBg" | "semanticLinkErrorBorder" | "semanticLinkErrorColor" | "semanticLinkErrorDisabledBg" | "semanticLinkErrorDisabledBorder" | "semanticLinkErrorDisabledColor" | "semanticLinkErrorDisabledIcon" | "semanticLinkErrorFocus" | "semanticLinkErrorHoverBg" | "semanticLinkErrorHoverBorder" | "semanticLinkErrorHoverColor" | "semanticLinkErrorHoverIcon" | "semanticLinkErrorIcon" | "semanticLinkInfoBg" | "semanticLinkInfoBorder" | "semanticLinkInfoColor" | "semanticLinkInfoDisabledBg" | "semanticLinkInfoDisabledBorder" | "semanticLinkInfoDisabledColor" | "semanticLinkInfoDisabledIcon" | "semanticLinkInfoFocus" | "semanticLinkInfoHoverBg" | "semanticLinkInfoHoverBorder" | "semanticLinkInfoHoverColor" | "semanticLinkInfoHoverIcon" | "semanticLinkInfoIcon" | "semanticLinkPrimaryBg" | "semanticLinkPrimaryBorder" | "semanticLinkPrimaryColor" | "semanticLinkPrimaryDisabledBg" | "semanticLinkPrimaryDisabledBorder" | "semanticLinkPrimaryDisabledColor" | "semanticLinkPrimaryDisabledIcon" | "semanticLinkPrimaryFocus" | "semanticLinkPrimaryHoverBg" | "semanticLinkPrimaryHoverBorder" | "semanticLinkPrimaryHoverColor" | "semanticLinkPrimaryHoverIcon" | "semanticLinkPrimaryIcon" | "semanticLinkSecondaryBg" | "semanticLinkSecondaryBorder" | "semanticLinkSecondaryColor" | "semanticLinkSecondaryDisabledBg" | "semanticLinkSecondaryDisabledBorder" | "semanticLinkSecondaryDisabledColor" | "semanticLinkSecondaryDisabledIcon" | "semanticLinkSecondaryFocus" | "semanticLinkSecondaryHoverBg" | "semanticLinkSecondaryHoverBorder" | "semanticLinkSecondaryHoverColor" | "semanticLinkSecondaryHoverIcon" | "semanticLinkSecondaryIcon" | "semanticLinkSuccessBg" | "semanticLinkSuccessBorder" | "semanticLinkSuccessColor" | "semanticLinkSuccessDisabledBg" | "semanticLinkSuccessDisabledBorder" | "semanticLinkSuccessDisabledColor" | "semanticLinkSuccessDisabledIcon" | "semanticLinkSuccessFocus" | "semanticLinkSuccessHoverBg" | "semanticLinkSuccessHoverBorder" | "semanticLinkSuccessHoverColor" | "semanticLinkSuccessHoverIcon" | "semanticLinkSuccessIcon" | "semanticLinkWarningBg" | "semanticLinkWarningBorder" | "semanticLinkWarningColor" | "semanticLinkWarningDisabledBg" | "semanticLinkWarningDisabledBorder" | "semanticLinkWarningDisabledColor" | "semanticLinkWarningDisabledIcon" | "semanticLinkWarningFocus" | "semanticLinkWarningHoverBg" | "semanticLinkWarningHoverBorder" | "semanticLinkWarningHoverColor" | "semanticLinkWarningHoverIcon" | "semanticLinkWarningIcon" | "semanticOutlinedBaseBg" | "semanticOutlinedBaseBorder" | "semanticOutlinedBaseColor" | "semanticOutlinedBaseDisabledBg" | "semanticOutlinedBaseDisabledBorder" | "semanticOutlinedBaseDisabledColor" | "semanticOutlinedBaseDisabledIcon" | "semanticOutlinedBaseFocus" | "semanticOutlinedBaseHoverBg" | "semanticOutlinedBaseHoverBorder" | "semanticOutlinedBaseHoverColor" | "semanticOutlinedBaseHoverIcon" | "semanticOutlinedBaseIcon" | "semanticOutlinedErrorBg" | "semanticOutlinedErrorBorder" | "semanticOutlinedErrorColor" | "semanticOutlinedErrorDisabledBg" | "semanticOutlinedErrorDisabledBorder" | "semanticOutlinedErrorDisabledColor" | "semanticOutlinedErrorDisabledIcon" | "semanticOutlinedErrorFocus" | "semanticOutlinedErrorHoverBg" | "semanticOutlinedErrorHoverBorder" | "semanticOutlinedErrorHoverColor" | "semanticOutlinedErrorHoverIcon" | "semanticOutlinedErrorIcon" | "semanticOutlinedInfoBg" | "semanticOutlinedInfoBorder" | "semanticOutlinedInfoColor" | "semanticOutlinedInfoDisabledBg" | "semanticOutlinedInfoDisabledBorder" | "semanticOutlinedInfoDisabledColor" | "semanticOutlinedInfoDisabledIcon" | "semanticOutlinedInfoFocus" | "semanticOutlinedInfoHoverBg" | "semanticOutlinedInfoHoverBorder" | "semanticOutlinedInfoHoverColor" | "semanticOutlinedInfoHoverIcon" | "semanticOutlinedInfoIcon" | "semanticOutlinedPrimaryBg" | "semanticOutlinedPrimaryBorder" | "semanticOutlinedPrimaryColor" | "semanticOutlinedPrimaryDisabledBg" | "semanticOutlinedPrimaryDisabledBorder" | "semanticOutlinedPrimaryDisabledColor" | "semanticOutlinedPrimaryDisabledIcon" | "semanticOutlinedPrimaryFocus" | "semanticOutlinedPrimaryHoverBg" | "semanticOutlinedPrimaryHoverBorder" | "semanticOutlinedPrimaryHoverColor" | "semanticOutlinedPrimaryHoverIcon" | "semanticOutlinedPrimaryIcon" | "semanticOutlinedSecondaryBg" | "semanticOutlinedSecondaryBorder" | "semanticOutlinedSecondaryColor" | "semanticOutlinedSecondaryDisabledBg" | "semanticOutlinedSecondaryDisabledBorder" | "semanticOutlinedSecondaryDisabledColor" | "semanticOutlinedSecondaryDisabledIcon" | "semanticOutlinedSecondaryFocus" | "semanticOutlinedSecondaryHoverBg" | "semanticOutlinedSecondaryHoverBorder" | "semanticOutlinedSecondaryHoverColor" | "semanticOutlinedSecondaryHoverIcon" | "semanticOutlinedSecondaryIcon" | "semanticOutlinedSuccessBg" | "semanticOutlinedSuccessBorder" | "semanticOutlinedSuccessColor" | "semanticOutlinedSuccessDisabledBg" | "semanticOutlinedSuccessDisabledBorder" | "semanticOutlinedSuccessDisabledColor" | "semanticOutlinedSuccessDisabledIcon" | "semanticOutlinedSuccessFocus" | "semanticOutlinedSuccessHoverBg" | "semanticOutlinedSuccessHoverBorder" | "semanticOutlinedSuccessHoverColor" | "semanticOutlinedSuccessHoverIcon" | "semanticOutlinedSuccessIcon" | "semanticOutlinedWarningBg" | "semanticOutlinedWarningBorder" | "semanticOutlinedWarningColor" | "semanticOutlinedWarningDisabledBg" | "semanticOutlinedWarningDisabledBorder" | "semanticOutlinedWarningDisabledColor" | "semanticOutlinedWarningDisabledIcon" | "semanticOutlinedWarningFocus" | "semanticOutlinedWarningHoverBg" | "semanticOutlinedWarningHoverBorder" | "semanticOutlinedWarningHoverColor" | "semanticOutlinedWarningHoverIcon" | "semanticOutlinedWarningIcon" | "semanticSolidBaseBg" | "semanticSolidBaseBorder" | "semanticSolidBaseColor" | "semanticSolidBaseDisabledBg" | "semanticSolidBaseDisabledBorder" | "semanticSolidBaseDisabledColor" | "semanticSolidBaseDisabledIcon" | "semanticSolidBaseFocus" | "semanticSolidBaseHoverBg" | "semanticSolidBaseHoverBorder" | "semanticSolidBaseHoverColor" | "semanticSolidBaseHoverIcon" | "semanticSolidBaseIcon" | "semanticSolidErrorBg" | "semanticSolidErrorBorder" | "semanticSolidErrorColor" | "semanticSolidErrorDisabledBg" | "semanticSolidErrorDisabledBorder" | "semanticSolidErrorDisabledColor" | "semanticSolidErrorDisabledIcon" | "semanticSolidErrorFocus" | "semanticSolidErrorHoverBg" | "semanticSolidErrorHoverBorder" | "semanticSolidErrorHoverColor" | "semanticSolidErrorHoverIcon" | "semanticSolidErrorIcon" | "semanticSolidInfoBg" | "semanticSolidInfoBorder" | "semanticSolidInfoColor" | "semanticSolidInfoDisabledBg" | "semanticSolidInfoDisabledBorder" | "semanticSolidInfoDisabledColor" | "semanticSolidInfoDisabledIcon" | "semanticSolidInfoFocus" | "semanticSolidInfoHoverBg" | "semanticSolidInfoHoverBorder" | "semanticSolidInfoHoverColor" | "semanticSolidInfoHoverIcon" | "semanticSolidInfoIcon" | "semanticSolidPrimaryBg" | "semanticSolidPrimaryBorder" | "semanticSolidPrimaryColor" | "semanticSolidPrimaryDisabledBg" | "semanticSolidPrimaryDisabledBorder" | "semanticSolidPrimaryDisabledColor" | "semanticSolidPrimaryDisabledIcon" | "semanticSolidPrimaryFocus" | "semanticSolidPrimaryHoverBg" | "semanticSolidPrimaryHoverBorder" | "semanticSolidPrimaryHoverColor" | "semanticSolidPrimaryHoverIcon" | "semanticSolidPrimaryIcon" | "semanticSolidSecondaryBg" | "semanticSolidSecondaryBorder" | "semanticSolidSecondaryColor" | "semanticSolidSecondaryDisabledBg" | "semanticSolidSecondaryDisabledBorder" | "semanticSolidSecondaryDisabledColor" | "semanticSolidSecondaryDisabledIcon" | "semanticSolidSecondaryFocus" | "semanticSolidSecondaryHoverBg" | "semanticSolidSecondaryHoverBorder" | "semanticSolidSecondaryHoverColor" | "semanticSolidSecondaryHoverIcon" | "semanticSolidSecondaryIcon" | "semanticSolidSuccessBg" | "semanticSolidSuccessBorder" | "semanticSolidSuccessColor" | "semanticSolidSuccessDisabledBg" | "semanticSolidSuccessDisabledBorder" | "semanticSolidSuccessDisabledColor" | "semanticSolidSuccessDisabledIcon" | "semanticSolidSuccessFocus" | "semanticSolidSuccessHoverBg" | "semanticSolidSuccessHoverBorder" | "semanticSolidSuccessHoverColor" | "semanticSolidSuccessHoverIcon" | "semanticSolidSuccessIcon" | "semanticSolidWarningBg" | "semanticSolidWarningBorder" | "semanticSolidWarningColor" | "semanticSolidWarningDisabledBg" | "semanticSolidWarningDisabledBorder" | "semanticSolidWarningDisabledColor" | "semanticSolidWarningDisabledIcon" | "semanticSolidWarningFocus" | "semanticSolidWarningHoverBg" | "semanticSolidWarningHoverBorder" | "semanticSolidWarningHoverColor" | "semanticSolidWarningHoverIcon" | "semanticSolidWarningIcon" | "textActive" | "textColor" | "textHeading" | "textIcon" | "textInverse" | "textLink" | "textLinkActive" | "textLinkDisabled" | "textLinkHover" | "textLinkVisited" | "textMuted" | "textSubtext" | "white" | "whiteA1" | "whiteA10" | "whiteA11" | "whiteA12" | "whiteA2" | "whiteA3" | "whiteA4" | "whiteA5" | "whiteA6" | "whiteA7" | "whiteA8" | "whiteA9" | "current" | undefined;
        content?: string | undefined;
        fontSize?: _fuel_ui_css.TextSizes | undefined;
        translate?: "yes" | "no" | undefined;
        css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
        prefix?: string | undefined;
        as?: any;
        className?: string | undefined;
        children?: react.ReactNode;
        onClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        accessKey?: string | undefined;
        dir?: string | undefined;
        draggable?: (boolean | "true" | "false") | undefined;
        lang?: string | undefined;
        title?: string | undefined;
        id?: string | undefined;
        slot?: string | undefined;
        role?: react.AriaRole | undefined;
        style?: react.CSSProperties | undefined;
        contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
        inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
        nonce?: string | undefined;
        tabIndex?: number | undefined;
        key?: react.Key | null | undefined;
        ref?: react.Ref<HTMLParagraphElement> | undefined;
        defaultChecked?: boolean | undefined;
        defaultValue?: string | number | readonly string[] | undefined;
        suppressContentEditableWarning?: boolean | undefined;
        suppressHydrationWarning?: boolean | undefined;
        autoFocus?: boolean | undefined;
        contextMenu?: string | undefined;
        placeholder?: string | undefined;
        spellCheck?: (boolean | "true" | "false") | undefined;
        radioGroup?: string | undefined;
        about?: string | undefined;
        datatype?: string | undefined;
        inlist?: any;
        property?: string | undefined;
        rel?: string | undefined;
        resource?: string | undefined;
        rev?: string | undefined;
        typeof?: string | undefined;
        vocab?: string | undefined;
        autoCapitalize?: string | undefined;
        autoCorrect?: string | undefined;
        autoSave?: string | undefined;
        itemProp?: string | undefined;
        itemScope?: boolean | undefined;
        itemType?: string | undefined;
        itemID?: string | undefined;
        itemRef?: string | undefined;
        results?: number | undefined;
        security?: string | undefined;
        unselectable?: "on" | "off" | undefined;
        'aria-activedescendant'?: string | undefined;
        'aria-atomic'?: (boolean | "true" | "false") | undefined;
        'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
        'aria-braillelabel'?: string | undefined;
        'aria-brailleroledescription'?: string | undefined;
        'aria-busy'?: (boolean | "true" | "false") | undefined;
        'aria-checked'?: boolean | "true" | "mixed" | "false" | undefined;
        'aria-colcount'?: number | undefined;
        'aria-colindex'?: number | undefined;
        'aria-colindextext'?: string | undefined;
        'aria-colspan'?: number | undefined;
        'aria-controls'?: string | undefined;
        'aria-current'?: boolean | "location" | "time" | "true" | "page" | "false" | "step" | "date" | undefined;
        'aria-describedby'?: string | undefined;
        'aria-description'?: string | undefined;
        'aria-details'?: string | undefined;
        'aria-disabled'?: (boolean | "true" | "false") | undefined;
        'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
        'aria-errormessage'?: string | undefined;
        'aria-expanded'?: (boolean | "true" | "false") | undefined;
        'aria-flowto'?: string | undefined;
        'aria-grabbed'?: (boolean | "true" | "false") | undefined;
        'aria-haspopup'?: boolean | "grid" | "menu" | "dialog" | "true" | "listbox" | "false" | "tree" | undefined;
        'aria-hidden'?: (boolean | "true" | "false") | undefined;
        'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
        'aria-keyshortcuts'?: string | undefined;
        'aria-label'?: string | undefined;
        'aria-labelledby'?: string | undefined;
        'aria-level'?: number | undefined;
        'aria-live'?: "off" | "assertive" | "polite" | undefined;
        'aria-modal'?: (boolean | "true" | "false") | undefined;
        'aria-multiline'?: (boolean | "true" | "false") | undefined;
        'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
        'aria-orientation'?: "horizontal" | "vertical" | undefined;
        'aria-owns'?: string | undefined;
        'aria-placeholder'?: string | undefined;
        'aria-posinset'?: number | undefined;
        'aria-pressed'?: boolean | "true" | "mixed" | "false" | undefined;
        'aria-readonly'?: (boolean | "true" | "false") | undefined;
        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
        'aria-required'?: (boolean | "true" | "false") | undefined;
        'aria-roledescription'?: string | undefined;
        'aria-rowcount'?: number | undefined;
        'aria-rowindex'?: number | undefined;
        'aria-rowindextext'?: string | undefined;
        'aria-rowspan'?: number | undefined;
        'aria-selected'?: (boolean | "true" | "false") | undefined;
        'aria-setsize'?: number | undefined;
        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
        'aria-valuemax'?: number | undefined;
        'aria-valuemin'?: number | undefined;
        'aria-valuenow'?: number | undefined;
        'aria-valuetext'?: string | undefined;
        dangerouslySetInnerHTML?: {
            __html: string | TrustedHTML;
        } | undefined;
        onCopy?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
        onCopyCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
        onCut?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
        onCutCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
        onPaste?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
        onPasteCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
        onCompositionEnd?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
        onCompositionEndCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
        onCompositionStart?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
        onCompositionStartCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
        onCompositionUpdate?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
        onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
        onFocus?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
        onFocusCapture?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
        onBlur?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
        onBlurCapture?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
        onChange?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onChangeCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onBeforeInput?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onBeforeInputCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onInput?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onInputCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onReset?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onResetCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onSubmit?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onSubmitCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onInvalid?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onInvalidCapture?: react.FormEventHandler<HTMLParagraphElement> | undefined;
        onLoad?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onLoadCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onError?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onErrorCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onKeyDown?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
        onKeyDownCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
        onKeyPress?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
        onKeyPressCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
        onKeyUp?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
        onKeyUpCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
        onAbort?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onAbortCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onCanPlay?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onCanPlayCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onCanPlayThrough?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onCanPlayThroughCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onDurationChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onDurationChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onEmptied?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onEmptiedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onEncrypted?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onEncryptedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onEnded?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onEndedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onLoadedData?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onLoadedDataCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onLoadedMetadata?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onLoadedMetadataCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onLoadStart?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onLoadStartCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onPause?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onPauseCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onPlay?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onPlayCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onPlaying?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onPlayingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onProgress?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onProgressCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onRateChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onRateChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onResize?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onResizeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onSeeked?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onSeekedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onSeeking?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onSeekingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onStalled?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onStalledCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onSuspend?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onSuspendCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onTimeUpdate?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onTimeUpdateCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onVolumeChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onVolumeChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onWaiting?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onWaitingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onAuxClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onAuxClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onContextMenu?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onContextMenuCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onDoubleClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onDoubleClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onDrag?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragEnd?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragEndCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragEnter?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragEnterCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragExit?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragExitCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragLeave?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragLeaveCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragOver?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragOverCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragStart?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDragStartCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDrop?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onDropCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
        onMouseDown?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseDownCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseEnter?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseLeave?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseMove?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseMoveCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseOut?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseOutCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseOver?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseOverCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseUp?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onMouseUpCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
        onSelect?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onSelectCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
        onTouchCancel?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onTouchCancelCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onTouchEnd?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onTouchEndCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onTouchMove?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onTouchMoveCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onTouchStart?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onTouchStartCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
        onPointerDown?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerDownCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerMove?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerMoveCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerUp?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerUpCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerCancel?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerCancelCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerEnter?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerEnterCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerLeave?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerLeaveCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerOver?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerOverCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerOut?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onPointerOutCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onGotPointerCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onLostPointerCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
        onScroll?: react.UIEventHandler<HTMLParagraphElement> | undefined;
        onScrollCapture?: react.UIEventHandler<HTMLParagraphElement> | undefined;
        onWheel?: react.WheelEventHandler<HTMLParagraphElement> | undefined;
        onWheelCapture?: react.WheelEventHandler<HTMLParagraphElement> | undefined;
        onAnimationStart?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
        onAnimationStartCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
        onAnimationEnd?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
        onAnimationEndCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
        onAnimationIteration?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
        onAnimationIterationCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
        onTransitionEnd?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
        onTransitionEndCapture?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
        iconSize?: number | undefined;
        leftIconAriaLabel?: string | undefined;
        rightIconAriaLabel?: string | undefined;
    }>, "children">, "ref"> & react.RefAttributes<HTMLSpanElement>> & {
        id: string;
    };
};

declare const AvatarGenerated: (<C = "div">(props: PolymorphicComponentProps<C, Omit<Omit<BaseProps$1<AvatarGeneratedProps>, "children">, "as">>) => react.ReactElement<Omit<Omit<BaseProps$1<AvatarGeneratedProps>, "children">, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<Omit<BaseProps$1<AvatarGeneratedProps>, "children">, "as">>, never> & react.ForwardRefExoticComponent<Omit<BaseProps$1<AvatarGeneratedProps>, "children"> & react.RefAttributes<HTMLDivElement>>;

type AvatarProps = RAvatar.AvatarImageProps & {
    name: string;
    fallback?: string;
    size?: 'xsm' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | number;
};
type AvatarDef = CreateComponent<{
    type: 'img';
    component: Components.Avatar;
    props: AvatarProps;
    element: HTMLImageElement;
    omit: 'as' | 'children';
    styles: 'root' | 'image' | 'fallback' | 'generated';
    namespace: {
        Generated: typeof AvatarGenerated;
    };
}>;
type AvatarGeneratedProps = Omit<AvatarProps, 'name'> & {
    hash: string;
};
type AvatarGeneratedDef = CreateComponent<{
    type: 'div';
    component: Components.AvatarGenerated;
    props: AvatarGeneratedProps;
    element: HTMLDivElement;
    omit: 'children';
}>;

declare const Avatar: react.ForwardRefExoticComponent<Omit<BaseProps$1<AvatarProps>, "as" | "children"> & react.RefAttributes<HTMLImageElement>> & {
    Generated: (<C = "div">(props: PolymorphicComponentProps<C, Omit<Omit<BaseProps$1<AvatarGeneratedProps>, "children">, "as">>) => react.ReactElement<Omit<Omit<BaseProps$1<AvatarGeneratedProps>, "children">, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<Omit<BaseProps$1<AvatarGeneratedProps>, "children">, "as">>, never> & react.ForwardRefExoticComponent<Omit<BaseProps$1<AvatarGeneratedProps>, "children"> & react.RefAttributes<HTMLDivElement>>;
};

type BadgeVariants = 'solid' | 'outlined' | 'ghost';
type BadgeProps = HTMLProps['span'] & {
    intent?: LayerIntent;
    variant?: BadgeVariants;
    isDisabled?: boolean;
};
type BadgeDef = CreateComponent<{
    type: 'span';
    component: Components.Badge;
    element: HTMLSpanElement;
    props: BadgeProps;
    styles: 'root';
}>;

declare const Badge: (<C = "span">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<BadgeProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<BadgeProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<BadgeProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLSpanElement> & {
    intent?: _fuel_ui_css.LayerIntent | undefined;
    variant?: BadgeVariants | undefined;
    isDisabled?: boolean | undefined;
} & react.RefAttributes<HTMLSpanElement>>;

type LinkProps = HTMLProps['a'] & {
    isExternal?: boolean;
    externalIcon?: IconProps['icon'];
    color?: ThemeUtilsCSS['color'];
};
type LinkDef = CreateComponent<{
    type: 'a';
    element: HTMLAnchorElement;
    component: Components.Link;
    props: LinkProps;
    styles: 'root';
}>;

declare const Link: (<C = "a">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<LinkProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<LinkProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<LinkProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
    isExternal?: boolean | undefined;
    externalIcon?: string | number | boolean | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | react.ReactPortal | null | undefined;
    color?: "$bodyBg" | "$inputActiveBorder" | "$cardBg" | "$dialogBg" | "$overlayBg" | "$overlayText" | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | (_fuel_stitches_react_types_css.OnlyString | ("transparent" | "AliceBlue" | "AntiqueWhite" | "Aqua" | "Aquamarine" | "Azure" | "Beige" | "Bisque" | "Black" | "BlanchedAlmond" | "Blue" | "BlueViolet" | "Brown" | "BurlyWood" | "CadetBlue" | "Chartreuse" | "Chocolate" | "Coral" | "CornflowerBlue" | "Cornsilk" | "Crimson" | "Cyan" | "DarkBlue" | "DarkCyan" | "DarkGoldenRod" | "DarkGray" | "DarkGreen" | "DarkGrey" | "DarkKhaki" | "DarkMagenta" | "DarkOliveGreen" | "DarkOrange" | "DarkOrchid" | "DarkRed" | "DarkSalmon" | "DarkSeaGreen" | "DarkSlateBlue" | "DarkSlateGray" | "DarkSlateGrey" | "DarkTurquoise" | "DarkViolet" | "DeepPink" | "DeepSkyBlue" | "DimGray" | "DimGrey" | "DodgerBlue" | "FireBrick" | "FloralWhite" | "ForestGreen" | "Fuchsia" | "Gainsboro" | "GhostWhite" | "Gold" | "GoldenRod" | "Gray" | "Green" | "GreenYellow" | "Grey" | "HoneyDew" | "HotPink" | "IndianRed" | "Indigo" | "Ivory" | "Khaki" | "Lavender" | "LavenderBlush" | "LawnGreen" | "LemonChiffon" | "LightBlue" | "LightCoral" | "LightCyan" | "LightGoldenRodYellow" | "LightGray" | "LightGreen" | "LightGrey" | "LightPink" | "LightSalmon" | "LightSeaGreen" | "LightSkyBlue" | "LightSlateGray" | "LightSlateGrey" | "LightSteelBlue" | "LightYellow" | "Lime" | "LimeGreen" | "Linen" | "Magenta" | "Maroon" | "MediumAquaMarine" | "MediumBlue" | "MediumOrchid" | "MediumPurple" | "MediumSeaGreen" | "MediumSlateBlue" | "MediumSpringGreen" | "MediumTurquoise" | "MediumVioletRed" | "MidnightBlue" | "MintCream" | "MistyRose" | "Moccasin" | "NavajoWhite" | "Navy" | "OldLace" | "Olive" | "OliveDrab" | "Orange" | "OrangeRed" | "Orchid" | "PaleGoldenRod" | "PaleGreen" | "PaleTurquoise" | "PaleVioletRed" | "PapayaWhip" | "PeachPuff" | "Peru" | "Pink" | "Plum" | "PowderBlue" | "Purple" | "RebeccaPurple" | "Red" | "RosyBrown" | "RoyalBlue" | "SaddleBrown" | "Salmon" | "SandyBrown" | "SeaGreen" | "SeaShell" | "Sienna" | "Silver" | "SkyBlue" | "SlateBlue" | "SlateGray" | "SlateGrey" | "Snow" | "SpringGreen" | "SteelBlue" | "Tan" | "Teal" | "Thistle" | "Tomato" | "Turquoise" | "Violet" | "Wheat" | "White" | "WhiteSmoke" | "Yellow" | "YellowGreen") | ("Highlight" | "ActiveText" | "ButtonFace" | "ButtonText" | "ButtonBorder" | "Canvas" | "CanvasText" | "Field" | "FieldText" | "GrayText" | "HighlightText" | "LinkText" | "Mark" | "MarkText" | "VisitedText") | "CurrentColor" | "hsl(" | "lab(" | "rgb(") | "$transparent" | "$inherit" | "$gray1" | "$gray2" | "$gray3" | "$gray4" | "$gray5" | "$gray6" | "$gray7" | "$gray8" | "$gray9" | "$gray10" | "$gray11" | "$gray12" | "$accent1" | "$accent2" | "$accent3" | "$accent4" | "$accent5" | "$accent6" | "$accent7" | "$accent8" | "$accent9" | "$accent10" | "$accent11" | "$accent12" | "$crimson1" | "$crimson2" | "$crimson3" | "$crimson4" | "$crimson5" | "$crimson6" | "$crimson7" | "$crimson8" | "$crimson9" | "$crimson10" | "$crimson11" | "$crimson12" | "$indigo1" | "$indigo2" | "$indigo3" | "$indigo4" | "$indigo5" | "$indigo6" | "$indigo7" | "$indigo8" | "$indigo9" | "$indigo10" | "$indigo11" | "$indigo12" | "$yellow1" | "$yellow2" | "$yellow3" | "$yellow4" | "$yellow5" | "$yellow6" | "$yellow7" | "$yellow8" | "$yellow9" | "$yellow10" | "$yellow11" | "$yellow12" | "$bodyColor" | "$black" | "$blackA1" | "$blackA10" | "$blackA11" | "$blackA12" | "$blackA2" | "$blackA3" | "$blackA4" | "$blackA5" | "$blackA6" | "$blackA7" | "$blackA8" | "$blackA9" | "$bodyInverse" | "$border" | "$borderHover" | "$brand" | "$cardBorder" | "$inputActiveBg" | "$inputActiveColor" | "$inputActiveFocus" | "$inputActiveIcon" | "$inputActivePlaceholder" | "$inputBaseBg" | "$inputBaseBorder" | "$inputBaseColor" | "$inputBaseFocus" | "$inputBaseIcon" | "$inputBasePlaceholder" | "$inputDisabledBg" | "$inputDisabledBorder" | "$inputDisabledColor" | "$inputDisabledFocus" | "$inputDisabledIcon" | "$inputDisabledPlaceholder" | "$inputErrorBg" | "$inputErrorBorder" | "$inputErrorColor" | "$inputErrorFocus" | "$inputErrorIcon" | "$inputErrorPlaceholder" | "$inputSuccessBg" | "$inputSuccessBorder" | "$inputSuccessColor" | "$inputSuccessFocus" | "$inputSuccessIcon" | "$inputSuccessPlaceholder" | "$inputBg" | "$intentsBase1" | "$intentsBase10" | "$intentsBase11" | "$intentsBase12" | "$intentsBase2" | "$intentsBase3" | "$intentsBase4" | "$intentsBase5" | "$intentsBase6" | "$intentsBase7" | "$intentsBase8" | "$intentsBase9" | "$intentsError1" | "$intentsError10" | "$intentsError11" | "$intentsError12" | "$intentsError2" | "$intentsError3" | "$intentsError4" | "$intentsError5" | "$intentsError6" | "$intentsError7" | "$intentsError8" | "$intentsError9" | "$intentsInfo1" | "$intentsInfo10" | "$intentsInfo11" | "$intentsInfo12" | "$intentsInfo2" | "$intentsInfo3" | "$intentsInfo4" | "$intentsInfo5" | "$intentsInfo6" | "$intentsInfo7" | "$intentsInfo8" | "$intentsInfo9" | "$intentsPrimary1" | "$intentsPrimary10" | "$intentsPrimary11" | "$intentsPrimary12" | "$intentsPrimary2" | "$intentsPrimary3" | "$intentsPrimary4" | "$intentsPrimary5" | "$intentsPrimary6" | "$intentsPrimary7" | "$intentsPrimary8" | "$intentsPrimary9" | "$intentsSecondary1" | "$intentsSecondary10" | "$intentsSecondary11" | "$intentsSecondary12" | "$intentsSecondary2" | "$intentsSecondary3" | "$intentsSecondary4" | "$intentsSecondary5" | "$intentsSecondary6" | "$intentsSecondary7" | "$intentsSecondary8" | "$intentsSecondary9" | "$intentsSuccess1" | "$intentsSuccess10" | "$intentsSuccess11" | "$intentsSuccess12" | "$intentsSuccess2" | "$intentsSuccess3" | "$intentsSuccess4" | "$intentsSuccess5" | "$intentsSuccess6" | "$intentsSuccess7" | "$intentsSuccess8" | "$intentsSuccess9" | "$intentsWarning1" | "$intentsWarning10" | "$intentsWarning11" | "$intentsWarning12" | "$intentsWarning2" | "$intentsWarning3" | "$intentsWarning4" | "$intentsWarning5" | "$intentsWarning6" | "$intentsWarning7" | "$intentsWarning8" | "$intentsWarning9" | "$inverseA1" | "$inverseA10" | "$inverseA11" | "$inverseA12" | "$inverseA2" | "$inverseA3" | "$inverseA4" | "$inverseA5" | "$inverseA6" | "$inverseA7" | "$inverseA8" | "$inverseA9" | "$scalesBlue1" | "$scalesBlue10" | "$scalesBlue11" | "$scalesBlue12" | "$scalesBlue2" | "$scalesBlue3" | "$scalesBlue4" | "$scalesBlue5" | "$scalesBlue6" | "$scalesBlue7" | "$scalesBlue8" | "$scalesBlue9" | "$scalesGray1" | "$scalesGray10" | "$scalesGray11" | "$scalesGray12" | "$scalesGray2" | "$scalesGray3" | "$scalesGray4" | "$scalesGray5" | "$scalesGray6" | "$scalesGray7" | "$scalesGray8" | "$scalesGray9" | "$scalesGreen1" | "$scalesGreen10" | "$scalesGreen11" | "$scalesGreen12" | "$scalesGreen2" | "$scalesGreen3" | "$scalesGreen4" | "$scalesGreen5" | "$scalesGreen6" | "$scalesGreen7" | "$scalesGreen8" | "$scalesGreen9" | "$scalesRed1" | "$scalesRed10" | "$scalesRed11" | "$scalesRed12" | "$scalesRed2" | "$scalesRed3" | "$scalesRed4" | "$scalesRed5" | "$scalesRed6" | "$scalesRed7" | "$scalesRed8" | "$scalesRed9" | "$scalesYellow1" | "$scalesYellow10" | "$scalesYellow11" | "$scalesYellow12" | "$scalesYellow2" | "$scalesYellow3" | "$scalesYellow4" | "$scalesYellow5" | "$scalesYellow6" | "$scalesYellow7" | "$scalesYellow8" | "$scalesYellow9" | "$semanticGhostBaseBg" | "$semanticGhostBaseBorder" | "$semanticGhostBaseColor" | "$semanticGhostBaseDisabledBg" | "$semanticGhostBaseDisabledBorder" | "$semanticGhostBaseDisabledColor" | "$semanticGhostBaseDisabledIcon" | "$semanticGhostBaseFocus" | "$semanticGhostBaseHoverBg" | "$semanticGhostBaseHoverBorder" | "$semanticGhostBaseHoverColor" | "$semanticGhostBaseHoverIcon" | "$semanticGhostBaseIcon" | "$semanticGhostErrorBg" | "$semanticGhostErrorBorder" | "$semanticGhostErrorColor" | "$semanticGhostErrorDisabledBg" | "$semanticGhostErrorDisabledBorder" | "$semanticGhostErrorDisabledColor" | "$semanticGhostErrorDisabledIcon" | "$semanticGhostErrorFocus" | "$semanticGhostErrorHoverBg" | "$semanticGhostErrorHoverBorder" | "$semanticGhostErrorHoverColor" | "$semanticGhostErrorHoverIcon" | "$semanticGhostErrorIcon" | "$semanticGhostInfoBg" | "$semanticGhostInfoBorder" | "$semanticGhostInfoColor" | "$semanticGhostInfoDisabledBg" | "$semanticGhostInfoDisabledBorder" | "$semanticGhostInfoDisabledColor" | "$semanticGhostInfoDisabledIcon" | "$semanticGhostInfoFocus" | "$semanticGhostInfoHoverBg" | "$semanticGhostInfoHoverBorder" | "$semanticGhostInfoHoverColor" | "$semanticGhostInfoHoverIcon" | "$semanticGhostInfoIcon" | "$semanticGhostPrimaryBg" | "$semanticGhostPrimaryBorder" | "$semanticGhostPrimaryColor" | "$semanticGhostPrimaryDisabledBg" | "$semanticGhostPrimaryDisabledBorder" | "$semanticGhostPrimaryDisabledColor" | "$semanticGhostPrimaryDisabledIcon" | "$semanticGhostPrimaryFocus" | "$semanticGhostPrimaryHoverBg" | "$semanticGhostPrimaryHoverBorder" | "$semanticGhostPrimaryHoverColor" | "$semanticGhostPrimaryHoverIcon" | "$semanticGhostPrimaryIcon" | "$semanticGhostSecondaryBg" | "$semanticGhostSecondaryBorder" | "$semanticGhostSecondaryColor" | "$semanticGhostSecondaryDisabledBg" | "$semanticGhostSecondaryDisabledBorder" | "$semanticGhostSecondaryDisabledColor" | "$semanticGhostSecondaryDisabledIcon" | "$semanticGhostSecondaryFocus" | "$semanticGhostSecondaryHoverBg" | "$semanticGhostSecondaryHoverBorder" | "$semanticGhostSecondaryHoverColor" | "$semanticGhostSecondaryHoverIcon" | "$semanticGhostSecondaryIcon" | "$semanticGhostSuccessBg" | "$semanticGhostSuccessBorder" | "$semanticGhostSuccessColor" | "$semanticGhostSuccessDisabledBg" | "$semanticGhostSuccessDisabledBorder" | "$semanticGhostSuccessDisabledColor" | "$semanticGhostSuccessDisabledIcon" | "$semanticGhostSuccessFocus" | "$semanticGhostSuccessHoverBg" | "$semanticGhostSuccessHoverBorder" | "$semanticGhostSuccessHoverColor" | "$semanticGhostSuccessHoverIcon" | "$semanticGhostSuccessIcon" | "$semanticGhostWarningBg" | "$semanticGhostWarningBorder" | "$semanticGhostWarningColor" | "$semanticGhostWarningDisabledBg" | "$semanticGhostWarningDisabledBorder" | "$semanticGhostWarningDisabledColor" | "$semanticGhostWarningDisabledIcon" | "$semanticGhostWarningFocus" | "$semanticGhostWarningHoverBg" | "$semanticGhostWarningHoverBorder" | "$semanticGhostWarningHoverColor" | "$semanticGhostWarningHoverIcon" | "$semanticGhostWarningIcon" | "$semanticLinkBaseBg" | "$semanticLinkBaseBorder" | "$semanticLinkBaseColor" | "$semanticLinkBaseDisabledBg" | "$semanticLinkBaseDisabledBorder" | "$semanticLinkBaseDisabledColor" | "$semanticLinkBaseDisabledIcon" | "$semanticLinkBaseFocus" | "$semanticLinkBaseHoverBg" | "$semanticLinkBaseHoverBorder" | "$semanticLinkBaseHoverColor" | "$semanticLinkBaseHoverIcon" | "$semanticLinkBaseIcon" | "$semanticLinkErrorBg" | "$semanticLinkErrorBorder" | "$semanticLinkErrorColor" | "$semanticLinkErrorDisabledBg" | "$semanticLinkErrorDisabledBorder" | "$semanticLinkErrorDisabledColor" | "$semanticLinkErrorDisabledIcon" | "$semanticLinkErrorFocus" | "$semanticLinkErrorHoverBg" | "$semanticLinkErrorHoverBorder" | "$semanticLinkErrorHoverColor" | "$semanticLinkErrorHoverIcon" | "$semanticLinkErrorIcon" | "$semanticLinkInfoBg" | "$semanticLinkInfoBorder" | "$semanticLinkInfoColor" | "$semanticLinkInfoDisabledBg" | "$semanticLinkInfoDisabledBorder" | "$semanticLinkInfoDisabledColor" | "$semanticLinkInfoDisabledIcon" | "$semanticLinkInfoFocus" | "$semanticLinkInfoHoverBg" | "$semanticLinkInfoHoverBorder" | "$semanticLinkInfoHoverColor" | "$semanticLinkInfoHoverIcon" | "$semanticLinkInfoIcon" | "$semanticLinkPrimaryBg" | "$semanticLinkPrimaryBorder" | "$semanticLinkPrimaryColor" | "$semanticLinkPrimaryDisabledBg" | "$semanticLinkPrimaryDisabledBorder" | "$semanticLinkPrimaryDisabledColor" | "$semanticLinkPrimaryDisabledIcon" | "$semanticLinkPrimaryFocus" | "$semanticLinkPrimaryHoverBg" | "$semanticLinkPrimaryHoverBorder" | "$semanticLinkPrimaryHoverColor" | "$semanticLinkPrimaryHoverIcon" | "$semanticLinkPrimaryIcon" | "$semanticLinkSecondaryBg" | "$semanticLinkSecondaryBorder" | "$semanticLinkSecondaryColor" | "$semanticLinkSecondaryDisabledBg" | "$semanticLinkSecondaryDisabledBorder" | "$semanticLinkSecondaryDisabledColor" | "$semanticLinkSecondaryDisabledIcon" | "$semanticLinkSecondaryFocus" | "$semanticLinkSecondaryHoverBg" | "$semanticLinkSecondaryHoverBorder" | "$semanticLinkSecondaryHoverColor" | "$semanticLinkSecondaryHoverIcon" | "$semanticLinkSecondaryIcon" | "$semanticLinkSuccessBg" | "$semanticLinkSuccessBorder" | "$semanticLinkSuccessColor" | "$semanticLinkSuccessDisabledBg" | "$semanticLinkSuccessDisabledBorder" | "$semanticLinkSuccessDisabledColor" | "$semanticLinkSuccessDisabledIcon" | "$semanticLinkSuccessFocus" | "$semanticLinkSuccessHoverBg" | "$semanticLinkSuccessHoverBorder" | "$semanticLinkSuccessHoverColor" | "$semanticLinkSuccessHoverIcon" | "$semanticLinkSuccessIcon" | "$semanticLinkWarningBg" | "$semanticLinkWarningBorder" | "$semanticLinkWarningColor" | "$semanticLinkWarningDisabledBg" | "$semanticLinkWarningDisabledBorder" | "$semanticLinkWarningDisabledColor" | "$semanticLinkWarningDisabledIcon" | "$semanticLinkWarningFocus" | "$semanticLinkWarningHoverBg" | "$semanticLinkWarningHoverBorder" | "$semanticLinkWarningHoverColor" | "$semanticLinkWarningHoverIcon" | "$semanticLinkWarningIcon" | "$semanticOutlinedBaseBg" | "$semanticOutlinedBaseBorder" | "$semanticOutlinedBaseColor" | "$semanticOutlinedBaseDisabledBg" | "$semanticOutlinedBaseDisabledBorder" | "$semanticOutlinedBaseDisabledColor" | "$semanticOutlinedBaseDisabledIcon" | "$semanticOutlinedBaseFocus" | "$semanticOutlinedBaseHoverBg" | "$semanticOutlinedBaseHoverBorder" | "$semanticOutlinedBaseHoverColor" | "$semanticOutlinedBaseHoverIcon" | "$semanticOutlinedBaseIcon" | "$semanticOutlinedErrorBg" | "$semanticOutlinedErrorBorder" | "$semanticOutlinedErrorColor" | "$semanticOutlinedErrorDisabledBg" | "$semanticOutlinedErrorDisabledBorder" | "$semanticOutlinedErrorDisabledColor" | "$semanticOutlinedErrorDisabledIcon" | "$semanticOutlinedErrorFocus" | "$semanticOutlinedErrorHoverBg" | "$semanticOutlinedErrorHoverBorder" | "$semanticOutlinedErrorHoverColor" | "$semanticOutlinedErrorHoverIcon" | "$semanticOutlinedErrorIcon" | "$semanticOutlinedInfoBg" | "$semanticOutlinedInfoBorder" | "$semanticOutlinedInfoColor" | "$semanticOutlinedInfoDisabledBg" | "$semanticOutlinedInfoDisabledBorder" | "$semanticOutlinedInfoDisabledColor" | "$semanticOutlinedInfoDisabledIcon" | "$semanticOutlinedInfoFocus" | "$semanticOutlinedInfoHoverBg" | "$semanticOutlinedInfoHoverBorder" | "$semanticOutlinedInfoHoverColor" | "$semanticOutlinedInfoHoverIcon" | "$semanticOutlinedInfoIcon" | "$semanticOutlinedPrimaryBg" | "$semanticOutlinedPrimaryBorder" | "$semanticOutlinedPrimaryColor" | "$semanticOutlinedPrimaryDisabledBg" | "$semanticOutlinedPrimaryDisabledBorder" | "$semanticOutlinedPrimaryDisabledColor" | "$semanticOutlinedPrimaryDisabledIcon" | "$semanticOutlinedPrimaryFocus" | "$semanticOutlinedPrimaryHoverBg" | "$semanticOutlinedPrimaryHoverBorder" | "$semanticOutlinedPrimaryHoverColor" | "$semanticOutlinedPrimaryHoverIcon" | "$semanticOutlinedPrimaryIcon" | "$semanticOutlinedSecondaryBg" | "$semanticOutlinedSecondaryBorder" | "$semanticOutlinedSecondaryColor" | "$semanticOutlinedSecondaryDisabledBg" | "$semanticOutlinedSecondaryDisabledBorder" | "$semanticOutlinedSecondaryDisabledColor" | "$semanticOutlinedSecondaryDisabledIcon" | "$semanticOutlinedSecondaryFocus" | "$semanticOutlinedSecondaryHoverBg" | "$semanticOutlinedSecondaryHoverBorder" | "$semanticOutlinedSecondaryHoverColor" | "$semanticOutlinedSecondaryHoverIcon" | "$semanticOutlinedSecondaryIcon" | "$semanticOutlinedSuccessBg" | "$semanticOutlinedSuccessBorder" | "$semanticOutlinedSuccessColor" | "$semanticOutlinedSuccessDisabledBg" | "$semanticOutlinedSuccessDisabledBorder" | "$semanticOutlinedSuccessDisabledColor" | "$semanticOutlinedSuccessDisabledIcon" | "$semanticOutlinedSuccessFocus" | "$semanticOutlinedSuccessHoverBg" | "$semanticOutlinedSuccessHoverBorder" | "$semanticOutlinedSuccessHoverColor" | "$semanticOutlinedSuccessHoverIcon" | "$semanticOutlinedSuccessIcon" | "$semanticOutlinedWarningBg" | "$semanticOutlinedWarningBorder" | "$semanticOutlinedWarningColor" | "$semanticOutlinedWarningDisabledBg" | "$semanticOutlinedWarningDisabledBorder" | "$semanticOutlinedWarningDisabledColor" | "$semanticOutlinedWarningDisabledIcon" | "$semanticOutlinedWarningFocus" | "$semanticOutlinedWarningHoverBg" | "$semanticOutlinedWarningHoverBorder" | "$semanticOutlinedWarningHoverColor" | "$semanticOutlinedWarningHoverIcon" | "$semanticOutlinedWarningIcon" | "$semanticSolidBaseBg" | "$semanticSolidBaseBorder" | "$semanticSolidBaseColor" | "$semanticSolidBaseDisabledBg" | "$semanticSolidBaseDisabledBorder" | "$semanticSolidBaseDisabledColor" | "$semanticSolidBaseDisabledIcon" | "$semanticSolidBaseFocus" | "$semanticSolidBaseHoverBg" | "$semanticSolidBaseHoverBorder" | "$semanticSolidBaseHoverColor" | "$semanticSolidBaseHoverIcon" | "$semanticSolidBaseIcon" | "$semanticSolidErrorBg" | "$semanticSolidErrorBorder" | "$semanticSolidErrorColor" | "$semanticSolidErrorDisabledBg" | "$semanticSolidErrorDisabledBorder" | "$semanticSolidErrorDisabledColor" | "$semanticSolidErrorDisabledIcon" | "$semanticSolidErrorFocus" | "$semanticSolidErrorHoverBg" | "$semanticSolidErrorHoverBorder" | "$semanticSolidErrorHoverColor" | "$semanticSolidErrorHoverIcon" | "$semanticSolidErrorIcon" | "$semanticSolidInfoBg" | "$semanticSolidInfoBorder" | "$semanticSolidInfoColor" | "$semanticSolidInfoDisabledBg" | "$semanticSolidInfoDisabledBorder" | "$semanticSolidInfoDisabledColor" | "$semanticSolidInfoDisabledIcon" | "$semanticSolidInfoFocus" | "$semanticSolidInfoHoverBg" | "$semanticSolidInfoHoverBorder" | "$semanticSolidInfoHoverColor" | "$semanticSolidInfoHoverIcon" | "$semanticSolidInfoIcon" | "$semanticSolidPrimaryBg" | "$semanticSolidPrimaryBorder" | "$semanticSolidPrimaryColor" | "$semanticSolidPrimaryDisabledBg" | "$semanticSolidPrimaryDisabledBorder" | "$semanticSolidPrimaryDisabledColor" | "$semanticSolidPrimaryDisabledIcon" | "$semanticSolidPrimaryFocus" | "$semanticSolidPrimaryHoverBg" | "$semanticSolidPrimaryHoverBorder" | "$semanticSolidPrimaryHoverColor" | "$semanticSolidPrimaryHoverIcon" | "$semanticSolidPrimaryIcon" | "$semanticSolidSecondaryBg" | "$semanticSolidSecondaryBorder" | "$semanticSolidSecondaryColor" | "$semanticSolidSecondaryDisabledBg" | "$semanticSolidSecondaryDisabledBorder" | "$semanticSolidSecondaryDisabledColor" | "$semanticSolidSecondaryDisabledIcon" | "$semanticSolidSecondaryFocus" | "$semanticSolidSecondaryHoverBg" | "$semanticSolidSecondaryHoverBorder" | "$semanticSolidSecondaryHoverColor" | "$semanticSolidSecondaryHoverIcon" | "$semanticSolidSecondaryIcon" | "$semanticSolidSuccessBg" | "$semanticSolidSuccessBorder" | "$semanticSolidSuccessColor" | "$semanticSolidSuccessDisabledBg" | "$semanticSolidSuccessDisabledBorder" | "$semanticSolidSuccessDisabledColor" | "$semanticSolidSuccessDisabledIcon" | "$semanticSolidSuccessFocus" | "$semanticSolidSuccessHoverBg" | "$semanticSolidSuccessHoverBorder" | "$semanticSolidSuccessHoverColor" | "$semanticSolidSuccessHoverIcon" | "$semanticSolidSuccessIcon" | "$semanticSolidWarningBg" | "$semanticSolidWarningBorder" | "$semanticSolidWarningColor" | "$semanticSolidWarningDisabledBg" | "$semanticSolidWarningDisabledBorder" | "$semanticSolidWarningDisabledColor" | "$semanticSolidWarningDisabledIcon" | "$semanticSolidWarningFocus" | "$semanticSolidWarningHoverBg" | "$semanticSolidWarningHoverBorder" | "$semanticSolidWarningHoverColor" | "$semanticSolidWarningHoverIcon" | "$semanticSolidWarningIcon" | "$textActive" | "$textColor" | "$textHeading" | "$textIcon" | "$textInverse" | "$textLink" | "$textLinkActive" | "$textLinkDisabled" | "$textLinkHover" | "$textLinkVisited" | "$textMuted" | "$textSubtext" | "$white" | "$whiteA1" | "$whiteA10" | "$whiteA11" | "$whiteA12" | "$whiteA2" | "$whiteA3" | "$whiteA4" | "$whiteA5" | "$whiteA6" | "$whiteA7" | "$whiteA8" | "$whiteA9" | "$current" | undefined;
} & react.RefAttributes<HTMLAnchorElement>>;

declare const BreadcrumbItem: react.ForwardRefExoticComponent<Omit<BaseProps$1<react.LiHTMLAttributes<HTMLLIElement>>, "as"> & react.RefAttributes<HTMLLIElement>> & {
    id: string;
};

declare const BreadcrumbLink: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
    isExternal?: boolean | undefined;
    externalIcon?: string | number | boolean | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | react.ReactPortal | null | undefined;
    color?: "$bodyBg" | "$inputActiveBorder" | "$cardBg" | "$dialogBg" | "$overlayBg" | "$overlayText" | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | (_fuel_stitches_react_types_css.OnlyString | ("transparent" | "AliceBlue" | "AntiqueWhite" | "Aqua" | "Aquamarine" | "Azure" | "Beige" | "Bisque" | "Black" | "BlanchedAlmond" | "Blue" | "BlueViolet" | "Brown" | "BurlyWood" | "CadetBlue" | "Chartreuse" | "Chocolate" | "Coral" | "CornflowerBlue" | "Cornsilk" | "Crimson" | "Cyan" | "DarkBlue" | "DarkCyan" | "DarkGoldenRod" | "DarkGray" | "DarkGreen" | "DarkGrey" | "DarkKhaki" | "DarkMagenta" | "DarkOliveGreen" | "DarkOrange" | "DarkOrchid" | "DarkRed" | "DarkSalmon" | "DarkSeaGreen" | "DarkSlateBlue" | "DarkSlateGray" | "DarkSlateGrey" | "DarkTurquoise" | "DarkViolet" | "DeepPink" | "DeepSkyBlue" | "DimGray" | "DimGrey" | "DodgerBlue" | "FireBrick" | "FloralWhite" | "ForestGreen" | "Fuchsia" | "Gainsboro" | "GhostWhite" | "Gold" | "GoldenRod" | "Gray" | "Green" | "GreenYellow" | "Grey" | "HoneyDew" | "HotPink" | "IndianRed" | "Indigo" | "Ivory" | "Khaki" | "Lavender" | "LavenderBlush" | "LawnGreen" | "LemonChiffon" | "LightBlue" | "LightCoral" | "LightCyan" | "LightGoldenRodYellow" | "LightGray" | "LightGreen" | "LightGrey" | "LightPink" | "LightSalmon" | "LightSeaGreen" | "LightSkyBlue" | "LightSlateGray" | "LightSlateGrey" | "LightSteelBlue" | "LightYellow" | "Lime" | "LimeGreen" | "Linen" | "Magenta" | "Maroon" | "MediumAquaMarine" | "MediumBlue" | "MediumOrchid" | "MediumPurple" | "MediumSeaGreen" | "MediumSlateBlue" | "MediumSpringGreen" | "MediumTurquoise" | "MediumVioletRed" | "MidnightBlue" | "MintCream" | "MistyRose" | "Moccasin" | "NavajoWhite" | "Navy" | "OldLace" | "Olive" | "OliveDrab" | "Orange" | "OrangeRed" | "Orchid" | "PaleGoldenRod" | "PaleGreen" | "PaleTurquoise" | "PaleVioletRed" | "PapayaWhip" | "PeachPuff" | "Peru" | "Pink" | "Plum" | "PowderBlue" | "Purple" | "RebeccaPurple" | "Red" | "RosyBrown" | "RoyalBlue" | "SaddleBrown" | "Salmon" | "SandyBrown" | "SeaGreen" | "SeaShell" | "Sienna" | "Silver" | "SkyBlue" | "SlateBlue" | "SlateGray" | "SlateGrey" | "Snow" | "SpringGreen" | "SteelBlue" | "Tan" | "Teal" | "Thistle" | "Tomato" | "Turquoise" | "Violet" | "Wheat" | "White" | "WhiteSmoke" | "Yellow" | "YellowGreen") | ("Highlight" | "ActiveText" | "ButtonFace" | "ButtonText" | "ButtonBorder" | "Canvas" | "CanvasText" | "Field" | "FieldText" | "GrayText" | "HighlightText" | "LinkText" | "Mark" | "MarkText" | "VisitedText") | "CurrentColor" | "hsl(" | "lab(" | "rgb(") | "$transparent" | "$inherit" | "$gray1" | "$gray2" | "$gray3" | "$gray4" | "$gray5" | "$gray6" | "$gray7" | "$gray8" | "$gray9" | "$gray10" | "$gray11" | "$gray12" | "$accent1" | "$accent2" | "$accent3" | "$accent4" | "$accent5" | "$accent6" | "$accent7" | "$accent8" | "$accent9" | "$accent10" | "$accent11" | "$accent12" | "$crimson1" | "$crimson2" | "$crimson3" | "$crimson4" | "$crimson5" | "$crimson6" | "$crimson7" | "$crimson8" | "$crimson9" | "$crimson10" | "$crimson11" | "$crimson12" | "$indigo1" | "$indigo2" | "$indigo3" | "$indigo4" | "$indigo5" | "$indigo6" | "$indigo7" | "$indigo8" | "$indigo9" | "$indigo10" | "$indigo11" | "$indigo12" | "$yellow1" | "$yellow2" | "$yellow3" | "$yellow4" | "$yellow5" | "$yellow6" | "$yellow7" | "$yellow8" | "$yellow9" | "$yellow10" | "$yellow11" | "$yellow12" | "$bodyColor" | "$black" | "$blackA1" | "$blackA10" | "$blackA11" | "$blackA12" | "$blackA2" | "$blackA3" | "$blackA4" | "$blackA5" | "$blackA6" | "$blackA7" | "$blackA8" | "$blackA9" | "$bodyInverse" | "$border" | "$borderHover" | "$brand" | "$cardBorder" | "$inputActiveBg" | "$inputActiveColor" | "$inputActiveFocus" | "$inputActiveIcon" | "$inputActivePlaceholder" | "$inputBaseBg" | "$inputBaseBorder" | "$inputBaseColor" | "$inputBaseFocus" | "$inputBaseIcon" | "$inputBasePlaceholder" | "$inputDisabledBg" | "$inputDisabledBorder" | "$inputDisabledColor" | "$inputDisabledFocus" | "$inputDisabledIcon" | "$inputDisabledPlaceholder" | "$inputErrorBg" | "$inputErrorBorder" | "$inputErrorColor" | "$inputErrorFocus" | "$inputErrorIcon" | "$inputErrorPlaceholder" | "$inputSuccessBg" | "$inputSuccessBorder" | "$inputSuccessColor" | "$inputSuccessFocus" | "$inputSuccessIcon" | "$inputSuccessPlaceholder" | "$inputBg" | "$intentsBase1" | "$intentsBase10" | "$intentsBase11" | "$intentsBase12" | "$intentsBase2" | "$intentsBase3" | "$intentsBase4" | "$intentsBase5" | "$intentsBase6" | "$intentsBase7" | "$intentsBase8" | "$intentsBase9" | "$intentsError1" | "$intentsError10" | "$intentsError11" | "$intentsError12" | "$intentsError2" | "$intentsError3" | "$intentsError4" | "$intentsError5" | "$intentsError6" | "$intentsError7" | "$intentsError8" | "$intentsError9" | "$intentsInfo1" | "$intentsInfo10" | "$intentsInfo11" | "$intentsInfo12" | "$intentsInfo2" | "$intentsInfo3" | "$intentsInfo4" | "$intentsInfo5" | "$intentsInfo6" | "$intentsInfo7" | "$intentsInfo8" | "$intentsInfo9" | "$intentsPrimary1" | "$intentsPrimary10" | "$intentsPrimary11" | "$intentsPrimary12" | "$intentsPrimary2" | "$intentsPrimary3" | "$intentsPrimary4" | "$intentsPrimary5" | "$intentsPrimary6" | "$intentsPrimary7" | "$intentsPrimary8" | "$intentsPrimary9" | "$intentsSecondary1" | "$intentsSecondary10" | "$intentsSecondary11" | "$intentsSecondary12" | "$intentsSecondary2" | "$intentsSecondary3" | "$intentsSecondary4" | "$intentsSecondary5" | "$intentsSecondary6" | "$intentsSecondary7" | "$intentsSecondary8" | "$intentsSecondary9" | "$intentsSuccess1" | "$intentsSuccess10" | "$intentsSuccess11" | "$intentsSuccess12" | "$intentsSuccess2" | "$intentsSuccess3" | "$intentsSuccess4" | "$intentsSuccess5" | "$intentsSuccess6" | "$intentsSuccess7" | "$intentsSuccess8" | "$intentsSuccess9" | "$intentsWarning1" | "$intentsWarning10" | "$intentsWarning11" | "$intentsWarning12" | "$intentsWarning2" | "$intentsWarning3" | "$intentsWarning4" | "$intentsWarning5" | "$intentsWarning6" | "$intentsWarning7" | "$intentsWarning8" | "$intentsWarning9" | "$inverseA1" | "$inverseA10" | "$inverseA11" | "$inverseA12" | "$inverseA2" | "$inverseA3" | "$inverseA4" | "$inverseA5" | "$inverseA6" | "$inverseA7" | "$inverseA8" | "$inverseA9" | "$scalesBlue1" | "$scalesBlue10" | "$scalesBlue11" | "$scalesBlue12" | "$scalesBlue2" | "$scalesBlue3" | "$scalesBlue4" | "$scalesBlue5" | "$scalesBlue6" | "$scalesBlue7" | "$scalesBlue8" | "$scalesBlue9" | "$scalesGray1" | "$scalesGray10" | "$scalesGray11" | "$scalesGray12" | "$scalesGray2" | "$scalesGray3" | "$scalesGray4" | "$scalesGray5" | "$scalesGray6" | "$scalesGray7" | "$scalesGray8" | "$scalesGray9" | "$scalesGreen1" | "$scalesGreen10" | "$scalesGreen11" | "$scalesGreen12" | "$scalesGreen2" | "$scalesGreen3" | "$scalesGreen4" | "$scalesGreen5" | "$scalesGreen6" | "$scalesGreen7" | "$scalesGreen8" | "$scalesGreen9" | "$scalesRed1" | "$scalesRed10" | "$scalesRed11" | "$scalesRed12" | "$scalesRed2" | "$scalesRed3" | "$scalesRed4" | "$scalesRed5" | "$scalesRed6" | "$scalesRed7" | "$scalesRed8" | "$scalesRed9" | "$scalesYellow1" | "$scalesYellow10" | "$scalesYellow11" | "$scalesYellow12" | "$scalesYellow2" | "$scalesYellow3" | "$scalesYellow4" | "$scalesYellow5" | "$scalesYellow6" | "$scalesYellow7" | "$scalesYellow8" | "$scalesYellow9" | "$semanticGhostBaseBg" | "$semanticGhostBaseBorder" | "$semanticGhostBaseColor" | "$semanticGhostBaseDisabledBg" | "$semanticGhostBaseDisabledBorder" | "$semanticGhostBaseDisabledColor" | "$semanticGhostBaseDisabledIcon" | "$semanticGhostBaseFocus" | "$semanticGhostBaseHoverBg" | "$semanticGhostBaseHoverBorder" | "$semanticGhostBaseHoverColor" | "$semanticGhostBaseHoverIcon" | "$semanticGhostBaseIcon" | "$semanticGhostErrorBg" | "$semanticGhostErrorBorder" | "$semanticGhostErrorColor" | "$semanticGhostErrorDisabledBg" | "$semanticGhostErrorDisabledBorder" | "$semanticGhostErrorDisabledColor" | "$semanticGhostErrorDisabledIcon" | "$semanticGhostErrorFocus" | "$semanticGhostErrorHoverBg" | "$semanticGhostErrorHoverBorder" | "$semanticGhostErrorHoverColor" | "$semanticGhostErrorHoverIcon" | "$semanticGhostErrorIcon" | "$semanticGhostInfoBg" | "$semanticGhostInfoBorder" | "$semanticGhostInfoColor" | "$semanticGhostInfoDisabledBg" | "$semanticGhostInfoDisabledBorder" | "$semanticGhostInfoDisabledColor" | "$semanticGhostInfoDisabledIcon" | "$semanticGhostInfoFocus" | "$semanticGhostInfoHoverBg" | "$semanticGhostInfoHoverBorder" | "$semanticGhostInfoHoverColor" | "$semanticGhostInfoHoverIcon" | "$semanticGhostInfoIcon" | "$semanticGhostPrimaryBg" | "$semanticGhostPrimaryBorder" | "$semanticGhostPrimaryColor" | "$semanticGhostPrimaryDisabledBg" | "$semanticGhostPrimaryDisabledBorder" | "$semanticGhostPrimaryDisabledColor" | "$semanticGhostPrimaryDisabledIcon" | "$semanticGhostPrimaryFocus" | "$semanticGhostPrimaryHoverBg" | "$semanticGhostPrimaryHoverBorder" | "$semanticGhostPrimaryHoverColor" | "$semanticGhostPrimaryHoverIcon" | "$semanticGhostPrimaryIcon" | "$semanticGhostSecondaryBg" | "$semanticGhostSecondaryBorder" | "$semanticGhostSecondaryColor" | "$semanticGhostSecondaryDisabledBg" | "$semanticGhostSecondaryDisabledBorder" | "$semanticGhostSecondaryDisabledColor" | "$semanticGhostSecondaryDisabledIcon" | "$semanticGhostSecondaryFocus" | "$semanticGhostSecondaryHoverBg" | "$semanticGhostSecondaryHoverBorder" | "$semanticGhostSecondaryHoverColor" | "$semanticGhostSecondaryHoverIcon" | "$semanticGhostSecondaryIcon" | "$semanticGhostSuccessBg" | "$semanticGhostSuccessBorder" | "$semanticGhostSuccessColor" | "$semanticGhostSuccessDisabledBg" | "$semanticGhostSuccessDisabledBorder" | "$semanticGhostSuccessDisabledColor" | "$semanticGhostSuccessDisabledIcon" | "$semanticGhostSuccessFocus" | "$semanticGhostSuccessHoverBg" | "$semanticGhostSuccessHoverBorder" | "$semanticGhostSuccessHoverColor" | "$semanticGhostSuccessHoverIcon" | "$semanticGhostSuccessIcon" | "$semanticGhostWarningBg" | "$semanticGhostWarningBorder" | "$semanticGhostWarningColor" | "$semanticGhostWarningDisabledBg" | "$semanticGhostWarningDisabledBorder" | "$semanticGhostWarningDisabledColor" | "$semanticGhostWarningDisabledIcon" | "$semanticGhostWarningFocus" | "$semanticGhostWarningHoverBg" | "$semanticGhostWarningHoverBorder" | "$semanticGhostWarningHoverColor" | "$semanticGhostWarningHoverIcon" | "$semanticGhostWarningIcon" | "$semanticLinkBaseBg" | "$semanticLinkBaseBorder" | "$semanticLinkBaseColor" | "$semanticLinkBaseDisabledBg" | "$semanticLinkBaseDisabledBorder" | "$semanticLinkBaseDisabledColor" | "$semanticLinkBaseDisabledIcon" | "$semanticLinkBaseFocus" | "$semanticLinkBaseHoverBg" | "$semanticLinkBaseHoverBorder" | "$semanticLinkBaseHoverColor" | "$semanticLinkBaseHoverIcon" | "$semanticLinkBaseIcon" | "$semanticLinkErrorBg" | "$semanticLinkErrorBorder" | "$semanticLinkErrorColor" | "$semanticLinkErrorDisabledBg" | "$semanticLinkErrorDisabledBorder" | "$semanticLinkErrorDisabledColor" | "$semanticLinkErrorDisabledIcon" | "$semanticLinkErrorFocus" | "$semanticLinkErrorHoverBg" | "$semanticLinkErrorHoverBorder" | "$semanticLinkErrorHoverColor" | "$semanticLinkErrorHoverIcon" | "$semanticLinkErrorIcon" | "$semanticLinkInfoBg" | "$semanticLinkInfoBorder" | "$semanticLinkInfoColor" | "$semanticLinkInfoDisabledBg" | "$semanticLinkInfoDisabledBorder" | "$semanticLinkInfoDisabledColor" | "$semanticLinkInfoDisabledIcon" | "$semanticLinkInfoFocus" | "$semanticLinkInfoHoverBg" | "$semanticLinkInfoHoverBorder" | "$semanticLinkInfoHoverColor" | "$semanticLinkInfoHoverIcon" | "$semanticLinkInfoIcon" | "$semanticLinkPrimaryBg" | "$semanticLinkPrimaryBorder" | "$semanticLinkPrimaryColor" | "$semanticLinkPrimaryDisabledBg" | "$semanticLinkPrimaryDisabledBorder" | "$semanticLinkPrimaryDisabledColor" | "$semanticLinkPrimaryDisabledIcon" | "$semanticLinkPrimaryFocus" | "$semanticLinkPrimaryHoverBg" | "$semanticLinkPrimaryHoverBorder" | "$semanticLinkPrimaryHoverColor" | "$semanticLinkPrimaryHoverIcon" | "$semanticLinkPrimaryIcon" | "$semanticLinkSecondaryBg" | "$semanticLinkSecondaryBorder" | "$semanticLinkSecondaryColor" | "$semanticLinkSecondaryDisabledBg" | "$semanticLinkSecondaryDisabledBorder" | "$semanticLinkSecondaryDisabledColor" | "$semanticLinkSecondaryDisabledIcon" | "$semanticLinkSecondaryFocus" | "$semanticLinkSecondaryHoverBg" | "$semanticLinkSecondaryHoverBorder" | "$semanticLinkSecondaryHoverColor" | "$semanticLinkSecondaryHoverIcon" | "$semanticLinkSecondaryIcon" | "$semanticLinkSuccessBg" | "$semanticLinkSuccessBorder" | "$semanticLinkSuccessColor" | "$semanticLinkSuccessDisabledBg" | "$semanticLinkSuccessDisabledBorder" | "$semanticLinkSuccessDisabledColor" | "$semanticLinkSuccessDisabledIcon" | "$semanticLinkSuccessFocus" | "$semanticLinkSuccessHoverBg" | "$semanticLinkSuccessHoverBorder" | "$semanticLinkSuccessHoverColor" | "$semanticLinkSuccessHoverIcon" | "$semanticLinkSuccessIcon" | "$semanticLinkWarningBg" | "$semanticLinkWarningBorder" | "$semanticLinkWarningColor" | "$semanticLinkWarningDisabledBg" | "$semanticLinkWarningDisabledBorder" | "$semanticLinkWarningDisabledColor" | "$semanticLinkWarningDisabledIcon" | "$semanticLinkWarningFocus" | "$semanticLinkWarningHoverBg" | "$semanticLinkWarningHoverBorder" | "$semanticLinkWarningHoverColor" | "$semanticLinkWarningHoverIcon" | "$semanticLinkWarningIcon" | "$semanticOutlinedBaseBg" | "$semanticOutlinedBaseBorder" | "$semanticOutlinedBaseColor" | "$semanticOutlinedBaseDisabledBg" | "$semanticOutlinedBaseDisabledBorder" | "$semanticOutlinedBaseDisabledColor" | "$semanticOutlinedBaseDisabledIcon" | "$semanticOutlinedBaseFocus" | "$semanticOutlinedBaseHoverBg" | "$semanticOutlinedBaseHoverBorder" | "$semanticOutlinedBaseHoverColor" | "$semanticOutlinedBaseHoverIcon" | "$semanticOutlinedBaseIcon" | "$semanticOutlinedErrorBg" | "$semanticOutlinedErrorBorder" | "$semanticOutlinedErrorColor" | "$semanticOutlinedErrorDisabledBg" | "$semanticOutlinedErrorDisabledBorder" | "$semanticOutlinedErrorDisabledColor" | "$semanticOutlinedErrorDisabledIcon" | "$semanticOutlinedErrorFocus" | "$semanticOutlinedErrorHoverBg" | "$semanticOutlinedErrorHoverBorder" | "$semanticOutlinedErrorHoverColor" | "$semanticOutlinedErrorHoverIcon" | "$semanticOutlinedErrorIcon" | "$semanticOutlinedInfoBg" | "$semanticOutlinedInfoBorder" | "$semanticOutlinedInfoColor" | "$semanticOutlinedInfoDisabledBg" | "$semanticOutlinedInfoDisabledBorder" | "$semanticOutlinedInfoDisabledColor" | "$semanticOutlinedInfoDisabledIcon" | "$semanticOutlinedInfoFocus" | "$semanticOutlinedInfoHoverBg" | "$semanticOutlinedInfoHoverBorder" | "$semanticOutlinedInfoHoverColor" | "$semanticOutlinedInfoHoverIcon" | "$semanticOutlinedInfoIcon" | "$semanticOutlinedPrimaryBg" | "$semanticOutlinedPrimaryBorder" | "$semanticOutlinedPrimaryColor" | "$semanticOutlinedPrimaryDisabledBg" | "$semanticOutlinedPrimaryDisabledBorder" | "$semanticOutlinedPrimaryDisabledColor" | "$semanticOutlinedPrimaryDisabledIcon" | "$semanticOutlinedPrimaryFocus" | "$semanticOutlinedPrimaryHoverBg" | "$semanticOutlinedPrimaryHoverBorder" | "$semanticOutlinedPrimaryHoverColor" | "$semanticOutlinedPrimaryHoverIcon" | "$semanticOutlinedPrimaryIcon" | "$semanticOutlinedSecondaryBg" | "$semanticOutlinedSecondaryBorder" | "$semanticOutlinedSecondaryColor" | "$semanticOutlinedSecondaryDisabledBg" | "$semanticOutlinedSecondaryDisabledBorder" | "$semanticOutlinedSecondaryDisabledColor" | "$semanticOutlinedSecondaryDisabledIcon" | "$semanticOutlinedSecondaryFocus" | "$semanticOutlinedSecondaryHoverBg" | "$semanticOutlinedSecondaryHoverBorder" | "$semanticOutlinedSecondaryHoverColor" | "$semanticOutlinedSecondaryHoverIcon" | "$semanticOutlinedSecondaryIcon" | "$semanticOutlinedSuccessBg" | "$semanticOutlinedSuccessBorder" | "$semanticOutlinedSuccessColor" | "$semanticOutlinedSuccessDisabledBg" | "$semanticOutlinedSuccessDisabledBorder" | "$semanticOutlinedSuccessDisabledColor" | "$semanticOutlinedSuccessDisabledIcon" | "$semanticOutlinedSuccessFocus" | "$semanticOutlinedSuccessHoverBg" | "$semanticOutlinedSuccessHoverBorder" | "$semanticOutlinedSuccessHoverColor" | "$semanticOutlinedSuccessHoverIcon" | "$semanticOutlinedSuccessIcon" | "$semanticOutlinedWarningBg" | "$semanticOutlinedWarningBorder" | "$semanticOutlinedWarningColor" | "$semanticOutlinedWarningDisabledBg" | "$semanticOutlinedWarningDisabledBorder" | "$semanticOutlinedWarningDisabledColor" | "$semanticOutlinedWarningDisabledIcon" | "$semanticOutlinedWarningFocus" | "$semanticOutlinedWarningHoverBg" | "$semanticOutlinedWarningHoverBorder" | "$semanticOutlinedWarningHoverColor" | "$semanticOutlinedWarningHoverIcon" | "$semanticOutlinedWarningIcon" | "$semanticSolidBaseBg" | "$semanticSolidBaseBorder" | "$semanticSolidBaseColor" | "$semanticSolidBaseDisabledBg" | "$semanticSolidBaseDisabledBorder" | "$semanticSolidBaseDisabledColor" | "$semanticSolidBaseDisabledIcon" | "$semanticSolidBaseFocus" | "$semanticSolidBaseHoverBg" | "$semanticSolidBaseHoverBorder" | "$semanticSolidBaseHoverColor" | "$semanticSolidBaseHoverIcon" | "$semanticSolidBaseIcon" | "$semanticSolidErrorBg" | "$semanticSolidErrorBorder" | "$semanticSolidErrorColor" | "$semanticSolidErrorDisabledBg" | "$semanticSolidErrorDisabledBorder" | "$semanticSolidErrorDisabledColor" | "$semanticSolidErrorDisabledIcon" | "$semanticSolidErrorFocus" | "$semanticSolidErrorHoverBg" | "$semanticSolidErrorHoverBorder" | "$semanticSolidErrorHoverColor" | "$semanticSolidErrorHoverIcon" | "$semanticSolidErrorIcon" | "$semanticSolidInfoBg" | "$semanticSolidInfoBorder" | "$semanticSolidInfoColor" | "$semanticSolidInfoDisabledBg" | "$semanticSolidInfoDisabledBorder" | "$semanticSolidInfoDisabledColor" | "$semanticSolidInfoDisabledIcon" | "$semanticSolidInfoFocus" | "$semanticSolidInfoHoverBg" | "$semanticSolidInfoHoverBorder" | "$semanticSolidInfoHoverColor" | "$semanticSolidInfoHoverIcon" | "$semanticSolidInfoIcon" | "$semanticSolidPrimaryBg" | "$semanticSolidPrimaryBorder" | "$semanticSolidPrimaryColor" | "$semanticSolidPrimaryDisabledBg" | "$semanticSolidPrimaryDisabledBorder" | "$semanticSolidPrimaryDisabledColor" | "$semanticSolidPrimaryDisabledIcon" | "$semanticSolidPrimaryFocus" | "$semanticSolidPrimaryHoverBg" | "$semanticSolidPrimaryHoverBorder" | "$semanticSolidPrimaryHoverColor" | "$semanticSolidPrimaryHoverIcon" | "$semanticSolidPrimaryIcon" | "$semanticSolidSecondaryBg" | "$semanticSolidSecondaryBorder" | "$semanticSolidSecondaryColor" | "$semanticSolidSecondaryDisabledBg" | "$semanticSolidSecondaryDisabledBorder" | "$semanticSolidSecondaryDisabledColor" | "$semanticSolidSecondaryDisabledIcon" | "$semanticSolidSecondaryFocus" | "$semanticSolidSecondaryHoverBg" | "$semanticSolidSecondaryHoverBorder" | "$semanticSolidSecondaryHoverColor" | "$semanticSolidSecondaryHoverIcon" | "$semanticSolidSecondaryIcon" | "$semanticSolidSuccessBg" | "$semanticSolidSuccessBorder" | "$semanticSolidSuccessColor" | "$semanticSolidSuccessDisabledBg" | "$semanticSolidSuccessDisabledBorder" | "$semanticSolidSuccessDisabledColor" | "$semanticSolidSuccessDisabledIcon" | "$semanticSolidSuccessFocus" | "$semanticSolidSuccessHoverBg" | "$semanticSolidSuccessHoverBorder" | "$semanticSolidSuccessHoverColor" | "$semanticSolidSuccessHoverIcon" | "$semanticSolidSuccessIcon" | "$semanticSolidWarningBg" | "$semanticSolidWarningBorder" | "$semanticSolidWarningColor" | "$semanticSolidWarningDisabledBg" | "$semanticSolidWarningDisabledBorder" | "$semanticSolidWarningDisabledColor" | "$semanticSolidWarningDisabledIcon" | "$semanticSolidWarningFocus" | "$semanticSolidWarningHoverBg" | "$semanticSolidWarningHoverBorder" | "$semanticSolidWarningHoverColor" | "$semanticSolidWarningHoverIcon" | "$semanticSolidWarningIcon" | "$textActive" | "$textColor" | "$textHeading" | "$textIcon" | "$textInverse" | "$textLink" | "$textLinkActive" | "$textLinkDisabled" | "$textLinkHover" | "$textLinkVisited" | "$textMuted" | "$textSubtext" | "$white" | "$whiteA1" | "$whiteA10" | "$whiteA11" | "$whiteA12" | "$whiteA2" | "$whiteA3" | "$whiteA4" | "$whiteA5" | "$whiteA6" | "$whiteA7" | "$whiteA8" | "$whiteA9" | "$current" | undefined;
} & react.RefAttributes<HTMLLIElement>> & {
    id: string;
};

type BreadcrumbProps = HTMLProps['ul'] & {
    children: ReactElement<typeof BreadcrumbItem>[];
    gap?: ThemeUtilsCSS['gap'];
};
type BreadcrumbDef = CreateComponent<{
    type: 'ul';
    omit: 'as';
    component: Components.Breadcrumb;
    props: BreadcrumbProps;
    element: HTMLUListElement;
    styles: 'root' | 'item' | 'link';
    namespace: {
        Item: typeof BreadcrumbItem;
        Link: typeof BreadcrumbLink;
    };
}>;
type BreadcrumbItemProps = HTMLProps['li'];
type BreadcrumbItemDef = CreateComponent<{
    type: 'li';
    omit: 'as';
    component: Components.BreadcrumbItem;
    props: BreadcrumbItemProps;
    element: HTMLLIElement;
    namespace: {
        id: string;
    };
}>;
type BreadcrumbLinkProps = LinkProps;
type BreadcrumbLinkDef = CreateComponent<{
    type: 'a';
    component: Components.BreadcrumbLink;
    props: BreadcrumbLinkProps;
    element: HTMLLIElement;
    namespace: {
        id: string;
    };
}>;

declare const Breadcrumb: react.ForwardRefExoticComponent<Omit<BaseProps$1<BreadcrumbProps>, "as"> & react.RefAttributes<HTMLUListElement>> & {
    Item: react.ForwardRefExoticComponent<Omit<BaseProps$1<react.LiHTMLAttributes<HTMLLIElement>>, "as"> & react.RefAttributes<HTMLLIElement>> & {
        id: string;
    };
    Link: react.ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: react.ReactNode;
    } & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
        isExternal?: boolean | undefined;
        externalIcon?: string | number | boolean | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | react.ReactPortal | null | undefined;
        color?: "$bodyBg" | "$inputActiveBorder" | "$cardBg" | "$dialogBg" | "$overlayBg" | "$overlayText" | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | (_fuel_stitches_react_types_css.OnlyString | ("transparent" | "AliceBlue" | "AntiqueWhite" | "Aqua" | "Aquamarine" | "Azure" | "Beige" | "Bisque" | "Black" | "BlanchedAlmond" | "Blue" | "BlueViolet" | "Brown" | "BurlyWood" | "CadetBlue" | "Chartreuse" | "Chocolate" | "Coral" | "CornflowerBlue" | "Cornsilk" | "Crimson" | "Cyan" | "DarkBlue" | "DarkCyan" | "DarkGoldenRod" | "DarkGray" | "DarkGreen" | "DarkGrey" | "DarkKhaki" | "DarkMagenta" | "DarkOliveGreen" | "DarkOrange" | "DarkOrchid" | "DarkRed" | "DarkSalmon" | "DarkSeaGreen" | "DarkSlateBlue" | "DarkSlateGray" | "DarkSlateGrey" | "DarkTurquoise" | "DarkViolet" | "DeepPink" | "DeepSkyBlue" | "DimGray" | "DimGrey" | "DodgerBlue" | "FireBrick" | "FloralWhite" | "ForestGreen" | "Fuchsia" | "Gainsboro" | "GhostWhite" | "Gold" | "GoldenRod" | "Gray" | "Green" | "GreenYellow" | "Grey" | "HoneyDew" | "HotPink" | "IndianRed" | "Indigo" | "Ivory" | "Khaki" | "Lavender" | "LavenderBlush" | "LawnGreen" | "LemonChiffon" | "LightBlue" | "LightCoral" | "LightCyan" | "LightGoldenRodYellow" | "LightGray" | "LightGreen" | "LightGrey" | "LightPink" | "LightSalmon" | "LightSeaGreen" | "LightSkyBlue" | "LightSlateGray" | "LightSlateGrey" | "LightSteelBlue" | "LightYellow" | "Lime" | "LimeGreen" | "Linen" | "Magenta" | "Maroon" | "MediumAquaMarine" | "MediumBlue" | "MediumOrchid" | "MediumPurple" | "MediumSeaGreen" | "MediumSlateBlue" | "MediumSpringGreen" | "MediumTurquoise" | "MediumVioletRed" | "MidnightBlue" | "MintCream" | "MistyRose" | "Moccasin" | "NavajoWhite" | "Navy" | "OldLace" | "Olive" | "OliveDrab" | "Orange" | "OrangeRed" | "Orchid" | "PaleGoldenRod" | "PaleGreen" | "PaleTurquoise" | "PaleVioletRed" | "PapayaWhip" | "PeachPuff" | "Peru" | "Pink" | "Plum" | "PowderBlue" | "Purple" | "RebeccaPurple" | "Red" | "RosyBrown" | "RoyalBlue" | "SaddleBrown" | "Salmon" | "SandyBrown" | "SeaGreen" | "SeaShell" | "Sienna" | "Silver" | "SkyBlue" | "SlateBlue" | "SlateGray" | "SlateGrey" | "Snow" | "SpringGreen" | "SteelBlue" | "Tan" | "Teal" | "Thistle" | "Tomato" | "Turquoise" | "Violet" | "Wheat" | "White" | "WhiteSmoke" | "Yellow" | "YellowGreen") | ("Highlight" | "ActiveText" | "ButtonFace" | "ButtonText" | "ButtonBorder" | "Canvas" | "CanvasText" | "Field" | "FieldText" | "GrayText" | "HighlightText" | "LinkText" | "Mark" | "MarkText" | "VisitedText") | "CurrentColor" | "hsl(" | "lab(" | "rgb(") | "$transparent" | "$inherit" | "$gray1" | "$gray2" | "$gray3" | "$gray4" | "$gray5" | "$gray6" | "$gray7" | "$gray8" | "$gray9" | "$gray10" | "$gray11" | "$gray12" | "$accent1" | "$accent2" | "$accent3" | "$accent4" | "$accent5" | "$accent6" | "$accent7" | "$accent8" | "$accent9" | "$accent10" | "$accent11" | "$accent12" | "$crimson1" | "$crimson2" | "$crimson3" | "$crimson4" | "$crimson5" | "$crimson6" | "$crimson7" | "$crimson8" | "$crimson9" | "$crimson10" | "$crimson11" | "$crimson12" | "$indigo1" | "$indigo2" | "$indigo3" | "$indigo4" | "$indigo5" | "$indigo6" | "$indigo7" | "$indigo8" | "$indigo9" | "$indigo10" | "$indigo11" | "$indigo12" | "$yellow1" | "$yellow2" | "$yellow3" | "$yellow4" | "$yellow5" | "$yellow6" | "$yellow7" | "$yellow8" | "$yellow9" | "$yellow10" | "$yellow11" | "$yellow12" | "$bodyColor" | "$black" | "$blackA1" | "$blackA10" | "$blackA11" | "$blackA12" | "$blackA2" | "$blackA3" | "$blackA4" | "$blackA5" | "$blackA6" | "$blackA7" | "$blackA8" | "$blackA9" | "$bodyInverse" | "$border" | "$borderHover" | "$brand" | "$cardBorder" | "$inputActiveBg" | "$inputActiveColor" | "$inputActiveFocus" | "$inputActiveIcon" | "$inputActivePlaceholder" | "$inputBaseBg" | "$inputBaseBorder" | "$inputBaseColor" | "$inputBaseFocus" | "$inputBaseIcon" | "$inputBasePlaceholder" | "$inputDisabledBg" | "$inputDisabledBorder" | "$inputDisabledColor" | "$inputDisabledFocus" | "$inputDisabledIcon" | "$inputDisabledPlaceholder" | "$inputErrorBg" | "$inputErrorBorder" | "$inputErrorColor" | "$inputErrorFocus" | "$inputErrorIcon" | "$inputErrorPlaceholder" | "$inputSuccessBg" | "$inputSuccessBorder" | "$inputSuccessColor" | "$inputSuccessFocus" | "$inputSuccessIcon" | "$inputSuccessPlaceholder" | "$inputBg" | "$intentsBase1" | "$intentsBase10" | "$intentsBase11" | "$intentsBase12" | "$intentsBase2" | "$intentsBase3" | "$intentsBase4" | "$intentsBase5" | "$intentsBase6" | "$intentsBase7" | "$intentsBase8" | "$intentsBase9" | "$intentsError1" | "$intentsError10" | "$intentsError11" | "$intentsError12" | "$intentsError2" | "$intentsError3" | "$intentsError4" | "$intentsError5" | "$intentsError6" | "$intentsError7" | "$intentsError8" | "$intentsError9" | "$intentsInfo1" | "$intentsInfo10" | "$intentsInfo11" | "$intentsInfo12" | "$intentsInfo2" | "$intentsInfo3" | "$intentsInfo4" | "$intentsInfo5" | "$intentsInfo6" | "$intentsInfo7" | "$intentsInfo8" | "$intentsInfo9" | "$intentsPrimary1" | "$intentsPrimary10" | "$intentsPrimary11" | "$intentsPrimary12" | "$intentsPrimary2" | "$intentsPrimary3" | "$intentsPrimary4" | "$intentsPrimary5" | "$intentsPrimary6" | "$intentsPrimary7" | "$intentsPrimary8" | "$intentsPrimary9" | "$intentsSecondary1" | "$intentsSecondary10" | "$intentsSecondary11" | "$intentsSecondary12" | "$intentsSecondary2" | "$intentsSecondary3" | "$intentsSecondary4" | "$intentsSecondary5" | "$intentsSecondary6" | "$intentsSecondary7" | "$intentsSecondary8" | "$intentsSecondary9" | "$intentsSuccess1" | "$intentsSuccess10" | "$intentsSuccess11" | "$intentsSuccess12" | "$intentsSuccess2" | "$intentsSuccess3" | "$intentsSuccess4" | "$intentsSuccess5" | "$intentsSuccess6" | "$intentsSuccess7" | "$intentsSuccess8" | "$intentsSuccess9" | "$intentsWarning1" | "$intentsWarning10" | "$intentsWarning11" | "$intentsWarning12" | "$intentsWarning2" | "$intentsWarning3" | "$intentsWarning4" | "$intentsWarning5" | "$intentsWarning6" | "$intentsWarning7" | "$intentsWarning8" | "$intentsWarning9" | "$inverseA1" | "$inverseA10" | "$inverseA11" | "$inverseA12" | "$inverseA2" | "$inverseA3" | "$inverseA4" | "$inverseA5" | "$inverseA6" | "$inverseA7" | "$inverseA8" | "$inverseA9" | "$scalesBlue1" | "$scalesBlue10" | "$scalesBlue11" | "$scalesBlue12" | "$scalesBlue2" | "$scalesBlue3" | "$scalesBlue4" | "$scalesBlue5" | "$scalesBlue6" | "$scalesBlue7" | "$scalesBlue8" | "$scalesBlue9" | "$scalesGray1" | "$scalesGray10" | "$scalesGray11" | "$scalesGray12" | "$scalesGray2" | "$scalesGray3" | "$scalesGray4" | "$scalesGray5" | "$scalesGray6" | "$scalesGray7" | "$scalesGray8" | "$scalesGray9" | "$scalesGreen1" | "$scalesGreen10" | "$scalesGreen11" | "$scalesGreen12" | "$scalesGreen2" | "$scalesGreen3" | "$scalesGreen4" | "$scalesGreen5" | "$scalesGreen6" | "$scalesGreen7" | "$scalesGreen8" | "$scalesGreen9" | "$scalesRed1" | "$scalesRed10" | "$scalesRed11" | "$scalesRed12" | "$scalesRed2" | "$scalesRed3" | "$scalesRed4" | "$scalesRed5" | "$scalesRed6" | "$scalesRed7" | "$scalesRed8" | "$scalesRed9" | "$scalesYellow1" | "$scalesYellow10" | "$scalesYellow11" | "$scalesYellow12" | "$scalesYellow2" | "$scalesYellow3" | "$scalesYellow4" | "$scalesYellow5" | "$scalesYellow6" | "$scalesYellow7" | "$scalesYellow8" | "$scalesYellow9" | "$semanticGhostBaseBg" | "$semanticGhostBaseBorder" | "$semanticGhostBaseColor" | "$semanticGhostBaseDisabledBg" | "$semanticGhostBaseDisabledBorder" | "$semanticGhostBaseDisabledColor" | "$semanticGhostBaseDisabledIcon" | "$semanticGhostBaseFocus" | "$semanticGhostBaseHoverBg" | "$semanticGhostBaseHoverBorder" | "$semanticGhostBaseHoverColor" | "$semanticGhostBaseHoverIcon" | "$semanticGhostBaseIcon" | "$semanticGhostErrorBg" | "$semanticGhostErrorBorder" | "$semanticGhostErrorColor" | "$semanticGhostErrorDisabledBg" | "$semanticGhostErrorDisabledBorder" | "$semanticGhostErrorDisabledColor" | "$semanticGhostErrorDisabledIcon" | "$semanticGhostErrorFocus" | "$semanticGhostErrorHoverBg" | "$semanticGhostErrorHoverBorder" | "$semanticGhostErrorHoverColor" | "$semanticGhostErrorHoverIcon" | "$semanticGhostErrorIcon" | "$semanticGhostInfoBg" | "$semanticGhostInfoBorder" | "$semanticGhostInfoColor" | "$semanticGhostInfoDisabledBg" | "$semanticGhostInfoDisabledBorder" | "$semanticGhostInfoDisabledColor" | "$semanticGhostInfoDisabledIcon" | "$semanticGhostInfoFocus" | "$semanticGhostInfoHoverBg" | "$semanticGhostInfoHoverBorder" | "$semanticGhostInfoHoverColor" | "$semanticGhostInfoHoverIcon" | "$semanticGhostInfoIcon" | "$semanticGhostPrimaryBg" | "$semanticGhostPrimaryBorder" | "$semanticGhostPrimaryColor" | "$semanticGhostPrimaryDisabledBg" | "$semanticGhostPrimaryDisabledBorder" | "$semanticGhostPrimaryDisabledColor" | "$semanticGhostPrimaryDisabledIcon" | "$semanticGhostPrimaryFocus" | "$semanticGhostPrimaryHoverBg" | "$semanticGhostPrimaryHoverBorder" | "$semanticGhostPrimaryHoverColor" | "$semanticGhostPrimaryHoverIcon" | "$semanticGhostPrimaryIcon" | "$semanticGhostSecondaryBg" | "$semanticGhostSecondaryBorder" | "$semanticGhostSecondaryColor" | "$semanticGhostSecondaryDisabledBg" | "$semanticGhostSecondaryDisabledBorder" | "$semanticGhostSecondaryDisabledColor" | "$semanticGhostSecondaryDisabledIcon" | "$semanticGhostSecondaryFocus" | "$semanticGhostSecondaryHoverBg" | "$semanticGhostSecondaryHoverBorder" | "$semanticGhostSecondaryHoverColor" | "$semanticGhostSecondaryHoverIcon" | "$semanticGhostSecondaryIcon" | "$semanticGhostSuccessBg" | "$semanticGhostSuccessBorder" | "$semanticGhostSuccessColor" | "$semanticGhostSuccessDisabledBg" | "$semanticGhostSuccessDisabledBorder" | "$semanticGhostSuccessDisabledColor" | "$semanticGhostSuccessDisabledIcon" | "$semanticGhostSuccessFocus" | "$semanticGhostSuccessHoverBg" | "$semanticGhostSuccessHoverBorder" | "$semanticGhostSuccessHoverColor" | "$semanticGhostSuccessHoverIcon" | "$semanticGhostSuccessIcon" | "$semanticGhostWarningBg" | "$semanticGhostWarningBorder" | "$semanticGhostWarningColor" | "$semanticGhostWarningDisabledBg" | "$semanticGhostWarningDisabledBorder" | "$semanticGhostWarningDisabledColor" | "$semanticGhostWarningDisabledIcon" | "$semanticGhostWarningFocus" | "$semanticGhostWarningHoverBg" | "$semanticGhostWarningHoverBorder" | "$semanticGhostWarningHoverColor" | "$semanticGhostWarningHoverIcon" | "$semanticGhostWarningIcon" | "$semanticLinkBaseBg" | "$semanticLinkBaseBorder" | "$semanticLinkBaseColor" | "$semanticLinkBaseDisabledBg" | "$semanticLinkBaseDisabledBorder" | "$semanticLinkBaseDisabledColor" | "$semanticLinkBaseDisabledIcon" | "$semanticLinkBaseFocus" | "$semanticLinkBaseHoverBg" | "$semanticLinkBaseHoverBorder" | "$semanticLinkBaseHoverColor" | "$semanticLinkBaseHoverIcon" | "$semanticLinkBaseIcon" | "$semanticLinkErrorBg" | "$semanticLinkErrorBorder" | "$semanticLinkErrorColor" | "$semanticLinkErrorDisabledBg" | "$semanticLinkErrorDisabledBorder" | "$semanticLinkErrorDisabledColor" | "$semanticLinkErrorDisabledIcon" | "$semanticLinkErrorFocus" | "$semanticLinkErrorHoverBg" | "$semanticLinkErrorHoverBorder" | "$semanticLinkErrorHoverColor" | "$semanticLinkErrorHoverIcon" | "$semanticLinkErrorIcon" | "$semanticLinkInfoBg" | "$semanticLinkInfoBorder" | "$semanticLinkInfoColor" | "$semanticLinkInfoDisabledBg" | "$semanticLinkInfoDisabledBorder" | "$semanticLinkInfoDisabledColor" | "$semanticLinkInfoDisabledIcon" | "$semanticLinkInfoFocus" | "$semanticLinkInfoHoverBg" | "$semanticLinkInfoHoverBorder" | "$semanticLinkInfoHoverColor" | "$semanticLinkInfoHoverIcon" | "$semanticLinkInfoIcon" | "$semanticLinkPrimaryBg" | "$semanticLinkPrimaryBorder" | "$semanticLinkPrimaryColor" | "$semanticLinkPrimaryDisabledBg" | "$semanticLinkPrimaryDisabledBorder" | "$semanticLinkPrimaryDisabledColor" | "$semanticLinkPrimaryDisabledIcon" | "$semanticLinkPrimaryFocus" | "$semanticLinkPrimaryHoverBg" | "$semanticLinkPrimaryHoverBorder" | "$semanticLinkPrimaryHoverColor" | "$semanticLinkPrimaryHoverIcon" | "$semanticLinkPrimaryIcon" | "$semanticLinkSecondaryBg" | "$semanticLinkSecondaryBorder" | "$semanticLinkSecondaryColor" | "$semanticLinkSecondaryDisabledBg" | "$semanticLinkSecondaryDisabledBorder" | "$semanticLinkSecondaryDisabledColor" | "$semanticLinkSecondaryDisabledIcon" | "$semanticLinkSecondaryFocus" | "$semanticLinkSecondaryHoverBg" | "$semanticLinkSecondaryHoverBorder" | "$semanticLinkSecondaryHoverColor" | "$semanticLinkSecondaryHoverIcon" | "$semanticLinkSecondaryIcon" | "$semanticLinkSuccessBg" | "$semanticLinkSuccessBorder" | "$semanticLinkSuccessColor" | "$semanticLinkSuccessDisabledBg" | "$semanticLinkSuccessDisabledBorder" | "$semanticLinkSuccessDisabledColor" | "$semanticLinkSuccessDisabledIcon" | "$semanticLinkSuccessFocus" | "$semanticLinkSuccessHoverBg" | "$semanticLinkSuccessHoverBorder" | "$semanticLinkSuccessHoverColor" | "$semanticLinkSuccessHoverIcon" | "$semanticLinkSuccessIcon" | "$semanticLinkWarningBg" | "$semanticLinkWarningBorder" | "$semanticLinkWarningColor" | "$semanticLinkWarningDisabledBg" | "$semanticLinkWarningDisabledBorder" | "$semanticLinkWarningDisabledColor" | "$semanticLinkWarningDisabledIcon" | "$semanticLinkWarningFocus" | "$semanticLinkWarningHoverBg" | "$semanticLinkWarningHoverBorder" | "$semanticLinkWarningHoverColor" | "$semanticLinkWarningHoverIcon" | "$semanticLinkWarningIcon" | "$semanticOutlinedBaseBg" | "$semanticOutlinedBaseBorder" | "$semanticOutlinedBaseColor" | "$semanticOutlinedBaseDisabledBg" | "$semanticOutlinedBaseDisabledBorder" | "$semanticOutlinedBaseDisabledColor" | "$semanticOutlinedBaseDisabledIcon" | "$semanticOutlinedBaseFocus" | "$semanticOutlinedBaseHoverBg" | "$semanticOutlinedBaseHoverBorder" | "$semanticOutlinedBaseHoverColor" | "$semanticOutlinedBaseHoverIcon" | "$semanticOutlinedBaseIcon" | "$semanticOutlinedErrorBg" | "$semanticOutlinedErrorBorder" | "$semanticOutlinedErrorColor" | "$semanticOutlinedErrorDisabledBg" | "$semanticOutlinedErrorDisabledBorder" | "$semanticOutlinedErrorDisabledColor" | "$semanticOutlinedErrorDisabledIcon" | "$semanticOutlinedErrorFocus" | "$semanticOutlinedErrorHoverBg" | "$semanticOutlinedErrorHoverBorder" | "$semanticOutlinedErrorHoverColor" | "$semanticOutlinedErrorHoverIcon" | "$semanticOutlinedErrorIcon" | "$semanticOutlinedInfoBg" | "$semanticOutlinedInfoBorder" | "$semanticOutlinedInfoColor" | "$semanticOutlinedInfoDisabledBg" | "$semanticOutlinedInfoDisabledBorder" | "$semanticOutlinedInfoDisabledColor" | "$semanticOutlinedInfoDisabledIcon" | "$semanticOutlinedInfoFocus" | "$semanticOutlinedInfoHoverBg" | "$semanticOutlinedInfoHoverBorder" | "$semanticOutlinedInfoHoverColor" | "$semanticOutlinedInfoHoverIcon" | "$semanticOutlinedInfoIcon" | "$semanticOutlinedPrimaryBg" | "$semanticOutlinedPrimaryBorder" | "$semanticOutlinedPrimaryColor" | "$semanticOutlinedPrimaryDisabledBg" | "$semanticOutlinedPrimaryDisabledBorder" | "$semanticOutlinedPrimaryDisabledColor" | "$semanticOutlinedPrimaryDisabledIcon" | "$semanticOutlinedPrimaryFocus" | "$semanticOutlinedPrimaryHoverBg" | "$semanticOutlinedPrimaryHoverBorder" | "$semanticOutlinedPrimaryHoverColor" | "$semanticOutlinedPrimaryHoverIcon" | "$semanticOutlinedPrimaryIcon" | "$semanticOutlinedSecondaryBg" | "$semanticOutlinedSecondaryBorder" | "$semanticOutlinedSecondaryColor" | "$semanticOutlinedSecondaryDisabledBg" | "$semanticOutlinedSecondaryDisabledBorder" | "$semanticOutlinedSecondaryDisabledColor" | "$semanticOutlinedSecondaryDisabledIcon" | "$semanticOutlinedSecondaryFocus" | "$semanticOutlinedSecondaryHoverBg" | "$semanticOutlinedSecondaryHoverBorder" | "$semanticOutlinedSecondaryHoverColor" | "$semanticOutlinedSecondaryHoverIcon" | "$semanticOutlinedSecondaryIcon" | "$semanticOutlinedSuccessBg" | "$semanticOutlinedSuccessBorder" | "$semanticOutlinedSuccessColor" | "$semanticOutlinedSuccessDisabledBg" | "$semanticOutlinedSuccessDisabledBorder" | "$semanticOutlinedSuccessDisabledColor" | "$semanticOutlinedSuccessDisabledIcon" | "$semanticOutlinedSuccessFocus" | "$semanticOutlinedSuccessHoverBg" | "$semanticOutlinedSuccessHoverBorder" | "$semanticOutlinedSuccessHoverColor" | "$semanticOutlinedSuccessHoverIcon" | "$semanticOutlinedSuccessIcon" | "$semanticOutlinedWarningBg" | "$semanticOutlinedWarningBorder" | "$semanticOutlinedWarningColor" | "$semanticOutlinedWarningDisabledBg" | "$semanticOutlinedWarningDisabledBorder" | "$semanticOutlinedWarningDisabledColor" | "$semanticOutlinedWarningDisabledIcon" | "$semanticOutlinedWarningFocus" | "$semanticOutlinedWarningHoverBg" | "$semanticOutlinedWarningHoverBorder" | "$semanticOutlinedWarningHoverColor" | "$semanticOutlinedWarningHoverIcon" | "$semanticOutlinedWarningIcon" | "$semanticSolidBaseBg" | "$semanticSolidBaseBorder" | "$semanticSolidBaseColor" | "$semanticSolidBaseDisabledBg" | "$semanticSolidBaseDisabledBorder" | "$semanticSolidBaseDisabledColor" | "$semanticSolidBaseDisabledIcon" | "$semanticSolidBaseFocus" | "$semanticSolidBaseHoverBg" | "$semanticSolidBaseHoverBorder" | "$semanticSolidBaseHoverColor" | "$semanticSolidBaseHoverIcon" | "$semanticSolidBaseIcon" | "$semanticSolidErrorBg" | "$semanticSolidErrorBorder" | "$semanticSolidErrorColor" | "$semanticSolidErrorDisabledBg" | "$semanticSolidErrorDisabledBorder" | "$semanticSolidErrorDisabledColor" | "$semanticSolidErrorDisabledIcon" | "$semanticSolidErrorFocus" | "$semanticSolidErrorHoverBg" | "$semanticSolidErrorHoverBorder" | "$semanticSolidErrorHoverColor" | "$semanticSolidErrorHoverIcon" | "$semanticSolidErrorIcon" | "$semanticSolidInfoBg" | "$semanticSolidInfoBorder" | "$semanticSolidInfoColor" | "$semanticSolidInfoDisabledBg" | "$semanticSolidInfoDisabledBorder" | "$semanticSolidInfoDisabledColor" | "$semanticSolidInfoDisabledIcon" | "$semanticSolidInfoFocus" | "$semanticSolidInfoHoverBg" | "$semanticSolidInfoHoverBorder" | "$semanticSolidInfoHoverColor" | "$semanticSolidInfoHoverIcon" | "$semanticSolidInfoIcon" | "$semanticSolidPrimaryBg" | "$semanticSolidPrimaryBorder" | "$semanticSolidPrimaryColor" | "$semanticSolidPrimaryDisabledBg" | "$semanticSolidPrimaryDisabledBorder" | "$semanticSolidPrimaryDisabledColor" | "$semanticSolidPrimaryDisabledIcon" | "$semanticSolidPrimaryFocus" | "$semanticSolidPrimaryHoverBg" | "$semanticSolidPrimaryHoverBorder" | "$semanticSolidPrimaryHoverColor" | "$semanticSolidPrimaryHoverIcon" | "$semanticSolidPrimaryIcon" | "$semanticSolidSecondaryBg" | "$semanticSolidSecondaryBorder" | "$semanticSolidSecondaryColor" | "$semanticSolidSecondaryDisabledBg" | "$semanticSolidSecondaryDisabledBorder" | "$semanticSolidSecondaryDisabledColor" | "$semanticSolidSecondaryDisabledIcon" | "$semanticSolidSecondaryFocus" | "$semanticSolidSecondaryHoverBg" | "$semanticSolidSecondaryHoverBorder" | "$semanticSolidSecondaryHoverColor" | "$semanticSolidSecondaryHoverIcon" | "$semanticSolidSecondaryIcon" | "$semanticSolidSuccessBg" | "$semanticSolidSuccessBorder" | "$semanticSolidSuccessColor" | "$semanticSolidSuccessDisabledBg" | "$semanticSolidSuccessDisabledBorder" | "$semanticSolidSuccessDisabledColor" | "$semanticSolidSuccessDisabledIcon" | "$semanticSolidSuccessFocus" | "$semanticSolidSuccessHoverBg" | "$semanticSolidSuccessHoverBorder" | "$semanticSolidSuccessHoverColor" | "$semanticSolidSuccessHoverIcon" | "$semanticSolidSuccessIcon" | "$semanticSolidWarningBg" | "$semanticSolidWarningBorder" | "$semanticSolidWarningColor" | "$semanticSolidWarningDisabledBg" | "$semanticSolidWarningDisabledBorder" | "$semanticSolidWarningDisabledColor" | "$semanticSolidWarningDisabledIcon" | "$semanticSolidWarningFocus" | "$semanticSolidWarningHoverBg" | "$semanticSolidWarningHoverBorder" | "$semanticSolidWarningHoverColor" | "$semanticSolidWarningHoverIcon" | "$semanticSolidWarningIcon" | "$textActive" | "$textColor" | "$textHeading" | "$textIcon" | "$textInverse" | "$textLink" | "$textLinkActive" | "$textLinkDisabled" | "$textLinkHover" | "$textLinkVisited" | "$textMuted" | "$textSubtext" | "$white" | "$whiteA1" | "$whiteA10" | "$whiteA11" | "$whiteA12" | "$whiteA2" | "$whiteA3" | "$whiteA4" | "$whiteA5" | "$whiteA6" | "$whiteA7" | "$whiteA8" | "$whiteA9" | "$current" | undefined;
    } & react.RefAttributes<HTMLLIElement>> & {
        id: string;
    };
};

type GroupChildrenProps = {
    childrenProps: ButtonBaseProps;
    children: ReactNode;
};
type PropsToOmit$1 = 'className' | 'onClick' | 'iconSize' | 'leftIcon' | 'leftIconAriaLabel' | 'rightIcon' | 'rightIconAriaLabel' | 'isLoading' | 'loadingText' | 'isDisabled' | 'justIcon' | 'isLink' | 'onPress';
type ButtonGroupProps = Omit<ButtonProps, PropsToOmit$1>;
type ButtonGroupDef = CreateComponent<{
    type: 'div';
    component: Components.ButtonGroup;
    props: ButtonGroupProps;
    element: HTMLDivElement;
    styles: 'root';
    omit: 'className' | 'css';
}>;

declare const ButtonGroup: (<C = "div">(props: PolymorphicComponentProps<C, Omit<Omit<BaseProps$1<ButtonGroupProps>, "css" | "className">, "as">>) => ReactElement<Omit<Omit<BaseProps$1<ButtonGroupProps>, "css" | "className">, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<Omit<BaseProps$1<ButtonGroupProps>, "css" | "className">, "as">>, never> & react.ForwardRefExoticComponent<Omit<BaseProps$1<ButtonGroupProps>, "css" | "className"> & react.RefAttributes<HTMLDivElement>>;

type PropsToOmit = 'isLink' | 'variant';
type ButtonLinkProps = Omit<ButtonProps, PropsToOmit> & HTMLProps['a'] & {
    isExternal?: boolean;
};
type ButtonLinkDef = CreateComponent<{
    type: 'a';
    element: HTMLAnchorElement;
    component: Components.ButtonLink;
    props: ButtonLinkProps;
    styles: 'root';
    omit: PropsToOmit;
}>;

declare const ButtonLink: (<C = "a">(props: PolymorphicComponentProps<C, Omit<Omit<BaseProps$1<ButtonLinkProps>, "isLink" | "variant">, "as">>) => react.ReactElement<Omit<Omit<BaseProps$1<ButtonLinkProps>, "isLink" | "variant">, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<Omit<BaseProps$1<ButtonLinkProps>, "isLink" | "variant">, "as">>, never> & react.ForwardRefExoticComponent<Omit<BaseProps$1<ButtonLinkProps>, "isLink" | "variant"> & react.RefAttributes<HTMLAnchorElement>>;

declare const CardBody: (<C = "div">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<react.HTMLAttributes<HTMLDivElement>>, "as">>) => react.ReactElement<Omit<BaseProps$1<react.HTMLAttributes<HTMLDivElement>>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<react.HTMLAttributes<HTMLDivElement>>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;

declare const CardFooter: (<C = "footer">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<CardFooterProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<CardFooterProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<CardFooterProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLElement> & react.HTMLAttributes<HTMLDivElement> & {
    align?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.AlignItems | undefined;
    basis?: "$4xl" | "$3xl" | "$2xl" | "$xl" | "$lg" | "$md" | "$xs" | "$sm" | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | "$auto" | "$none" | "$full" | "$min" | "$max" | "$fit" | "$screenW" | "$screenH" | _fuel_stitches_react_types_css.Property.FlexBasis | undefined;
    direction?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexDirection | undefined;
    gap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | _fuel_stitches_react_types_css.Property.Gap | undefined;
    grow?: _fuel_stitches_react_types_css.OnlyStringNumeric | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | undefined;
    justify?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.JustifyContent | undefined;
    shrink?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.OnlyNumber | undefined;
    wrap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexWrap | undefined;
} & react.RefAttributes<HTMLDivElement>>;

declare const CardHeader: (<C = "header">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<CardHeaderProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<CardHeaderProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<CardHeaderProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLElement> & react.HTMLAttributes<HTMLDivElement> & {
    align?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.AlignItems | undefined;
    basis?: "$4xl" | "$3xl" | "$2xl" | "$xl" | "$lg" | "$md" | "$xs" | "$sm" | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | "$auto" | "$none" | "$full" | "$min" | "$max" | "$fit" | "$screenW" | "$screenH" | _fuel_stitches_react_types_css.Property.FlexBasis | undefined;
    direction?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexDirection | undefined;
    gap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | _fuel_stitches_react_types_css.Property.Gap | undefined;
    grow?: _fuel_stitches_react_types_css.OnlyStringNumeric | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | undefined;
    justify?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.JustifyContent | undefined;
    shrink?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.OnlyNumber | undefined;
    wrap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexWrap | undefined;
} & {
    space?: "normal" | "compact" | undefined;
} & react.RefAttributes<HTMLDivElement>>;

type CardProps = HTMLProps['article'] & PressProps & {
    withDividers?: boolean;
    variant?: Exclude<Exclude<LayerVariant, 'link'>, 'solid'>;
};
type CardNS = {
    id: string;
    Header: typeof CardHeader;
    Body: typeof CardBody;
    Footer: typeof CardFooter;
};
type CardBodyProps = HTMLProps['div'] & BoxProps;
type CardFooterProps = HTMLProps['footer'] & FlexProps$1;
type CardHeaderProps = HTMLProps['header'] & FlexProps$1 & {
    space?: 'normal' | 'compact';
};
type CardDef = CreateComponent<{
    type: 'div';
    component: Components.Card;
    element: HTMLDivElement;
    props: CardProps;
    namespace: CardNS;
    styles: 'root' | 'body' | 'footer' | 'header';
}>;
type CardBodyDef = CreateComponent<{
    type: 'div';
    component: Components.CardBody;
    element: HTMLDivElement;
    props: CardBodyProps;
}>;
type CardFooterDef = CreateComponent<{
    type: 'footer';
    component: Components.CardFooter;
    element: HTMLDivElement;
    props: CardFooterProps;
}>;
type CardHeaderDef = CreateComponent<{
    type: 'header';
    component: Components.CardHeader;
    element: HTMLDivElement;
    props: CardHeaderProps;
}>;

declare const Card: (<C = "div">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<CardProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<CardProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<CardProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLElement> & _react_types_shared.PressEvents & _react_types_shared.FocusableProps<Element> & {
    onClick?: react.MouseEventHandler<HTMLButtonElement> | undefined;
} & {
    withDividers?: boolean | undefined;
    variant?: "ghost" | "outlined" | undefined;
} & react.RefAttributes<HTMLDivElement>> & {
    id: string;
    Header: (<C_1 = "header">(props: PolymorphicComponentProps<C_1, Omit<BaseProps$1<CardHeaderProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<CardHeaderProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<CardHeaderProps>, "as">>, never> & react.ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: react.ReactNode;
    } & react.HTMLAttributes<HTMLElement> & react.HTMLAttributes<HTMLDivElement> & {
        align?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.AlignItems | undefined;
        basis?: "$4xl" | "$3xl" | "$2xl" | "$xl" | "$lg" | "$md" | "$xs" | "$sm" | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | "$auto" | "$none" | "$full" | "$min" | "$max" | "$fit" | "$screenW" | "$screenH" | _fuel_stitches_react_types_css.Property.FlexBasis | undefined;
        direction?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexDirection | undefined;
        gap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | _fuel_stitches_react_types_css.Property.Gap | undefined;
        grow?: _fuel_stitches_react_types_css.OnlyStringNumeric | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | undefined;
        justify?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.JustifyContent | undefined;
        shrink?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.OnlyNumber | undefined;
        wrap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexWrap | undefined;
    } & {
        space?: "normal" | "compact" | undefined;
    } & react.RefAttributes<HTMLDivElement>>;
    Body: (<C_2 = "div">(props: PolymorphicComponentProps<C_2, Omit<BaseProps$1<react.HTMLAttributes<HTMLDivElement>>, "as">>) => react.ReactElement<Omit<BaseProps$1<react.HTMLAttributes<HTMLDivElement>>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<react.HTMLAttributes<HTMLDivElement>>, "as">>, never> & react.ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: react.ReactNode;
    } & react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
    Footer: (<C_3 = "footer">(props: PolymorphicComponentProps<C_3, Omit<BaseProps$1<CardFooterProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<CardFooterProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<CardFooterProps>, "as">>, never> & react.ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: react.ReactNode;
    } & react.HTMLAttributes<HTMLElement> & react.HTMLAttributes<HTMLDivElement> & {
        align?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.AlignItems | undefined;
        basis?: "$4xl" | "$3xl" | "$2xl" | "$xl" | "$lg" | "$md" | "$xs" | "$sm" | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | "$auto" | "$none" | "$full" | "$min" | "$max" | "$fit" | "$screenW" | "$screenH" | _fuel_stitches_react_types_css.Property.FlexBasis | undefined;
        direction?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexDirection | undefined;
        gap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | _fuel_stitches_react_types_css.Property.Gap | undefined;
        grow?: _fuel_stitches_react_types_css.OnlyStringNumeric | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | undefined;
        justify?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.JustifyContent | undefined;
        shrink?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.OnlyNumber | undefined;
        wrap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexWrap | undefined;
    } & react.RefAttributes<HTMLDivElement>>;
};

declare const CardListItem: (<C = "div">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<CardListItemProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<CardListItemProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<CardListItemProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLElement> & _react_types_shared.PressEvents & _react_types_shared.FocusableProps<Element> & {
    onClick?: react.MouseEventHandler<HTMLButtonElement> | undefined;
} & {
    withDividers?: boolean | undefined;
    variant?: "ghost" | "outlined" | undefined;
} & {
    isActive?: boolean | undefined;
    rightEl?: react.ReactNode;
    onClick?: react.MouseEventHandler<HTMLButtonElement> | undefined;
} & react.RefAttributes<HTMLDivElement>>;

type CardListNS = {
    id: string;
    Item: typeof CardListItem;
};
declare const CardListContext: react.Context<ICardListContext>;
declare function useCardListContext(): ICardListContext;
type ICardListContext = {
    isClickable?: boolean;
    autoFocus?: boolean;
    isFocused?: boolean;
};
type CardListProps = StackProps$1 & Omit<ICardListContext, 'isFocused'>;
type CardListItemProps = CardProps & {
    isActive?: boolean;
    rightEl?: React.ReactNode;
    /**
     * @deprecated Use onPress instead. onPress support Enter and Space keyboard.
     * You're able to use just one or another, don't use onClick and onPress together
     */
    onClick?: HTMLProps['button']['onClick'];
};
type CardListDef = CreateComponent<{
    type: 'div';
    component: Components.CardList;
    props: CardListProps;
    element: HTMLDivElement;
    styles: 'root' | 'item';
    namespace: CardListNS;
}>;
type CardListItemDef = CreateComponent<{
    type: 'div';
    component: Components.CardListItem;
    props: CardListItemProps;
    element: HTMLDivElement;
    styles: 'item';
}>;

declare const CardList: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLDivElement> & {
    align?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.AlignItems | undefined;
    basis?: "$4xl" | "$3xl" | "$2xl" | "$xl" | "$lg" | "$md" | "$xs" | "$sm" | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | "$auto" | "$none" | "$full" | "$min" | "$max" | "$fit" | "$screenW" | "$screenH" | _fuel_stitches_react_types_css.Property.FlexBasis | undefined;
    direction?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexDirection | undefined;
    gap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | _fuel_stitches_react_types_css.Property.Gap | undefined;
    grow?: _fuel_stitches_react_types_css.OnlyStringNumeric | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | undefined;
    justify?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.JustifyContent | undefined;
    shrink?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.OnlyNumber | undefined;
    wrap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexWrap | undefined;
} & Omit<ICardListContext, "isFocused"> & react.RefAttributes<HTMLDivElement>> & CardListNS;

declare const Checkbox: react.ForwardRefExoticComponent<Omit<BaseProps$1<CheckboxPrimitive.CheckboxProps & {
    isDisabled?: boolean | undefined;
    isReadOnly?: boolean | undefined;
} & {
    id: string;
}>, "as" | "children"> & react.RefAttributes<HTMLButtonElement>>;

type OmitProps$3 = 'children' | 'as';
type CheckboxProps = CheckboxPrimitive.CheckboxProps & {
    isDisabled?: boolean;
    isReadOnly?: boolean;
};
type ObjProps$h = {
    id: string;
};
type CheckboxDef = CreateComponent<{
    type: 'button';
    component: Components.Checkbox;
    props: CheckboxProps & ObjProps$h;
    element: HTMLButtonElement;
    styles: 'root' | 'indicator';
    omit: OmitProps$3;
}>;

declare const ContentLoader: any;

type ContentLoaderProps = IContentLoaderProps & {
    isFullWidth?: boolean;
};
type ContentLoaderRectProps = React.SVGProps<SVGRectElement> & {
    stickX?: 'right' | 'left';
    stickY?: 'top' | 'bottom';
};
type ContentLoaderDef = CreateComponent<{
    type: 'div';
    component: Components.ContentLoader;
    element: HTMLDivElement;
    props: ContentLoaderProps;
    styles: 'root';
    omit: 'as';
}>;

declare function Rect({ x, y, stickX, stickY, ...props }: ContentLoaderRectProps): react.ReactElement<any, string | react.JSXElementConstructor<any>>;

type OmitProps$2 = 'leftIcon' | 'rightIcon' | 'justIcon';
type IconButtonProps = Omit<ButtonProps, OmitProps$2> & {
    'aria-label': string;
    size?: ButtonProps['size'];
    icon: IconProps['icon'];
    tooltip?: ReactNode;
};
declare const IconButton: react.ForwardRefExoticComponent<(Omit<BaseProps$1<IconButtonProps>, "leftIcon"> | Omit<BaseProps$1<IconButtonProps>, "rightIcon"> | Omit<BaseProps$1<IconButtonProps>, "justIcon">) & react.RefAttributes<any>>;

declare const Copyable: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & Omit<FlexProps, "children"> & {
    value: string;
    children?: react.ReactNode;
    tooltipMessage?: string | undefined;
    iconProps?: Partial<IconButtonProps> | undefined;
} & react.RefAttributes<HTMLDivElement>>;

type CopyableProps = Omit<FlexProps$1, 'children'> & {
    value: string;
    children?: ReactNode;
    tooltipMessage?: string;
    iconProps?: Partial<IconButtonProps>;
};
type CopyableDef = CreateComponent<{
    type: 'div';
    component: Components.Copyable;
    props: CopyableProps;
    element: HTMLDivElement;
    styles: 'root' | 'icon';
}>;

type HeadingProps = HTMLProps['h1'] & {
    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | string;
    fontSize?: utils.TextSizes;
    color?: Colors;
    iconSize?: number;
    iconColor?: Colors;
    leftIcon?: IconProps['icon'];
    rightIcon?: IconProps['icon'];
    leftIconAriaLabel?: string;
    rightIconAriaLabel?: string;
};
type HeadingDef = CreateComponent<{
    type: 'h3';
    props: HeadingProps;
    element: HTMLHeadingElement;
    component: Components.Heading;
    styles: 'root';
}>;

declare const Heading: (<C = "h3">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<HeadingProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<HeadingProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<HeadingProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLHeadingElement> & {
    as?: string | undefined;
    fontSize?: utils.TextSizes | undefined;
    color?: "transparent" | "inherit" | "gray1" | "gray2" | "gray3" | "gray4" | "gray5" | "gray6" | "gray7" | "gray8" | "gray9" | "gray10" | "gray11" | "gray12" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "accent10" | "accent11" | "accent12" | "crimson1" | "crimson2" | "crimson3" | "crimson4" | "crimson5" | "crimson6" | "crimson7" | "crimson8" | "crimson9" | "crimson10" | "crimson11" | "crimson12" | "indigo1" | "indigo2" | "indigo3" | "indigo4" | "indigo5" | "indigo6" | "indigo7" | "indigo8" | "indigo9" | "indigo10" | "indigo11" | "indigo12" | "yellow1" | "yellow2" | "yellow3" | "yellow4" | "yellow5" | "yellow6" | "yellow7" | "yellow8" | "yellow9" | "yellow10" | "yellow11" | "yellow12" | "bodyColor" | "black" | "blackA1" | "blackA10" | "blackA11" | "blackA12" | "blackA2" | "blackA3" | "blackA4" | "blackA5" | "blackA6" | "blackA7" | "blackA8" | "blackA9" | "bodyBg" | "bodyInverse" | "border" | "borderHover" | "brand" | "cardBg" | "cardBorder" | "dialogBg" | "inputActiveBg" | "inputActiveBorder" | "inputActiveColor" | "inputActiveFocus" | "inputActiveIcon" | "inputActivePlaceholder" | "inputBaseBg" | "inputBaseBorder" | "inputBaseColor" | "inputBaseFocus" | "inputBaseIcon" | "inputBasePlaceholder" | "inputDisabledBg" | "inputDisabledBorder" | "inputDisabledColor" | "inputDisabledFocus" | "inputDisabledIcon" | "inputDisabledPlaceholder" | "inputErrorBg" | "inputErrorBorder" | "inputErrorColor" | "inputErrorFocus" | "inputErrorIcon" | "inputErrorPlaceholder" | "inputSuccessBg" | "inputSuccessBorder" | "inputSuccessColor" | "inputSuccessFocus" | "inputSuccessIcon" | "inputSuccessPlaceholder" | "inputBg" | "intentsBase1" | "intentsBase10" | "intentsBase11" | "intentsBase12" | "intentsBase2" | "intentsBase3" | "intentsBase4" | "intentsBase5" | "intentsBase6" | "intentsBase7" | "intentsBase8" | "intentsBase9" | "intentsError1" | "intentsError10" | "intentsError11" | "intentsError12" | "intentsError2" | "intentsError3" | "intentsError4" | "intentsError5" | "intentsError6" | "intentsError7" | "intentsError8" | "intentsError9" | "intentsInfo1" | "intentsInfo10" | "intentsInfo11" | "intentsInfo12" | "intentsInfo2" | "intentsInfo3" | "intentsInfo4" | "intentsInfo5" | "intentsInfo6" | "intentsInfo7" | "intentsInfo8" | "intentsInfo9" | "intentsPrimary1" | "intentsPrimary10" | "intentsPrimary11" | "intentsPrimary12" | "intentsPrimary2" | "intentsPrimary3" | "intentsPrimary4" | "intentsPrimary5" | "intentsPrimary6" | "intentsPrimary7" | "intentsPrimary8" | "intentsPrimary9" | "intentsSecondary1" | "intentsSecondary10" | "intentsSecondary11" | "intentsSecondary12" | "intentsSecondary2" | "intentsSecondary3" | "intentsSecondary4" | "intentsSecondary5" | "intentsSecondary6" | "intentsSecondary7" | "intentsSecondary8" | "intentsSecondary9" | "intentsSuccess1" | "intentsSuccess10" | "intentsSuccess11" | "intentsSuccess12" | "intentsSuccess2" | "intentsSuccess3" | "intentsSuccess4" | "intentsSuccess5" | "intentsSuccess6" | "intentsSuccess7" | "intentsSuccess8" | "intentsSuccess9" | "intentsWarning1" | "intentsWarning10" | "intentsWarning11" | "intentsWarning12" | "intentsWarning2" | "intentsWarning3" | "intentsWarning4" | "intentsWarning5" | "intentsWarning6" | "intentsWarning7" | "intentsWarning8" | "intentsWarning9" | "inverseA1" | "inverseA10" | "inverseA11" | "inverseA12" | "inverseA2" | "inverseA3" | "inverseA4" | "inverseA5" | "inverseA6" | "inverseA7" | "inverseA8" | "inverseA9" | "overlayBg" | "overlayText" | "scalesBlue1" | "scalesBlue10" | "scalesBlue11" | "scalesBlue12" | "scalesBlue2" | "scalesBlue3" | "scalesBlue4" | "scalesBlue5" | "scalesBlue6" | "scalesBlue7" | "scalesBlue8" | "scalesBlue9" | "scalesGray1" | "scalesGray10" | "scalesGray11" | "scalesGray12" | "scalesGray2" | "scalesGray3" | "scalesGray4" | "scalesGray5" | "scalesGray6" | "scalesGray7" | "scalesGray8" | "scalesGray9" | "scalesGreen1" | "scalesGreen10" | "scalesGreen11" | "scalesGreen12" | "scalesGreen2" | "scalesGreen3" | "scalesGreen4" | "scalesGreen5" | "scalesGreen6" | "scalesGreen7" | "scalesGreen8" | "scalesGreen9" | "scalesRed1" | "scalesRed10" | "scalesRed11" | "scalesRed12" | "scalesRed2" | "scalesRed3" | "scalesRed4" | "scalesRed5" | "scalesRed6" | "scalesRed7" | "scalesRed8" | "scalesRed9" | "scalesYellow1" | "scalesYellow10" | "scalesYellow11" | "scalesYellow12" | "scalesYellow2" | "scalesYellow3" | "scalesYellow4" | "scalesYellow5" | "scalesYellow6" | "scalesYellow7" | "scalesYellow8" | "scalesYellow9" | "semanticGhostBaseBg" | "semanticGhostBaseBorder" | "semanticGhostBaseColor" | "semanticGhostBaseDisabledBg" | "semanticGhostBaseDisabledBorder" | "semanticGhostBaseDisabledColor" | "semanticGhostBaseDisabledIcon" | "semanticGhostBaseFocus" | "semanticGhostBaseHoverBg" | "semanticGhostBaseHoverBorder" | "semanticGhostBaseHoverColor" | "semanticGhostBaseHoverIcon" | "semanticGhostBaseIcon" | "semanticGhostErrorBg" | "semanticGhostErrorBorder" | "semanticGhostErrorColor" | "semanticGhostErrorDisabledBg" | "semanticGhostErrorDisabledBorder" | "semanticGhostErrorDisabledColor" | "semanticGhostErrorDisabledIcon" | "semanticGhostErrorFocus" | "semanticGhostErrorHoverBg" | "semanticGhostErrorHoverBorder" | "semanticGhostErrorHoverColor" | "semanticGhostErrorHoverIcon" | "semanticGhostErrorIcon" | "semanticGhostInfoBg" | "semanticGhostInfoBorder" | "semanticGhostInfoColor" | "semanticGhostInfoDisabledBg" | "semanticGhostInfoDisabledBorder" | "semanticGhostInfoDisabledColor" | "semanticGhostInfoDisabledIcon" | "semanticGhostInfoFocus" | "semanticGhostInfoHoverBg" | "semanticGhostInfoHoverBorder" | "semanticGhostInfoHoverColor" | "semanticGhostInfoHoverIcon" | "semanticGhostInfoIcon" | "semanticGhostPrimaryBg" | "semanticGhostPrimaryBorder" | "semanticGhostPrimaryColor" | "semanticGhostPrimaryDisabledBg" | "semanticGhostPrimaryDisabledBorder" | "semanticGhostPrimaryDisabledColor" | "semanticGhostPrimaryDisabledIcon" | "semanticGhostPrimaryFocus" | "semanticGhostPrimaryHoverBg" | "semanticGhostPrimaryHoverBorder" | "semanticGhostPrimaryHoverColor" | "semanticGhostPrimaryHoverIcon" | "semanticGhostPrimaryIcon" | "semanticGhostSecondaryBg" | "semanticGhostSecondaryBorder" | "semanticGhostSecondaryColor" | "semanticGhostSecondaryDisabledBg" | "semanticGhostSecondaryDisabledBorder" | "semanticGhostSecondaryDisabledColor" | "semanticGhostSecondaryDisabledIcon" | "semanticGhostSecondaryFocus" | "semanticGhostSecondaryHoverBg" | "semanticGhostSecondaryHoverBorder" | "semanticGhostSecondaryHoverColor" | "semanticGhostSecondaryHoverIcon" | "semanticGhostSecondaryIcon" | "semanticGhostSuccessBg" | "semanticGhostSuccessBorder" | "semanticGhostSuccessColor" | "semanticGhostSuccessDisabledBg" | "semanticGhostSuccessDisabledBorder" | "semanticGhostSuccessDisabledColor" | "semanticGhostSuccessDisabledIcon" | "semanticGhostSuccessFocus" | "semanticGhostSuccessHoverBg" | "semanticGhostSuccessHoverBorder" | "semanticGhostSuccessHoverColor" | "semanticGhostSuccessHoverIcon" | "semanticGhostSuccessIcon" | "semanticGhostWarningBg" | "semanticGhostWarningBorder" | "semanticGhostWarningColor" | "semanticGhostWarningDisabledBg" | "semanticGhostWarningDisabledBorder" | "semanticGhostWarningDisabledColor" | "semanticGhostWarningDisabledIcon" | "semanticGhostWarningFocus" | "semanticGhostWarningHoverBg" | "semanticGhostWarningHoverBorder" | "semanticGhostWarningHoverColor" | "semanticGhostWarningHoverIcon" | "semanticGhostWarningIcon" | "semanticLinkBaseBg" | "semanticLinkBaseBorder" | "semanticLinkBaseColor" | "semanticLinkBaseDisabledBg" | "semanticLinkBaseDisabledBorder" | "semanticLinkBaseDisabledColor" | "semanticLinkBaseDisabledIcon" | "semanticLinkBaseFocus" | "semanticLinkBaseHoverBg" | "semanticLinkBaseHoverBorder" | "semanticLinkBaseHoverColor" | "semanticLinkBaseHoverIcon" | "semanticLinkBaseIcon" | "semanticLinkErrorBg" | "semanticLinkErrorBorder" | "semanticLinkErrorColor" | "semanticLinkErrorDisabledBg" | "semanticLinkErrorDisabledBorder" | "semanticLinkErrorDisabledColor" | "semanticLinkErrorDisabledIcon" | "semanticLinkErrorFocus" | "semanticLinkErrorHoverBg" | "semanticLinkErrorHoverBorder" | "semanticLinkErrorHoverColor" | "semanticLinkErrorHoverIcon" | "semanticLinkErrorIcon" | "semanticLinkInfoBg" | "semanticLinkInfoBorder" | "semanticLinkInfoColor" | "semanticLinkInfoDisabledBg" | "semanticLinkInfoDisabledBorder" | "semanticLinkInfoDisabledColor" | "semanticLinkInfoDisabledIcon" | "semanticLinkInfoFocus" | "semanticLinkInfoHoverBg" | "semanticLinkInfoHoverBorder" | "semanticLinkInfoHoverColor" | "semanticLinkInfoHoverIcon" | "semanticLinkInfoIcon" | "semanticLinkPrimaryBg" | "semanticLinkPrimaryBorder" | "semanticLinkPrimaryColor" | "semanticLinkPrimaryDisabledBg" | "semanticLinkPrimaryDisabledBorder" | "semanticLinkPrimaryDisabledColor" | "semanticLinkPrimaryDisabledIcon" | "semanticLinkPrimaryFocus" | "semanticLinkPrimaryHoverBg" | "semanticLinkPrimaryHoverBorder" | "semanticLinkPrimaryHoverColor" | "semanticLinkPrimaryHoverIcon" | "semanticLinkPrimaryIcon" | "semanticLinkSecondaryBg" | "semanticLinkSecondaryBorder" | "semanticLinkSecondaryColor" | "semanticLinkSecondaryDisabledBg" | "semanticLinkSecondaryDisabledBorder" | "semanticLinkSecondaryDisabledColor" | "semanticLinkSecondaryDisabledIcon" | "semanticLinkSecondaryFocus" | "semanticLinkSecondaryHoverBg" | "semanticLinkSecondaryHoverBorder" | "semanticLinkSecondaryHoverColor" | "semanticLinkSecondaryHoverIcon" | "semanticLinkSecondaryIcon" | "semanticLinkSuccessBg" | "semanticLinkSuccessBorder" | "semanticLinkSuccessColor" | "semanticLinkSuccessDisabledBg" | "semanticLinkSuccessDisabledBorder" | "semanticLinkSuccessDisabledColor" | "semanticLinkSuccessDisabledIcon" | "semanticLinkSuccessFocus" | "semanticLinkSuccessHoverBg" | "semanticLinkSuccessHoverBorder" | "semanticLinkSuccessHoverColor" | "semanticLinkSuccessHoverIcon" | "semanticLinkSuccessIcon" | "semanticLinkWarningBg" | "semanticLinkWarningBorder" | "semanticLinkWarningColor" | "semanticLinkWarningDisabledBg" | "semanticLinkWarningDisabledBorder" | "semanticLinkWarningDisabledColor" | "semanticLinkWarningDisabledIcon" | "semanticLinkWarningFocus" | "semanticLinkWarningHoverBg" | "semanticLinkWarningHoverBorder" | "semanticLinkWarningHoverColor" | "semanticLinkWarningHoverIcon" | "semanticLinkWarningIcon" | "semanticOutlinedBaseBg" | "semanticOutlinedBaseBorder" | "semanticOutlinedBaseColor" | "semanticOutlinedBaseDisabledBg" | "semanticOutlinedBaseDisabledBorder" | "semanticOutlinedBaseDisabledColor" | "semanticOutlinedBaseDisabledIcon" | "semanticOutlinedBaseFocus" | "semanticOutlinedBaseHoverBg" | "semanticOutlinedBaseHoverBorder" | "semanticOutlinedBaseHoverColor" | "semanticOutlinedBaseHoverIcon" | "semanticOutlinedBaseIcon" | "semanticOutlinedErrorBg" | "semanticOutlinedErrorBorder" | "semanticOutlinedErrorColor" | "semanticOutlinedErrorDisabledBg" | "semanticOutlinedErrorDisabledBorder" | "semanticOutlinedErrorDisabledColor" | "semanticOutlinedErrorDisabledIcon" | "semanticOutlinedErrorFocus" | "semanticOutlinedErrorHoverBg" | "semanticOutlinedErrorHoverBorder" | "semanticOutlinedErrorHoverColor" | "semanticOutlinedErrorHoverIcon" | "semanticOutlinedErrorIcon" | "semanticOutlinedInfoBg" | "semanticOutlinedInfoBorder" | "semanticOutlinedInfoColor" | "semanticOutlinedInfoDisabledBg" | "semanticOutlinedInfoDisabledBorder" | "semanticOutlinedInfoDisabledColor" | "semanticOutlinedInfoDisabledIcon" | "semanticOutlinedInfoFocus" | "semanticOutlinedInfoHoverBg" | "semanticOutlinedInfoHoverBorder" | "semanticOutlinedInfoHoverColor" | "semanticOutlinedInfoHoverIcon" | "semanticOutlinedInfoIcon" | "semanticOutlinedPrimaryBg" | "semanticOutlinedPrimaryBorder" | "semanticOutlinedPrimaryColor" | "semanticOutlinedPrimaryDisabledBg" | "semanticOutlinedPrimaryDisabledBorder" | "semanticOutlinedPrimaryDisabledColor" | "semanticOutlinedPrimaryDisabledIcon" | "semanticOutlinedPrimaryFocus" | "semanticOutlinedPrimaryHoverBg" | "semanticOutlinedPrimaryHoverBorder" | "semanticOutlinedPrimaryHoverColor" | "semanticOutlinedPrimaryHoverIcon" | "semanticOutlinedPrimaryIcon" | "semanticOutlinedSecondaryBg" | "semanticOutlinedSecondaryBorder" | "semanticOutlinedSecondaryColor" | "semanticOutlinedSecondaryDisabledBg" | "semanticOutlinedSecondaryDisabledBorder" | "semanticOutlinedSecondaryDisabledColor" | "semanticOutlinedSecondaryDisabledIcon" | "semanticOutlinedSecondaryFocus" | "semanticOutlinedSecondaryHoverBg" | "semanticOutlinedSecondaryHoverBorder" | "semanticOutlinedSecondaryHoverColor" | "semanticOutlinedSecondaryHoverIcon" | "semanticOutlinedSecondaryIcon" | "semanticOutlinedSuccessBg" | "semanticOutlinedSuccessBorder" | "semanticOutlinedSuccessColor" | "semanticOutlinedSuccessDisabledBg" | "semanticOutlinedSuccessDisabledBorder" | "semanticOutlinedSuccessDisabledColor" | "semanticOutlinedSuccessDisabledIcon" | "semanticOutlinedSuccessFocus" | "semanticOutlinedSuccessHoverBg" | "semanticOutlinedSuccessHoverBorder" | "semanticOutlinedSuccessHoverColor" | "semanticOutlinedSuccessHoverIcon" | "semanticOutlinedSuccessIcon" | "semanticOutlinedWarningBg" | "semanticOutlinedWarningBorder" | "semanticOutlinedWarningColor" | "semanticOutlinedWarningDisabledBg" | "semanticOutlinedWarningDisabledBorder" | "semanticOutlinedWarningDisabledColor" | "semanticOutlinedWarningDisabledIcon" | "semanticOutlinedWarningFocus" | "semanticOutlinedWarningHoverBg" | "semanticOutlinedWarningHoverBorder" | "semanticOutlinedWarningHoverColor" | "semanticOutlinedWarningHoverIcon" | "semanticOutlinedWarningIcon" | "semanticSolidBaseBg" | "semanticSolidBaseBorder" | "semanticSolidBaseColor" | "semanticSolidBaseDisabledBg" | "semanticSolidBaseDisabledBorder" | "semanticSolidBaseDisabledColor" | "semanticSolidBaseDisabledIcon" | "semanticSolidBaseFocus" | "semanticSolidBaseHoverBg" | "semanticSolidBaseHoverBorder" | "semanticSolidBaseHoverColor" | "semanticSolidBaseHoverIcon" | "semanticSolidBaseIcon" | "semanticSolidErrorBg" | "semanticSolidErrorBorder" | "semanticSolidErrorColor" | "semanticSolidErrorDisabledBg" | "semanticSolidErrorDisabledBorder" | "semanticSolidErrorDisabledColor" | "semanticSolidErrorDisabledIcon" | "semanticSolidErrorFocus" | "semanticSolidErrorHoverBg" | "semanticSolidErrorHoverBorder" | "semanticSolidErrorHoverColor" | "semanticSolidErrorHoverIcon" | "semanticSolidErrorIcon" | "semanticSolidInfoBg" | "semanticSolidInfoBorder" | "semanticSolidInfoColor" | "semanticSolidInfoDisabledBg" | "semanticSolidInfoDisabledBorder" | "semanticSolidInfoDisabledColor" | "semanticSolidInfoDisabledIcon" | "semanticSolidInfoFocus" | "semanticSolidInfoHoverBg" | "semanticSolidInfoHoverBorder" | "semanticSolidInfoHoverColor" | "semanticSolidInfoHoverIcon" | "semanticSolidInfoIcon" | "semanticSolidPrimaryBg" | "semanticSolidPrimaryBorder" | "semanticSolidPrimaryColor" | "semanticSolidPrimaryDisabledBg" | "semanticSolidPrimaryDisabledBorder" | "semanticSolidPrimaryDisabledColor" | "semanticSolidPrimaryDisabledIcon" | "semanticSolidPrimaryFocus" | "semanticSolidPrimaryHoverBg" | "semanticSolidPrimaryHoverBorder" | "semanticSolidPrimaryHoverColor" | "semanticSolidPrimaryHoverIcon" | "semanticSolidPrimaryIcon" | "semanticSolidSecondaryBg" | "semanticSolidSecondaryBorder" | "semanticSolidSecondaryColor" | "semanticSolidSecondaryDisabledBg" | "semanticSolidSecondaryDisabledBorder" | "semanticSolidSecondaryDisabledColor" | "semanticSolidSecondaryDisabledIcon" | "semanticSolidSecondaryFocus" | "semanticSolidSecondaryHoverBg" | "semanticSolidSecondaryHoverBorder" | "semanticSolidSecondaryHoverColor" | "semanticSolidSecondaryHoverIcon" | "semanticSolidSecondaryIcon" | "semanticSolidSuccessBg" | "semanticSolidSuccessBorder" | "semanticSolidSuccessColor" | "semanticSolidSuccessDisabledBg" | "semanticSolidSuccessDisabledBorder" | "semanticSolidSuccessDisabledColor" | "semanticSolidSuccessDisabledIcon" | "semanticSolidSuccessFocus" | "semanticSolidSuccessHoverBg" | "semanticSolidSuccessHoverBorder" | "semanticSolidSuccessHoverColor" | "semanticSolidSuccessHoverIcon" | "semanticSolidSuccessIcon" | "semanticSolidWarningBg" | "semanticSolidWarningBorder" | "semanticSolidWarningColor" | "semanticSolidWarningDisabledBg" | "semanticSolidWarningDisabledBorder" | "semanticSolidWarningDisabledColor" | "semanticSolidWarningDisabledIcon" | "semanticSolidWarningFocus" | "semanticSolidWarningHoverBg" | "semanticSolidWarningHoverBorder" | "semanticSolidWarningHoverColor" | "semanticSolidWarningHoverIcon" | "semanticSolidWarningIcon" | "textActive" | "textColor" | "textHeading" | "textIcon" | "textInverse" | "textLink" | "textLinkActive" | "textLinkDisabled" | "textLinkHover" | "textLinkVisited" | "textMuted" | "textSubtext" | "white" | "whiteA1" | "whiteA10" | "whiteA11" | "whiteA12" | "whiteA2" | "whiteA3" | "whiteA4" | "whiteA5" | "whiteA6" | "whiteA7" | "whiteA8" | "whiteA9" | "current" | undefined;
    iconSize?: number | undefined;
    iconColor?: "transparent" | "inherit" | "gray1" | "gray2" | "gray3" | "gray4" | "gray5" | "gray6" | "gray7" | "gray8" | "gray9" | "gray10" | "gray11" | "gray12" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "accent10" | "accent11" | "accent12" | "crimson1" | "crimson2" | "crimson3" | "crimson4" | "crimson5" | "crimson6" | "crimson7" | "crimson8" | "crimson9" | "crimson10" | "crimson11" | "crimson12" | "indigo1" | "indigo2" | "indigo3" | "indigo4" | "indigo5" | "indigo6" | "indigo7" | "indigo8" | "indigo9" | "indigo10" | "indigo11" | "indigo12" | "yellow1" | "yellow2" | "yellow3" | "yellow4" | "yellow5" | "yellow6" | "yellow7" | "yellow8" | "yellow9" | "yellow10" | "yellow11" | "yellow12" | "bodyColor" | "black" | "blackA1" | "blackA10" | "blackA11" | "blackA12" | "blackA2" | "blackA3" | "blackA4" | "blackA5" | "blackA6" | "blackA7" | "blackA8" | "blackA9" | "bodyBg" | "bodyInverse" | "border" | "borderHover" | "brand" | "cardBg" | "cardBorder" | "dialogBg" | "inputActiveBg" | "inputActiveBorder" | "inputActiveColor" | "inputActiveFocus" | "inputActiveIcon" | "inputActivePlaceholder" | "inputBaseBg" | "inputBaseBorder" | "inputBaseColor" | "inputBaseFocus" | "inputBaseIcon" | "inputBasePlaceholder" | "inputDisabledBg" | "inputDisabledBorder" | "inputDisabledColor" | "inputDisabledFocus" | "inputDisabledIcon" | "inputDisabledPlaceholder" | "inputErrorBg" | "inputErrorBorder" | "inputErrorColor" | "inputErrorFocus" | "inputErrorIcon" | "inputErrorPlaceholder" | "inputSuccessBg" | "inputSuccessBorder" | "inputSuccessColor" | "inputSuccessFocus" | "inputSuccessIcon" | "inputSuccessPlaceholder" | "inputBg" | "intentsBase1" | "intentsBase10" | "intentsBase11" | "intentsBase12" | "intentsBase2" | "intentsBase3" | "intentsBase4" | "intentsBase5" | "intentsBase6" | "intentsBase7" | "intentsBase8" | "intentsBase9" | "intentsError1" | "intentsError10" | "intentsError11" | "intentsError12" | "intentsError2" | "intentsError3" | "intentsError4" | "intentsError5" | "intentsError6" | "intentsError7" | "intentsError8" | "intentsError9" | "intentsInfo1" | "intentsInfo10" | "intentsInfo11" | "intentsInfo12" | "intentsInfo2" | "intentsInfo3" | "intentsInfo4" | "intentsInfo5" | "intentsInfo6" | "intentsInfo7" | "intentsInfo8" | "intentsInfo9" | "intentsPrimary1" | "intentsPrimary10" | "intentsPrimary11" | "intentsPrimary12" | "intentsPrimary2" | "intentsPrimary3" | "intentsPrimary4" | "intentsPrimary5" | "intentsPrimary6" | "intentsPrimary7" | "intentsPrimary8" | "intentsPrimary9" | "intentsSecondary1" | "intentsSecondary10" | "intentsSecondary11" | "intentsSecondary12" | "intentsSecondary2" | "intentsSecondary3" | "intentsSecondary4" | "intentsSecondary5" | "intentsSecondary6" | "intentsSecondary7" | "intentsSecondary8" | "intentsSecondary9" | "intentsSuccess1" | "intentsSuccess10" | "intentsSuccess11" | "intentsSuccess12" | "intentsSuccess2" | "intentsSuccess3" | "intentsSuccess4" | "intentsSuccess5" | "intentsSuccess6" | "intentsSuccess7" | "intentsSuccess8" | "intentsSuccess9" | "intentsWarning1" | "intentsWarning10" | "intentsWarning11" | "intentsWarning12" | "intentsWarning2" | "intentsWarning3" | "intentsWarning4" | "intentsWarning5" | "intentsWarning6" | "intentsWarning7" | "intentsWarning8" | "intentsWarning9" | "inverseA1" | "inverseA10" | "inverseA11" | "inverseA12" | "inverseA2" | "inverseA3" | "inverseA4" | "inverseA5" | "inverseA6" | "inverseA7" | "inverseA8" | "inverseA9" | "overlayBg" | "overlayText" | "scalesBlue1" | "scalesBlue10" | "scalesBlue11" | "scalesBlue12" | "scalesBlue2" | "scalesBlue3" | "scalesBlue4" | "scalesBlue5" | "scalesBlue6" | "scalesBlue7" | "scalesBlue8" | "scalesBlue9" | "scalesGray1" | "scalesGray10" | "scalesGray11" | "scalesGray12" | "scalesGray2" | "scalesGray3" | "scalesGray4" | "scalesGray5" | "scalesGray6" | "scalesGray7" | "scalesGray8" | "scalesGray9" | "scalesGreen1" | "scalesGreen10" | "scalesGreen11" | "scalesGreen12" | "scalesGreen2" | "scalesGreen3" | "scalesGreen4" | "scalesGreen5" | "scalesGreen6" | "scalesGreen7" | "scalesGreen8" | "scalesGreen9" | "scalesRed1" | "scalesRed10" | "scalesRed11" | "scalesRed12" | "scalesRed2" | "scalesRed3" | "scalesRed4" | "scalesRed5" | "scalesRed6" | "scalesRed7" | "scalesRed8" | "scalesRed9" | "scalesYellow1" | "scalesYellow10" | "scalesYellow11" | "scalesYellow12" | "scalesYellow2" | "scalesYellow3" | "scalesYellow4" | "scalesYellow5" | "scalesYellow6" | "scalesYellow7" | "scalesYellow8" | "scalesYellow9" | "semanticGhostBaseBg" | "semanticGhostBaseBorder" | "semanticGhostBaseColor" | "semanticGhostBaseDisabledBg" | "semanticGhostBaseDisabledBorder" | "semanticGhostBaseDisabledColor" | "semanticGhostBaseDisabledIcon" | "semanticGhostBaseFocus" | "semanticGhostBaseHoverBg" | "semanticGhostBaseHoverBorder" | "semanticGhostBaseHoverColor" | "semanticGhostBaseHoverIcon" | "semanticGhostBaseIcon" | "semanticGhostErrorBg" | "semanticGhostErrorBorder" | "semanticGhostErrorColor" | "semanticGhostErrorDisabledBg" | "semanticGhostErrorDisabledBorder" | "semanticGhostErrorDisabledColor" | "semanticGhostErrorDisabledIcon" | "semanticGhostErrorFocus" | "semanticGhostErrorHoverBg" | "semanticGhostErrorHoverBorder" | "semanticGhostErrorHoverColor" | "semanticGhostErrorHoverIcon" | "semanticGhostErrorIcon" | "semanticGhostInfoBg" | "semanticGhostInfoBorder" | "semanticGhostInfoColor" | "semanticGhostInfoDisabledBg" | "semanticGhostInfoDisabledBorder" | "semanticGhostInfoDisabledColor" | "semanticGhostInfoDisabledIcon" | "semanticGhostInfoFocus" | "semanticGhostInfoHoverBg" | "semanticGhostInfoHoverBorder" | "semanticGhostInfoHoverColor" | "semanticGhostInfoHoverIcon" | "semanticGhostInfoIcon" | "semanticGhostPrimaryBg" | "semanticGhostPrimaryBorder" | "semanticGhostPrimaryColor" | "semanticGhostPrimaryDisabledBg" | "semanticGhostPrimaryDisabledBorder" | "semanticGhostPrimaryDisabledColor" | "semanticGhostPrimaryDisabledIcon" | "semanticGhostPrimaryFocus" | "semanticGhostPrimaryHoverBg" | "semanticGhostPrimaryHoverBorder" | "semanticGhostPrimaryHoverColor" | "semanticGhostPrimaryHoverIcon" | "semanticGhostPrimaryIcon" | "semanticGhostSecondaryBg" | "semanticGhostSecondaryBorder" | "semanticGhostSecondaryColor" | "semanticGhostSecondaryDisabledBg" | "semanticGhostSecondaryDisabledBorder" | "semanticGhostSecondaryDisabledColor" | "semanticGhostSecondaryDisabledIcon" | "semanticGhostSecondaryFocus" | "semanticGhostSecondaryHoverBg" | "semanticGhostSecondaryHoverBorder" | "semanticGhostSecondaryHoverColor" | "semanticGhostSecondaryHoverIcon" | "semanticGhostSecondaryIcon" | "semanticGhostSuccessBg" | "semanticGhostSuccessBorder" | "semanticGhostSuccessColor" | "semanticGhostSuccessDisabledBg" | "semanticGhostSuccessDisabledBorder" | "semanticGhostSuccessDisabledColor" | "semanticGhostSuccessDisabledIcon" | "semanticGhostSuccessFocus" | "semanticGhostSuccessHoverBg" | "semanticGhostSuccessHoverBorder" | "semanticGhostSuccessHoverColor" | "semanticGhostSuccessHoverIcon" | "semanticGhostSuccessIcon" | "semanticGhostWarningBg" | "semanticGhostWarningBorder" | "semanticGhostWarningColor" | "semanticGhostWarningDisabledBg" | "semanticGhostWarningDisabledBorder" | "semanticGhostWarningDisabledColor" | "semanticGhostWarningDisabledIcon" | "semanticGhostWarningFocus" | "semanticGhostWarningHoverBg" | "semanticGhostWarningHoverBorder" | "semanticGhostWarningHoverColor" | "semanticGhostWarningHoverIcon" | "semanticGhostWarningIcon" | "semanticLinkBaseBg" | "semanticLinkBaseBorder" | "semanticLinkBaseColor" | "semanticLinkBaseDisabledBg" | "semanticLinkBaseDisabledBorder" | "semanticLinkBaseDisabledColor" | "semanticLinkBaseDisabledIcon" | "semanticLinkBaseFocus" | "semanticLinkBaseHoverBg" | "semanticLinkBaseHoverBorder" | "semanticLinkBaseHoverColor" | "semanticLinkBaseHoverIcon" | "semanticLinkBaseIcon" | "semanticLinkErrorBg" | "semanticLinkErrorBorder" | "semanticLinkErrorColor" | "semanticLinkErrorDisabledBg" | "semanticLinkErrorDisabledBorder" | "semanticLinkErrorDisabledColor" | "semanticLinkErrorDisabledIcon" | "semanticLinkErrorFocus" | "semanticLinkErrorHoverBg" | "semanticLinkErrorHoverBorder" | "semanticLinkErrorHoverColor" | "semanticLinkErrorHoverIcon" | "semanticLinkErrorIcon" | "semanticLinkInfoBg" | "semanticLinkInfoBorder" | "semanticLinkInfoColor" | "semanticLinkInfoDisabledBg" | "semanticLinkInfoDisabledBorder" | "semanticLinkInfoDisabledColor" | "semanticLinkInfoDisabledIcon" | "semanticLinkInfoFocus" | "semanticLinkInfoHoverBg" | "semanticLinkInfoHoverBorder" | "semanticLinkInfoHoverColor" | "semanticLinkInfoHoverIcon" | "semanticLinkInfoIcon" | "semanticLinkPrimaryBg" | "semanticLinkPrimaryBorder" | "semanticLinkPrimaryColor" | "semanticLinkPrimaryDisabledBg" | "semanticLinkPrimaryDisabledBorder" | "semanticLinkPrimaryDisabledColor" | "semanticLinkPrimaryDisabledIcon" | "semanticLinkPrimaryFocus" | "semanticLinkPrimaryHoverBg" | "semanticLinkPrimaryHoverBorder" | "semanticLinkPrimaryHoverColor" | "semanticLinkPrimaryHoverIcon" | "semanticLinkPrimaryIcon" | "semanticLinkSecondaryBg" | "semanticLinkSecondaryBorder" | "semanticLinkSecondaryColor" | "semanticLinkSecondaryDisabledBg" | "semanticLinkSecondaryDisabledBorder" | "semanticLinkSecondaryDisabledColor" | "semanticLinkSecondaryDisabledIcon" | "semanticLinkSecondaryFocus" | "semanticLinkSecondaryHoverBg" | "semanticLinkSecondaryHoverBorder" | "semanticLinkSecondaryHoverColor" | "semanticLinkSecondaryHoverIcon" | "semanticLinkSecondaryIcon" | "semanticLinkSuccessBg" | "semanticLinkSuccessBorder" | "semanticLinkSuccessColor" | "semanticLinkSuccessDisabledBg" | "semanticLinkSuccessDisabledBorder" | "semanticLinkSuccessDisabledColor" | "semanticLinkSuccessDisabledIcon" | "semanticLinkSuccessFocus" | "semanticLinkSuccessHoverBg" | "semanticLinkSuccessHoverBorder" | "semanticLinkSuccessHoverColor" | "semanticLinkSuccessHoverIcon" | "semanticLinkSuccessIcon" | "semanticLinkWarningBg" | "semanticLinkWarningBorder" | "semanticLinkWarningColor" | "semanticLinkWarningDisabledBg" | "semanticLinkWarningDisabledBorder" | "semanticLinkWarningDisabledColor" | "semanticLinkWarningDisabledIcon" | "semanticLinkWarningFocus" | "semanticLinkWarningHoverBg" | "semanticLinkWarningHoverBorder" | "semanticLinkWarningHoverColor" | "semanticLinkWarningHoverIcon" | "semanticLinkWarningIcon" | "semanticOutlinedBaseBg" | "semanticOutlinedBaseBorder" | "semanticOutlinedBaseColor" | "semanticOutlinedBaseDisabledBg" | "semanticOutlinedBaseDisabledBorder" | "semanticOutlinedBaseDisabledColor" | "semanticOutlinedBaseDisabledIcon" | "semanticOutlinedBaseFocus" | "semanticOutlinedBaseHoverBg" | "semanticOutlinedBaseHoverBorder" | "semanticOutlinedBaseHoverColor" | "semanticOutlinedBaseHoverIcon" | "semanticOutlinedBaseIcon" | "semanticOutlinedErrorBg" | "semanticOutlinedErrorBorder" | "semanticOutlinedErrorColor" | "semanticOutlinedErrorDisabledBg" | "semanticOutlinedErrorDisabledBorder" | "semanticOutlinedErrorDisabledColor" | "semanticOutlinedErrorDisabledIcon" | "semanticOutlinedErrorFocus" | "semanticOutlinedErrorHoverBg" | "semanticOutlinedErrorHoverBorder" | "semanticOutlinedErrorHoverColor" | "semanticOutlinedErrorHoverIcon" | "semanticOutlinedErrorIcon" | "semanticOutlinedInfoBg" | "semanticOutlinedInfoBorder" | "semanticOutlinedInfoColor" | "semanticOutlinedInfoDisabledBg" | "semanticOutlinedInfoDisabledBorder" | "semanticOutlinedInfoDisabledColor" | "semanticOutlinedInfoDisabledIcon" | "semanticOutlinedInfoFocus" | "semanticOutlinedInfoHoverBg" | "semanticOutlinedInfoHoverBorder" | "semanticOutlinedInfoHoverColor" | "semanticOutlinedInfoHoverIcon" | "semanticOutlinedInfoIcon" | "semanticOutlinedPrimaryBg" | "semanticOutlinedPrimaryBorder" | "semanticOutlinedPrimaryColor" | "semanticOutlinedPrimaryDisabledBg" | "semanticOutlinedPrimaryDisabledBorder" | "semanticOutlinedPrimaryDisabledColor" | "semanticOutlinedPrimaryDisabledIcon" | "semanticOutlinedPrimaryFocus" | "semanticOutlinedPrimaryHoverBg" | "semanticOutlinedPrimaryHoverBorder" | "semanticOutlinedPrimaryHoverColor" | "semanticOutlinedPrimaryHoverIcon" | "semanticOutlinedPrimaryIcon" | "semanticOutlinedSecondaryBg" | "semanticOutlinedSecondaryBorder" | "semanticOutlinedSecondaryColor" | "semanticOutlinedSecondaryDisabledBg" | "semanticOutlinedSecondaryDisabledBorder" | "semanticOutlinedSecondaryDisabledColor" | "semanticOutlinedSecondaryDisabledIcon" | "semanticOutlinedSecondaryFocus" | "semanticOutlinedSecondaryHoverBg" | "semanticOutlinedSecondaryHoverBorder" | "semanticOutlinedSecondaryHoverColor" | "semanticOutlinedSecondaryHoverIcon" | "semanticOutlinedSecondaryIcon" | "semanticOutlinedSuccessBg" | "semanticOutlinedSuccessBorder" | "semanticOutlinedSuccessColor" | "semanticOutlinedSuccessDisabledBg" | "semanticOutlinedSuccessDisabledBorder" | "semanticOutlinedSuccessDisabledColor" | "semanticOutlinedSuccessDisabledIcon" | "semanticOutlinedSuccessFocus" | "semanticOutlinedSuccessHoverBg" | "semanticOutlinedSuccessHoverBorder" | "semanticOutlinedSuccessHoverColor" | "semanticOutlinedSuccessHoverIcon" | "semanticOutlinedSuccessIcon" | "semanticOutlinedWarningBg" | "semanticOutlinedWarningBorder" | "semanticOutlinedWarningColor" | "semanticOutlinedWarningDisabledBg" | "semanticOutlinedWarningDisabledBorder" | "semanticOutlinedWarningDisabledColor" | "semanticOutlinedWarningDisabledIcon" | "semanticOutlinedWarningFocus" | "semanticOutlinedWarningHoverBg" | "semanticOutlinedWarningHoverBorder" | "semanticOutlinedWarningHoverColor" | "semanticOutlinedWarningHoverIcon" | "semanticOutlinedWarningIcon" | "semanticSolidBaseBg" | "semanticSolidBaseBorder" | "semanticSolidBaseColor" | "semanticSolidBaseDisabledBg" | "semanticSolidBaseDisabledBorder" | "semanticSolidBaseDisabledColor" | "semanticSolidBaseDisabledIcon" | "semanticSolidBaseFocus" | "semanticSolidBaseHoverBg" | "semanticSolidBaseHoverBorder" | "semanticSolidBaseHoverColor" | "semanticSolidBaseHoverIcon" | "semanticSolidBaseIcon" | "semanticSolidErrorBg" | "semanticSolidErrorBorder" | "semanticSolidErrorColor" | "semanticSolidErrorDisabledBg" | "semanticSolidErrorDisabledBorder" | "semanticSolidErrorDisabledColor" | "semanticSolidErrorDisabledIcon" | "semanticSolidErrorFocus" | "semanticSolidErrorHoverBg" | "semanticSolidErrorHoverBorder" | "semanticSolidErrorHoverColor" | "semanticSolidErrorHoverIcon" | "semanticSolidErrorIcon" | "semanticSolidInfoBg" | "semanticSolidInfoBorder" | "semanticSolidInfoColor" | "semanticSolidInfoDisabledBg" | "semanticSolidInfoDisabledBorder" | "semanticSolidInfoDisabledColor" | "semanticSolidInfoDisabledIcon" | "semanticSolidInfoFocus" | "semanticSolidInfoHoverBg" | "semanticSolidInfoHoverBorder" | "semanticSolidInfoHoverColor" | "semanticSolidInfoHoverIcon" | "semanticSolidInfoIcon" | "semanticSolidPrimaryBg" | "semanticSolidPrimaryBorder" | "semanticSolidPrimaryColor" | "semanticSolidPrimaryDisabledBg" | "semanticSolidPrimaryDisabledBorder" | "semanticSolidPrimaryDisabledColor" | "semanticSolidPrimaryDisabledIcon" | "semanticSolidPrimaryFocus" | "semanticSolidPrimaryHoverBg" | "semanticSolidPrimaryHoverBorder" | "semanticSolidPrimaryHoverColor" | "semanticSolidPrimaryHoverIcon" | "semanticSolidPrimaryIcon" | "semanticSolidSecondaryBg" | "semanticSolidSecondaryBorder" | "semanticSolidSecondaryColor" | "semanticSolidSecondaryDisabledBg" | "semanticSolidSecondaryDisabledBorder" | "semanticSolidSecondaryDisabledColor" | "semanticSolidSecondaryDisabledIcon" | "semanticSolidSecondaryFocus" | "semanticSolidSecondaryHoverBg" | "semanticSolidSecondaryHoverBorder" | "semanticSolidSecondaryHoverColor" | "semanticSolidSecondaryHoverIcon" | "semanticSolidSecondaryIcon" | "semanticSolidSuccessBg" | "semanticSolidSuccessBorder" | "semanticSolidSuccessColor" | "semanticSolidSuccessDisabledBg" | "semanticSolidSuccessDisabledBorder" | "semanticSolidSuccessDisabledColor" | "semanticSolidSuccessDisabledIcon" | "semanticSolidSuccessFocus" | "semanticSolidSuccessHoverBg" | "semanticSolidSuccessHoverBorder" | "semanticSolidSuccessHoverColor" | "semanticSolidSuccessHoverIcon" | "semanticSolidSuccessIcon" | "semanticSolidWarningBg" | "semanticSolidWarningBorder" | "semanticSolidWarningColor" | "semanticSolidWarningDisabledBg" | "semanticSolidWarningDisabledBorder" | "semanticSolidWarningDisabledColor" | "semanticSolidWarningDisabledIcon" | "semanticSolidWarningFocus" | "semanticSolidWarningHoverBg" | "semanticSolidWarningHoverBorder" | "semanticSolidWarningHoverColor" | "semanticSolidWarningHoverIcon" | "semanticSolidWarningIcon" | "textActive" | "textColor" | "textHeading" | "textIcon" | "textInverse" | "textLink" | "textLinkActive" | "textLinkDisabled" | "textLinkHover" | "textLinkVisited" | "textMuted" | "textSubtext" | "white" | "whiteA1" | "whiteA10" | "whiteA11" | "whiteA12" | "whiteA2" | "whiteA3" | "whiteA4" | "whiteA5" | "whiteA6" | "whiteA7" | "whiteA8" | "whiteA9" | "current" | undefined;
    leftIcon?: string | number | boolean | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | react.ReactPortal | null | undefined;
    rightIcon?: string | number | boolean | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | react.ReactPortal | null | undefined;
    leftIconAriaLabel?: string | undefined;
    rightIconAriaLabel?: string | undefined;
} & react.RefAttributes<HTMLHeadingElement>>;

declare const DialogClose: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & Omit<react.ButtonHTMLAttributes<HTMLButtonElement>, "onClick"> & react_aria.AriaButtonProps<"button"> & ButtonBaseProps & {
    justIcon?: boolean | undefined;
    isLink?: boolean | undefined;
    onClick?: react.MouseEventHandler<HTMLButtonElement> | undefined;
} & {
    asChild?: boolean | undefined;
} & react.RefAttributes<HTMLButtonElement>> & DialogCloseNS;

declare const DialogContent: (<C = "div">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<DialogContentProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<DialogContentProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<DialogContentProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & DialogContentProps & react.RefAttributes<HTMLDivElement>> & DialogContentNS;

declare const DialogDescription: (<C = "div">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<DialogDescriptionProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<DialogDescriptionProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<DialogDescriptionProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & DialogDescriptionProps & react.RefAttributes<HTMLDivElement>>;

declare const DialogFooter: (<C = "div">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<DialogDescriptionProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<DialogDescriptionProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<DialogDescriptionProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & DialogDescriptionProps & react.RefAttributes<HTMLDivElement>>;

declare const DialogHeading: (<C = "h2">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<HeadingProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<HeadingProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<HeadingProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLHeadingElement> & {
    as?: string | undefined;
    fontSize?: _fuel_ui_css.TextSizes | undefined;
    color?: "transparent" | "inherit" | "gray1" | "gray2" | "gray3" | "gray4" | "gray5" | "gray6" | "gray7" | "gray8" | "gray9" | "gray10" | "gray11" | "gray12" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "accent10" | "accent11" | "accent12" | "crimson1" | "crimson2" | "crimson3" | "crimson4" | "crimson5" | "crimson6" | "crimson7" | "crimson8" | "crimson9" | "crimson10" | "crimson11" | "crimson12" | "indigo1" | "indigo2" | "indigo3" | "indigo4" | "indigo5" | "indigo6" | "indigo7" | "indigo8" | "indigo9" | "indigo10" | "indigo11" | "indigo12" | "yellow1" | "yellow2" | "yellow3" | "yellow4" | "yellow5" | "yellow6" | "yellow7" | "yellow8" | "yellow9" | "yellow10" | "yellow11" | "yellow12" | "bodyColor" | "black" | "blackA1" | "blackA10" | "blackA11" | "blackA12" | "blackA2" | "blackA3" | "blackA4" | "blackA5" | "blackA6" | "blackA7" | "blackA8" | "blackA9" | "bodyBg" | "bodyInverse" | "border" | "borderHover" | "brand" | "cardBg" | "cardBorder" | "dialogBg" | "inputActiveBg" | "inputActiveBorder" | "inputActiveColor" | "inputActiveFocus" | "inputActiveIcon" | "inputActivePlaceholder" | "inputBaseBg" | "inputBaseBorder" | "inputBaseColor" | "inputBaseFocus" | "inputBaseIcon" | "inputBasePlaceholder" | "inputDisabledBg" | "inputDisabledBorder" | "inputDisabledColor" | "inputDisabledFocus" | "inputDisabledIcon" | "inputDisabledPlaceholder" | "inputErrorBg" | "inputErrorBorder" | "inputErrorColor" | "inputErrorFocus" | "inputErrorIcon" | "inputErrorPlaceholder" | "inputSuccessBg" | "inputSuccessBorder" | "inputSuccessColor" | "inputSuccessFocus" | "inputSuccessIcon" | "inputSuccessPlaceholder" | "inputBg" | "intentsBase1" | "intentsBase10" | "intentsBase11" | "intentsBase12" | "intentsBase2" | "intentsBase3" | "intentsBase4" | "intentsBase5" | "intentsBase6" | "intentsBase7" | "intentsBase8" | "intentsBase9" | "intentsError1" | "intentsError10" | "intentsError11" | "intentsError12" | "intentsError2" | "intentsError3" | "intentsError4" | "intentsError5" | "intentsError6" | "intentsError7" | "intentsError8" | "intentsError9" | "intentsInfo1" | "intentsInfo10" | "intentsInfo11" | "intentsInfo12" | "intentsInfo2" | "intentsInfo3" | "intentsInfo4" | "intentsInfo5" | "intentsInfo6" | "intentsInfo7" | "intentsInfo8" | "intentsInfo9" | "intentsPrimary1" | "intentsPrimary10" | "intentsPrimary11" | "intentsPrimary12" | "intentsPrimary2" | "intentsPrimary3" | "intentsPrimary4" | "intentsPrimary5" | "intentsPrimary6" | "intentsPrimary7" | "intentsPrimary8" | "intentsPrimary9" | "intentsSecondary1" | "intentsSecondary10" | "intentsSecondary11" | "intentsSecondary12" | "intentsSecondary2" | "intentsSecondary3" | "intentsSecondary4" | "intentsSecondary5" | "intentsSecondary6" | "intentsSecondary7" | "intentsSecondary8" | "intentsSecondary9" | "intentsSuccess1" | "intentsSuccess10" | "intentsSuccess11" | "intentsSuccess12" | "intentsSuccess2" | "intentsSuccess3" | "intentsSuccess4" | "intentsSuccess5" | "intentsSuccess6" | "intentsSuccess7" | "intentsSuccess8" | "intentsSuccess9" | "intentsWarning1" | "intentsWarning10" | "intentsWarning11" | "intentsWarning12" | "intentsWarning2" | "intentsWarning3" | "intentsWarning4" | "intentsWarning5" | "intentsWarning6" | "intentsWarning7" | "intentsWarning8" | "intentsWarning9" | "inverseA1" | "inverseA10" | "inverseA11" | "inverseA12" | "inverseA2" | "inverseA3" | "inverseA4" | "inverseA5" | "inverseA6" | "inverseA7" | "inverseA8" | "inverseA9" | "overlayBg" | "overlayText" | "scalesBlue1" | "scalesBlue10" | "scalesBlue11" | "scalesBlue12" | "scalesBlue2" | "scalesBlue3" | "scalesBlue4" | "scalesBlue5" | "scalesBlue6" | "scalesBlue7" | "scalesBlue8" | "scalesBlue9" | "scalesGray1" | "scalesGray10" | "scalesGray11" | "scalesGray12" | "scalesGray2" | "scalesGray3" | "scalesGray4" | "scalesGray5" | "scalesGray6" | "scalesGray7" | "scalesGray8" | "scalesGray9" | "scalesGreen1" | "scalesGreen10" | "scalesGreen11" | "scalesGreen12" | "scalesGreen2" | "scalesGreen3" | "scalesGreen4" | "scalesGreen5" | "scalesGreen6" | "scalesGreen7" | "scalesGreen8" | "scalesGreen9" | "scalesRed1" | "scalesRed10" | "scalesRed11" | "scalesRed12" | "scalesRed2" | "scalesRed3" | "scalesRed4" | "scalesRed5" | "scalesRed6" | "scalesRed7" | "scalesRed8" | "scalesRed9" | "scalesYellow1" | "scalesYellow10" | "scalesYellow11" | "scalesYellow12" | "scalesYellow2" | "scalesYellow3" | "scalesYellow4" | "scalesYellow5" | "scalesYellow6" | "scalesYellow7" | "scalesYellow8" | "scalesYellow9" | "semanticGhostBaseBg" | "semanticGhostBaseBorder" | "semanticGhostBaseColor" | "semanticGhostBaseDisabledBg" | "semanticGhostBaseDisabledBorder" | "semanticGhostBaseDisabledColor" | "semanticGhostBaseDisabledIcon" | "semanticGhostBaseFocus" | "semanticGhostBaseHoverBg" | "semanticGhostBaseHoverBorder" | "semanticGhostBaseHoverColor" | "semanticGhostBaseHoverIcon" | "semanticGhostBaseIcon" | "semanticGhostErrorBg" | "semanticGhostErrorBorder" | "semanticGhostErrorColor" | "semanticGhostErrorDisabledBg" | "semanticGhostErrorDisabledBorder" | "semanticGhostErrorDisabledColor" | "semanticGhostErrorDisabledIcon" | "semanticGhostErrorFocus" | "semanticGhostErrorHoverBg" | "semanticGhostErrorHoverBorder" | "semanticGhostErrorHoverColor" | "semanticGhostErrorHoverIcon" | "semanticGhostErrorIcon" | "semanticGhostInfoBg" | "semanticGhostInfoBorder" | "semanticGhostInfoColor" | "semanticGhostInfoDisabledBg" | "semanticGhostInfoDisabledBorder" | "semanticGhostInfoDisabledColor" | "semanticGhostInfoDisabledIcon" | "semanticGhostInfoFocus" | "semanticGhostInfoHoverBg" | "semanticGhostInfoHoverBorder" | "semanticGhostInfoHoverColor" | "semanticGhostInfoHoverIcon" | "semanticGhostInfoIcon" | "semanticGhostPrimaryBg" | "semanticGhostPrimaryBorder" | "semanticGhostPrimaryColor" | "semanticGhostPrimaryDisabledBg" | "semanticGhostPrimaryDisabledBorder" | "semanticGhostPrimaryDisabledColor" | "semanticGhostPrimaryDisabledIcon" | "semanticGhostPrimaryFocus" | "semanticGhostPrimaryHoverBg" | "semanticGhostPrimaryHoverBorder" | "semanticGhostPrimaryHoverColor" | "semanticGhostPrimaryHoverIcon" | "semanticGhostPrimaryIcon" | "semanticGhostSecondaryBg" | "semanticGhostSecondaryBorder" | "semanticGhostSecondaryColor" | "semanticGhostSecondaryDisabledBg" | "semanticGhostSecondaryDisabledBorder" | "semanticGhostSecondaryDisabledColor" | "semanticGhostSecondaryDisabledIcon" | "semanticGhostSecondaryFocus" | "semanticGhostSecondaryHoverBg" | "semanticGhostSecondaryHoverBorder" | "semanticGhostSecondaryHoverColor" | "semanticGhostSecondaryHoverIcon" | "semanticGhostSecondaryIcon" | "semanticGhostSuccessBg" | "semanticGhostSuccessBorder" | "semanticGhostSuccessColor" | "semanticGhostSuccessDisabledBg" | "semanticGhostSuccessDisabledBorder" | "semanticGhostSuccessDisabledColor" | "semanticGhostSuccessDisabledIcon" | "semanticGhostSuccessFocus" | "semanticGhostSuccessHoverBg" | "semanticGhostSuccessHoverBorder" | "semanticGhostSuccessHoverColor" | "semanticGhostSuccessHoverIcon" | "semanticGhostSuccessIcon" | "semanticGhostWarningBg" | "semanticGhostWarningBorder" | "semanticGhostWarningColor" | "semanticGhostWarningDisabledBg" | "semanticGhostWarningDisabledBorder" | "semanticGhostWarningDisabledColor" | "semanticGhostWarningDisabledIcon" | "semanticGhostWarningFocus" | "semanticGhostWarningHoverBg" | "semanticGhostWarningHoverBorder" | "semanticGhostWarningHoverColor" | "semanticGhostWarningHoverIcon" | "semanticGhostWarningIcon" | "semanticLinkBaseBg" | "semanticLinkBaseBorder" | "semanticLinkBaseColor" | "semanticLinkBaseDisabledBg" | "semanticLinkBaseDisabledBorder" | "semanticLinkBaseDisabledColor" | "semanticLinkBaseDisabledIcon" | "semanticLinkBaseFocus" | "semanticLinkBaseHoverBg" | "semanticLinkBaseHoverBorder" | "semanticLinkBaseHoverColor" | "semanticLinkBaseHoverIcon" | "semanticLinkBaseIcon" | "semanticLinkErrorBg" | "semanticLinkErrorBorder" | "semanticLinkErrorColor" | "semanticLinkErrorDisabledBg" | "semanticLinkErrorDisabledBorder" | "semanticLinkErrorDisabledColor" | "semanticLinkErrorDisabledIcon" | "semanticLinkErrorFocus" | "semanticLinkErrorHoverBg" | "semanticLinkErrorHoverBorder" | "semanticLinkErrorHoverColor" | "semanticLinkErrorHoverIcon" | "semanticLinkErrorIcon" | "semanticLinkInfoBg" | "semanticLinkInfoBorder" | "semanticLinkInfoColor" | "semanticLinkInfoDisabledBg" | "semanticLinkInfoDisabledBorder" | "semanticLinkInfoDisabledColor" | "semanticLinkInfoDisabledIcon" | "semanticLinkInfoFocus" | "semanticLinkInfoHoverBg" | "semanticLinkInfoHoverBorder" | "semanticLinkInfoHoverColor" | "semanticLinkInfoHoverIcon" | "semanticLinkInfoIcon" | "semanticLinkPrimaryBg" | "semanticLinkPrimaryBorder" | "semanticLinkPrimaryColor" | "semanticLinkPrimaryDisabledBg" | "semanticLinkPrimaryDisabledBorder" | "semanticLinkPrimaryDisabledColor" | "semanticLinkPrimaryDisabledIcon" | "semanticLinkPrimaryFocus" | "semanticLinkPrimaryHoverBg" | "semanticLinkPrimaryHoverBorder" | "semanticLinkPrimaryHoverColor" | "semanticLinkPrimaryHoverIcon" | "semanticLinkPrimaryIcon" | "semanticLinkSecondaryBg" | "semanticLinkSecondaryBorder" | "semanticLinkSecondaryColor" | "semanticLinkSecondaryDisabledBg" | "semanticLinkSecondaryDisabledBorder" | "semanticLinkSecondaryDisabledColor" | "semanticLinkSecondaryDisabledIcon" | "semanticLinkSecondaryFocus" | "semanticLinkSecondaryHoverBg" | "semanticLinkSecondaryHoverBorder" | "semanticLinkSecondaryHoverColor" | "semanticLinkSecondaryHoverIcon" | "semanticLinkSecondaryIcon" | "semanticLinkSuccessBg" | "semanticLinkSuccessBorder" | "semanticLinkSuccessColor" | "semanticLinkSuccessDisabledBg" | "semanticLinkSuccessDisabledBorder" | "semanticLinkSuccessDisabledColor" | "semanticLinkSuccessDisabledIcon" | "semanticLinkSuccessFocus" | "semanticLinkSuccessHoverBg" | "semanticLinkSuccessHoverBorder" | "semanticLinkSuccessHoverColor" | "semanticLinkSuccessHoverIcon" | "semanticLinkSuccessIcon" | "semanticLinkWarningBg" | "semanticLinkWarningBorder" | "semanticLinkWarningColor" | "semanticLinkWarningDisabledBg" | "semanticLinkWarningDisabledBorder" | "semanticLinkWarningDisabledColor" | "semanticLinkWarningDisabledIcon" | "semanticLinkWarningFocus" | "semanticLinkWarningHoverBg" | "semanticLinkWarningHoverBorder" | "semanticLinkWarningHoverColor" | "semanticLinkWarningHoverIcon" | "semanticLinkWarningIcon" | "semanticOutlinedBaseBg" | "semanticOutlinedBaseBorder" | "semanticOutlinedBaseColor" | "semanticOutlinedBaseDisabledBg" | "semanticOutlinedBaseDisabledBorder" | "semanticOutlinedBaseDisabledColor" | "semanticOutlinedBaseDisabledIcon" | "semanticOutlinedBaseFocus" | "semanticOutlinedBaseHoverBg" | "semanticOutlinedBaseHoverBorder" | "semanticOutlinedBaseHoverColor" | "semanticOutlinedBaseHoverIcon" | "semanticOutlinedBaseIcon" | "semanticOutlinedErrorBg" | "semanticOutlinedErrorBorder" | "semanticOutlinedErrorColor" | "semanticOutlinedErrorDisabledBg" | "semanticOutlinedErrorDisabledBorder" | "semanticOutlinedErrorDisabledColor" | "semanticOutlinedErrorDisabledIcon" | "semanticOutlinedErrorFocus" | "semanticOutlinedErrorHoverBg" | "semanticOutlinedErrorHoverBorder" | "semanticOutlinedErrorHoverColor" | "semanticOutlinedErrorHoverIcon" | "semanticOutlinedErrorIcon" | "semanticOutlinedInfoBg" | "semanticOutlinedInfoBorder" | "semanticOutlinedInfoColor" | "semanticOutlinedInfoDisabledBg" | "semanticOutlinedInfoDisabledBorder" | "semanticOutlinedInfoDisabledColor" | "semanticOutlinedInfoDisabledIcon" | "semanticOutlinedInfoFocus" | "semanticOutlinedInfoHoverBg" | "semanticOutlinedInfoHoverBorder" | "semanticOutlinedInfoHoverColor" | "semanticOutlinedInfoHoverIcon" | "semanticOutlinedInfoIcon" | "semanticOutlinedPrimaryBg" | "semanticOutlinedPrimaryBorder" | "semanticOutlinedPrimaryColor" | "semanticOutlinedPrimaryDisabledBg" | "semanticOutlinedPrimaryDisabledBorder" | "semanticOutlinedPrimaryDisabledColor" | "semanticOutlinedPrimaryDisabledIcon" | "semanticOutlinedPrimaryFocus" | "semanticOutlinedPrimaryHoverBg" | "semanticOutlinedPrimaryHoverBorder" | "semanticOutlinedPrimaryHoverColor" | "semanticOutlinedPrimaryHoverIcon" | "semanticOutlinedPrimaryIcon" | "semanticOutlinedSecondaryBg" | "semanticOutlinedSecondaryBorder" | "semanticOutlinedSecondaryColor" | "semanticOutlinedSecondaryDisabledBg" | "semanticOutlinedSecondaryDisabledBorder" | "semanticOutlinedSecondaryDisabledColor" | "semanticOutlinedSecondaryDisabledIcon" | "semanticOutlinedSecondaryFocus" | "semanticOutlinedSecondaryHoverBg" | "semanticOutlinedSecondaryHoverBorder" | "semanticOutlinedSecondaryHoverColor" | "semanticOutlinedSecondaryHoverIcon" | "semanticOutlinedSecondaryIcon" | "semanticOutlinedSuccessBg" | "semanticOutlinedSuccessBorder" | "semanticOutlinedSuccessColor" | "semanticOutlinedSuccessDisabledBg" | "semanticOutlinedSuccessDisabledBorder" | "semanticOutlinedSuccessDisabledColor" | "semanticOutlinedSuccessDisabledIcon" | "semanticOutlinedSuccessFocus" | "semanticOutlinedSuccessHoverBg" | "semanticOutlinedSuccessHoverBorder" | "semanticOutlinedSuccessHoverColor" | "semanticOutlinedSuccessHoverIcon" | "semanticOutlinedSuccessIcon" | "semanticOutlinedWarningBg" | "semanticOutlinedWarningBorder" | "semanticOutlinedWarningColor" | "semanticOutlinedWarningDisabledBg" | "semanticOutlinedWarningDisabledBorder" | "semanticOutlinedWarningDisabledColor" | "semanticOutlinedWarningDisabledIcon" | "semanticOutlinedWarningFocus" | "semanticOutlinedWarningHoverBg" | "semanticOutlinedWarningHoverBorder" | "semanticOutlinedWarningHoverColor" | "semanticOutlinedWarningHoverIcon" | "semanticOutlinedWarningIcon" | "semanticSolidBaseBg" | "semanticSolidBaseBorder" | "semanticSolidBaseColor" | "semanticSolidBaseDisabledBg" | "semanticSolidBaseDisabledBorder" | "semanticSolidBaseDisabledColor" | "semanticSolidBaseDisabledIcon" | "semanticSolidBaseFocus" | "semanticSolidBaseHoverBg" | "semanticSolidBaseHoverBorder" | "semanticSolidBaseHoverColor" | "semanticSolidBaseHoverIcon" | "semanticSolidBaseIcon" | "semanticSolidErrorBg" | "semanticSolidErrorBorder" | "semanticSolidErrorColor" | "semanticSolidErrorDisabledBg" | "semanticSolidErrorDisabledBorder" | "semanticSolidErrorDisabledColor" | "semanticSolidErrorDisabledIcon" | "semanticSolidErrorFocus" | "semanticSolidErrorHoverBg" | "semanticSolidErrorHoverBorder" | "semanticSolidErrorHoverColor" | "semanticSolidErrorHoverIcon" | "semanticSolidErrorIcon" | "semanticSolidInfoBg" | "semanticSolidInfoBorder" | "semanticSolidInfoColor" | "semanticSolidInfoDisabledBg" | "semanticSolidInfoDisabledBorder" | "semanticSolidInfoDisabledColor" | "semanticSolidInfoDisabledIcon" | "semanticSolidInfoFocus" | "semanticSolidInfoHoverBg" | "semanticSolidInfoHoverBorder" | "semanticSolidInfoHoverColor" | "semanticSolidInfoHoverIcon" | "semanticSolidInfoIcon" | "semanticSolidPrimaryBg" | "semanticSolidPrimaryBorder" | "semanticSolidPrimaryColor" | "semanticSolidPrimaryDisabledBg" | "semanticSolidPrimaryDisabledBorder" | "semanticSolidPrimaryDisabledColor" | "semanticSolidPrimaryDisabledIcon" | "semanticSolidPrimaryFocus" | "semanticSolidPrimaryHoverBg" | "semanticSolidPrimaryHoverBorder" | "semanticSolidPrimaryHoverColor" | "semanticSolidPrimaryHoverIcon" | "semanticSolidPrimaryIcon" | "semanticSolidSecondaryBg" | "semanticSolidSecondaryBorder" | "semanticSolidSecondaryColor" | "semanticSolidSecondaryDisabledBg" | "semanticSolidSecondaryDisabledBorder" | "semanticSolidSecondaryDisabledColor" | "semanticSolidSecondaryDisabledIcon" | "semanticSolidSecondaryFocus" | "semanticSolidSecondaryHoverBg" | "semanticSolidSecondaryHoverBorder" | "semanticSolidSecondaryHoverColor" | "semanticSolidSecondaryHoverIcon" | "semanticSolidSecondaryIcon" | "semanticSolidSuccessBg" | "semanticSolidSuccessBorder" | "semanticSolidSuccessColor" | "semanticSolidSuccessDisabledBg" | "semanticSolidSuccessDisabledBorder" | "semanticSolidSuccessDisabledColor" | "semanticSolidSuccessDisabledIcon" | "semanticSolidSuccessFocus" | "semanticSolidSuccessHoverBg" | "semanticSolidSuccessHoverBorder" | "semanticSolidSuccessHoverColor" | "semanticSolidSuccessHoverIcon" | "semanticSolidSuccessIcon" | "semanticSolidWarningBg" | "semanticSolidWarningBorder" | "semanticSolidWarningColor" | "semanticSolidWarningDisabledBg" | "semanticSolidWarningDisabledBorder" | "semanticSolidWarningDisabledColor" | "semanticSolidWarningDisabledIcon" | "semanticSolidWarningFocus" | "semanticSolidWarningHoverBg" | "semanticSolidWarningHoverBorder" | "semanticSolidWarningHoverColor" | "semanticSolidWarningHoverIcon" | "semanticSolidWarningIcon" | "textActive" | "textColor" | "textHeading" | "textIcon" | "textInverse" | "textLink" | "textLinkActive" | "textLinkDisabled" | "textLinkHover" | "textLinkVisited" | "textMuted" | "textSubtext" | "white" | "whiteA1" | "whiteA10" | "whiteA11" | "whiteA12" | "whiteA2" | "whiteA3" | "whiteA4" | "whiteA5" | "whiteA6" | "whiteA7" | "whiteA8" | "whiteA9" | "current" | undefined;
    iconSize?: number | undefined;
    iconColor?: "transparent" | "inherit" | "gray1" | "gray2" | "gray3" | "gray4" | "gray5" | "gray6" | "gray7" | "gray8" | "gray9" | "gray10" | "gray11" | "gray12" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "accent10" | "accent11" | "accent12" | "crimson1" | "crimson2" | "crimson3" | "crimson4" | "crimson5" | "crimson6" | "crimson7" | "crimson8" | "crimson9" | "crimson10" | "crimson11" | "crimson12" | "indigo1" | "indigo2" | "indigo3" | "indigo4" | "indigo5" | "indigo6" | "indigo7" | "indigo8" | "indigo9" | "indigo10" | "indigo11" | "indigo12" | "yellow1" | "yellow2" | "yellow3" | "yellow4" | "yellow5" | "yellow6" | "yellow7" | "yellow8" | "yellow9" | "yellow10" | "yellow11" | "yellow12" | "bodyColor" | "black" | "blackA1" | "blackA10" | "blackA11" | "blackA12" | "blackA2" | "blackA3" | "blackA4" | "blackA5" | "blackA6" | "blackA7" | "blackA8" | "blackA9" | "bodyBg" | "bodyInverse" | "border" | "borderHover" | "brand" | "cardBg" | "cardBorder" | "dialogBg" | "inputActiveBg" | "inputActiveBorder" | "inputActiveColor" | "inputActiveFocus" | "inputActiveIcon" | "inputActivePlaceholder" | "inputBaseBg" | "inputBaseBorder" | "inputBaseColor" | "inputBaseFocus" | "inputBaseIcon" | "inputBasePlaceholder" | "inputDisabledBg" | "inputDisabledBorder" | "inputDisabledColor" | "inputDisabledFocus" | "inputDisabledIcon" | "inputDisabledPlaceholder" | "inputErrorBg" | "inputErrorBorder" | "inputErrorColor" | "inputErrorFocus" | "inputErrorIcon" | "inputErrorPlaceholder" | "inputSuccessBg" | "inputSuccessBorder" | "inputSuccessColor" | "inputSuccessFocus" | "inputSuccessIcon" | "inputSuccessPlaceholder" | "inputBg" | "intentsBase1" | "intentsBase10" | "intentsBase11" | "intentsBase12" | "intentsBase2" | "intentsBase3" | "intentsBase4" | "intentsBase5" | "intentsBase6" | "intentsBase7" | "intentsBase8" | "intentsBase9" | "intentsError1" | "intentsError10" | "intentsError11" | "intentsError12" | "intentsError2" | "intentsError3" | "intentsError4" | "intentsError5" | "intentsError6" | "intentsError7" | "intentsError8" | "intentsError9" | "intentsInfo1" | "intentsInfo10" | "intentsInfo11" | "intentsInfo12" | "intentsInfo2" | "intentsInfo3" | "intentsInfo4" | "intentsInfo5" | "intentsInfo6" | "intentsInfo7" | "intentsInfo8" | "intentsInfo9" | "intentsPrimary1" | "intentsPrimary10" | "intentsPrimary11" | "intentsPrimary12" | "intentsPrimary2" | "intentsPrimary3" | "intentsPrimary4" | "intentsPrimary5" | "intentsPrimary6" | "intentsPrimary7" | "intentsPrimary8" | "intentsPrimary9" | "intentsSecondary1" | "intentsSecondary10" | "intentsSecondary11" | "intentsSecondary12" | "intentsSecondary2" | "intentsSecondary3" | "intentsSecondary4" | "intentsSecondary5" | "intentsSecondary6" | "intentsSecondary7" | "intentsSecondary8" | "intentsSecondary9" | "intentsSuccess1" | "intentsSuccess10" | "intentsSuccess11" | "intentsSuccess12" | "intentsSuccess2" | "intentsSuccess3" | "intentsSuccess4" | "intentsSuccess5" | "intentsSuccess6" | "intentsSuccess7" | "intentsSuccess8" | "intentsSuccess9" | "intentsWarning1" | "intentsWarning10" | "intentsWarning11" | "intentsWarning12" | "intentsWarning2" | "intentsWarning3" | "intentsWarning4" | "intentsWarning5" | "intentsWarning6" | "intentsWarning7" | "intentsWarning8" | "intentsWarning9" | "inverseA1" | "inverseA10" | "inverseA11" | "inverseA12" | "inverseA2" | "inverseA3" | "inverseA4" | "inverseA5" | "inverseA6" | "inverseA7" | "inverseA8" | "inverseA9" | "overlayBg" | "overlayText" | "scalesBlue1" | "scalesBlue10" | "scalesBlue11" | "scalesBlue12" | "scalesBlue2" | "scalesBlue3" | "scalesBlue4" | "scalesBlue5" | "scalesBlue6" | "scalesBlue7" | "scalesBlue8" | "scalesBlue9" | "scalesGray1" | "scalesGray10" | "scalesGray11" | "scalesGray12" | "scalesGray2" | "scalesGray3" | "scalesGray4" | "scalesGray5" | "scalesGray6" | "scalesGray7" | "scalesGray8" | "scalesGray9" | "scalesGreen1" | "scalesGreen10" | "scalesGreen11" | "scalesGreen12" | "scalesGreen2" | "scalesGreen3" | "scalesGreen4" | "scalesGreen5" | "scalesGreen6" | "scalesGreen7" | "scalesGreen8" | "scalesGreen9" | "scalesRed1" | "scalesRed10" | "scalesRed11" | "scalesRed12" | "scalesRed2" | "scalesRed3" | "scalesRed4" | "scalesRed5" | "scalesRed6" | "scalesRed7" | "scalesRed8" | "scalesRed9" | "scalesYellow1" | "scalesYellow10" | "scalesYellow11" | "scalesYellow12" | "scalesYellow2" | "scalesYellow3" | "scalesYellow4" | "scalesYellow5" | "scalesYellow6" | "scalesYellow7" | "scalesYellow8" | "scalesYellow9" | "semanticGhostBaseBg" | "semanticGhostBaseBorder" | "semanticGhostBaseColor" | "semanticGhostBaseDisabledBg" | "semanticGhostBaseDisabledBorder" | "semanticGhostBaseDisabledColor" | "semanticGhostBaseDisabledIcon" | "semanticGhostBaseFocus" | "semanticGhostBaseHoverBg" | "semanticGhostBaseHoverBorder" | "semanticGhostBaseHoverColor" | "semanticGhostBaseHoverIcon" | "semanticGhostBaseIcon" | "semanticGhostErrorBg" | "semanticGhostErrorBorder" | "semanticGhostErrorColor" | "semanticGhostErrorDisabledBg" | "semanticGhostErrorDisabledBorder" | "semanticGhostErrorDisabledColor" | "semanticGhostErrorDisabledIcon" | "semanticGhostErrorFocus" | "semanticGhostErrorHoverBg" | "semanticGhostErrorHoverBorder" | "semanticGhostErrorHoverColor" | "semanticGhostErrorHoverIcon" | "semanticGhostErrorIcon" | "semanticGhostInfoBg" | "semanticGhostInfoBorder" | "semanticGhostInfoColor" | "semanticGhostInfoDisabledBg" | "semanticGhostInfoDisabledBorder" | "semanticGhostInfoDisabledColor" | "semanticGhostInfoDisabledIcon" | "semanticGhostInfoFocus" | "semanticGhostInfoHoverBg" | "semanticGhostInfoHoverBorder" | "semanticGhostInfoHoverColor" | "semanticGhostInfoHoverIcon" | "semanticGhostInfoIcon" | "semanticGhostPrimaryBg" | "semanticGhostPrimaryBorder" | "semanticGhostPrimaryColor" | "semanticGhostPrimaryDisabledBg" | "semanticGhostPrimaryDisabledBorder" | "semanticGhostPrimaryDisabledColor" | "semanticGhostPrimaryDisabledIcon" | "semanticGhostPrimaryFocus" | "semanticGhostPrimaryHoverBg" | "semanticGhostPrimaryHoverBorder" | "semanticGhostPrimaryHoverColor" | "semanticGhostPrimaryHoverIcon" | "semanticGhostPrimaryIcon" | "semanticGhostSecondaryBg" | "semanticGhostSecondaryBorder" | "semanticGhostSecondaryColor" | "semanticGhostSecondaryDisabledBg" | "semanticGhostSecondaryDisabledBorder" | "semanticGhostSecondaryDisabledColor" | "semanticGhostSecondaryDisabledIcon" | "semanticGhostSecondaryFocus" | "semanticGhostSecondaryHoverBg" | "semanticGhostSecondaryHoverBorder" | "semanticGhostSecondaryHoverColor" | "semanticGhostSecondaryHoverIcon" | "semanticGhostSecondaryIcon" | "semanticGhostSuccessBg" | "semanticGhostSuccessBorder" | "semanticGhostSuccessColor" | "semanticGhostSuccessDisabledBg" | "semanticGhostSuccessDisabledBorder" | "semanticGhostSuccessDisabledColor" | "semanticGhostSuccessDisabledIcon" | "semanticGhostSuccessFocus" | "semanticGhostSuccessHoverBg" | "semanticGhostSuccessHoverBorder" | "semanticGhostSuccessHoverColor" | "semanticGhostSuccessHoverIcon" | "semanticGhostSuccessIcon" | "semanticGhostWarningBg" | "semanticGhostWarningBorder" | "semanticGhostWarningColor" | "semanticGhostWarningDisabledBg" | "semanticGhostWarningDisabledBorder" | "semanticGhostWarningDisabledColor" | "semanticGhostWarningDisabledIcon" | "semanticGhostWarningFocus" | "semanticGhostWarningHoverBg" | "semanticGhostWarningHoverBorder" | "semanticGhostWarningHoverColor" | "semanticGhostWarningHoverIcon" | "semanticGhostWarningIcon" | "semanticLinkBaseBg" | "semanticLinkBaseBorder" | "semanticLinkBaseColor" | "semanticLinkBaseDisabledBg" | "semanticLinkBaseDisabledBorder" | "semanticLinkBaseDisabledColor" | "semanticLinkBaseDisabledIcon" | "semanticLinkBaseFocus" | "semanticLinkBaseHoverBg" | "semanticLinkBaseHoverBorder" | "semanticLinkBaseHoverColor" | "semanticLinkBaseHoverIcon" | "semanticLinkBaseIcon" | "semanticLinkErrorBg" | "semanticLinkErrorBorder" | "semanticLinkErrorColor" | "semanticLinkErrorDisabledBg" | "semanticLinkErrorDisabledBorder" | "semanticLinkErrorDisabledColor" | "semanticLinkErrorDisabledIcon" | "semanticLinkErrorFocus" | "semanticLinkErrorHoverBg" | "semanticLinkErrorHoverBorder" | "semanticLinkErrorHoverColor" | "semanticLinkErrorHoverIcon" | "semanticLinkErrorIcon" | "semanticLinkInfoBg" | "semanticLinkInfoBorder" | "semanticLinkInfoColor" | "semanticLinkInfoDisabledBg" | "semanticLinkInfoDisabledBorder" | "semanticLinkInfoDisabledColor" | "semanticLinkInfoDisabledIcon" | "semanticLinkInfoFocus" | "semanticLinkInfoHoverBg" | "semanticLinkInfoHoverBorder" | "semanticLinkInfoHoverColor" | "semanticLinkInfoHoverIcon" | "semanticLinkInfoIcon" | "semanticLinkPrimaryBg" | "semanticLinkPrimaryBorder" | "semanticLinkPrimaryColor" | "semanticLinkPrimaryDisabledBg" | "semanticLinkPrimaryDisabledBorder" | "semanticLinkPrimaryDisabledColor" | "semanticLinkPrimaryDisabledIcon" | "semanticLinkPrimaryFocus" | "semanticLinkPrimaryHoverBg" | "semanticLinkPrimaryHoverBorder" | "semanticLinkPrimaryHoverColor" | "semanticLinkPrimaryHoverIcon" | "semanticLinkPrimaryIcon" | "semanticLinkSecondaryBg" | "semanticLinkSecondaryBorder" | "semanticLinkSecondaryColor" | "semanticLinkSecondaryDisabledBg" | "semanticLinkSecondaryDisabledBorder" | "semanticLinkSecondaryDisabledColor" | "semanticLinkSecondaryDisabledIcon" | "semanticLinkSecondaryFocus" | "semanticLinkSecondaryHoverBg" | "semanticLinkSecondaryHoverBorder" | "semanticLinkSecondaryHoverColor" | "semanticLinkSecondaryHoverIcon" | "semanticLinkSecondaryIcon" | "semanticLinkSuccessBg" | "semanticLinkSuccessBorder" | "semanticLinkSuccessColor" | "semanticLinkSuccessDisabledBg" | "semanticLinkSuccessDisabledBorder" | "semanticLinkSuccessDisabledColor" | "semanticLinkSuccessDisabledIcon" | "semanticLinkSuccessFocus" | "semanticLinkSuccessHoverBg" | "semanticLinkSuccessHoverBorder" | "semanticLinkSuccessHoverColor" | "semanticLinkSuccessHoverIcon" | "semanticLinkSuccessIcon" | "semanticLinkWarningBg" | "semanticLinkWarningBorder" | "semanticLinkWarningColor" | "semanticLinkWarningDisabledBg" | "semanticLinkWarningDisabledBorder" | "semanticLinkWarningDisabledColor" | "semanticLinkWarningDisabledIcon" | "semanticLinkWarningFocus" | "semanticLinkWarningHoverBg" | "semanticLinkWarningHoverBorder" | "semanticLinkWarningHoverColor" | "semanticLinkWarningHoverIcon" | "semanticLinkWarningIcon" | "semanticOutlinedBaseBg" | "semanticOutlinedBaseBorder" | "semanticOutlinedBaseColor" | "semanticOutlinedBaseDisabledBg" | "semanticOutlinedBaseDisabledBorder" | "semanticOutlinedBaseDisabledColor" | "semanticOutlinedBaseDisabledIcon" | "semanticOutlinedBaseFocus" | "semanticOutlinedBaseHoverBg" | "semanticOutlinedBaseHoverBorder" | "semanticOutlinedBaseHoverColor" | "semanticOutlinedBaseHoverIcon" | "semanticOutlinedBaseIcon" | "semanticOutlinedErrorBg" | "semanticOutlinedErrorBorder" | "semanticOutlinedErrorColor" | "semanticOutlinedErrorDisabledBg" | "semanticOutlinedErrorDisabledBorder" | "semanticOutlinedErrorDisabledColor" | "semanticOutlinedErrorDisabledIcon" | "semanticOutlinedErrorFocus" | "semanticOutlinedErrorHoverBg" | "semanticOutlinedErrorHoverBorder" | "semanticOutlinedErrorHoverColor" | "semanticOutlinedErrorHoverIcon" | "semanticOutlinedErrorIcon" | "semanticOutlinedInfoBg" | "semanticOutlinedInfoBorder" | "semanticOutlinedInfoColor" | "semanticOutlinedInfoDisabledBg" | "semanticOutlinedInfoDisabledBorder" | "semanticOutlinedInfoDisabledColor" | "semanticOutlinedInfoDisabledIcon" | "semanticOutlinedInfoFocus" | "semanticOutlinedInfoHoverBg" | "semanticOutlinedInfoHoverBorder" | "semanticOutlinedInfoHoverColor" | "semanticOutlinedInfoHoverIcon" | "semanticOutlinedInfoIcon" | "semanticOutlinedPrimaryBg" | "semanticOutlinedPrimaryBorder" | "semanticOutlinedPrimaryColor" | "semanticOutlinedPrimaryDisabledBg" | "semanticOutlinedPrimaryDisabledBorder" | "semanticOutlinedPrimaryDisabledColor" | "semanticOutlinedPrimaryDisabledIcon" | "semanticOutlinedPrimaryFocus" | "semanticOutlinedPrimaryHoverBg" | "semanticOutlinedPrimaryHoverBorder" | "semanticOutlinedPrimaryHoverColor" | "semanticOutlinedPrimaryHoverIcon" | "semanticOutlinedPrimaryIcon" | "semanticOutlinedSecondaryBg" | "semanticOutlinedSecondaryBorder" | "semanticOutlinedSecondaryColor" | "semanticOutlinedSecondaryDisabledBg" | "semanticOutlinedSecondaryDisabledBorder" | "semanticOutlinedSecondaryDisabledColor" | "semanticOutlinedSecondaryDisabledIcon" | "semanticOutlinedSecondaryFocus" | "semanticOutlinedSecondaryHoverBg" | "semanticOutlinedSecondaryHoverBorder" | "semanticOutlinedSecondaryHoverColor" | "semanticOutlinedSecondaryHoverIcon" | "semanticOutlinedSecondaryIcon" | "semanticOutlinedSuccessBg" | "semanticOutlinedSuccessBorder" | "semanticOutlinedSuccessColor" | "semanticOutlinedSuccessDisabledBg" | "semanticOutlinedSuccessDisabledBorder" | "semanticOutlinedSuccessDisabledColor" | "semanticOutlinedSuccessDisabledIcon" | "semanticOutlinedSuccessFocus" | "semanticOutlinedSuccessHoverBg" | "semanticOutlinedSuccessHoverBorder" | "semanticOutlinedSuccessHoverColor" | "semanticOutlinedSuccessHoverIcon" | "semanticOutlinedSuccessIcon" | "semanticOutlinedWarningBg" | "semanticOutlinedWarningBorder" | "semanticOutlinedWarningColor" | "semanticOutlinedWarningDisabledBg" | "semanticOutlinedWarningDisabledBorder" | "semanticOutlinedWarningDisabledColor" | "semanticOutlinedWarningDisabledIcon" | "semanticOutlinedWarningFocus" | "semanticOutlinedWarningHoverBg" | "semanticOutlinedWarningHoverBorder" | "semanticOutlinedWarningHoverColor" | "semanticOutlinedWarningHoverIcon" | "semanticOutlinedWarningIcon" | "semanticSolidBaseBg" | "semanticSolidBaseBorder" | "semanticSolidBaseColor" | "semanticSolidBaseDisabledBg" | "semanticSolidBaseDisabledBorder" | "semanticSolidBaseDisabledColor" | "semanticSolidBaseDisabledIcon" | "semanticSolidBaseFocus" | "semanticSolidBaseHoverBg" | "semanticSolidBaseHoverBorder" | "semanticSolidBaseHoverColor" | "semanticSolidBaseHoverIcon" | "semanticSolidBaseIcon" | "semanticSolidErrorBg" | "semanticSolidErrorBorder" | "semanticSolidErrorColor" | "semanticSolidErrorDisabledBg" | "semanticSolidErrorDisabledBorder" | "semanticSolidErrorDisabledColor" | "semanticSolidErrorDisabledIcon" | "semanticSolidErrorFocus" | "semanticSolidErrorHoverBg" | "semanticSolidErrorHoverBorder" | "semanticSolidErrorHoverColor" | "semanticSolidErrorHoverIcon" | "semanticSolidErrorIcon" | "semanticSolidInfoBg" | "semanticSolidInfoBorder" | "semanticSolidInfoColor" | "semanticSolidInfoDisabledBg" | "semanticSolidInfoDisabledBorder" | "semanticSolidInfoDisabledColor" | "semanticSolidInfoDisabledIcon" | "semanticSolidInfoFocus" | "semanticSolidInfoHoverBg" | "semanticSolidInfoHoverBorder" | "semanticSolidInfoHoverColor" | "semanticSolidInfoHoverIcon" | "semanticSolidInfoIcon" | "semanticSolidPrimaryBg" | "semanticSolidPrimaryBorder" | "semanticSolidPrimaryColor" | "semanticSolidPrimaryDisabledBg" | "semanticSolidPrimaryDisabledBorder" | "semanticSolidPrimaryDisabledColor" | "semanticSolidPrimaryDisabledIcon" | "semanticSolidPrimaryFocus" | "semanticSolidPrimaryHoverBg" | "semanticSolidPrimaryHoverBorder" | "semanticSolidPrimaryHoverColor" | "semanticSolidPrimaryHoverIcon" | "semanticSolidPrimaryIcon" | "semanticSolidSecondaryBg" | "semanticSolidSecondaryBorder" | "semanticSolidSecondaryColor" | "semanticSolidSecondaryDisabledBg" | "semanticSolidSecondaryDisabledBorder" | "semanticSolidSecondaryDisabledColor" | "semanticSolidSecondaryDisabledIcon" | "semanticSolidSecondaryFocus" | "semanticSolidSecondaryHoverBg" | "semanticSolidSecondaryHoverBorder" | "semanticSolidSecondaryHoverColor" | "semanticSolidSecondaryHoverIcon" | "semanticSolidSecondaryIcon" | "semanticSolidSuccessBg" | "semanticSolidSuccessBorder" | "semanticSolidSuccessColor" | "semanticSolidSuccessDisabledBg" | "semanticSolidSuccessDisabledBorder" | "semanticSolidSuccessDisabledColor" | "semanticSolidSuccessDisabledIcon" | "semanticSolidSuccessFocus" | "semanticSolidSuccessHoverBg" | "semanticSolidSuccessHoverBorder" | "semanticSolidSuccessHoverColor" | "semanticSolidSuccessHoverIcon" | "semanticSolidSuccessIcon" | "semanticSolidWarningBg" | "semanticSolidWarningBorder" | "semanticSolidWarningColor" | "semanticSolidWarningDisabledBg" | "semanticSolidWarningDisabledBorder" | "semanticSolidWarningDisabledColor" | "semanticSolidWarningDisabledIcon" | "semanticSolidWarningFocus" | "semanticSolidWarningHoverBg" | "semanticSolidWarningHoverBorder" | "semanticSolidWarningHoverColor" | "semanticSolidWarningHoverIcon" | "semanticSolidWarningIcon" | "textActive" | "textColor" | "textHeading" | "textIcon" | "textInverse" | "textLink" | "textLinkActive" | "textLinkDisabled" | "textLinkHover" | "textLinkVisited" | "textMuted" | "textSubtext" | "white" | "whiteA1" | "whiteA10" | "whiteA11" | "whiteA12" | "whiteA2" | "whiteA3" | "whiteA4" | "whiteA5" | "whiteA6" | "whiteA7" | "whiteA8" | "whiteA9" | "current" | undefined;
    leftIcon?: string | number | boolean | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | react.ReactPortal | null | undefined;
    rightIcon?: string | number | boolean | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | react.ReactPortal | null | undefined;
    leftIconAriaLabel?: string | undefined;
    rightIconAriaLabel?: string | undefined;
} & react.RefAttributes<HTMLHeadingElement>>;

declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<BaseProps$1<DialogTriggerProps>, "as"> & react.RefAttributes<HTMLButtonElement>> & DialogTriggerNS;

type DialogContext = {
    state: OverlayTriggerState;
    triggerRef: ForwardedRef<HTMLButtonElement>;
    overlayProps: React.HTMLAttributes<HTMLElement>;
    modalProps: ModalAria['modalProps'];
    dialogProps: React.HTMLAttributes<HTMLElement>;
    headingProps: React.HTMLAttributes<HTMLElement>;
    isBlocked?: boolean;
};
type DialogProps = AriaOverlayProps & AriaDialogProps & {
    children: ReactNode;
    isBlocked?: boolean;
    onOpenChange?: (isOpen: boolean) => any;
};
type DialogNameSpace = {
    Content: typeof DialogContent;
    Trigger: typeof DialogTrigger;
    Heading: typeof DialogHeading;
    Description: typeof DialogDescription;
    Footer: typeof DialogFooter;
    Close: typeof DialogClose;
};
type DialogDef = CreateComponent<{
    type: 'div';
    component: Components.Dialog;
    element: HTMLDivElement;
    props: DialogProps;
    namespace: DialogNameSpace;
    styles: 'root' | 'close' | 'content' | 'heading' | 'description' | 'footer' | 'overlay' | 'trigger';
}>;
type DialogContentProps = {
    overlayClassName?: string;
    closeClassName?: string;
    hideCloseButton?: boolean;
    onClose?: () => void;
};
type DialogContentNS = {
    id: string;
};
type DialogContentDef = CreateComponent<{
    type: 'div';
    component: Components.DialogContent;
    element: HTMLDivElement;
    props: DialogContentProps;
    namespace: DialogContentNS;
}>;
type DialogTriggerProps = AsChildProps<ButtonProps>;
type DialogTriggerNS = {
    id: string;
};
type DialogTriggerDef = CreateComponent<{
    type: 'button';
    component: Components.DialogTrigger;
    element: HTMLButtonElement;
    props: DialogTriggerProps;
    namespace: DialogTriggerNS;
    omit: 'as';
}>;
type DialogHeadingProps = HeadingProps;
type DialogHeadingDef = CreateComponent<{
    type: 'h2';
    component: Components.DialogHeading;
    element: HTMLHeadingElement;
    props: DialogHeadingProps;
    styles: 'heading';
}>;
type DialogDescriptionProps = {
    className?: string;
};
type DialogDescriptionDef = CreateComponent<{
    type: 'div';
    component: Components.DialogDescription;
    element: HTMLDivElement;
    props: DialogDescriptionProps;
    styles: 'description';
}>;
type DialogFooterProps = HTMLProps['footer'] & {
    align?: 'start' | 'end';
};
type DialogFooterDef = CreateComponent<{
    type: 'footer';
    component: Components.DialogFooter;
    element: HTMLDivElement;
    props: DialogFooterProps;
}>;
type DialogCloseProps = ButtonProps & {
    asChild?: boolean;
};
type DialogCloseNS = {
    id: string;
};
type DialogCloseDef = CreateComponent<{
    type: 'button';
    component: Components.DialogClose;
    element: HTMLButtonElement;
    props: DialogCloseProps;
    namespace: DialogCloseNS;
    styles: 'close';
}>;

declare function useDialog(): DialogContext;
declare const Dialog: (<C = "div">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<DialogProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<DialogProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<DialogProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react_aria.AriaOverlayProps & react_aria.AriaDialogProps & {
    children: react.ReactNode;
    isBlocked?: boolean | undefined;
    onOpenChange?: ((isOpen: boolean) => any) | undefined;
} & react.RefAttributes<HTMLDivElement>> & DialogNameSpace;

declare const DrawerBody: (<C = "div">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<react.HTMLAttributes<HTMLDivElement>>, "as">>) => react.ReactElement<Omit<BaseProps$1<react.HTMLAttributes<HTMLDivElement>>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<react.HTMLAttributes<HTMLDivElement>>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;

declare const DrawerClose: react.ForwardRefExoticComponent<Omit<BaseProps$1<DrawerCloseProps>, "as"> & react.RefAttributes<HTMLButtonElement>>;

declare const DrawerContent: (<C = "div">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<DrawerContentProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<DrawerContentProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<DrawerContentProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLDivElement> & {
    transition?: framer_motion.Transition | undefined;
} & react.RefAttributes<HTMLDivElement>> & DrawerContentNS;

declare const DrawerTrigger: react.ForwardRefExoticComponent<Omit<BaseProps$1<DrawerTriggerProps>, "as"> & react.RefAttributes<HTMLButtonElement>>;

type DrawerSide = 'right' | 'left';
type DrawerSize = 'sm' | 'md' | 'lg';
type DrawerContext = {
    ref: ForwardedRef<HTMLDivElement>;
    state?: OverlayTriggerState;
    overlayProps: DOMAttributes<FocusableElement>;
    underlayProps: DOMAttributes<FocusableElement>;
    side: DrawerSide;
    size: DrawerSize | string | number;
    shouldCloseOnClickAway?: boolean;
};
type DrawerProps = OverlayTriggerProps & Omit<AriaOverlayProps, 'shouldCloseOnInteractOutside' | 'type' | 'side'> & {
    side?: DrawerSide;
    size?: DrawerSize | string | number;
    shouldCloseOnClickAway?: boolean;
    containerRef?: MutableRefObject<any>;
};
type OmitProps$1 = 'as' | 'className' | 'css';
type DrawerNS = {
    Body: typeof DrawerBody;
    CloseButton: typeof DrawerClose;
    Content: typeof DrawerContent;
    Trigger: typeof DrawerTrigger;
};
type DrawerDef = CreateComponent<{
    type: 'div';
    component: Components.Drawer;
    namespace: DrawerNS;
    omit: OmitProps$1;
    element: HTMLDivElement;
    props: DrawerProps;
    styles: 'underlay' | 'content' | 'body' | 'trigger' | 'close' | 'overlay';
}>;
type DrawerBodyProps = BoxProps;
type DrawerBodyDef = CreateComponent<{
    type: 'div';
    component: Components.DrawerBody;
    element: HTMLDivElement;
    props: DrawerBodyProps;
}>;
type DrawerCloseProps = Omit<IconButtonProps, 'aria-label' | 'icon'> & {
    icon?: IconButtonProps['icon'];
    ['aria-label']?: IconButtonProps['aria-label'];
};
type DrawerCloseDef = CreateComponent<{
    type: 'button';
    component: Components.DrawerClose;
    element: HTMLButtonElement;
    props: DrawerCloseProps;
    omit: 'as';
}>;
type DrawerContentProps = BoxProps & {
    transition?: AnimationProps['transition'];
};
type DrawerContentNS = {
    id: string;
};
type DrawerContentDef = CreateComponent<{
    type: 'div';
    component: Components.DrawerContent;
    element: HTMLDivElement;
    props: DrawerContentProps;
    namespace: DrawerContentNS;
}>;
type DrawerTriggerProps = AsChildProps<ButtonProps>;
type DrawerTriggerDef = CreateComponent<{
    type: 'button';
    component: Components.DrawerTrigger;
    element: HTMLButtonElement;
    props: DrawerTriggerProps;
    omit: 'as';
}>;

declare function useDrawer(): DrawerContext;
declare const Drawer: react.ForwardRefExoticComponent<Omit<BaseProps$1<DrawerProps>, "css" | "as" | "className"> & react.RefAttributes<HTMLDivElement>> & {
    Body: (<C = "div">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<react.HTMLAttributes<HTMLDivElement>>, "as">>) => react.ReactElement<Omit<BaseProps$1<react.HTMLAttributes<HTMLDivElement>>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<react.HTMLAttributes<HTMLDivElement>>, "as">>, never> & react.ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: react.ReactNode;
    } & react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
    CloseButton: react.ForwardRefExoticComponent<Omit<BaseProps$1<DrawerCloseProps>, "as"> & react.RefAttributes<HTMLButtonElement>>;
    Content: (<C_1 = "div">(props: PolymorphicComponentProps<C_1, Omit<BaseProps$1<DrawerContentProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<DrawerContentProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<DrawerContentProps>, "as">>, never> & react.ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: react.ReactNode;
    } & react.HTMLAttributes<HTMLDivElement> & {
        transition?: framer_motion.Transition | undefined;
    } & react.RefAttributes<HTMLDivElement>> & DrawerContentNS;
    Trigger: react.ForwardRefExoticComponent<Omit<BaseProps$1<DrawerTriggerProps>, "as"> & react.RefAttributes<HTMLButtonElement>>;
};

type PopoverProps = RPopover.PopoverProps & {
    content: ReactNode;
    side?: RPopover.PopperContentProps['side'];
    sideOffset?: RPopover.PopoverContentProps['sideOffset'];
    align?: RPopover.PopperContentProps['align'];
    alignOffset?: RPopover.PopoverContentProps['sideOffset'];
    showCloseButton?: boolean;
    className?: string;
    arrowProps?: RPopover.PopoverArrowProps;
    arrowClassName?: string;
    closeButtonClassName?: string;
    contentProps?: Omit<RPopover.PopoverContentProps, 'sideOffset' | 'alignOffset'>;
};
declare const Popover: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: ReactNode;
} & RPopover.PopoverProps & {
    content: ReactNode;
    side?: RPopover.PopperContentProps['side'];
    sideOffset?: RPopover.PopoverContentProps['sideOffset'];
    align?: RPopover.PopperContentProps['align'];
    alignOffset?: RPopover.PopoverContentProps['sideOffset'];
    showCloseButton?: boolean | undefined;
    className?: string | undefined;
    arrowProps?: RPopover.PopoverArrowProps | undefined;
    arrowClassName?: string | undefined;
    closeButtonClassName?: string | undefined;
    contentProps?: Omit<RPopover.PopoverContentProps, "sideOffset" | "alignOffset"> | undefined;
} & react.RefAttributes<any>>;

type MenuItemProps$1 = HTMLProps['li'] & {
    item: Node<ReactNode>;
    state: TreeState<ReactNode>;
    onAction?: (key: Key) => void;
    onPress?: ButtonProps['onPress'];
    css?: ThemeUtilsCSS;
    className?: string;
    autoFocus?: boolean;
};
declare const MenuItem: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: ReactNode;
} & react.LiHTMLAttributes<HTMLLIElement> & {
    item: Node<ReactNode>;
    state: TreeState<ReactNode>;
    onAction?: ((key: Key) => void) | undefined;
    onPress?: ButtonProps['onPress'];
    css?: ThemeUtilsCSS | undefined;
    className?: string | undefined;
    autoFocus?: boolean | undefined;
} & react.RefAttributes<any>>;

type MenuProps = HTMLProps['ul'] & TreeProps<any> & AriaMenuOptions<unknown> & {
    onAction?: (key: Key) => void;
    autoFocus?: boolean;
    autoFocusKey?: string;
};
type MenuItemProps = ItemProps<MenuItemProps$1> & {
    css?: ThemeUtilsCSS;
    className?: string;
};
type ObjProps$g = {
    Item: FC<MenuItemProps>;
};
declare const Menu: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLUListElement> & TreeProps<any> & AriaMenuOptions<unknown> & {
    onAction?: ((key: Key) => void) | undefined;
    autoFocus?: boolean | undefined;
    autoFocusKey?: string | undefined;
} & react.RefAttributes<any>> & ObjProps$g;

declare const DropdownMenu: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLUListElement> & react_stately.TreeProps<any> & react_aria.AriaMenuOptions<unknown> & {
    onAction?: ((key: react.Key) => void) | undefined;
    autoFocus?: boolean | undefined;
    autoFocusKey?: string | undefined;
} & react.RefAttributes<HTMLDivElement>> & DropdownMenuNS;

declare const DropdownMenuItem: typeof Menu.Item;

declare const DropdownTrigger: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & Omit<react.ButtonHTMLAttributes<HTMLButtonElement>, "onClick"> & react_aria.AriaButtonProps<"button"> & ButtonBaseProps & {
    justIcon?: boolean | undefined;
    isLink?: boolean | undefined;
    onClick?: react.MouseEventHandler<HTMLButtonElement> | undefined;
} & {
    asChild?: boolean | undefined;
    children: react.ReactNode;
} & react.RefAttributes<HTMLButtonElement>> & DropdownTriggerNS;

type DropdownContext = {
    triggerRef: React.MutableRefObject<HTMLButtonElement | null>;
    state: MenuTriggerState;
    menuTriggerProps: AriaButtonProps<'button'>;
    menuProps: AriaMenuOptions<unknown>;
};
type DropdownProps = Omit<MenuTriggerProps, 'direction'> & {
    popoverProps?: Partial<PopoverProps>;
};
type DropdownNS = {
    Trigger: typeof DropdownTrigger;
    Menu: typeof DropdownMenu;
    MenuItem: typeof DropdownMenuItem;
};
type DropdownDef = CreateComponent<{
    type: 'div';
    component: Components.Dropdown;
    props: DropdownProps;
    element: HTMLDivElement;
    namespace: DropdownNS;
    styles: 'root' | 'trigger' | 'menu' | 'menuItem';
}>;
type DropdownTriggerProps = ButtonProps & {
    asChild?: boolean;
    children: ReactNode;
};
type DropdownTriggerNS = {
    id: string;
};
type DropdownTriggerDef = CreateComponent<{
    type: 'button';
    component: Components.DropdownTrigger;
    props: DropdownTriggerProps;
    element: HTMLButtonElement;
    namespace: DropdownTriggerNS;
}>;
type DropdownMenuProps = MenuProps;
type DropdownMenuNS = {
    id: string;
};
type DropdownMenuDef = CreateComponent<{
    type: 'div';
    component: Components.DropdownMenu;
    props: DropdownMenuProps;
    element: HTMLDivElement;
    namespace: DropdownMenuNS;
}>;
type DropdownMenuItemProps = ItemProps<MenuItemProps>;
type DropdownMenuItemDef = CreateComponent<{
    type: 'div';
    component: Components.DropdownMenuItem;
    props: DropdownMenuItemProps;
    element: HTMLDivElement;
}>;

declare const DropdownCtx: react.Context<DropdownContext>;
declare function useDropdown(): DropdownContext;
declare const Dropdown: (<C = "div">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<DropdownProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<DropdownProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<DropdownProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & Omit<react_stately.MenuTriggerProps, "direction"> & {
    popoverProps?: Partial<PopoverProps> | undefined;
} & react.RefAttributes<HTMLDivElement>> & DropdownNS;

type HelperIconProps = FlexProps$1 & {
    message: ReactNode;
    iconSize?: number;
};
type HelperIconDef = CreateComponent<{
    type: 'div';
    component: Components.HelperIcon;
    props: HelperIconProps;
    element: HTMLDivElement;
    styles: 'root';
}>;

declare const HelperIcon: (<C = "div">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<HelperIconProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<HelperIconProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<HelperIconProps>, "as">>, never> & react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLDivElement> & {
    align?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.AlignItems | undefined;
    basis?: "$4xl" | "$3xl" | "$2xl" | "$xl" | "$lg" | "$md" | "$xs" | "$sm" | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | "$auto" | "$none" | "$full" | "$min" | "$max" | "$fit" | "$screenW" | "$screenH" | _fuel_stitches_react_types_css.Property.FlexBasis | undefined;
    direction?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexDirection | undefined;
    gap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | _fuel_stitches_react_types_css.Property.Gap | undefined;
    grow?: _fuel_stitches_react_types_css.OnlyStringNumeric | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | undefined;
    justify?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.JustifyContent | undefined;
    shrink?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.OnlyNumber | undefined;
    wrap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexWrap | undefined;
} & {
    message: react.ReactNode;
    iconSize?: number | undefined;
} & react.RefAttributes<HTMLDivElement>>;

declare const Image: (<C = "img">(props: PolymorphicComponentProps<C, Omit<Omit<BaseProps$1<react.ImgHTMLAttributes<HTMLImageElement>>, "children">, "as">>) => react.ReactElement<Omit<Omit<BaseProps$1<react.ImgHTMLAttributes<HTMLImageElement>>, "children">, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<Omit<BaseProps$1<react.ImgHTMLAttributes<HTMLImageElement>>, "children">, "as">>, never> & react.ForwardRefExoticComponent<Omit<BaseProps$1<react.ImgHTMLAttributes<HTMLImageElement>>, "children"> & react.RefAttributes<HTMLImageElement>>;

type ImageProps = HTMLProps['img'];
type ImageDef = CreateComponent<{
    type: 'img';
    props: ImageProps;
    element: HTMLImageElement;
    component: Components.Image;
    styles: 'root';
    omit: 'children';
}>;

type FuelLogoProps = {
    size?: number;
};
declare const FuelLogo: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & FuelLogoProps & react.RefAttributes<any>>;

declare const NavConnection: (<C = "div">(props: PolymorphicComponentProps<C, Omit<Omit<BaseProps$1<NavConnectionProps>, "as" | "children">, "as">>) => react.ReactElement<Omit<Omit<BaseProps$1<NavConnectionProps>, "as" | "children">, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<Omit<BaseProps$1<NavConnectionProps>, "as" | "children">, "as">>, never> & react.ForwardRefExoticComponent<Omit<BaseProps$1<NavConnectionProps>, "as" | "children"> & react.RefAttributes<HTMLDivElement>> & {
    id: string;
};

declare const NavDesktop: (<C = "nav">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>, "as">>) => react.ReactElement<Omit<BaseProps$1<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>, "as">>, never> & react.ForwardRefExoticComponent<Omit<BaseProps$1<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>, "ref"> & react.RefAttributes<HTMLDivElement>> & {
    id: string;
};

declare const NavLogo: react.ForwardRefExoticComponent<Omit<Omit<BaseProps$1<NavLogoProps>, "as" | "children">, "ref"> & react.RefAttributes<HTMLDivElement>> & {
    id: string;
};

declare const NavMenu: (<C = "div">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<NavMenuProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<NavMenuProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<NavMenuProps>, "as">>, never> & react.ForwardRefExoticComponent<Omit<BaseProps$1<NavMenuProps>, "ref"> & react.RefAttributes<HTMLDivElement>> & {
    id: string;
};

declare const NavMenuItem: (<C = "a">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<NavMenuItemProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<NavMenuItemProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<NavMenuItemProps>, "as">>, never> & react.ForwardRefExoticComponent<Omit<BaseProps$1<NavMenuItemProps>, "ref"> & react.RefAttributes<HTMLAnchorElement>> & {
    id: string;
};

type ContextProps = {
    isOpen: boolean;
    onOpenChange: React.Dispatch<React.SetStateAction<boolean>>;
};
declare function useNavMobileProps(): ContextProps;
declare const NavMobile: (<C = "nav">(props: PolymorphicComponentProps<C, Omit<BaseProps$1<NavMobileProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<NavMobileProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<NavMobileProps>, "as">>, never> & react.ForwardRefExoticComponent<Omit<BaseProps$1<NavMobileProps>, "ref"> & react.RefAttributes<HTMLDivElement>> & {
    id: string;
};

declare const NavMobileContent: react.ForwardRefExoticComponent<Omit<BaseProps$1<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>, "ref"> & react.RefAttributes<HTMLDivElement>> & {
    id: string;
};

declare const NavSpacer: react.ForwardRefExoticComponent<Omit<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
}, "css" | "as" | "children"> & react.RefAttributes<HTMLHRElement>> & {
    id: string;
};

declare const NavThemeToggle: react.ForwardRefExoticComponent<Omit<Omit<BaseProps$1<NavThemeToggleProps>, "as" | "children">, "ref"> & react.RefAttributes<HTMLDivElement>> & {
    id: string;
};

type NetworkObj = {
    id?: string;
    name: string;
    url: string;
};
type NavProps = {
    network?: NetworkObj;
    account?: string;
    onConnect?: () => void;
};
type NavDef = CreateComponent<{
    type: 'nav';
    component: Components.Nav;
    omit: 'as' | 'css';
    props: NavProps;
    element: HTMLElement;
    styles: 'logo' | 'menu' | 'menuItem' | 'spacer' | 'connection' | 'network' | 'themeToggle' | 'avatar' | 'desktop' | 'mobile' | 'wrapper' | 'mobileContent';
    namespace: {
        Connection: typeof NavConnection;
        Desktop: typeof NavDesktop;
        Logo: typeof NavLogo;
        Menu: typeof NavMenu;
        MenuItem: typeof NavMenuItem;
        Mobile: typeof NavMobile;
        MobileContent: typeof NavMobileContent;
        Spacer: typeof NavSpacer;
        ThemeToggle: typeof NavThemeToggle;
    };
}>;
type NavLogoProps = ComponentProps$1<typeof Box> & FuelLogoProps;
type NavLogoDef = CreateComponent<{
    type: 'div';
    omit: 'as' | 'children';
    component: Components.NavLogo;
    props: NavLogoProps;
    element: HTMLDivElement;
    namespace: {
        id: string;
    };
}>;
type NavMenuProps = Omit<ComponentProps$1<typeof Box>, 'direction'>;
type NavMenuDef = CreateComponent<{
    type: 'div';
    component: Components.NavMenu;
    props: NavMenuProps;
    element: HTMLDivElement;
    namespace: {
        id: string;
    };
}>;
type NavMenuItemProps = ComponentProps$1<typeof Link> & {
    isActive?: boolean;
};
type NavMenuItemDef = CreateComponent<{
    type: 'a';
    component: Components.NavMenuItem;
    props: NavMenuItemProps;
    element: HTMLAnchorElement;
    namespace: {
        id: string;
    };
}>;
type NavSpacerDef = CreateComponent<{
    type: 'hr';
    omit: 'children' | 'as' | 'css';
    component: Components.NavSpacer;
    props: {};
    element: HTMLHRElement;
    namespace: {
        id: string;
    };
}>;
type NavThemeToggleProps = ComponentProps$1<typeof Box> & {
    whenOpened?: 'hide' | 'show' | 'no-effect';
};
type NavThemeToggleDef = CreateComponent<{
    type: 'div';
    omit: 'as' | 'children';
    component: Components.NavThemeToggle;
    props: NavThemeToggleProps;
    element: HTMLDivElement;
    namespace: {
        id: string;
    };
}>;
type NavConnectionProps = {
    whenOpened?: 'hide' | 'show' | 'no-effect';
};
type NavConnectionDef = CreateComponent<{
    type: 'div';
    omit: 'children' | 'as';
    component: Components.NavConnection;
    props: NavConnectionProps;
    element: HTMLDivElement;
    namespace: {
        id: string;
    };
}>;
type NavMobileContentProps = ComponentProps$1<typeof Box>;
type NavMobileContentDef = CreateComponent<{
    type: 'div';
    component: Components.NavMobileContent;
    props: NavMobileContentProps;
    element: HTMLDivElement;
    namespace: {
        id: string;
    };
}>;
type NavDesktopProps = ComponentProps$1<typeof Box>;
type NavDesktopDef = CreateComponent<{
    type: 'nav';
    component: Components.NavDesktop;
    props: NavDesktopProps;
    element: HTMLDivElement;
    namespace: {
        id: string;
    };
}>;
type NavMobileProps = ComponentProps$1<typeof Box> & {
    isOpen?: boolean;
    onOpenChange?: (isOpen: boolean) => void;
};
type NavMobileDef = CreateComponent<{
    type: 'nav';
    component: Components.NavMobile;
    props: NavMobileProps;
    element: HTMLDivElement;
    namespace: {
        id: string;
    };
}>;

declare function useNavProps(): NavProps;
declare const Nav: react.ForwardRefExoticComponent<Omit<BaseProps$1<NavProps>, "css" | "as"> & react.RefAttributes<HTMLElement>> & {
    Connection: (<C = "div">(props: PolymorphicComponentProps<C, Omit<Omit<BaseProps$1<NavConnectionProps>, "as" | "children">, "as">>) => react.ReactElement<Omit<Omit<BaseProps$1<NavConnectionProps>, "as" | "children">, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<Omit<BaseProps$1<NavConnectionProps>, "as" | "children">, "as">>, never> & react.ForwardRefExoticComponent<Omit<BaseProps$1<NavConnectionProps>, "as" | "children"> & react.RefAttributes<HTMLDivElement>> & {
        id: string;
    };
    Desktop: (<C_1 = "nav">(props: PolymorphicComponentProps<C_1, Omit<BaseProps$1<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: react.ReactNode;
    } & react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>, "as">>) => react.ReactElement<Omit<BaseProps$1<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: react.ReactNode;
    } & react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: react.ReactNode;
    } & react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>, "as">>, never> & react.ForwardRefExoticComponent<Omit<BaseProps$1<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: react.ReactNode;
    } & react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>, "ref"> & react.RefAttributes<HTMLDivElement>> & {
        id: string;
    };
    Logo: react.ForwardRefExoticComponent<Omit<Omit<BaseProps$1<NavLogoProps>, "as" | "children">, "ref"> & react.RefAttributes<HTMLDivElement>> & {
        id: string;
    };
    Menu: (<C_2 = "div">(props: PolymorphicComponentProps<C_2, Omit<BaseProps$1<NavMenuProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<NavMenuProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<NavMenuProps>, "as">>, never> & react.ForwardRefExoticComponent<Omit<BaseProps$1<NavMenuProps>, "ref"> & react.RefAttributes<HTMLDivElement>> & {
        id: string;
    };
    MenuItem: (<C_3 = "a">(props: PolymorphicComponentProps<C_3, Omit<BaseProps$1<NavMenuItemProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<NavMenuItemProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<NavMenuItemProps>, "as">>, never> & react.ForwardRefExoticComponent<Omit<BaseProps$1<NavMenuItemProps>, "ref"> & react.RefAttributes<HTMLAnchorElement>> & {
        id: string;
    };
    Mobile: (<C_4 = "nav">(props: PolymorphicComponentProps<C_4, Omit<BaseProps$1<NavMobileProps>, "as">>) => react.ReactElement<Omit<BaseProps$1<NavMobileProps>, "as">, string | react.JSXElementConstructor<any>>) & Omit<react.FunctionComponent<Omit<BaseProps$1<NavMobileProps>, "as">>, never> & react.ForwardRefExoticComponent<Omit<BaseProps$1<NavMobileProps>, "ref"> & react.RefAttributes<HTMLDivElement>> & {
        id: string;
    };
    MobileContent: react.ForwardRefExoticComponent<Omit<BaseProps$1<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: react.ReactNode;
    } & react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>, "ref"> & react.RefAttributes<HTMLDivElement>> & {
        id: string;
    };
    Spacer: react.ForwardRefExoticComponent<Omit<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: react.ReactNode;
    }, "css" | "as" | "children"> & react.RefAttributes<HTMLHRElement>> & {
        id: string;
    };
    ThemeToggle: react.ForwardRefExoticComponent<Omit<Omit<BaseProps$1<NavThemeToggleProps>, "as" | "children">, "ref"> & react.RefAttributes<HTMLDivElement>> & {
        id: string;
    };
};

type SpinnerProps = {
    size?: number;
    color?: Colors | ColorKeys | string;
};
type SpinnerDef = CreateComponent<{
    type: 'svg';
    props: SpinnerProps;
    element: SVGSVGElement;
    component: Components.Spinner;
    styles: 'root';
    omit: 'as' | 'children';
}>;

declare const Spinner: react.ForwardRefExoticComponent<Omit<BaseProps$1<SpinnerProps>, "as" | "children"> & react.RefAttributes<SVGSVGElement>>;

type StoreDefs = {
    AccordionContent: AccordionContentDef;
    Accordion: AccordionDef;
    AccordionItem: AccordionItemDef;
    AccordionTrigger: AccordionTriggerDef;
    AlertActions: AlertActionsDef;
    AlertButton: AlertButtonDef;
    Alert: AlertDef;
    AlertDescription: AlertDescriptionDef;
    AlertTitle: AlertTitleDef;
    AlertDialogAction: AlertDialogActionDef;
    AlertDialogCancel: AlertDialogCancelDef;
    AlertDialogContent: AlertDialogContentDef;
    AlertDialog: AlertDialogDef;
    AlertDialogDescription: AlertDialogDescriptionDef;
    AlertDialogFooter: AlertDialogFooterDef;
    AlertDialogHeading: AlertDialogHeadingDef;
    AlertDialogTrigger: AlertDialogTriggerDef;
    Avatar: AvatarDef;
    AvatarGenerated: AvatarGeneratedDef;
    AspectRatio: AspectRatioDef;
    AssetAmount: AssetAmountDef;
    Asset: AssetDef;
    AssetIcon: AssetIconDef;
    AssetName: AssetNameDef;
    AssetSymbol: AssetSymbolDef;
    Badge: BadgeDef;
    BoxCentered: BoxCenteredDef;
    Box: BoxDef;
    Container: ContainerDef;
    Flex: FlexDef;
    HStack: HStackDef;
    Stack: StackDef;
    VStack: VStackDef;
    Breadcrumb: BreadcrumbDef;
    BreadcrumbItem: BreadcrumbItemDef;
    BreadcrumbLink: BreadcrumbLinkDef;
    Button: ButtonDef;
    ButtonGroup: ButtonGroupDef;
    ButtonLink: ButtonLinkDef;
    CardBody: CardBodyDef;
    Card: CardDef;
    CardFooter: CardFooterDef;
    CardHeader: CardHeaderDef;
    CardList: CardListDef;
    CardListItem: CardListItemDef;
    Checkbox: CheckboxDef;
    ContentLoader: ContentLoaderDef;
    Copyable: CopyableDef;
    DialogClose: DialogCloseDef;
    DialogContent: DialogContentDef;
    Dialog: DialogDef;
    DialogDescription: DialogDescriptionDef;
    DialogFooter: DialogFooterDef;
    DialogHeading: DialogHeadingDef;
    DialogTrigger: DialogTriggerDef;
    DrawerBody: DrawerBodyDef;
    DrawerClose: DrawerCloseDef;
    DrawerContent: DrawerContentDef;
    Drawer: DrawerDef;
    DrawerTrigger: DrawerTriggerDef;
    Dropdown: DropdownDef;
    DropdownMenu: DropdownMenuDef;
    DropdownMenuItem: DropdownMenuItemDef;
    DropdownTrigger: DropdownTriggerDef;
    Heading: HeadingDef;
    HelperIcon: HelperIconDef;
    Icon: IconDef;
    Image: ImageDef;
    Link: LinkDef;
    NavConnection: NavConnectionDef;
    Nav: NavDef;
    NavDesktop: NavDesktopDef;
    NavLogo: NavLogoDef;
    NavMenu: NavMenuDef;
    NavMenuItem: NavMenuItemDef;
    NavMobileContent: NavMobileContentDef;
    NavMobile: NavMobileDef;
    NavSpacer: NavSpacerDef;
    NavThemeToggle: NavThemeToggleDef;
    Spinner: SpinnerDef;
    Text: TextDef;
};

type CreateComponent<Item extends {
    type: string;
    component: keyof StoreDefs;
    props: Record<string, any>;
    element: unknown;
    namespace?: Record<string, any> | undefined;
    omit?: string | undefined;
    styles?: string | undefined;
}> = {
    type: Item['type'];
    component: Item['component'];
    props: Item['props'];
    element: Item['element'];
    namespace: Item['namespace'] extends Record<string, any> ? Item['namespace'] : null;
    omit: Item['omit'] extends string ? Item['omit'] : null;
    styles: Item['styles'] extends string ? Item['styles'] : null;
};
type ExtendedProps<Props = {}, OverrideProps = {}> = OverrideProps & Omit<Props, keyof OverrideProps>;
type ElementType = keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>;
type PropsOf<C extends ElementType> = JSX.LibraryManagedAttributes<C, React.ComponentPropsWithoutRef<C>>;
type ComponentProp<C> = {
    as?: C;
};
type InheritedProps<C extends ElementType, Props = {}> = ExtendedProps<PropsOf<C>, Props>;
type PolymorphicRef<C> = C extends React.ElementType ? React.ComponentPropsWithRef<C>['ref'] : never;
type PolymorphicComponentProps<C, Props = {}> = C extends React.ElementType ? InheritedProps<C, Props & ComponentProp<C>> & {
    ref?: PolymorphicRef<C>;
} : Props & {
    as: React.ElementType;
};

declare const AccordionContent: react.ForwardRefExoticComponent<Omit<BaseProps$1<AC.AccordionContentProps>, "as"> & react.RefAttributes<HTMLDivElement>>;

declare const AccordionItem: react.ForwardRefExoticComponent<Omit<BaseProps$1<AC.AccordionItemProps>, "as"> & react.RefAttributes<HTMLDivElement>>;

declare const AccordionTrigger: react.ForwardRefExoticComponent<Omit<BaseProps$1<AC.AccordionTriggerProps>, "as"> & react.RefAttributes<HTMLButtonElement>>;

type AccordionBaseProps = AC.AccordionSingleProps | AC.AccordionMultipleProps;
type AccordionProps = Omit<AccordionBaseProps, 'value'> & {
    value?: string;
};
type AccordionNS = {
    Item: typeof AccordionItem;
    Trigger: typeof AccordionTrigger;
    Content: typeof AccordionContent;
};
type AccordionContentProps = AC.AccordionContentProps;
type AccordionItemProps = AC.AccordionItemProps;
type AccordionTriggerProps = AC.AccordionTriggerProps;
type AccordionDef = CreateComponent<{
    type: 'div';
    component: Components.Accordion;
    element: HTMLDivElement;
    props: AccordionProps;
    styles: 'root' | 'content' | 'item' | 'trigger' | 'header' | 'icon';
    namespace: AccordionNS;
    omit: 'as';
}>;
type AccordionContentDef = CreateComponent<{
    type: 'div';
    component: Components.AccordionContent;
    element: HTMLDivElement;
    props: AccordionContentProps;
    omit: 'as';
}>;
type AccordionItemDef = CreateComponent<{
    type: 'div';
    component: Components.AccordionItem;
    element: HTMLDivElement;
    props: AccordionItemProps;
    omit: 'as';
}>;
type AccordionTriggerDef = CreateComponent<{
    type: 'button';
    component: Components.AccordionTrigger;
    element: HTMLButtonElement;
    props: AccordionTriggerProps;
    omit: 'as';
}>;

declare const Accordion: react.ForwardRefExoticComponent<Omit<BaseProps$1<AccordionProps>, "as"> & react.RefAttributes<HTMLDivElement>> & AccordionNS;

declare const Focus: {
    Scope: typeof FocusScope;
    ArrowNavigator: react.ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: react.ReactNode;
    } & _react_aria_focus.FocusScopeProps & {
        children: react.ReactNode;
    } & react.RefAttributes<any>>;
};

type FocusArrowNavigatorProps = FocusScopeProps & {
    children: ReactNode;
};
declare const FocusArrowNavigator: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: ReactNode;
} & FocusScopeProps & {
    children: ReactNode;
} & react.RefAttributes<any>>;
declare function useFocusNavigator(): {
    onKeyDown: (e: KeyboardEvent) => void;
};

type FormControlProps = {
    isRequired?: boolean;
    isInvalid?: boolean;
    isDisabled?: boolean;
    isReadOnly?: boolean;
};
type Context$2 = FormControlProps & {
    id: string;
    describedBy?: string;
};
declare function useFormControlProps(): Context$2;
declare const FormControl: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & FormControlProps & react.RefAttributes<any>>;

declare const Form: {
    Control: react.ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: react.ReactNode;
    } & FormControlProps & react.RefAttributes<any>>;
    Label: react.ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: react.ReactNode;
    } & Label.LabelProps & react.RefAttributes<any>> & {
        id: string;
    };
    HelperText: react.ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: react.ReactNode;
    } & react.HTMLAttributes<HTMLParagraphElement> & {
        fontSize?: _fuel_ui_css.TextSizes | undefined;
        color?: "transparent" | "inherit" | "gray1" | "gray2" | "gray3" | "gray4" | "gray5" | "gray6" | "gray7" | "gray8" | "gray9" | "gray10" | "gray11" | "gray12" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "accent10" | "accent11" | "accent12" | "crimson1" | "crimson2" | "crimson3" | "crimson4" | "crimson5" | "crimson6" | "crimson7" | "crimson8" | "crimson9" | "crimson10" | "crimson11" | "crimson12" | "indigo1" | "indigo2" | "indigo3" | "indigo4" | "indigo5" | "indigo6" | "indigo7" | "indigo8" | "indigo9" | "indigo10" | "indigo11" | "indigo12" | "yellow1" | "yellow2" | "yellow3" | "yellow4" | "yellow5" | "yellow6" | "yellow7" | "yellow8" | "yellow9" | "yellow10" | "yellow11" | "yellow12" | "bodyColor" | "black" | "blackA1" | "blackA10" | "blackA11" | "blackA12" | "blackA2" | "blackA3" | "blackA4" | "blackA5" | "blackA6" | "blackA7" | "blackA8" | "blackA9" | "bodyBg" | "bodyInverse" | "border" | "borderHover" | "brand" | "cardBg" | "cardBorder" | "dialogBg" | "inputActiveBg" | "inputActiveBorder" | "inputActiveColor" | "inputActiveFocus" | "inputActiveIcon" | "inputActivePlaceholder" | "inputBaseBg" | "inputBaseBorder" | "inputBaseColor" | "inputBaseFocus" | "inputBaseIcon" | "inputBasePlaceholder" | "inputDisabledBg" | "inputDisabledBorder" | "inputDisabledColor" | "inputDisabledFocus" | "inputDisabledIcon" | "inputDisabledPlaceholder" | "inputErrorBg" | "inputErrorBorder" | "inputErrorColor" | "inputErrorFocus" | "inputErrorIcon" | "inputErrorPlaceholder" | "inputSuccessBg" | "inputSuccessBorder" | "inputSuccessColor" | "inputSuccessFocus" | "inputSuccessIcon" | "inputSuccessPlaceholder" | "inputBg" | "intentsBase1" | "intentsBase10" | "intentsBase11" | "intentsBase12" | "intentsBase2" | "intentsBase3" | "intentsBase4" | "intentsBase5" | "intentsBase6" | "intentsBase7" | "intentsBase8" | "intentsBase9" | "intentsError1" | "intentsError10" | "intentsError11" | "intentsError12" | "intentsError2" | "intentsError3" | "intentsError4" | "intentsError5" | "intentsError6" | "intentsError7" | "intentsError8" | "intentsError9" | "intentsInfo1" | "intentsInfo10" | "intentsInfo11" | "intentsInfo12" | "intentsInfo2" | "intentsInfo3" | "intentsInfo4" | "intentsInfo5" | "intentsInfo6" | "intentsInfo7" | "intentsInfo8" | "intentsInfo9" | "intentsPrimary1" | "intentsPrimary10" | "intentsPrimary11" | "intentsPrimary12" | "intentsPrimary2" | "intentsPrimary3" | "intentsPrimary4" | "intentsPrimary5" | "intentsPrimary6" | "intentsPrimary7" | "intentsPrimary8" | "intentsPrimary9" | "intentsSecondary1" | "intentsSecondary10" | "intentsSecondary11" | "intentsSecondary12" | "intentsSecondary2" | "intentsSecondary3" | "intentsSecondary4" | "intentsSecondary5" | "intentsSecondary6" | "intentsSecondary7" | "intentsSecondary8" | "intentsSecondary9" | "intentsSuccess1" | "intentsSuccess10" | "intentsSuccess11" | "intentsSuccess12" | "intentsSuccess2" | "intentsSuccess3" | "intentsSuccess4" | "intentsSuccess5" | "intentsSuccess6" | "intentsSuccess7" | "intentsSuccess8" | "intentsSuccess9" | "intentsWarning1" | "intentsWarning10" | "intentsWarning11" | "intentsWarning12" | "intentsWarning2" | "intentsWarning3" | "intentsWarning4" | "intentsWarning5" | "intentsWarning6" | "intentsWarning7" | "intentsWarning8" | "intentsWarning9" | "inverseA1" | "inverseA10" | "inverseA11" | "inverseA12" | "inverseA2" | "inverseA3" | "inverseA4" | "inverseA5" | "inverseA6" | "inverseA7" | "inverseA8" | "inverseA9" | "overlayBg" | "overlayText" | "scalesBlue1" | "scalesBlue10" | "scalesBlue11" | "scalesBlue12" | "scalesBlue2" | "scalesBlue3" | "scalesBlue4" | "scalesBlue5" | "scalesBlue6" | "scalesBlue7" | "scalesBlue8" | "scalesBlue9" | "scalesGray1" | "scalesGray10" | "scalesGray11" | "scalesGray12" | "scalesGray2" | "scalesGray3" | "scalesGray4" | "scalesGray5" | "scalesGray6" | "scalesGray7" | "scalesGray8" | "scalesGray9" | "scalesGreen1" | "scalesGreen10" | "scalesGreen11" | "scalesGreen12" | "scalesGreen2" | "scalesGreen3" | "scalesGreen4" | "scalesGreen5" | "scalesGreen6" | "scalesGreen7" | "scalesGreen8" | "scalesGreen9" | "scalesRed1" | "scalesRed10" | "scalesRed11" | "scalesRed12" | "scalesRed2" | "scalesRed3" | "scalesRed4" | "scalesRed5" | "scalesRed6" | "scalesRed7" | "scalesRed8" | "scalesRed9" | "scalesYellow1" | "scalesYellow10" | "scalesYellow11" | "scalesYellow12" | "scalesYellow2" | "scalesYellow3" | "scalesYellow4" | "scalesYellow5" | "scalesYellow6" | "scalesYellow7" | "scalesYellow8" | "scalesYellow9" | "semanticGhostBaseBg" | "semanticGhostBaseBorder" | "semanticGhostBaseColor" | "semanticGhostBaseDisabledBg" | "semanticGhostBaseDisabledBorder" | "semanticGhostBaseDisabledColor" | "semanticGhostBaseDisabledIcon" | "semanticGhostBaseFocus" | "semanticGhostBaseHoverBg" | "semanticGhostBaseHoverBorder" | "semanticGhostBaseHoverColor" | "semanticGhostBaseHoverIcon" | "semanticGhostBaseIcon" | "semanticGhostErrorBg" | "semanticGhostErrorBorder" | "semanticGhostErrorColor" | "semanticGhostErrorDisabledBg" | "semanticGhostErrorDisabledBorder" | "semanticGhostErrorDisabledColor" | "semanticGhostErrorDisabledIcon" | "semanticGhostErrorFocus" | "semanticGhostErrorHoverBg" | "semanticGhostErrorHoverBorder" | "semanticGhostErrorHoverColor" | "semanticGhostErrorHoverIcon" | "semanticGhostErrorIcon" | "semanticGhostInfoBg" | "semanticGhostInfoBorder" | "semanticGhostInfoColor" | "semanticGhostInfoDisabledBg" | "semanticGhostInfoDisabledBorder" | "semanticGhostInfoDisabledColor" | "semanticGhostInfoDisabledIcon" | "semanticGhostInfoFocus" | "semanticGhostInfoHoverBg" | "semanticGhostInfoHoverBorder" | "semanticGhostInfoHoverColor" | "semanticGhostInfoHoverIcon" | "semanticGhostInfoIcon" | "semanticGhostPrimaryBg" | "semanticGhostPrimaryBorder" | "semanticGhostPrimaryColor" | "semanticGhostPrimaryDisabledBg" | "semanticGhostPrimaryDisabledBorder" | "semanticGhostPrimaryDisabledColor" | "semanticGhostPrimaryDisabledIcon" | "semanticGhostPrimaryFocus" | "semanticGhostPrimaryHoverBg" | "semanticGhostPrimaryHoverBorder" | "semanticGhostPrimaryHoverColor" | "semanticGhostPrimaryHoverIcon" | "semanticGhostPrimaryIcon" | "semanticGhostSecondaryBg" | "semanticGhostSecondaryBorder" | "semanticGhostSecondaryColor" | "semanticGhostSecondaryDisabledBg" | "semanticGhostSecondaryDisabledBorder" | "semanticGhostSecondaryDisabledColor" | "semanticGhostSecondaryDisabledIcon" | "semanticGhostSecondaryFocus" | "semanticGhostSecondaryHoverBg" | "semanticGhostSecondaryHoverBorder" | "semanticGhostSecondaryHoverColor" | "semanticGhostSecondaryHoverIcon" | "semanticGhostSecondaryIcon" | "semanticGhostSuccessBg" | "semanticGhostSuccessBorder" | "semanticGhostSuccessColor" | "semanticGhostSuccessDisabledBg" | "semanticGhostSuccessDisabledBorder" | "semanticGhostSuccessDisabledColor" | "semanticGhostSuccessDisabledIcon" | "semanticGhostSuccessFocus" | "semanticGhostSuccessHoverBg" | "semanticGhostSuccessHoverBorder" | "semanticGhostSuccessHoverColor" | "semanticGhostSuccessHoverIcon" | "semanticGhostSuccessIcon" | "semanticGhostWarningBg" | "semanticGhostWarningBorder" | "semanticGhostWarningColor" | "semanticGhostWarningDisabledBg" | "semanticGhostWarningDisabledBorder" | "semanticGhostWarningDisabledColor" | "semanticGhostWarningDisabledIcon" | "semanticGhostWarningFocus" | "semanticGhostWarningHoverBg" | "semanticGhostWarningHoverBorder" | "semanticGhostWarningHoverColor" | "semanticGhostWarningHoverIcon" | "semanticGhostWarningIcon" | "semanticLinkBaseBg" | "semanticLinkBaseBorder" | "semanticLinkBaseColor" | "semanticLinkBaseDisabledBg" | "semanticLinkBaseDisabledBorder" | "semanticLinkBaseDisabledColor" | "semanticLinkBaseDisabledIcon" | "semanticLinkBaseFocus" | "semanticLinkBaseHoverBg" | "semanticLinkBaseHoverBorder" | "semanticLinkBaseHoverColor" | "semanticLinkBaseHoverIcon" | "semanticLinkBaseIcon" | "semanticLinkErrorBg" | "semanticLinkErrorBorder" | "semanticLinkErrorColor" | "semanticLinkErrorDisabledBg" | "semanticLinkErrorDisabledBorder" | "semanticLinkErrorDisabledColor" | "semanticLinkErrorDisabledIcon" | "semanticLinkErrorFocus" | "semanticLinkErrorHoverBg" | "semanticLinkErrorHoverBorder" | "semanticLinkErrorHoverColor" | "semanticLinkErrorHoverIcon" | "semanticLinkErrorIcon" | "semanticLinkInfoBg" | "semanticLinkInfoBorder" | "semanticLinkInfoColor" | "semanticLinkInfoDisabledBg" | "semanticLinkInfoDisabledBorder" | "semanticLinkInfoDisabledColor" | "semanticLinkInfoDisabledIcon" | "semanticLinkInfoFocus" | "semanticLinkInfoHoverBg" | "semanticLinkInfoHoverBorder" | "semanticLinkInfoHoverColor" | "semanticLinkInfoHoverIcon" | "semanticLinkInfoIcon" | "semanticLinkPrimaryBg" | "semanticLinkPrimaryBorder" | "semanticLinkPrimaryColor" | "semanticLinkPrimaryDisabledBg" | "semanticLinkPrimaryDisabledBorder" | "semanticLinkPrimaryDisabledColor" | "semanticLinkPrimaryDisabledIcon" | "semanticLinkPrimaryFocus" | "semanticLinkPrimaryHoverBg" | "semanticLinkPrimaryHoverBorder" | "semanticLinkPrimaryHoverColor" | "semanticLinkPrimaryHoverIcon" | "semanticLinkPrimaryIcon" | "semanticLinkSecondaryBg" | "semanticLinkSecondaryBorder" | "semanticLinkSecondaryColor" | "semanticLinkSecondaryDisabledBg" | "semanticLinkSecondaryDisabledBorder" | "semanticLinkSecondaryDisabledColor" | "semanticLinkSecondaryDisabledIcon" | "semanticLinkSecondaryFocus" | "semanticLinkSecondaryHoverBg" | "semanticLinkSecondaryHoverBorder" | "semanticLinkSecondaryHoverColor" | "semanticLinkSecondaryHoverIcon" | "semanticLinkSecondaryIcon" | "semanticLinkSuccessBg" | "semanticLinkSuccessBorder" | "semanticLinkSuccessColor" | "semanticLinkSuccessDisabledBg" | "semanticLinkSuccessDisabledBorder" | "semanticLinkSuccessDisabledColor" | "semanticLinkSuccessDisabledIcon" | "semanticLinkSuccessFocus" | "semanticLinkSuccessHoverBg" | "semanticLinkSuccessHoverBorder" | "semanticLinkSuccessHoverColor" | "semanticLinkSuccessHoverIcon" | "semanticLinkSuccessIcon" | "semanticLinkWarningBg" | "semanticLinkWarningBorder" | "semanticLinkWarningColor" | "semanticLinkWarningDisabledBg" | "semanticLinkWarningDisabledBorder" | "semanticLinkWarningDisabledColor" | "semanticLinkWarningDisabledIcon" | "semanticLinkWarningFocus" | "semanticLinkWarningHoverBg" | "semanticLinkWarningHoverBorder" | "semanticLinkWarningHoverColor" | "semanticLinkWarningHoverIcon" | "semanticLinkWarningIcon" | "semanticOutlinedBaseBg" | "semanticOutlinedBaseBorder" | "semanticOutlinedBaseColor" | "semanticOutlinedBaseDisabledBg" | "semanticOutlinedBaseDisabledBorder" | "semanticOutlinedBaseDisabledColor" | "semanticOutlinedBaseDisabledIcon" | "semanticOutlinedBaseFocus" | "semanticOutlinedBaseHoverBg" | "semanticOutlinedBaseHoverBorder" | "semanticOutlinedBaseHoverColor" | "semanticOutlinedBaseHoverIcon" | "semanticOutlinedBaseIcon" | "semanticOutlinedErrorBg" | "semanticOutlinedErrorBorder" | "semanticOutlinedErrorColor" | "semanticOutlinedErrorDisabledBg" | "semanticOutlinedErrorDisabledBorder" | "semanticOutlinedErrorDisabledColor" | "semanticOutlinedErrorDisabledIcon" | "semanticOutlinedErrorFocus" | "semanticOutlinedErrorHoverBg" | "semanticOutlinedErrorHoverBorder" | "semanticOutlinedErrorHoverColor" | "semanticOutlinedErrorHoverIcon" | "semanticOutlinedErrorIcon" | "semanticOutlinedInfoBg" | "semanticOutlinedInfoBorder" | "semanticOutlinedInfoColor" | "semanticOutlinedInfoDisabledBg" | "semanticOutlinedInfoDisabledBorder" | "semanticOutlinedInfoDisabledColor" | "semanticOutlinedInfoDisabledIcon" | "semanticOutlinedInfoFocus" | "semanticOutlinedInfoHoverBg" | "semanticOutlinedInfoHoverBorder" | "semanticOutlinedInfoHoverColor" | "semanticOutlinedInfoHoverIcon" | "semanticOutlinedInfoIcon" | "semanticOutlinedPrimaryBg" | "semanticOutlinedPrimaryBorder" | "semanticOutlinedPrimaryColor" | "semanticOutlinedPrimaryDisabledBg" | "semanticOutlinedPrimaryDisabledBorder" | "semanticOutlinedPrimaryDisabledColor" | "semanticOutlinedPrimaryDisabledIcon" | "semanticOutlinedPrimaryFocus" | "semanticOutlinedPrimaryHoverBg" | "semanticOutlinedPrimaryHoverBorder" | "semanticOutlinedPrimaryHoverColor" | "semanticOutlinedPrimaryHoverIcon" | "semanticOutlinedPrimaryIcon" | "semanticOutlinedSecondaryBg" | "semanticOutlinedSecondaryBorder" | "semanticOutlinedSecondaryColor" | "semanticOutlinedSecondaryDisabledBg" | "semanticOutlinedSecondaryDisabledBorder" | "semanticOutlinedSecondaryDisabledColor" | "semanticOutlinedSecondaryDisabledIcon" | "semanticOutlinedSecondaryFocus" | "semanticOutlinedSecondaryHoverBg" | "semanticOutlinedSecondaryHoverBorder" | "semanticOutlinedSecondaryHoverColor" | "semanticOutlinedSecondaryHoverIcon" | "semanticOutlinedSecondaryIcon" | "semanticOutlinedSuccessBg" | "semanticOutlinedSuccessBorder" | "semanticOutlinedSuccessColor" | "semanticOutlinedSuccessDisabledBg" | "semanticOutlinedSuccessDisabledBorder" | "semanticOutlinedSuccessDisabledColor" | "semanticOutlinedSuccessDisabledIcon" | "semanticOutlinedSuccessFocus" | "semanticOutlinedSuccessHoverBg" | "semanticOutlinedSuccessHoverBorder" | "semanticOutlinedSuccessHoverColor" | "semanticOutlinedSuccessHoverIcon" | "semanticOutlinedSuccessIcon" | "semanticOutlinedWarningBg" | "semanticOutlinedWarningBorder" | "semanticOutlinedWarningColor" | "semanticOutlinedWarningDisabledBg" | "semanticOutlinedWarningDisabledBorder" | "semanticOutlinedWarningDisabledColor" | "semanticOutlinedWarningDisabledIcon" | "semanticOutlinedWarningFocus" | "semanticOutlinedWarningHoverBg" | "semanticOutlinedWarningHoverBorder" | "semanticOutlinedWarningHoverColor" | "semanticOutlinedWarningHoverIcon" | "semanticOutlinedWarningIcon" | "semanticSolidBaseBg" | "semanticSolidBaseBorder" | "semanticSolidBaseColor" | "semanticSolidBaseDisabledBg" | "semanticSolidBaseDisabledBorder" | "semanticSolidBaseDisabledColor" | "semanticSolidBaseDisabledIcon" | "semanticSolidBaseFocus" | "semanticSolidBaseHoverBg" | "semanticSolidBaseHoverBorder" | "semanticSolidBaseHoverColor" | "semanticSolidBaseHoverIcon" | "semanticSolidBaseIcon" | "semanticSolidErrorBg" | "semanticSolidErrorBorder" | "semanticSolidErrorColor" | "semanticSolidErrorDisabledBg" | "semanticSolidErrorDisabledBorder" | "semanticSolidErrorDisabledColor" | "semanticSolidErrorDisabledIcon" | "semanticSolidErrorFocus" | "semanticSolidErrorHoverBg" | "semanticSolidErrorHoverBorder" | "semanticSolidErrorHoverColor" | "semanticSolidErrorHoverIcon" | "semanticSolidErrorIcon" | "semanticSolidInfoBg" | "semanticSolidInfoBorder" | "semanticSolidInfoColor" | "semanticSolidInfoDisabledBg" | "semanticSolidInfoDisabledBorder" | "semanticSolidInfoDisabledColor" | "semanticSolidInfoDisabledIcon" | "semanticSolidInfoFocus" | "semanticSolidInfoHoverBg" | "semanticSolidInfoHoverBorder" | "semanticSolidInfoHoverColor" | "semanticSolidInfoHoverIcon" | "semanticSolidInfoIcon" | "semanticSolidPrimaryBg" | "semanticSolidPrimaryBorder" | "semanticSolidPrimaryColor" | "semanticSolidPrimaryDisabledBg" | "semanticSolidPrimaryDisabledBorder" | "semanticSolidPrimaryDisabledColor" | "semanticSolidPrimaryDisabledIcon" | "semanticSolidPrimaryFocus" | "semanticSolidPrimaryHoverBg" | "semanticSolidPrimaryHoverBorder" | "semanticSolidPrimaryHoverColor" | "semanticSolidPrimaryHoverIcon" | "semanticSolidPrimaryIcon" | "semanticSolidSecondaryBg" | "semanticSolidSecondaryBorder" | "semanticSolidSecondaryColor" | "semanticSolidSecondaryDisabledBg" | "semanticSolidSecondaryDisabledBorder" | "semanticSolidSecondaryDisabledColor" | "semanticSolidSecondaryDisabledIcon" | "semanticSolidSecondaryFocus" | "semanticSolidSecondaryHoverBg" | "semanticSolidSecondaryHoverBorder" | "semanticSolidSecondaryHoverColor" | "semanticSolidSecondaryHoverIcon" | "semanticSolidSecondaryIcon" | "semanticSolidSuccessBg" | "semanticSolidSuccessBorder" | "semanticSolidSuccessColor" | "semanticSolidSuccessDisabledBg" | "semanticSolidSuccessDisabledBorder" | "semanticSolidSuccessDisabledColor" | "semanticSolidSuccessDisabledIcon" | "semanticSolidSuccessFocus" | "semanticSolidSuccessHoverBg" | "semanticSolidSuccessHoverBorder" | "semanticSolidSuccessHoverColor" | "semanticSolidSuccessHoverIcon" | "semanticSolidSuccessIcon" | "semanticSolidWarningBg" | "semanticSolidWarningBorder" | "semanticSolidWarningColor" | "semanticSolidWarningDisabledBg" | "semanticSolidWarningDisabledBorder" | "semanticSolidWarningDisabledColor" | "semanticSolidWarningDisabledIcon" | "semanticSolidWarningFocus" | "semanticSolidWarningHoverBg" | "semanticSolidWarningHoverBorder" | "semanticSolidWarningHoverColor" | "semanticSolidWarningHoverIcon" | "semanticSolidWarningIcon" | "textActive" | "textColor" | "textHeading" | "textIcon" | "textInverse" | "textLink" | "textLinkActive" | "textLinkDisabled" | "textLinkHover" | "textLinkVisited" | "textMuted" | "textSubtext" | "white" | "whiteA1" | "whiteA10" | "whiteA11" | "whiteA12" | "whiteA2" | "whiteA3" | "whiteA4" | "whiteA5" | "whiteA6" | "whiteA7" | "whiteA8" | "whiteA9" | "current" | undefined;
        iconSize?: number | undefined;
        iconColor?: "transparent" | "inherit" | "gray1" | "gray2" | "gray3" | "gray4" | "gray5" | "gray6" | "gray7" | "gray8" | "gray9" | "gray10" | "gray11" | "gray12" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "accent10" | "accent11" | "accent12" | "crimson1" | "crimson2" | "crimson3" | "crimson4" | "crimson5" | "crimson6" | "crimson7" | "crimson8" | "crimson9" | "crimson10" | "crimson11" | "crimson12" | "indigo1" | "indigo2" | "indigo3" | "indigo4" | "indigo5" | "indigo6" | "indigo7" | "indigo8" | "indigo9" | "indigo10" | "indigo11" | "indigo12" | "yellow1" | "yellow2" | "yellow3" | "yellow4" | "yellow5" | "yellow6" | "yellow7" | "yellow8" | "yellow9" | "yellow10" | "yellow11" | "yellow12" | "bodyColor" | "black" | "blackA1" | "blackA10" | "blackA11" | "blackA12" | "blackA2" | "blackA3" | "blackA4" | "blackA5" | "blackA6" | "blackA7" | "blackA8" | "blackA9" | "bodyBg" | "bodyInverse" | "border" | "borderHover" | "brand" | "cardBg" | "cardBorder" | "dialogBg" | "inputActiveBg" | "inputActiveBorder" | "inputActiveColor" | "inputActiveFocus" | "inputActiveIcon" | "inputActivePlaceholder" | "inputBaseBg" | "inputBaseBorder" | "inputBaseColor" | "inputBaseFocus" | "inputBaseIcon" | "inputBasePlaceholder" | "inputDisabledBg" | "inputDisabledBorder" | "inputDisabledColor" | "inputDisabledFocus" | "inputDisabledIcon" | "inputDisabledPlaceholder" | "inputErrorBg" | "inputErrorBorder" | "inputErrorColor" | "inputErrorFocus" | "inputErrorIcon" | "inputErrorPlaceholder" | "inputSuccessBg" | "inputSuccessBorder" | "inputSuccessColor" | "inputSuccessFocus" | "inputSuccessIcon" | "inputSuccessPlaceholder" | "inputBg" | "intentsBase1" | "intentsBase10" | "intentsBase11" | "intentsBase12" | "intentsBase2" | "intentsBase3" | "intentsBase4" | "intentsBase5" | "intentsBase6" | "intentsBase7" | "intentsBase8" | "intentsBase9" | "intentsError1" | "intentsError10" | "intentsError11" | "intentsError12" | "intentsError2" | "intentsError3" | "intentsError4" | "intentsError5" | "intentsError6" | "intentsError7" | "intentsError8" | "intentsError9" | "intentsInfo1" | "intentsInfo10" | "intentsInfo11" | "intentsInfo12" | "intentsInfo2" | "intentsInfo3" | "intentsInfo4" | "intentsInfo5" | "intentsInfo6" | "intentsInfo7" | "intentsInfo8" | "intentsInfo9" | "intentsPrimary1" | "intentsPrimary10" | "intentsPrimary11" | "intentsPrimary12" | "intentsPrimary2" | "intentsPrimary3" | "intentsPrimary4" | "intentsPrimary5" | "intentsPrimary6" | "intentsPrimary7" | "intentsPrimary8" | "intentsPrimary9" | "intentsSecondary1" | "intentsSecondary10" | "intentsSecondary11" | "intentsSecondary12" | "intentsSecondary2" | "intentsSecondary3" | "intentsSecondary4" | "intentsSecondary5" | "intentsSecondary6" | "intentsSecondary7" | "intentsSecondary8" | "intentsSecondary9" | "intentsSuccess1" | "intentsSuccess10" | "intentsSuccess11" | "intentsSuccess12" | "intentsSuccess2" | "intentsSuccess3" | "intentsSuccess4" | "intentsSuccess5" | "intentsSuccess6" | "intentsSuccess7" | "intentsSuccess8" | "intentsSuccess9" | "intentsWarning1" | "intentsWarning10" | "intentsWarning11" | "intentsWarning12" | "intentsWarning2" | "intentsWarning3" | "intentsWarning4" | "intentsWarning5" | "intentsWarning6" | "intentsWarning7" | "intentsWarning8" | "intentsWarning9" | "inverseA1" | "inverseA10" | "inverseA11" | "inverseA12" | "inverseA2" | "inverseA3" | "inverseA4" | "inverseA5" | "inverseA6" | "inverseA7" | "inverseA8" | "inverseA9" | "overlayBg" | "overlayText" | "scalesBlue1" | "scalesBlue10" | "scalesBlue11" | "scalesBlue12" | "scalesBlue2" | "scalesBlue3" | "scalesBlue4" | "scalesBlue5" | "scalesBlue6" | "scalesBlue7" | "scalesBlue8" | "scalesBlue9" | "scalesGray1" | "scalesGray10" | "scalesGray11" | "scalesGray12" | "scalesGray2" | "scalesGray3" | "scalesGray4" | "scalesGray5" | "scalesGray6" | "scalesGray7" | "scalesGray8" | "scalesGray9" | "scalesGreen1" | "scalesGreen10" | "scalesGreen11" | "scalesGreen12" | "scalesGreen2" | "scalesGreen3" | "scalesGreen4" | "scalesGreen5" | "scalesGreen6" | "scalesGreen7" | "scalesGreen8" | "scalesGreen9" | "scalesRed1" | "scalesRed10" | "scalesRed11" | "scalesRed12" | "scalesRed2" | "scalesRed3" | "scalesRed4" | "scalesRed5" | "scalesRed6" | "scalesRed7" | "scalesRed8" | "scalesRed9" | "scalesYellow1" | "scalesYellow10" | "scalesYellow11" | "scalesYellow12" | "scalesYellow2" | "scalesYellow3" | "scalesYellow4" | "scalesYellow5" | "scalesYellow6" | "scalesYellow7" | "scalesYellow8" | "scalesYellow9" | "semanticGhostBaseBg" | "semanticGhostBaseBorder" | "semanticGhostBaseColor" | "semanticGhostBaseDisabledBg" | "semanticGhostBaseDisabledBorder" | "semanticGhostBaseDisabledColor" | "semanticGhostBaseDisabledIcon" | "semanticGhostBaseFocus" | "semanticGhostBaseHoverBg" | "semanticGhostBaseHoverBorder" | "semanticGhostBaseHoverColor" | "semanticGhostBaseHoverIcon" | "semanticGhostBaseIcon" | "semanticGhostErrorBg" | "semanticGhostErrorBorder" | "semanticGhostErrorColor" | "semanticGhostErrorDisabledBg" | "semanticGhostErrorDisabledBorder" | "semanticGhostErrorDisabledColor" | "semanticGhostErrorDisabledIcon" | "semanticGhostErrorFocus" | "semanticGhostErrorHoverBg" | "semanticGhostErrorHoverBorder" | "semanticGhostErrorHoverColor" | "semanticGhostErrorHoverIcon" | "semanticGhostErrorIcon" | "semanticGhostInfoBg" | "semanticGhostInfoBorder" | "semanticGhostInfoColor" | "semanticGhostInfoDisabledBg" | "semanticGhostInfoDisabledBorder" | "semanticGhostInfoDisabledColor" | "semanticGhostInfoDisabledIcon" | "semanticGhostInfoFocus" | "semanticGhostInfoHoverBg" | "semanticGhostInfoHoverBorder" | "semanticGhostInfoHoverColor" | "semanticGhostInfoHoverIcon" | "semanticGhostInfoIcon" | "semanticGhostPrimaryBg" | "semanticGhostPrimaryBorder" | "semanticGhostPrimaryColor" | "semanticGhostPrimaryDisabledBg" | "semanticGhostPrimaryDisabledBorder" | "semanticGhostPrimaryDisabledColor" | "semanticGhostPrimaryDisabledIcon" | "semanticGhostPrimaryFocus" | "semanticGhostPrimaryHoverBg" | "semanticGhostPrimaryHoverBorder" | "semanticGhostPrimaryHoverColor" | "semanticGhostPrimaryHoverIcon" | "semanticGhostPrimaryIcon" | "semanticGhostSecondaryBg" | "semanticGhostSecondaryBorder" | "semanticGhostSecondaryColor" | "semanticGhostSecondaryDisabledBg" | "semanticGhostSecondaryDisabledBorder" | "semanticGhostSecondaryDisabledColor" | "semanticGhostSecondaryDisabledIcon" | "semanticGhostSecondaryFocus" | "semanticGhostSecondaryHoverBg" | "semanticGhostSecondaryHoverBorder" | "semanticGhostSecondaryHoverColor" | "semanticGhostSecondaryHoverIcon" | "semanticGhostSecondaryIcon" | "semanticGhostSuccessBg" | "semanticGhostSuccessBorder" | "semanticGhostSuccessColor" | "semanticGhostSuccessDisabledBg" | "semanticGhostSuccessDisabledBorder" | "semanticGhostSuccessDisabledColor" | "semanticGhostSuccessDisabledIcon" | "semanticGhostSuccessFocus" | "semanticGhostSuccessHoverBg" | "semanticGhostSuccessHoverBorder" | "semanticGhostSuccessHoverColor" | "semanticGhostSuccessHoverIcon" | "semanticGhostSuccessIcon" | "semanticGhostWarningBg" | "semanticGhostWarningBorder" | "semanticGhostWarningColor" | "semanticGhostWarningDisabledBg" | "semanticGhostWarningDisabledBorder" | "semanticGhostWarningDisabledColor" | "semanticGhostWarningDisabledIcon" | "semanticGhostWarningFocus" | "semanticGhostWarningHoverBg" | "semanticGhostWarningHoverBorder" | "semanticGhostWarningHoverColor" | "semanticGhostWarningHoverIcon" | "semanticGhostWarningIcon" | "semanticLinkBaseBg" | "semanticLinkBaseBorder" | "semanticLinkBaseColor" | "semanticLinkBaseDisabledBg" | "semanticLinkBaseDisabledBorder" | "semanticLinkBaseDisabledColor" | "semanticLinkBaseDisabledIcon" | "semanticLinkBaseFocus" | "semanticLinkBaseHoverBg" | "semanticLinkBaseHoverBorder" | "semanticLinkBaseHoverColor" | "semanticLinkBaseHoverIcon" | "semanticLinkBaseIcon" | "semanticLinkErrorBg" | "semanticLinkErrorBorder" | "semanticLinkErrorColor" | "semanticLinkErrorDisabledBg" | "semanticLinkErrorDisabledBorder" | "semanticLinkErrorDisabledColor" | "semanticLinkErrorDisabledIcon" | "semanticLinkErrorFocus" | "semanticLinkErrorHoverBg" | "semanticLinkErrorHoverBorder" | "semanticLinkErrorHoverColor" | "semanticLinkErrorHoverIcon" | "semanticLinkErrorIcon" | "semanticLinkInfoBg" | "semanticLinkInfoBorder" | "semanticLinkInfoColor" | "semanticLinkInfoDisabledBg" | "semanticLinkInfoDisabledBorder" | "semanticLinkInfoDisabledColor" | "semanticLinkInfoDisabledIcon" | "semanticLinkInfoFocus" | "semanticLinkInfoHoverBg" | "semanticLinkInfoHoverBorder" | "semanticLinkInfoHoverColor" | "semanticLinkInfoHoverIcon" | "semanticLinkInfoIcon" | "semanticLinkPrimaryBg" | "semanticLinkPrimaryBorder" | "semanticLinkPrimaryColor" | "semanticLinkPrimaryDisabledBg" | "semanticLinkPrimaryDisabledBorder" | "semanticLinkPrimaryDisabledColor" | "semanticLinkPrimaryDisabledIcon" | "semanticLinkPrimaryFocus" | "semanticLinkPrimaryHoverBg" | "semanticLinkPrimaryHoverBorder" | "semanticLinkPrimaryHoverColor" | "semanticLinkPrimaryHoverIcon" | "semanticLinkPrimaryIcon" | "semanticLinkSecondaryBg" | "semanticLinkSecondaryBorder" | "semanticLinkSecondaryColor" | "semanticLinkSecondaryDisabledBg" | "semanticLinkSecondaryDisabledBorder" | "semanticLinkSecondaryDisabledColor" | "semanticLinkSecondaryDisabledIcon" | "semanticLinkSecondaryFocus" | "semanticLinkSecondaryHoverBg" | "semanticLinkSecondaryHoverBorder" | "semanticLinkSecondaryHoverColor" | "semanticLinkSecondaryHoverIcon" | "semanticLinkSecondaryIcon" | "semanticLinkSuccessBg" | "semanticLinkSuccessBorder" | "semanticLinkSuccessColor" | "semanticLinkSuccessDisabledBg" | "semanticLinkSuccessDisabledBorder" | "semanticLinkSuccessDisabledColor" | "semanticLinkSuccessDisabledIcon" | "semanticLinkSuccessFocus" | "semanticLinkSuccessHoverBg" | "semanticLinkSuccessHoverBorder" | "semanticLinkSuccessHoverColor" | "semanticLinkSuccessHoverIcon" | "semanticLinkSuccessIcon" | "semanticLinkWarningBg" | "semanticLinkWarningBorder" | "semanticLinkWarningColor" | "semanticLinkWarningDisabledBg" | "semanticLinkWarningDisabledBorder" | "semanticLinkWarningDisabledColor" | "semanticLinkWarningDisabledIcon" | "semanticLinkWarningFocus" | "semanticLinkWarningHoverBg" | "semanticLinkWarningHoverBorder" | "semanticLinkWarningHoverColor" | "semanticLinkWarningHoverIcon" | "semanticLinkWarningIcon" | "semanticOutlinedBaseBg" | "semanticOutlinedBaseBorder" | "semanticOutlinedBaseColor" | "semanticOutlinedBaseDisabledBg" | "semanticOutlinedBaseDisabledBorder" | "semanticOutlinedBaseDisabledColor" | "semanticOutlinedBaseDisabledIcon" | "semanticOutlinedBaseFocus" | "semanticOutlinedBaseHoverBg" | "semanticOutlinedBaseHoverBorder" | "semanticOutlinedBaseHoverColor" | "semanticOutlinedBaseHoverIcon" | "semanticOutlinedBaseIcon" | "semanticOutlinedErrorBg" | "semanticOutlinedErrorBorder" | "semanticOutlinedErrorColor" | "semanticOutlinedErrorDisabledBg" | "semanticOutlinedErrorDisabledBorder" | "semanticOutlinedErrorDisabledColor" | "semanticOutlinedErrorDisabledIcon" | "semanticOutlinedErrorFocus" | "semanticOutlinedErrorHoverBg" | "semanticOutlinedErrorHoverBorder" | "semanticOutlinedErrorHoverColor" | "semanticOutlinedErrorHoverIcon" | "semanticOutlinedErrorIcon" | "semanticOutlinedInfoBg" | "semanticOutlinedInfoBorder" | "semanticOutlinedInfoColor" | "semanticOutlinedInfoDisabledBg" | "semanticOutlinedInfoDisabledBorder" | "semanticOutlinedInfoDisabledColor" | "semanticOutlinedInfoDisabledIcon" | "semanticOutlinedInfoFocus" | "semanticOutlinedInfoHoverBg" | "semanticOutlinedInfoHoverBorder" | "semanticOutlinedInfoHoverColor" | "semanticOutlinedInfoHoverIcon" | "semanticOutlinedInfoIcon" | "semanticOutlinedPrimaryBg" | "semanticOutlinedPrimaryBorder" | "semanticOutlinedPrimaryColor" | "semanticOutlinedPrimaryDisabledBg" | "semanticOutlinedPrimaryDisabledBorder" | "semanticOutlinedPrimaryDisabledColor" | "semanticOutlinedPrimaryDisabledIcon" | "semanticOutlinedPrimaryFocus" | "semanticOutlinedPrimaryHoverBg" | "semanticOutlinedPrimaryHoverBorder" | "semanticOutlinedPrimaryHoverColor" | "semanticOutlinedPrimaryHoverIcon" | "semanticOutlinedPrimaryIcon" | "semanticOutlinedSecondaryBg" | "semanticOutlinedSecondaryBorder" | "semanticOutlinedSecondaryColor" | "semanticOutlinedSecondaryDisabledBg" | "semanticOutlinedSecondaryDisabledBorder" | "semanticOutlinedSecondaryDisabledColor" | "semanticOutlinedSecondaryDisabledIcon" | "semanticOutlinedSecondaryFocus" | "semanticOutlinedSecondaryHoverBg" | "semanticOutlinedSecondaryHoverBorder" | "semanticOutlinedSecondaryHoverColor" | "semanticOutlinedSecondaryHoverIcon" | "semanticOutlinedSecondaryIcon" | "semanticOutlinedSuccessBg" | "semanticOutlinedSuccessBorder" | "semanticOutlinedSuccessColor" | "semanticOutlinedSuccessDisabledBg" | "semanticOutlinedSuccessDisabledBorder" | "semanticOutlinedSuccessDisabledColor" | "semanticOutlinedSuccessDisabledIcon" | "semanticOutlinedSuccessFocus" | "semanticOutlinedSuccessHoverBg" | "semanticOutlinedSuccessHoverBorder" | "semanticOutlinedSuccessHoverColor" | "semanticOutlinedSuccessHoverIcon" | "semanticOutlinedSuccessIcon" | "semanticOutlinedWarningBg" | "semanticOutlinedWarningBorder" | "semanticOutlinedWarningColor" | "semanticOutlinedWarningDisabledBg" | "semanticOutlinedWarningDisabledBorder" | "semanticOutlinedWarningDisabledColor" | "semanticOutlinedWarningDisabledIcon" | "semanticOutlinedWarningFocus" | "semanticOutlinedWarningHoverBg" | "semanticOutlinedWarningHoverBorder" | "semanticOutlinedWarningHoverColor" | "semanticOutlinedWarningHoverIcon" | "semanticOutlinedWarningIcon" | "semanticSolidBaseBg" | "semanticSolidBaseBorder" | "semanticSolidBaseColor" | "semanticSolidBaseDisabledBg" | "semanticSolidBaseDisabledBorder" | "semanticSolidBaseDisabledColor" | "semanticSolidBaseDisabledIcon" | "semanticSolidBaseFocus" | "semanticSolidBaseHoverBg" | "semanticSolidBaseHoverBorder" | "semanticSolidBaseHoverColor" | "semanticSolidBaseHoverIcon" | "semanticSolidBaseIcon" | "semanticSolidErrorBg" | "semanticSolidErrorBorder" | "semanticSolidErrorColor" | "semanticSolidErrorDisabledBg" | "semanticSolidErrorDisabledBorder" | "semanticSolidErrorDisabledColor" | "semanticSolidErrorDisabledIcon" | "semanticSolidErrorFocus" | "semanticSolidErrorHoverBg" | "semanticSolidErrorHoverBorder" | "semanticSolidErrorHoverColor" | "semanticSolidErrorHoverIcon" | "semanticSolidErrorIcon" | "semanticSolidInfoBg" | "semanticSolidInfoBorder" | "semanticSolidInfoColor" | "semanticSolidInfoDisabledBg" | "semanticSolidInfoDisabledBorder" | "semanticSolidInfoDisabledColor" | "semanticSolidInfoDisabledIcon" | "semanticSolidInfoFocus" | "semanticSolidInfoHoverBg" | "semanticSolidInfoHoverBorder" | "semanticSolidInfoHoverColor" | "semanticSolidInfoHoverIcon" | "semanticSolidInfoIcon" | "semanticSolidPrimaryBg" | "semanticSolidPrimaryBorder" | "semanticSolidPrimaryColor" | "semanticSolidPrimaryDisabledBg" | "semanticSolidPrimaryDisabledBorder" | "semanticSolidPrimaryDisabledColor" | "semanticSolidPrimaryDisabledIcon" | "semanticSolidPrimaryFocus" | "semanticSolidPrimaryHoverBg" | "semanticSolidPrimaryHoverBorder" | "semanticSolidPrimaryHoverColor" | "semanticSolidPrimaryHoverIcon" | "semanticSolidPrimaryIcon" | "semanticSolidSecondaryBg" | "semanticSolidSecondaryBorder" | "semanticSolidSecondaryColor" | "semanticSolidSecondaryDisabledBg" | "semanticSolidSecondaryDisabledBorder" | "semanticSolidSecondaryDisabledColor" | "semanticSolidSecondaryDisabledIcon" | "semanticSolidSecondaryFocus" | "semanticSolidSecondaryHoverBg" | "semanticSolidSecondaryHoverBorder" | "semanticSolidSecondaryHoverColor" | "semanticSolidSecondaryHoverIcon" | "semanticSolidSecondaryIcon" | "semanticSolidSuccessBg" | "semanticSolidSuccessBorder" | "semanticSolidSuccessColor" | "semanticSolidSuccessDisabledBg" | "semanticSolidSuccessDisabledBorder" | "semanticSolidSuccessDisabledColor" | "semanticSolidSuccessDisabledIcon" | "semanticSolidSuccessFocus" | "semanticSolidSuccessHoverBg" | "semanticSolidSuccessHoverBorder" | "semanticSolidSuccessHoverColor" | "semanticSolidSuccessHoverIcon" | "semanticSolidSuccessIcon" | "semanticSolidWarningBg" | "semanticSolidWarningBorder" | "semanticSolidWarningColor" | "semanticSolidWarningDisabledBg" | "semanticSolidWarningDisabledBorder" | "semanticSolidWarningDisabledColor" | "semanticSolidWarningDisabledIcon" | "semanticSolidWarningFocus" | "semanticSolidWarningHoverBg" | "semanticSolidWarningHoverBorder" | "semanticSolidWarningHoverColor" | "semanticSolidWarningHoverIcon" | "semanticSolidWarningIcon" | "textActive" | "textColor" | "textHeading" | "textIcon" | "textInverse" | "textLink" | "textLinkActive" | "textLinkDisabled" | "textLinkHover" | "textLinkVisited" | "textMuted" | "textSubtext" | "white" | "whiteA1" | "whiteA10" | "whiteA11" | "whiteA12" | "whiteA2" | "whiteA3" | "whiteA4" | "whiteA5" | "whiteA6" | "whiteA7" | "whiteA8" | "whiteA9" | "current" | undefined;
        leftIcon?: string | number | boolean | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | react.ReactPortal | null | undefined;
        rightIcon?: string | number | boolean | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | react.ReactPortal | null | undefined;
        leftIconAriaLabel?: string | undefined;
        rightIconAriaLabel?: string | undefined;
    } & react.RefAttributes<any>> & {
        id: string;
    };
    ErrorMessage: react.ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: react.ReactNode;
    } & react.HTMLAttributes<HTMLParagraphElement> & {
        fontSize?: _fuel_ui_css.TextSizes | undefined;
        color?: "transparent" | "inherit" | "gray1" | "gray2" | "gray3" | "gray4" | "gray5" | "gray6" | "gray7" | "gray8" | "gray9" | "gray10" | "gray11" | "gray12" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "accent10" | "accent11" | "accent12" | "crimson1" | "crimson2" | "crimson3" | "crimson4" | "crimson5" | "crimson6" | "crimson7" | "crimson8" | "crimson9" | "crimson10" | "crimson11" | "crimson12" | "indigo1" | "indigo2" | "indigo3" | "indigo4" | "indigo5" | "indigo6" | "indigo7" | "indigo8" | "indigo9" | "indigo10" | "indigo11" | "indigo12" | "yellow1" | "yellow2" | "yellow3" | "yellow4" | "yellow5" | "yellow6" | "yellow7" | "yellow8" | "yellow9" | "yellow10" | "yellow11" | "yellow12" | "bodyColor" | "black" | "blackA1" | "blackA10" | "blackA11" | "blackA12" | "blackA2" | "blackA3" | "blackA4" | "blackA5" | "blackA6" | "blackA7" | "blackA8" | "blackA9" | "bodyBg" | "bodyInverse" | "border" | "borderHover" | "brand" | "cardBg" | "cardBorder" | "dialogBg" | "inputActiveBg" | "inputActiveBorder" | "inputActiveColor" | "inputActiveFocus" | "inputActiveIcon" | "inputActivePlaceholder" | "inputBaseBg" | "inputBaseBorder" | "inputBaseColor" | "inputBaseFocus" | "inputBaseIcon" | "inputBasePlaceholder" | "inputDisabledBg" | "inputDisabledBorder" | "inputDisabledColor" | "inputDisabledFocus" | "inputDisabledIcon" | "inputDisabledPlaceholder" | "inputErrorBg" | "inputErrorBorder" | "inputErrorColor" | "inputErrorFocus" | "inputErrorIcon" | "inputErrorPlaceholder" | "inputSuccessBg" | "inputSuccessBorder" | "inputSuccessColor" | "inputSuccessFocus" | "inputSuccessIcon" | "inputSuccessPlaceholder" | "inputBg" | "intentsBase1" | "intentsBase10" | "intentsBase11" | "intentsBase12" | "intentsBase2" | "intentsBase3" | "intentsBase4" | "intentsBase5" | "intentsBase6" | "intentsBase7" | "intentsBase8" | "intentsBase9" | "intentsError1" | "intentsError10" | "intentsError11" | "intentsError12" | "intentsError2" | "intentsError3" | "intentsError4" | "intentsError5" | "intentsError6" | "intentsError7" | "intentsError8" | "intentsError9" | "intentsInfo1" | "intentsInfo10" | "intentsInfo11" | "intentsInfo12" | "intentsInfo2" | "intentsInfo3" | "intentsInfo4" | "intentsInfo5" | "intentsInfo6" | "intentsInfo7" | "intentsInfo8" | "intentsInfo9" | "intentsPrimary1" | "intentsPrimary10" | "intentsPrimary11" | "intentsPrimary12" | "intentsPrimary2" | "intentsPrimary3" | "intentsPrimary4" | "intentsPrimary5" | "intentsPrimary6" | "intentsPrimary7" | "intentsPrimary8" | "intentsPrimary9" | "intentsSecondary1" | "intentsSecondary10" | "intentsSecondary11" | "intentsSecondary12" | "intentsSecondary2" | "intentsSecondary3" | "intentsSecondary4" | "intentsSecondary5" | "intentsSecondary6" | "intentsSecondary7" | "intentsSecondary8" | "intentsSecondary9" | "intentsSuccess1" | "intentsSuccess10" | "intentsSuccess11" | "intentsSuccess12" | "intentsSuccess2" | "intentsSuccess3" | "intentsSuccess4" | "intentsSuccess5" | "intentsSuccess6" | "intentsSuccess7" | "intentsSuccess8" | "intentsSuccess9" | "intentsWarning1" | "intentsWarning10" | "intentsWarning11" | "intentsWarning12" | "intentsWarning2" | "intentsWarning3" | "intentsWarning4" | "intentsWarning5" | "intentsWarning6" | "intentsWarning7" | "intentsWarning8" | "intentsWarning9" | "inverseA1" | "inverseA10" | "inverseA11" | "inverseA12" | "inverseA2" | "inverseA3" | "inverseA4" | "inverseA5" | "inverseA6" | "inverseA7" | "inverseA8" | "inverseA9" | "overlayBg" | "overlayText" | "scalesBlue1" | "scalesBlue10" | "scalesBlue11" | "scalesBlue12" | "scalesBlue2" | "scalesBlue3" | "scalesBlue4" | "scalesBlue5" | "scalesBlue6" | "scalesBlue7" | "scalesBlue8" | "scalesBlue9" | "scalesGray1" | "scalesGray10" | "scalesGray11" | "scalesGray12" | "scalesGray2" | "scalesGray3" | "scalesGray4" | "scalesGray5" | "scalesGray6" | "scalesGray7" | "scalesGray8" | "scalesGray9" | "scalesGreen1" | "scalesGreen10" | "scalesGreen11" | "scalesGreen12" | "scalesGreen2" | "scalesGreen3" | "scalesGreen4" | "scalesGreen5" | "scalesGreen6" | "scalesGreen7" | "scalesGreen8" | "scalesGreen9" | "scalesRed1" | "scalesRed10" | "scalesRed11" | "scalesRed12" | "scalesRed2" | "scalesRed3" | "scalesRed4" | "scalesRed5" | "scalesRed6" | "scalesRed7" | "scalesRed8" | "scalesRed9" | "scalesYellow1" | "scalesYellow10" | "scalesYellow11" | "scalesYellow12" | "scalesYellow2" | "scalesYellow3" | "scalesYellow4" | "scalesYellow5" | "scalesYellow6" | "scalesYellow7" | "scalesYellow8" | "scalesYellow9" | "semanticGhostBaseBg" | "semanticGhostBaseBorder" | "semanticGhostBaseColor" | "semanticGhostBaseDisabledBg" | "semanticGhostBaseDisabledBorder" | "semanticGhostBaseDisabledColor" | "semanticGhostBaseDisabledIcon" | "semanticGhostBaseFocus" | "semanticGhostBaseHoverBg" | "semanticGhostBaseHoverBorder" | "semanticGhostBaseHoverColor" | "semanticGhostBaseHoverIcon" | "semanticGhostBaseIcon" | "semanticGhostErrorBg" | "semanticGhostErrorBorder" | "semanticGhostErrorColor" | "semanticGhostErrorDisabledBg" | "semanticGhostErrorDisabledBorder" | "semanticGhostErrorDisabledColor" | "semanticGhostErrorDisabledIcon" | "semanticGhostErrorFocus" | "semanticGhostErrorHoverBg" | "semanticGhostErrorHoverBorder" | "semanticGhostErrorHoverColor" | "semanticGhostErrorHoverIcon" | "semanticGhostErrorIcon" | "semanticGhostInfoBg" | "semanticGhostInfoBorder" | "semanticGhostInfoColor" | "semanticGhostInfoDisabledBg" | "semanticGhostInfoDisabledBorder" | "semanticGhostInfoDisabledColor" | "semanticGhostInfoDisabledIcon" | "semanticGhostInfoFocus" | "semanticGhostInfoHoverBg" | "semanticGhostInfoHoverBorder" | "semanticGhostInfoHoverColor" | "semanticGhostInfoHoverIcon" | "semanticGhostInfoIcon" | "semanticGhostPrimaryBg" | "semanticGhostPrimaryBorder" | "semanticGhostPrimaryColor" | "semanticGhostPrimaryDisabledBg" | "semanticGhostPrimaryDisabledBorder" | "semanticGhostPrimaryDisabledColor" | "semanticGhostPrimaryDisabledIcon" | "semanticGhostPrimaryFocus" | "semanticGhostPrimaryHoverBg" | "semanticGhostPrimaryHoverBorder" | "semanticGhostPrimaryHoverColor" | "semanticGhostPrimaryHoverIcon" | "semanticGhostPrimaryIcon" | "semanticGhostSecondaryBg" | "semanticGhostSecondaryBorder" | "semanticGhostSecondaryColor" | "semanticGhostSecondaryDisabledBg" | "semanticGhostSecondaryDisabledBorder" | "semanticGhostSecondaryDisabledColor" | "semanticGhostSecondaryDisabledIcon" | "semanticGhostSecondaryFocus" | "semanticGhostSecondaryHoverBg" | "semanticGhostSecondaryHoverBorder" | "semanticGhostSecondaryHoverColor" | "semanticGhostSecondaryHoverIcon" | "semanticGhostSecondaryIcon" | "semanticGhostSuccessBg" | "semanticGhostSuccessBorder" | "semanticGhostSuccessColor" | "semanticGhostSuccessDisabledBg" | "semanticGhostSuccessDisabledBorder" | "semanticGhostSuccessDisabledColor" | "semanticGhostSuccessDisabledIcon" | "semanticGhostSuccessFocus" | "semanticGhostSuccessHoverBg" | "semanticGhostSuccessHoverBorder" | "semanticGhostSuccessHoverColor" | "semanticGhostSuccessHoverIcon" | "semanticGhostSuccessIcon" | "semanticGhostWarningBg" | "semanticGhostWarningBorder" | "semanticGhostWarningColor" | "semanticGhostWarningDisabledBg" | "semanticGhostWarningDisabledBorder" | "semanticGhostWarningDisabledColor" | "semanticGhostWarningDisabledIcon" | "semanticGhostWarningFocus" | "semanticGhostWarningHoverBg" | "semanticGhostWarningHoverBorder" | "semanticGhostWarningHoverColor" | "semanticGhostWarningHoverIcon" | "semanticGhostWarningIcon" | "semanticLinkBaseBg" | "semanticLinkBaseBorder" | "semanticLinkBaseColor" | "semanticLinkBaseDisabledBg" | "semanticLinkBaseDisabledBorder" | "semanticLinkBaseDisabledColor" | "semanticLinkBaseDisabledIcon" | "semanticLinkBaseFocus" | "semanticLinkBaseHoverBg" | "semanticLinkBaseHoverBorder" | "semanticLinkBaseHoverColor" | "semanticLinkBaseHoverIcon" | "semanticLinkBaseIcon" | "semanticLinkErrorBg" | "semanticLinkErrorBorder" | "semanticLinkErrorColor" | "semanticLinkErrorDisabledBg" | "semanticLinkErrorDisabledBorder" | "semanticLinkErrorDisabledColor" | "semanticLinkErrorDisabledIcon" | "semanticLinkErrorFocus" | "semanticLinkErrorHoverBg" | "semanticLinkErrorHoverBorder" | "semanticLinkErrorHoverColor" | "semanticLinkErrorHoverIcon" | "semanticLinkErrorIcon" | "semanticLinkInfoBg" | "semanticLinkInfoBorder" | "semanticLinkInfoColor" | "semanticLinkInfoDisabledBg" | "semanticLinkInfoDisabledBorder" | "semanticLinkInfoDisabledColor" | "semanticLinkInfoDisabledIcon" | "semanticLinkInfoFocus" | "semanticLinkInfoHoverBg" | "semanticLinkInfoHoverBorder" | "semanticLinkInfoHoverColor" | "semanticLinkInfoHoverIcon" | "semanticLinkInfoIcon" | "semanticLinkPrimaryBg" | "semanticLinkPrimaryBorder" | "semanticLinkPrimaryColor" | "semanticLinkPrimaryDisabledBg" | "semanticLinkPrimaryDisabledBorder" | "semanticLinkPrimaryDisabledColor" | "semanticLinkPrimaryDisabledIcon" | "semanticLinkPrimaryFocus" | "semanticLinkPrimaryHoverBg" | "semanticLinkPrimaryHoverBorder" | "semanticLinkPrimaryHoverColor" | "semanticLinkPrimaryHoverIcon" | "semanticLinkPrimaryIcon" | "semanticLinkSecondaryBg" | "semanticLinkSecondaryBorder" | "semanticLinkSecondaryColor" | "semanticLinkSecondaryDisabledBg" | "semanticLinkSecondaryDisabledBorder" | "semanticLinkSecondaryDisabledColor" | "semanticLinkSecondaryDisabledIcon" | "semanticLinkSecondaryFocus" | "semanticLinkSecondaryHoverBg" | "semanticLinkSecondaryHoverBorder" | "semanticLinkSecondaryHoverColor" | "semanticLinkSecondaryHoverIcon" | "semanticLinkSecondaryIcon" | "semanticLinkSuccessBg" | "semanticLinkSuccessBorder" | "semanticLinkSuccessColor" | "semanticLinkSuccessDisabledBg" | "semanticLinkSuccessDisabledBorder" | "semanticLinkSuccessDisabledColor" | "semanticLinkSuccessDisabledIcon" | "semanticLinkSuccessFocus" | "semanticLinkSuccessHoverBg" | "semanticLinkSuccessHoverBorder" | "semanticLinkSuccessHoverColor" | "semanticLinkSuccessHoverIcon" | "semanticLinkSuccessIcon" | "semanticLinkWarningBg" | "semanticLinkWarningBorder" | "semanticLinkWarningColor" | "semanticLinkWarningDisabledBg" | "semanticLinkWarningDisabledBorder" | "semanticLinkWarningDisabledColor" | "semanticLinkWarningDisabledIcon" | "semanticLinkWarningFocus" | "semanticLinkWarningHoverBg" | "semanticLinkWarningHoverBorder" | "semanticLinkWarningHoverColor" | "semanticLinkWarningHoverIcon" | "semanticLinkWarningIcon" | "semanticOutlinedBaseBg" | "semanticOutlinedBaseBorder" | "semanticOutlinedBaseColor" | "semanticOutlinedBaseDisabledBg" | "semanticOutlinedBaseDisabledBorder" | "semanticOutlinedBaseDisabledColor" | "semanticOutlinedBaseDisabledIcon" | "semanticOutlinedBaseFocus" | "semanticOutlinedBaseHoverBg" | "semanticOutlinedBaseHoverBorder" | "semanticOutlinedBaseHoverColor" | "semanticOutlinedBaseHoverIcon" | "semanticOutlinedBaseIcon" | "semanticOutlinedErrorBg" | "semanticOutlinedErrorBorder" | "semanticOutlinedErrorColor" | "semanticOutlinedErrorDisabledBg" | "semanticOutlinedErrorDisabledBorder" | "semanticOutlinedErrorDisabledColor" | "semanticOutlinedErrorDisabledIcon" | "semanticOutlinedErrorFocus" | "semanticOutlinedErrorHoverBg" | "semanticOutlinedErrorHoverBorder" | "semanticOutlinedErrorHoverColor" | "semanticOutlinedErrorHoverIcon" | "semanticOutlinedErrorIcon" | "semanticOutlinedInfoBg" | "semanticOutlinedInfoBorder" | "semanticOutlinedInfoColor" | "semanticOutlinedInfoDisabledBg" | "semanticOutlinedInfoDisabledBorder" | "semanticOutlinedInfoDisabledColor" | "semanticOutlinedInfoDisabledIcon" | "semanticOutlinedInfoFocus" | "semanticOutlinedInfoHoverBg" | "semanticOutlinedInfoHoverBorder" | "semanticOutlinedInfoHoverColor" | "semanticOutlinedInfoHoverIcon" | "semanticOutlinedInfoIcon" | "semanticOutlinedPrimaryBg" | "semanticOutlinedPrimaryBorder" | "semanticOutlinedPrimaryColor" | "semanticOutlinedPrimaryDisabledBg" | "semanticOutlinedPrimaryDisabledBorder" | "semanticOutlinedPrimaryDisabledColor" | "semanticOutlinedPrimaryDisabledIcon" | "semanticOutlinedPrimaryFocus" | "semanticOutlinedPrimaryHoverBg" | "semanticOutlinedPrimaryHoverBorder" | "semanticOutlinedPrimaryHoverColor" | "semanticOutlinedPrimaryHoverIcon" | "semanticOutlinedPrimaryIcon" | "semanticOutlinedSecondaryBg" | "semanticOutlinedSecondaryBorder" | "semanticOutlinedSecondaryColor" | "semanticOutlinedSecondaryDisabledBg" | "semanticOutlinedSecondaryDisabledBorder" | "semanticOutlinedSecondaryDisabledColor" | "semanticOutlinedSecondaryDisabledIcon" | "semanticOutlinedSecondaryFocus" | "semanticOutlinedSecondaryHoverBg" | "semanticOutlinedSecondaryHoverBorder" | "semanticOutlinedSecondaryHoverColor" | "semanticOutlinedSecondaryHoverIcon" | "semanticOutlinedSecondaryIcon" | "semanticOutlinedSuccessBg" | "semanticOutlinedSuccessBorder" | "semanticOutlinedSuccessColor" | "semanticOutlinedSuccessDisabledBg" | "semanticOutlinedSuccessDisabledBorder" | "semanticOutlinedSuccessDisabledColor" | "semanticOutlinedSuccessDisabledIcon" | "semanticOutlinedSuccessFocus" | "semanticOutlinedSuccessHoverBg" | "semanticOutlinedSuccessHoverBorder" | "semanticOutlinedSuccessHoverColor" | "semanticOutlinedSuccessHoverIcon" | "semanticOutlinedSuccessIcon" | "semanticOutlinedWarningBg" | "semanticOutlinedWarningBorder" | "semanticOutlinedWarningColor" | "semanticOutlinedWarningDisabledBg" | "semanticOutlinedWarningDisabledBorder" | "semanticOutlinedWarningDisabledColor" | "semanticOutlinedWarningDisabledIcon" | "semanticOutlinedWarningFocus" | "semanticOutlinedWarningHoverBg" | "semanticOutlinedWarningHoverBorder" | "semanticOutlinedWarningHoverColor" | "semanticOutlinedWarningHoverIcon" | "semanticOutlinedWarningIcon" | "semanticSolidBaseBg" | "semanticSolidBaseBorder" | "semanticSolidBaseColor" | "semanticSolidBaseDisabledBg" | "semanticSolidBaseDisabledBorder" | "semanticSolidBaseDisabledColor" | "semanticSolidBaseDisabledIcon" | "semanticSolidBaseFocus" | "semanticSolidBaseHoverBg" | "semanticSolidBaseHoverBorder" | "semanticSolidBaseHoverColor" | "semanticSolidBaseHoverIcon" | "semanticSolidBaseIcon" | "semanticSolidErrorBg" | "semanticSolidErrorBorder" | "semanticSolidErrorColor" | "semanticSolidErrorDisabledBg" | "semanticSolidErrorDisabledBorder" | "semanticSolidErrorDisabledColor" | "semanticSolidErrorDisabledIcon" | "semanticSolidErrorFocus" | "semanticSolidErrorHoverBg" | "semanticSolidErrorHoverBorder" | "semanticSolidErrorHoverColor" | "semanticSolidErrorHoverIcon" | "semanticSolidErrorIcon" | "semanticSolidInfoBg" | "semanticSolidInfoBorder" | "semanticSolidInfoColor" | "semanticSolidInfoDisabledBg" | "semanticSolidInfoDisabledBorder" | "semanticSolidInfoDisabledColor" | "semanticSolidInfoDisabledIcon" | "semanticSolidInfoFocus" | "semanticSolidInfoHoverBg" | "semanticSolidInfoHoverBorder" | "semanticSolidInfoHoverColor" | "semanticSolidInfoHoverIcon" | "semanticSolidInfoIcon" | "semanticSolidPrimaryBg" | "semanticSolidPrimaryBorder" | "semanticSolidPrimaryColor" | "semanticSolidPrimaryDisabledBg" | "semanticSolidPrimaryDisabledBorder" | "semanticSolidPrimaryDisabledColor" | "semanticSolidPrimaryDisabledIcon" | "semanticSolidPrimaryFocus" | "semanticSolidPrimaryHoverBg" | "semanticSolidPrimaryHoverBorder" | "semanticSolidPrimaryHoverColor" | "semanticSolidPrimaryHoverIcon" | "semanticSolidPrimaryIcon" | "semanticSolidSecondaryBg" | "semanticSolidSecondaryBorder" | "semanticSolidSecondaryColor" | "semanticSolidSecondaryDisabledBg" | "semanticSolidSecondaryDisabledBorder" | "semanticSolidSecondaryDisabledColor" | "semanticSolidSecondaryDisabledIcon" | "semanticSolidSecondaryFocus" | "semanticSolidSecondaryHoverBg" | "semanticSolidSecondaryHoverBorder" | "semanticSolidSecondaryHoverColor" | "semanticSolidSecondaryHoverIcon" | "semanticSolidSecondaryIcon" | "semanticSolidSuccessBg" | "semanticSolidSuccessBorder" | "semanticSolidSuccessColor" | "semanticSolidSuccessDisabledBg" | "semanticSolidSuccessDisabledBorder" | "semanticSolidSuccessDisabledColor" | "semanticSolidSuccessDisabledIcon" | "semanticSolidSuccessFocus" | "semanticSolidSuccessHoverBg" | "semanticSolidSuccessHoverBorder" | "semanticSolidSuccessHoverColor" | "semanticSolidSuccessHoverIcon" | "semanticSolidSuccessIcon" | "semanticSolidWarningBg" | "semanticSolidWarningBorder" | "semanticSolidWarningColor" | "semanticSolidWarningDisabledBg" | "semanticSolidWarningDisabledBorder" | "semanticSolidWarningDisabledColor" | "semanticSolidWarningDisabledIcon" | "semanticSolidWarningFocus" | "semanticSolidWarningHoverBg" | "semanticSolidWarningHoverBorder" | "semanticSolidWarningHoverColor" | "semanticSolidWarningHoverIcon" | "semanticSolidWarningIcon" | "textActive" | "textColor" | "textHeading" | "textIcon" | "textInverse" | "textLink" | "textLinkActive" | "textLinkDisabled" | "textLinkHover" | "textLinkVisited" | "textMuted" | "textSubtext" | "white" | "whiteA1" | "whiteA10" | "whiteA11" | "whiteA12" | "whiteA2" | "whiteA3" | "whiteA4" | "whiteA5" | "whiteA6" | "whiteA7" | "whiteA8" | "whiteA9" | "current" | undefined;
        iconSize?: number | undefined;
        iconColor?: "transparent" | "inherit" | "gray1" | "gray2" | "gray3" | "gray4" | "gray5" | "gray6" | "gray7" | "gray8" | "gray9" | "gray10" | "gray11" | "gray12" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "accent10" | "accent11" | "accent12" | "crimson1" | "crimson2" | "crimson3" | "crimson4" | "crimson5" | "crimson6" | "crimson7" | "crimson8" | "crimson9" | "crimson10" | "crimson11" | "crimson12" | "indigo1" | "indigo2" | "indigo3" | "indigo4" | "indigo5" | "indigo6" | "indigo7" | "indigo8" | "indigo9" | "indigo10" | "indigo11" | "indigo12" | "yellow1" | "yellow2" | "yellow3" | "yellow4" | "yellow5" | "yellow6" | "yellow7" | "yellow8" | "yellow9" | "yellow10" | "yellow11" | "yellow12" | "bodyColor" | "black" | "blackA1" | "blackA10" | "blackA11" | "blackA12" | "blackA2" | "blackA3" | "blackA4" | "blackA5" | "blackA6" | "blackA7" | "blackA8" | "blackA9" | "bodyBg" | "bodyInverse" | "border" | "borderHover" | "brand" | "cardBg" | "cardBorder" | "dialogBg" | "inputActiveBg" | "inputActiveBorder" | "inputActiveColor" | "inputActiveFocus" | "inputActiveIcon" | "inputActivePlaceholder" | "inputBaseBg" | "inputBaseBorder" | "inputBaseColor" | "inputBaseFocus" | "inputBaseIcon" | "inputBasePlaceholder" | "inputDisabledBg" | "inputDisabledBorder" | "inputDisabledColor" | "inputDisabledFocus" | "inputDisabledIcon" | "inputDisabledPlaceholder" | "inputErrorBg" | "inputErrorBorder" | "inputErrorColor" | "inputErrorFocus" | "inputErrorIcon" | "inputErrorPlaceholder" | "inputSuccessBg" | "inputSuccessBorder" | "inputSuccessColor" | "inputSuccessFocus" | "inputSuccessIcon" | "inputSuccessPlaceholder" | "inputBg" | "intentsBase1" | "intentsBase10" | "intentsBase11" | "intentsBase12" | "intentsBase2" | "intentsBase3" | "intentsBase4" | "intentsBase5" | "intentsBase6" | "intentsBase7" | "intentsBase8" | "intentsBase9" | "intentsError1" | "intentsError10" | "intentsError11" | "intentsError12" | "intentsError2" | "intentsError3" | "intentsError4" | "intentsError5" | "intentsError6" | "intentsError7" | "intentsError8" | "intentsError9" | "intentsInfo1" | "intentsInfo10" | "intentsInfo11" | "intentsInfo12" | "intentsInfo2" | "intentsInfo3" | "intentsInfo4" | "intentsInfo5" | "intentsInfo6" | "intentsInfo7" | "intentsInfo8" | "intentsInfo9" | "intentsPrimary1" | "intentsPrimary10" | "intentsPrimary11" | "intentsPrimary12" | "intentsPrimary2" | "intentsPrimary3" | "intentsPrimary4" | "intentsPrimary5" | "intentsPrimary6" | "intentsPrimary7" | "intentsPrimary8" | "intentsPrimary9" | "intentsSecondary1" | "intentsSecondary10" | "intentsSecondary11" | "intentsSecondary12" | "intentsSecondary2" | "intentsSecondary3" | "intentsSecondary4" | "intentsSecondary5" | "intentsSecondary6" | "intentsSecondary7" | "intentsSecondary8" | "intentsSecondary9" | "intentsSuccess1" | "intentsSuccess10" | "intentsSuccess11" | "intentsSuccess12" | "intentsSuccess2" | "intentsSuccess3" | "intentsSuccess4" | "intentsSuccess5" | "intentsSuccess6" | "intentsSuccess7" | "intentsSuccess8" | "intentsSuccess9" | "intentsWarning1" | "intentsWarning10" | "intentsWarning11" | "intentsWarning12" | "intentsWarning2" | "intentsWarning3" | "intentsWarning4" | "intentsWarning5" | "intentsWarning6" | "intentsWarning7" | "intentsWarning8" | "intentsWarning9" | "inverseA1" | "inverseA10" | "inverseA11" | "inverseA12" | "inverseA2" | "inverseA3" | "inverseA4" | "inverseA5" | "inverseA6" | "inverseA7" | "inverseA8" | "inverseA9" | "overlayBg" | "overlayText" | "scalesBlue1" | "scalesBlue10" | "scalesBlue11" | "scalesBlue12" | "scalesBlue2" | "scalesBlue3" | "scalesBlue4" | "scalesBlue5" | "scalesBlue6" | "scalesBlue7" | "scalesBlue8" | "scalesBlue9" | "scalesGray1" | "scalesGray10" | "scalesGray11" | "scalesGray12" | "scalesGray2" | "scalesGray3" | "scalesGray4" | "scalesGray5" | "scalesGray6" | "scalesGray7" | "scalesGray8" | "scalesGray9" | "scalesGreen1" | "scalesGreen10" | "scalesGreen11" | "scalesGreen12" | "scalesGreen2" | "scalesGreen3" | "scalesGreen4" | "scalesGreen5" | "scalesGreen6" | "scalesGreen7" | "scalesGreen8" | "scalesGreen9" | "scalesRed1" | "scalesRed10" | "scalesRed11" | "scalesRed12" | "scalesRed2" | "scalesRed3" | "scalesRed4" | "scalesRed5" | "scalesRed6" | "scalesRed7" | "scalesRed8" | "scalesRed9" | "scalesYellow1" | "scalesYellow10" | "scalesYellow11" | "scalesYellow12" | "scalesYellow2" | "scalesYellow3" | "scalesYellow4" | "scalesYellow5" | "scalesYellow6" | "scalesYellow7" | "scalesYellow8" | "scalesYellow9" | "semanticGhostBaseBg" | "semanticGhostBaseBorder" | "semanticGhostBaseColor" | "semanticGhostBaseDisabledBg" | "semanticGhostBaseDisabledBorder" | "semanticGhostBaseDisabledColor" | "semanticGhostBaseDisabledIcon" | "semanticGhostBaseFocus" | "semanticGhostBaseHoverBg" | "semanticGhostBaseHoverBorder" | "semanticGhostBaseHoverColor" | "semanticGhostBaseHoverIcon" | "semanticGhostBaseIcon" | "semanticGhostErrorBg" | "semanticGhostErrorBorder" | "semanticGhostErrorColor" | "semanticGhostErrorDisabledBg" | "semanticGhostErrorDisabledBorder" | "semanticGhostErrorDisabledColor" | "semanticGhostErrorDisabledIcon" | "semanticGhostErrorFocus" | "semanticGhostErrorHoverBg" | "semanticGhostErrorHoverBorder" | "semanticGhostErrorHoverColor" | "semanticGhostErrorHoverIcon" | "semanticGhostErrorIcon" | "semanticGhostInfoBg" | "semanticGhostInfoBorder" | "semanticGhostInfoColor" | "semanticGhostInfoDisabledBg" | "semanticGhostInfoDisabledBorder" | "semanticGhostInfoDisabledColor" | "semanticGhostInfoDisabledIcon" | "semanticGhostInfoFocus" | "semanticGhostInfoHoverBg" | "semanticGhostInfoHoverBorder" | "semanticGhostInfoHoverColor" | "semanticGhostInfoHoverIcon" | "semanticGhostInfoIcon" | "semanticGhostPrimaryBg" | "semanticGhostPrimaryBorder" | "semanticGhostPrimaryColor" | "semanticGhostPrimaryDisabledBg" | "semanticGhostPrimaryDisabledBorder" | "semanticGhostPrimaryDisabledColor" | "semanticGhostPrimaryDisabledIcon" | "semanticGhostPrimaryFocus" | "semanticGhostPrimaryHoverBg" | "semanticGhostPrimaryHoverBorder" | "semanticGhostPrimaryHoverColor" | "semanticGhostPrimaryHoverIcon" | "semanticGhostPrimaryIcon" | "semanticGhostSecondaryBg" | "semanticGhostSecondaryBorder" | "semanticGhostSecondaryColor" | "semanticGhostSecondaryDisabledBg" | "semanticGhostSecondaryDisabledBorder" | "semanticGhostSecondaryDisabledColor" | "semanticGhostSecondaryDisabledIcon" | "semanticGhostSecondaryFocus" | "semanticGhostSecondaryHoverBg" | "semanticGhostSecondaryHoverBorder" | "semanticGhostSecondaryHoverColor" | "semanticGhostSecondaryHoverIcon" | "semanticGhostSecondaryIcon" | "semanticGhostSuccessBg" | "semanticGhostSuccessBorder" | "semanticGhostSuccessColor" | "semanticGhostSuccessDisabledBg" | "semanticGhostSuccessDisabledBorder" | "semanticGhostSuccessDisabledColor" | "semanticGhostSuccessDisabledIcon" | "semanticGhostSuccessFocus" | "semanticGhostSuccessHoverBg" | "semanticGhostSuccessHoverBorder" | "semanticGhostSuccessHoverColor" | "semanticGhostSuccessHoverIcon" | "semanticGhostSuccessIcon" | "semanticGhostWarningBg" | "semanticGhostWarningBorder" | "semanticGhostWarningColor" | "semanticGhostWarningDisabledBg" | "semanticGhostWarningDisabledBorder" | "semanticGhostWarningDisabledColor" | "semanticGhostWarningDisabledIcon" | "semanticGhostWarningFocus" | "semanticGhostWarningHoverBg" | "semanticGhostWarningHoverBorder" | "semanticGhostWarningHoverColor" | "semanticGhostWarningHoverIcon" | "semanticGhostWarningIcon" | "semanticLinkBaseBg" | "semanticLinkBaseBorder" | "semanticLinkBaseColor" | "semanticLinkBaseDisabledBg" | "semanticLinkBaseDisabledBorder" | "semanticLinkBaseDisabledColor" | "semanticLinkBaseDisabledIcon" | "semanticLinkBaseFocus" | "semanticLinkBaseHoverBg" | "semanticLinkBaseHoverBorder" | "semanticLinkBaseHoverColor" | "semanticLinkBaseHoverIcon" | "semanticLinkBaseIcon" | "semanticLinkErrorBg" | "semanticLinkErrorBorder" | "semanticLinkErrorColor" | "semanticLinkErrorDisabledBg" | "semanticLinkErrorDisabledBorder" | "semanticLinkErrorDisabledColor" | "semanticLinkErrorDisabledIcon" | "semanticLinkErrorFocus" | "semanticLinkErrorHoverBg" | "semanticLinkErrorHoverBorder" | "semanticLinkErrorHoverColor" | "semanticLinkErrorHoverIcon" | "semanticLinkErrorIcon" | "semanticLinkInfoBg" | "semanticLinkInfoBorder" | "semanticLinkInfoColor" | "semanticLinkInfoDisabledBg" | "semanticLinkInfoDisabledBorder" | "semanticLinkInfoDisabledColor" | "semanticLinkInfoDisabledIcon" | "semanticLinkInfoFocus" | "semanticLinkInfoHoverBg" | "semanticLinkInfoHoverBorder" | "semanticLinkInfoHoverColor" | "semanticLinkInfoHoverIcon" | "semanticLinkInfoIcon" | "semanticLinkPrimaryBg" | "semanticLinkPrimaryBorder" | "semanticLinkPrimaryColor" | "semanticLinkPrimaryDisabledBg" | "semanticLinkPrimaryDisabledBorder" | "semanticLinkPrimaryDisabledColor" | "semanticLinkPrimaryDisabledIcon" | "semanticLinkPrimaryFocus" | "semanticLinkPrimaryHoverBg" | "semanticLinkPrimaryHoverBorder" | "semanticLinkPrimaryHoverColor" | "semanticLinkPrimaryHoverIcon" | "semanticLinkPrimaryIcon" | "semanticLinkSecondaryBg" | "semanticLinkSecondaryBorder" | "semanticLinkSecondaryColor" | "semanticLinkSecondaryDisabledBg" | "semanticLinkSecondaryDisabledBorder" | "semanticLinkSecondaryDisabledColor" | "semanticLinkSecondaryDisabledIcon" | "semanticLinkSecondaryFocus" | "semanticLinkSecondaryHoverBg" | "semanticLinkSecondaryHoverBorder" | "semanticLinkSecondaryHoverColor" | "semanticLinkSecondaryHoverIcon" | "semanticLinkSecondaryIcon" | "semanticLinkSuccessBg" | "semanticLinkSuccessBorder" | "semanticLinkSuccessColor" | "semanticLinkSuccessDisabledBg" | "semanticLinkSuccessDisabledBorder" | "semanticLinkSuccessDisabledColor" | "semanticLinkSuccessDisabledIcon" | "semanticLinkSuccessFocus" | "semanticLinkSuccessHoverBg" | "semanticLinkSuccessHoverBorder" | "semanticLinkSuccessHoverColor" | "semanticLinkSuccessHoverIcon" | "semanticLinkSuccessIcon" | "semanticLinkWarningBg" | "semanticLinkWarningBorder" | "semanticLinkWarningColor" | "semanticLinkWarningDisabledBg" | "semanticLinkWarningDisabledBorder" | "semanticLinkWarningDisabledColor" | "semanticLinkWarningDisabledIcon" | "semanticLinkWarningFocus" | "semanticLinkWarningHoverBg" | "semanticLinkWarningHoverBorder" | "semanticLinkWarningHoverColor" | "semanticLinkWarningHoverIcon" | "semanticLinkWarningIcon" | "semanticOutlinedBaseBg" | "semanticOutlinedBaseBorder" | "semanticOutlinedBaseColor" | "semanticOutlinedBaseDisabledBg" | "semanticOutlinedBaseDisabledBorder" | "semanticOutlinedBaseDisabledColor" | "semanticOutlinedBaseDisabledIcon" | "semanticOutlinedBaseFocus" | "semanticOutlinedBaseHoverBg" | "semanticOutlinedBaseHoverBorder" | "semanticOutlinedBaseHoverColor" | "semanticOutlinedBaseHoverIcon" | "semanticOutlinedBaseIcon" | "semanticOutlinedErrorBg" | "semanticOutlinedErrorBorder" | "semanticOutlinedErrorColor" | "semanticOutlinedErrorDisabledBg" | "semanticOutlinedErrorDisabledBorder" | "semanticOutlinedErrorDisabledColor" | "semanticOutlinedErrorDisabledIcon" | "semanticOutlinedErrorFocus" | "semanticOutlinedErrorHoverBg" | "semanticOutlinedErrorHoverBorder" | "semanticOutlinedErrorHoverColor" | "semanticOutlinedErrorHoverIcon" | "semanticOutlinedErrorIcon" | "semanticOutlinedInfoBg" | "semanticOutlinedInfoBorder" | "semanticOutlinedInfoColor" | "semanticOutlinedInfoDisabledBg" | "semanticOutlinedInfoDisabledBorder" | "semanticOutlinedInfoDisabledColor" | "semanticOutlinedInfoDisabledIcon" | "semanticOutlinedInfoFocus" | "semanticOutlinedInfoHoverBg" | "semanticOutlinedInfoHoverBorder" | "semanticOutlinedInfoHoverColor" | "semanticOutlinedInfoHoverIcon" | "semanticOutlinedInfoIcon" | "semanticOutlinedPrimaryBg" | "semanticOutlinedPrimaryBorder" | "semanticOutlinedPrimaryColor" | "semanticOutlinedPrimaryDisabledBg" | "semanticOutlinedPrimaryDisabledBorder" | "semanticOutlinedPrimaryDisabledColor" | "semanticOutlinedPrimaryDisabledIcon" | "semanticOutlinedPrimaryFocus" | "semanticOutlinedPrimaryHoverBg" | "semanticOutlinedPrimaryHoverBorder" | "semanticOutlinedPrimaryHoverColor" | "semanticOutlinedPrimaryHoverIcon" | "semanticOutlinedPrimaryIcon" | "semanticOutlinedSecondaryBg" | "semanticOutlinedSecondaryBorder" | "semanticOutlinedSecondaryColor" | "semanticOutlinedSecondaryDisabledBg" | "semanticOutlinedSecondaryDisabledBorder" | "semanticOutlinedSecondaryDisabledColor" | "semanticOutlinedSecondaryDisabledIcon" | "semanticOutlinedSecondaryFocus" | "semanticOutlinedSecondaryHoverBg" | "semanticOutlinedSecondaryHoverBorder" | "semanticOutlinedSecondaryHoverColor" | "semanticOutlinedSecondaryHoverIcon" | "semanticOutlinedSecondaryIcon" | "semanticOutlinedSuccessBg" | "semanticOutlinedSuccessBorder" | "semanticOutlinedSuccessColor" | "semanticOutlinedSuccessDisabledBg" | "semanticOutlinedSuccessDisabledBorder" | "semanticOutlinedSuccessDisabledColor" | "semanticOutlinedSuccessDisabledIcon" | "semanticOutlinedSuccessFocus" | "semanticOutlinedSuccessHoverBg" | "semanticOutlinedSuccessHoverBorder" | "semanticOutlinedSuccessHoverColor" | "semanticOutlinedSuccessHoverIcon" | "semanticOutlinedSuccessIcon" | "semanticOutlinedWarningBg" | "semanticOutlinedWarningBorder" | "semanticOutlinedWarningColor" | "semanticOutlinedWarningDisabledBg" | "semanticOutlinedWarningDisabledBorder" | "semanticOutlinedWarningDisabledColor" | "semanticOutlinedWarningDisabledIcon" | "semanticOutlinedWarningFocus" | "semanticOutlinedWarningHoverBg" | "semanticOutlinedWarningHoverBorder" | "semanticOutlinedWarningHoverColor" | "semanticOutlinedWarningHoverIcon" | "semanticOutlinedWarningIcon" | "semanticSolidBaseBg" | "semanticSolidBaseBorder" | "semanticSolidBaseColor" | "semanticSolidBaseDisabledBg" | "semanticSolidBaseDisabledBorder" | "semanticSolidBaseDisabledColor" | "semanticSolidBaseDisabledIcon" | "semanticSolidBaseFocus" | "semanticSolidBaseHoverBg" | "semanticSolidBaseHoverBorder" | "semanticSolidBaseHoverColor" | "semanticSolidBaseHoverIcon" | "semanticSolidBaseIcon" | "semanticSolidErrorBg" | "semanticSolidErrorBorder" | "semanticSolidErrorColor" | "semanticSolidErrorDisabledBg" | "semanticSolidErrorDisabledBorder" | "semanticSolidErrorDisabledColor" | "semanticSolidErrorDisabledIcon" | "semanticSolidErrorFocus" | "semanticSolidErrorHoverBg" | "semanticSolidErrorHoverBorder" | "semanticSolidErrorHoverColor" | "semanticSolidErrorHoverIcon" | "semanticSolidErrorIcon" | "semanticSolidInfoBg" | "semanticSolidInfoBorder" | "semanticSolidInfoColor" | "semanticSolidInfoDisabledBg" | "semanticSolidInfoDisabledBorder" | "semanticSolidInfoDisabledColor" | "semanticSolidInfoDisabledIcon" | "semanticSolidInfoFocus" | "semanticSolidInfoHoverBg" | "semanticSolidInfoHoverBorder" | "semanticSolidInfoHoverColor" | "semanticSolidInfoHoverIcon" | "semanticSolidInfoIcon" | "semanticSolidPrimaryBg" | "semanticSolidPrimaryBorder" | "semanticSolidPrimaryColor" | "semanticSolidPrimaryDisabledBg" | "semanticSolidPrimaryDisabledBorder" | "semanticSolidPrimaryDisabledColor" | "semanticSolidPrimaryDisabledIcon" | "semanticSolidPrimaryFocus" | "semanticSolidPrimaryHoverBg" | "semanticSolidPrimaryHoverBorder" | "semanticSolidPrimaryHoverColor" | "semanticSolidPrimaryHoverIcon" | "semanticSolidPrimaryIcon" | "semanticSolidSecondaryBg" | "semanticSolidSecondaryBorder" | "semanticSolidSecondaryColor" | "semanticSolidSecondaryDisabledBg" | "semanticSolidSecondaryDisabledBorder" | "semanticSolidSecondaryDisabledColor" | "semanticSolidSecondaryDisabledIcon" | "semanticSolidSecondaryFocus" | "semanticSolidSecondaryHoverBg" | "semanticSolidSecondaryHoverBorder" | "semanticSolidSecondaryHoverColor" | "semanticSolidSecondaryHoverIcon" | "semanticSolidSecondaryIcon" | "semanticSolidSuccessBg" | "semanticSolidSuccessBorder" | "semanticSolidSuccessColor" | "semanticSolidSuccessDisabledBg" | "semanticSolidSuccessDisabledBorder" | "semanticSolidSuccessDisabledColor" | "semanticSolidSuccessDisabledIcon" | "semanticSolidSuccessFocus" | "semanticSolidSuccessHoverBg" | "semanticSolidSuccessHoverBorder" | "semanticSolidSuccessHoverColor" | "semanticSolidSuccessHoverIcon" | "semanticSolidSuccessIcon" | "semanticSolidWarningBg" | "semanticSolidWarningBorder" | "semanticSolidWarningColor" | "semanticSolidWarningDisabledBg" | "semanticSolidWarningDisabledBorder" | "semanticSolidWarningDisabledColor" | "semanticSolidWarningDisabledIcon" | "semanticSolidWarningFocus" | "semanticSolidWarningHoverBg" | "semanticSolidWarningHoverBorder" | "semanticSolidWarningHoverColor" | "semanticSolidWarningHoverIcon" | "semanticSolidWarningIcon" | "textActive" | "textColor" | "textHeading" | "textIcon" | "textInverse" | "textLink" | "textLinkActive" | "textLinkDisabled" | "textLinkHover" | "textLinkVisited" | "textMuted" | "textSubtext" | "white" | "whiteA1" | "whiteA10" | "whiteA11" | "whiteA12" | "whiteA2" | "whiteA3" | "whiteA4" | "whiteA5" | "whiteA6" | "whiteA7" | "whiteA8" | "whiteA9" | "current" | undefined;
        leftIcon?: string | number | boolean | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | react.ReactPortal | null | undefined;
        rightIcon?: string | number | boolean | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | react.ReactPortal | null | undefined;
        leftIconAriaLabel?: string | undefined;
        rightIconAriaLabel?: string | undefined;
    } & react.RefAttributes<any>> & {
        id: string;
    };
};

type FormErrorMessageProps = TextProps;
type ObjProps$f = {
    id: string;
};
declare const FormErrorMessage: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLParagraphElement> & {
    fontSize?: _fuel_ui_css.TextSizes | undefined;
    color?: "transparent" | "inherit" | "gray1" | "gray2" | "gray3" | "gray4" | "gray5" | "gray6" | "gray7" | "gray8" | "gray9" | "gray10" | "gray11" | "gray12" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "accent10" | "accent11" | "accent12" | "crimson1" | "crimson2" | "crimson3" | "crimson4" | "crimson5" | "crimson6" | "crimson7" | "crimson8" | "crimson9" | "crimson10" | "crimson11" | "crimson12" | "indigo1" | "indigo2" | "indigo3" | "indigo4" | "indigo5" | "indigo6" | "indigo7" | "indigo8" | "indigo9" | "indigo10" | "indigo11" | "indigo12" | "yellow1" | "yellow2" | "yellow3" | "yellow4" | "yellow5" | "yellow6" | "yellow7" | "yellow8" | "yellow9" | "yellow10" | "yellow11" | "yellow12" | "bodyColor" | "black" | "blackA1" | "blackA10" | "blackA11" | "blackA12" | "blackA2" | "blackA3" | "blackA4" | "blackA5" | "blackA6" | "blackA7" | "blackA8" | "blackA9" | "bodyBg" | "bodyInverse" | "border" | "borderHover" | "brand" | "cardBg" | "cardBorder" | "dialogBg" | "inputActiveBg" | "inputActiveBorder" | "inputActiveColor" | "inputActiveFocus" | "inputActiveIcon" | "inputActivePlaceholder" | "inputBaseBg" | "inputBaseBorder" | "inputBaseColor" | "inputBaseFocus" | "inputBaseIcon" | "inputBasePlaceholder" | "inputDisabledBg" | "inputDisabledBorder" | "inputDisabledColor" | "inputDisabledFocus" | "inputDisabledIcon" | "inputDisabledPlaceholder" | "inputErrorBg" | "inputErrorBorder" | "inputErrorColor" | "inputErrorFocus" | "inputErrorIcon" | "inputErrorPlaceholder" | "inputSuccessBg" | "inputSuccessBorder" | "inputSuccessColor" | "inputSuccessFocus" | "inputSuccessIcon" | "inputSuccessPlaceholder" | "inputBg" | "intentsBase1" | "intentsBase10" | "intentsBase11" | "intentsBase12" | "intentsBase2" | "intentsBase3" | "intentsBase4" | "intentsBase5" | "intentsBase6" | "intentsBase7" | "intentsBase8" | "intentsBase9" | "intentsError1" | "intentsError10" | "intentsError11" | "intentsError12" | "intentsError2" | "intentsError3" | "intentsError4" | "intentsError5" | "intentsError6" | "intentsError7" | "intentsError8" | "intentsError9" | "intentsInfo1" | "intentsInfo10" | "intentsInfo11" | "intentsInfo12" | "intentsInfo2" | "intentsInfo3" | "intentsInfo4" | "intentsInfo5" | "intentsInfo6" | "intentsInfo7" | "intentsInfo8" | "intentsInfo9" | "intentsPrimary1" | "intentsPrimary10" | "intentsPrimary11" | "intentsPrimary12" | "intentsPrimary2" | "intentsPrimary3" | "intentsPrimary4" | "intentsPrimary5" | "intentsPrimary6" | "intentsPrimary7" | "intentsPrimary8" | "intentsPrimary9" | "intentsSecondary1" | "intentsSecondary10" | "intentsSecondary11" | "intentsSecondary12" | "intentsSecondary2" | "intentsSecondary3" | "intentsSecondary4" | "intentsSecondary5" | "intentsSecondary6" | "intentsSecondary7" | "intentsSecondary8" | "intentsSecondary9" | "intentsSuccess1" | "intentsSuccess10" | "intentsSuccess11" | "intentsSuccess12" | "intentsSuccess2" | "intentsSuccess3" | "intentsSuccess4" | "intentsSuccess5" | "intentsSuccess6" | "intentsSuccess7" | "intentsSuccess8" | "intentsSuccess9" | "intentsWarning1" | "intentsWarning10" | "intentsWarning11" | "intentsWarning12" | "intentsWarning2" | "intentsWarning3" | "intentsWarning4" | "intentsWarning5" | "intentsWarning6" | "intentsWarning7" | "intentsWarning8" | "intentsWarning9" | "inverseA1" | "inverseA10" | "inverseA11" | "inverseA12" | "inverseA2" | "inverseA3" | "inverseA4" | "inverseA5" | "inverseA6" | "inverseA7" | "inverseA8" | "inverseA9" | "overlayBg" | "overlayText" | "scalesBlue1" | "scalesBlue10" | "scalesBlue11" | "scalesBlue12" | "scalesBlue2" | "scalesBlue3" | "scalesBlue4" | "scalesBlue5" | "scalesBlue6" | "scalesBlue7" | "scalesBlue8" | "scalesBlue9" | "scalesGray1" | "scalesGray10" | "scalesGray11" | "scalesGray12" | "scalesGray2" | "scalesGray3" | "scalesGray4" | "scalesGray5" | "scalesGray6" | "scalesGray7" | "scalesGray8" | "scalesGray9" | "scalesGreen1" | "scalesGreen10" | "scalesGreen11" | "scalesGreen12" | "scalesGreen2" | "scalesGreen3" | "scalesGreen4" | "scalesGreen5" | "scalesGreen6" | "scalesGreen7" | "scalesGreen8" | "scalesGreen9" | "scalesRed1" | "scalesRed10" | "scalesRed11" | "scalesRed12" | "scalesRed2" | "scalesRed3" | "scalesRed4" | "scalesRed5" | "scalesRed6" | "scalesRed7" | "scalesRed8" | "scalesRed9" | "scalesYellow1" | "scalesYellow10" | "scalesYellow11" | "scalesYellow12" | "scalesYellow2" | "scalesYellow3" | "scalesYellow4" | "scalesYellow5" | "scalesYellow6" | "scalesYellow7" | "scalesYellow8" | "scalesYellow9" | "semanticGhostBaseBg" | "semanticGhostBaseBorder" | "semanticGhostBaseColor" | "semanticGhostBaseDisabledBg" | "semanticGhostBaseDisabledBorder" | "semanticGhostBaseDisabledColor" | "semanticGhostBaseDisabledIcon" | "semanticGhostBaseFocus" | "semanticGhostBaseHoverBg" | "semanticGhostBaseHoverBorder" | "semanticGhostBaseHoverColor" | "semanticGhostBaseHoverIcon" | "semanticGhostBaseIcon" | "semanticGhostErrorBg" | "semanticGhostErrorBorder" | "semanticGhostErrorColor" | "semanticGhostErrorDisabledBg" | "semanticGhostErrorDisabledBorder" | "semanticGhostErrorDisabledColor" | "semanticGhostErrorDisabledIcon" | "semanticGhostErrorFocus" | "semanticGhostErrorHoverBg" | "semanticGhostErrorHoverBorder" | "semanticGhostErrorHoverColor" | "semanticGhostErrorHoverIcon" | "semanticGhostErrorIcon" | "semanticGhostInfoBg" | "semanticGhostInfoBorder" | "semanticGhostInfoColor" | "semanticGhostInfoDisabledBg" | "semanticGhostInfoDisabledBorder" | "semanticGhostInfoDisabledColor" | "semanticGhostInfoDisabledIcon" | "semanticGhostInfoFocus" | "semanticGhostInfoHoverBg" | "semanticGhostInfoHoverBorder" | "semanticGhostInfoHoverColor" | "semanticGhostInfoHoverIcon" | "semanticGhostInfoIcon" | "semanticGhostPrimaryBg" | "semanticGhostPrimaryBorder" | "semanticGhostPrimaryColor" | "semanticGhostPrimaryDisabledBg" | "semanticGhostPrimaryDisabledBorder" | "semanticGhostPrimaryDisabledColor" | "semanticGhostPrimaryDisabledIcon" | "semanticGhostPrimaryFocus" | "semanticGhostPrimaryHoverBg" | "semanticGhostPrimaryHoverBorder" | "semanticGhostPrimaryHoverColor" | "semanticGhostPrimaryHoverIcon" | "semanticGhostPrimaryIcon" | "semanticGhostSecondaryBg" | "semanticGhostSecondaryBorder" | "semanticGhostSecondaryColor" | "semanticGhostSecondaryDisabledBg" | "semanticGhostSecondaryDisabledBorder" | "semanticGhostSecondaryDisabledColor" | "semanticGhostSecondaryDisabledIcon" | "semanticGhostSecondaryFocus" | "semanticGhostSecondaryHoverBg" | "semanticGhostSecondaryHoverBorder" | "semanticGhostSecondaryHoverColor" | "semanticGhostSecondaryHoverIcon" | "semanticGhostSecondaryIcon" | "semanticGhostSuccessBg" | "semanticGhostSuccessBorder" | "semanticGhostSuccessColor" | "semanticGhostSuccessDisabledBg" | "semanticGhostSuccessDisabledBorder" | "semanticGhostSuccessDisabledColor" | "semanticGhostSuccessDisabledIcon" | "semanticGhostSuccessFocus" | "semanticGhostSuccessHoverBg" | "semanticGhostSuccessHoverBorder" | "semanticGhostSuccessHoverColor" | "semanticGhostSuccessHoverIcon" | "semanticGhostSuccessIcon" | "semanticGhostWarningBg" | "semanticGhostWarningBorder" | "semanticGhostWarningColor" | "semanticGhostWarningDisabledBg" | "semanticGhostWarningDisabledBorder" | "semanticGhostWarningDisabledColor" | "semanticGhostWarningDisabledIcon" | "semanticGhostWarningFocus" | "semanticGhostWarningHoverBg" | "semanticGhostWarningHoverBorder" | "semanticGhostWarningHoverColor" | "semanticGhostWarningHoverIcon" | "semanticGhostWarningIcon" | "semanticLinkBaseBg" | "semanticLinkBaseBorder" | "semanticLinkBaseColor" | "semanticLinkBaseDisabledBg" | "semanticLinkBaseDisabledBorder" | "semanticLinkBaseDisabledColor" | "semanticLinkBaseDisabledIcon" | "semanticLinkBaseFocus" | "semanticLinkBaseHoverBg" | "semanticLinkBaseHoverBorder" | "semanticLinkBaseHoverColor" | "semanticLinkBaseHoverIcon" | "semanticLinkBaseIcon" | "semanticLinkErrorBg" | "semanticLinkErrorBorder" | "semanticLinkErrorColor" | "semanticLinkErrorDisabledBg" | "semanticLinkErrorDisabledBorder" | "semanticLinkErrorDisabledColor" | "semanticLinkErrorDisabledIcon" | "semanticLinkErrorFocus" | "semanticLinkErrorHoverBg" | "semanticLinkErrorHoverBorder" | "semanticLinkErrorHoverColor" | "semanticLinkErrorHoverIcon" | "semanticLinkErrorIcon" | "semanticLinkInfoBg" | "semanticLinkInfoBorder" | "semanticLinkInfoColor" | "semanticLinkInfoDisabledBg" | "semanticLinkInfoDisabledBorder" | "semanticLinkInfoDisabledColor" | "semanticLinkInfoDisabledIcon" | "semanticLinkInfoFocus" | "semanticLinkInfoHoverBg" | "semanticLinkInfoHoverBorder" | "semanticLinkInfoHoverColor" | "semanticLinkInfoHoverIcon" | "semanticLinkInfoIcon" | "semanticLinkPrimaryBg" | "semanticLinkPrimaryBorder" | "semanticLinkPrimaryColor" | "semanticLinkPrimaryDisabledBg" | "semanticLinkPrimaryDisabledBorder" | "semanticLinkPrimaryDisabledColor" | "semanticLinkPrimaryDisabledIcon" | "semanticLinkPrimaryFocus" | "semanticLinkPrimaryHoverBg" | "semanticLinkPrimaryHoverBorder" | "semanticLinkPrimaryHoverColor" | "semanticLinkPrimaryHoverIcon" | "semanticLinkPrimaryIcon" | "semanticLinkSecondaryBg" | "semanticLinkSecondaryBorder" | "semanticLinkSecondaryColor" | "semanticLinkSecondaryDisabledBg" | "semanticLinkSecondaryDisabledBorder" | "semanticLinkSecondaryDisabledColor" | "semanticLinkSecondaryDisabledIcon" | "semanticLinkSecondaryFocus" | "semanticLinkSecondaryHoverBg" | "semanticLinkSecondaryHoverBorder" | "semanticLinkSecondaryHoverColor" | "semanticLinkSecondaryHoverIcon" | "semanticLinkSecondaryIcon" | "semanticLinkSuccessBg" | "semanticLinkSuccessBorder" | "semanticLinkSuccessColor" | "semanticLinkSuccessDisabledBg" | "semanticLinkSuccessDisabledBorder" | "semanticLinkSuccessDisabledColor" | "semanticLinkSuccessDisabledIcon" | "semanticLinkSuccessFocus" | "semanticLinkSuccessHoverBg" | "semanticLinkSuccessHoverBorder" | "semanticLinkSuccessHoverColor" | "semanticLinkSuccessHoverIcon" | "semanticLinkSuccessIcon" | "semanticLinkWarningBg" | "semanticLinkWarningBorder" | "semanticLinkWarningColor" | "semanticLinkWarningDisabledBg" | "semanticLinkWarningDisabledBorder" | "semanticLinkWarningDisabledColor" | "semanticLinkWarningDisabledIcon" | "semanticLinkWarningFocus" | "semanticLinkWarningHoverBg" | "semanticLinkWarningHoverBorder" | "semanticLinkWarningHoverColor" | "semanticLinkWarningHoverIcon" | "semanticLinkWarningIcon" | "semanticOutlinedBaseBg" | "semanticOutlinedBaseBorder" | "semanticOutlinedBaseColor" | "semanticOutlinedBaseDisabledBg" | "semanticOutlinedBaseDisabledBorder" | "semanticOutlinedBaseDisabledColor" | "semanticOutlinedBaseDisabledIcon" | "semanticOutlinedBaseFocus" | "semanticOutlinedBaseHoverBg" | "semanticOutlinedBaseHoverBorder" | "semanticOutlinedBaseHoverColor" | "semanticOutlinedBaseHoverIcon" | "semanticOutlinedBaseIcon" | "semanticOutlinedErrorBg" | "semanticOutlinedErrorBorder" | "semanticOutlinedErrorColor" | "semanticOutlinedErrorDisabledBg" | "semanticOutlinedErrorDisabledBorder" | "semanticOutlinedErrorDisabledColor" | "semanticOutlinedErrorDisabledIcon" | "semanticOutlinedErrorFocus" | "semanticOutlinedErrorHoverBg" | "semanticOutlinedErrorHoverBorder" | "semanticOutlinedErrorHoverColor" | "semanticOutlinedErrorHoverIcon" | "semanticOutlinedErrorIcon" | "semanticOutlinedInfoBg" | "semanticOutlinedInfoBorder" | "semanticOutlinedInfoColor" | "semanticOutlinedInfoDisabledBg" | "semanticOutlinedInfoDisabledBorder" | "semanticOutlinedInfoDisabledColor" | "semanticOutlinedInfoDisabledIcon" | "semanticOutlinedInfoFocus" | "semanticOutlinedInfoHoverBg" | "semanticOutlinedInfoHoverBorder" | "semanticOutlinedInfoHoverColor" | "semanticOutlinedInfoHoverIcon" | "semanticOutlinedInfoIcon" | "semanticOutlinedPrimaryBg" | "semanticOutlinedPrimaryBorder" | "semanticOutlinedPrimaryColor" | "semanticOutlinedPrimaryDisabledBg" | "semanticOutlinedPrimaryDisabledBorder" | "semanticOutlinedPrimaryDisabledColor" | "semanticOutlinedPrimaryDisabledIcon" | "semanticOutlinedPrimaryFocus" | "semanticOutlinedPrimaryHoverBg" | "semanticOutlinedPrimaryHoverBorder" | "semanticOutlinedPrimaryHoverColor" | "semanticOutlinedPrimaryHoverIcon" | "semanticOutlinedPrimaryIcon" | "semanticOutlinedSecondaryBg" | "semanticOutlinedSecondaryBorder" | "semanticOutlinedSecondaryColor" | "semanticOutlinedSecondaryDisabledBg" | "semanticOutlinedSecondaryDisabledBorder" | "semanticOutlinedSecondaryDisabledColor" | "semanticOutlinedSecondaryDisabledIcon" | "semanticOutlinedSecondaryFocus" | "semanticOutlinedSecondaryHoverBg" | "semanticOutlinedSecondaryHoverBorder" | "semanticOutlinedSecondaryHoverColor" | "semanticOutlinedSecondaryHoverIcon" | "semanticOutlinedSecondaryIcon" | "semanticOutlinedSuccessBg" | "semanticOutlinedSuccessBorder" | "semanticOutlinedSuccessColor" | "semanticOutlinedSuccessDisabledBg" | "semanticOutlinedSuccessDisabledBorder" | "semanticOutlinedSuccessDisabledColor" | "semanticOutlinedSuccessDisabledIcon" | "semanticOutlinedSuccessFocus" | "semanticOutlinedSuccessHoverBg" | "semanticOutlinedSuccessHoverBorder" | "semanticOutlinedSuccessHoverColor" | "semanticOutlinedSuccessHoverIcon" | "semanticOutlinedSuccessIcon" | "semanticOutlinedWarningBg" | "semanticOutlinedWarningBorder" | "semanticOutlinedWarningColor" | "semanticOutlinedWarningDisabledBg" | "semanticOutlinedWarningDisabledBorder" | "semanticOutlinedWarningDisabledColor" | "semanticOutlinedWarningDisabledIcon" | "semanticOutlinedWarningFocus" | "semanticOutlinedWarningHoverBg" | "semanticOutlinedWarningHoverBorder" | "semanticOutlinedWarningHoverColor" | "semanticOutlinedWarningHoverIcon" | "semanticOutlinedWarningIcon" | "semanticSolidBaseBg" | "semanticSolidBaseBorder" | "semanticSolidBaseColor" | "semanticSolidBaseDisabledBg" | "semanticSolidBaseDisabledBorder" | "semanticSolidBaseDisabledColor" | "semanticSolidBaseDisabledIcon" | "semanticSolidBaseFocus" | "semanticSolidBaseHoverBg" | "semanticSolidBaseHoverBorder" | "semanticSolidBaseHoverColor" | "semanticSolidBaseHoverIcon" | "semanticSolidBaseIcon" | "semanticSolidErrorBg" | "semanticSolidErrorBorder" | "semanticSolidErrorColor" | "semanticSolidErrorDisabledBg" | "semanticSolidErrorDisabledBorder" | "semanticSolidErrorDisabledColor" | "semanticSolidErrorDisabledIcon" | "semanticSolidErrorFocus" | "semanticSolidErrorHoverBg" | "semanticSolidErrorHoverBorder" | "semanticSolidErrorHoverColor" | "semanticSolidErrorHoverIcon" | "semanticSolidErrorIcon" | "semanticSolidInfoBg" | "semanticSolidInfoBorder" | "semanticSolidInfoColor" | "semanticSolidInfoDisabledBg" | "semanticSolidInfoDisabledBorder" | "semanticSolidInfoDisabledColor" | "semanticSolidInfoDisabledIcon" | "semanticSolidInfoFocus" | "semanticSolidInfoHoverBg" | "semanticSolidInfoHoverBorder" | "semanticSolidInfoHoverColor" | "semanticSolidInfoHoverIcon" | "semanticSolidInfoIcon" | "semanticSolidPrimaryBg" | "semanticSolidPrimaryBorder" | "semanticSolidPrimaryColor" | "semanticSolidPrimaryDisabledBg" | "semanticSolidPrimaryDisabledBorder" | "semanticSolidPrimaryDisabledColor" | "semanticSolidPrimaryDisabledIcon" | "semanticSolidPrimaryFocus" | "semanticSolidPrimaryHoverBg" | "semanticSolidPrimaryHoverBorder" | "semanticSolidPrimaryHoverColor" | "semanticSolidPrimaryHoverIcon" | "semanticSolidPrimaryIcon" | "semanticSolidSecondaryBg" | "semanticSolidSecondaryBorder" | "semanticSolidSecondaryColor" | "semanticSolidSecondaryDisabledBg" | "semanticSolidSecondaryDisabledBorder" | "semanticSolidSecondaryDisabledColor" | "semanticSolidSecondaryDisabledIcon" | "semanticSolidSecondaryFocus" | "semanticSolidSecondaryHoverBg" | "semanticSolidSecondaryHoverBorder" | "semanticSolidSecondaryHoverColor" | "semanticSolidSecondaryHoverIcon" | "semanticSolidSecondaryIcon" | "semanticSolidSuccessBg" | "semanticSolidSuccessBorder" | "semanticSolidSuccessColor" | "semanticSolidSuccessDisabledBg" | "semanticSolidSuccessDisabledBorder" | "semanticSolidSuccessDisabledColor" | "semanticSolidSuccessDisabledIcon" | "semanticSolidSuccessFocus" | "semanticSolidSuccessHoverBg" | "semanticSolidSuccessHoverBorder" | "semanticSolidSuccessHoverColor" | "semanticSolidSuccessHoverIcon" | "semanticSolidSuccessIcon" | "semanticSolidWarningBg" | "semanticSolidWarningBorder" | "semanticSolidWarningColor" | "semanticSolidWarningDisabledBg" | "semanticSolidWarningDisabledBorder" | "semanticSolidWarningDisabledColor" | "semanticSolidWarningDisabledIcon" | "semanticSolidWarningFocus" | "semanticSolidWarningHoverBg" | "semanticSolidWarningHoverBorder" | "semanticSolidWarningHoverColor" | "semanticSolidWarningHoverIcon" | "semanticSolidWarningIcon" | "textActive" | "textColor" | "textHeading" | "textIcon" | "textInverse" | "textLink" | "textLinkActive" | "textLinkDisabled" | "textLinkHover" | "textLinkVisited" | "textMuted" | "textSubtext" | "white" | "whiteA1" | "whiteA10" | "whiteA11" | "whiteA12" | "whiteA2" | "whiteA3" | "whiteA4" | "whiteA5" | "whiteA6" | "whiteA7" | "whiteA8" | "whiteA9" | "current" | undefined;
    iconSize?: number | undefined;
    iconColor?: "transparent" | "inherit" | "gray1" | "gray2" | "gray3" | "gray4" | "gray5" | "gray6" | "gray7" | "gray8" | "gray9" | "gray10" | "gray11" | "gray12" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "accent10" | "accent11" | "accent12" | "crimson1" | "crimson2" | "crimson3" | "crimson4" | "crimson5" | "crimson6" | "crimson7" | "crimson8" | "crimson9" | "crimson10" | "crimson11" | "crimson12" | "indigo1" | "indigo2" | "indigo3" | "indigo4" | "indigo5" | "indigo6" | "indigo7" | "indigo8" | "indigo9" | "indigo10" | "indigo11" | "indigo12" | "yellow1" | "yellow2" | "yellow3" | "yellow4" | "yellow5" | "yellow6" | "yellow7" | "yellow8" | "yellow9" | "yellow10" | "yellow11" | "yellow12" | "bodyColor" | "black" | "blackA1" | "blackA10" | "blackA11" | "blackA12" | "blackA2" | "blackA3" | "blackA4" | "blackA5" | "blackA6" | "blackA7" | "blackA8" | "blackA9" | "bodyBg" | "bodyInverse" | "border" | "borderHover" | "brand" | "cardBg" | "cardBorder" | "dialogBg" | "inputActiveBg" | "inputActiveBorder" | "inputActiveColor" | "inputActiveFocus" | "inputActiveIcon" | "inputActivePlaceholder" | "inputBaseBg" | "inputBaseBorder" | "inputBaseColor" | "inputBaseFocus" | "inputBaseIcon" | "inputBasePlaceholder" | "inputDisabledBg" | "inputDisabledBorder" | "inputDisabledColor" | "inputDisabledFocus" | "inputDisabledIcon" | "inputDisabledPlaceholder" | "inputErrorBg" | "inputErrorBorder" | "inputErrorColor" | "inputErrorFocus" | "inputErrorIcon" | "inputErrorPlaceholder" | "inputSuccessBg" | "inputSuccessBorder" | "inputSuccessColor" | "inputSuccessFocus" | "inputSuccessIcon" | "inputSuccessPlaceholder" | "inputBg" | "intentsBase1" | "intentsBase10" | "intentsBase11" | "intentsBase12" | "intentsBase2" | "intentsBase3" | "intentsBase4" | "intentsBase5" | "intentsBase6" | "intentsBase7" | "intentsBase8" | "intentsBase9" | "intentsError1" | "intentsError10" | "intentsError11" | "intentsError12" | "intentsError2" | "intentsError3" | "intentsError4" | "intentsError5" | "intentsError6" | "intentsError7" | "intentsError8" | "intentsError9" | "intentsInfo1" | "intentsInfo10" | "intentsInfo11" | "intentsInfo12" | "intentsInfo2" | "intentsInfo3" | "intentsInfo4" | "intentsInfo5" | "intentsInfo6" | "intentsInfo7" | "intentsInfo8" | "intentsInfo9" | "intentsPrimary1" | "intentsPrimary10" | "intentsPrimary11" | "intentsPrimary12" | "intentsPrimary2" | "intentsPrimary3" | "intentsPrimary4" | "intentsPrimary5" | "intentsPrimary6" | "intentsPrimary7" | "intentsPrimary8" | "intentsPrimary9" | "intentsSecondary1" | "intentsSecondary10" | "intentsSecondary11" | "intentsSecondary12" | "intentsSecondary2" | "intentsSecondary3" | "intentsSecondary4" | "intentsSecondary5" | "intentsSecondary6" | "intentsSecondary7" | "intentsSecondary8" | "intentsSecondary9" | "intentsSuccess1" | "intentsSuccess10" | "intentsSuccess11" | "intentsSuccess12" | "intentsSuccess2" | "intentsSuccess3" | "intentsSuccess4" | "intentsSuccess5" | "intentsSuccess6" | "intentsSuccess7" | "intentsSuccess8" | "intentsSuccess9" | "intentsWarning1" | "intentsWarning10" | "intentsWarning11" | "intentsWarning12" | "intentsWarning2" | "intentsWarning3" | "intentsWarning4" | "intentsWarning5" | "intentsWarning6" | "intentsWarning7" | "intentsWarning8" | "intentsWarning9" | "inverseA1" | "inverseA10" | "inverseA11" | "inverseA12" | "inverseA2" | "inverseA3" | "inverseA4" | "inverseA5" | "inverseA6" | "inverseA7" | "inverseA8" | "inverseA9" | "overlayBg" | "overlayText" | "scalesBlue1" | "scalesBlue10" | "scalesBlue11" | "scalesBlue12" | "scalesBlue2" | "scalesBlue3" | "scalesBlue4" | "scalesBlue5" | "scalesBlue6" | "scalesBlue7" | "scalesBlue8" | "scalesBlue9" | "scalesGray1" | "scalesGray10" | "scalesGray11" | "scalesGray12" | "scalesGray2" | "scalesGray3" | "scalesGray4" | "scalesGray5" | "scalesGray6" | "scalesGray7" | "scalesGray8" | "scalesGray9" | "scalesGreen1" | "scalesGreen10" | "scalesGreen11" | "scalesGreen12" | "scalesGreen2" | "scalesGreen3" | "scalesGreen4" | "scalesGreen5" | "scalesGreen6" | "scalesGreen7" | "scalesGreen8" | "scalesGreen9" | "scalesRed1" | "scalesRed10" | "scalesRed11" | "scalesRed12" | "scalesRed2" | "scalesRed3" | "scalesRed4" | "scalesRed5" | "scalesRed6" | "scalesRed7" | "scalesRed8" | "scalesRed9" | "scalesYellow1" | "scalesYellow10" | "scalesYellow11" | "scalesYellow12" | "scalesYellow2" | "scalesYellow3" | "scalesYellow4" | "scalesYellow5" | "scalesYellow6" | "scalesYellow7" | "scalesYellow8" | "scalesYellow9" | "semanticGhostBaseBg" | "semanticGhostBaseBorder" | "semanticGhostBaseColor" | "semanticGhostBaseDisabledBg" | "semanticGhostBaseDisabledBorder" | "semanticGhostBaseDisabledColor" | "semanticGhostBaseDisabledIcon" | "semanticGhostBaseFocus" | "semanticGhostBaseHoverBg" | "semanticGhostBaseHoverBorder" | "semanticGhostBaseHoverColor" | "semanticGhostBaseHoverIcon" | "semanticGhostBaseIcon" | "semanticGhostErrorBg" | "semanticGhostErrorBorder" | "semanticGhostErrorColor" | "semanticGhostErrorDisabledBg" | "semanticGhostErrorDisabledBorder" | "semanticGhostErrorDisabledColor" | "semanticGhostErrorDisabledIcon" | "semanticGhostErrorFocus" | "semanticGhostErrorHoverBg" | "semanticGhostErrorHoverBorder" | "semanticGhostErrorHoverColor" | "semanticGhostErrorHoverIcon" | "semanticGhostErrorIcon" | "semanticGhostInfoBg" | "semanticGhostInfoBorder" | "semanticGhostInfoColor" | "semanticGhostInfoDisabledBg" | "semanticGhostInfoDisabledBorder" | "semanticGhostInfoDisabledColor" | "semanticGhostInfoDisabledIcon" | "semanticGhostInfoFocus" | "semanticGhostInfoHoverBg" | "semanticGhostInfoHoverBorder" | "semanticGhostInfoHoverColor" | "semanticGhostInfoHoverIcon" | "semanticGhostInfoIcon" | "semanticGhostPrimaryBg" | "semanticGhostPrimaryBorder" | "semanticGhostPrimaryColor" | "semanticGhostPrimaryDisabledBg" | "semanticGhostPrimaryDisabledBorder" | "semanticGhostPrimaryDisabledColor" | "semanticGhostPrimaryDisabledIcon" | "semanticGhostPrimaryFocus" | "semanticGhostPrimaryHoverBg" | "semanticGhostPrimaryHoverBorder" | "semanticGhostPrimaryHoverColor" | "semanticGhostPrimaryHoverIcon" | "semanticGhostPrimaryIcon" | "semanticGhostSecondaryBg" | "semanticGhostSecondaryBorder" | "semanticGhostSecondaryColor" | "semanticGhostSecondaryDisabledBg" | "semanticGhostSecondaryDisabledBorder" | "semanticGhostSecondaryDisabledColor" | "semanticGhostSecondaryDisabledIcon" | "semanticGhostSecondaryFocus" | "semanticGhostSecondaryHoverBg" | "semanticGhostSecondaryHoverBorder" | "semanticGhostSecondaryHoverColor" | "semanticGhostSecondaryHoverIcon" | "semanticGhostSecondaryIcon" | "semanticGhostSuccessBg" | "semanticGhostSuccessBorder" | "semanticGhostSuccessColor" | "semanticGhostSuccessDisabledBg" | "semanticGhostSuccessDisabledBorder" | "semanticGhostSuccessDisabledColor" | "semanticGhostSuccessDisabledIcon" | "semanticGhostSuccessFocus" | "semanticGhostSuccessHoverBg" | "semanticGhostSuccessHoverBorder" | "semanticGhostSuccessHoverColor" | "semanticGhostSuccessHoverIcon" | "semanticGhostSuccessIcon" | "semanticGhostWarningBg" | "semanticGhostWarningBorder" | "semanticGhostWarningColor" | "semanticGhostWarningDisabledBg" | "semanticGhostWarningDisabledBorder" | "semanticGhostWarningDisabledColor" | "semanticGhostWarningDisabledIcon" | "semanticGhostWarningFocus" | "semanticGhostWarningHoverBg" | "semanticGhostWarningHoverBorder" | "semanticGhostWarningHoverColor" | "semanticGhostWarningHoverIcon" | "semanticGhostWarningIcon" | "semanticLinkBaseBg" | "semanticLinkBaseBorder" | "semanticLinkBaseColor" | "semanticLinkBaseDisabledBg" | "semanticLinkBaseDisabledBorder" | "semanticLinkBaseDisabledColor" | "semanticLinkBaseDisabledIcon" | "semanticLinkBaseFocus" | "semanticLinkBaseHoverBg" | "semanticLinkBaseHoverBorder" | "semanticLinkBaseHoverColor" | "semanticLinkBaseHoverIcon" | "semanticLinkBaseIcon" | "semanticLinkErrorBg" | "semanticLinkErrorBorder" | "semanticLinkErrorColor" | "semanticLinkErrorDisabledBg" | "semanticLinkErrorDisabledBorder" | "semanticLinkErrorDisabledColor" | "semanticLinkErrorDisabledIcon" | "semanticLinkErrorFocus" | "semanticLinkErrorHoverBg" | "semanticLinkErrorHoverBorder" | "semanticLinkErrorHoverColor" | "semanticLinkErrorHoverIcon" | "semanticLinkErrorIcon" | "semanticLinkInfoBg" | "semanticLinkInfoBorder" | "semanticLinkInfoColor" | "semanticLinkInfoDisabledBg" | "semanticLinkInfoDisabledBorder" | "semanticLinkInfoDisabledColor" | "semanticLinkInfoDisabledIcon" | "semanticLinkInfoFocus" | "semanticLinkInfoHoverBg" | "semanticLinkInfoHoverBorder" | "semanticLinkInfoHoverColor" | "semanticLinkInfoHoverIcon" | "semanticLinkInfoIcon" | "semanticLinkPrimaryBg" | "semanticLinkPrimaryBorder" | "semanticLinkPrimaryColor" | "semanticLinkPrimaryDisabledBg" | "semanticLinkPrimaryDisabledBorder" | "semanticLinkPrimaryDisabledColor" | "semanticLinkPrimaryDisabledIcon" | "semanticLinkPrimaryFocus" | "semanticLinkPrimaryHoverBg" | "semanticLinkPrimaryHoverBorder" | "semanticLinkPrimaryHoverColor" | "semanticLinkPrimaryHoverIcon" | "semanticLinkPrimaryIcon" | "semanticLinkSecondaryBg" | "semanticLinkSecondaryBorder" | "semanticLinkSecondaryColor" | "semanticLinkSecondaryDisabledBg" | "semanticLinkSecondaryDisabledBorder" | "semanticLinkSecondaryDisabledColor" | "semanticLinkSecondaryDisabledIcon" | "semanticLinkSecondaryFocus" | "semanticLinkSecondaryHoverBg" | "semanticLinkSecondaryHoverBorder" | "semanticLinkSecondaryHoverColor" | "semanticLinkSecondaryHoverIcon" | "semanticLinkSecondaryIcon" | "semanticLinkSuccessBg" | "semanticLinkSuccessBorder" | "semanticLinkSuccessColor" | "semanticLinkSuccessDisabledBg" | "semanticLinkSuccessDisabledBorder" | "semanticLinkSuccessDisabledColor" | "semanticLinkSuccessDisabledIcon" | "semanticLinkSuccessFocus" | "semanticLinkSuccessHoverBg" | "semanticLinkSuccessHoverBorder" | "semanticLinkSuccessHoverColor" | "semanticLinkSuccessHoverIcon" | "semanticLinkSuccessIcon" | "semanticLinkWarningBg" | "semanticLinkWarningBorder" | "semanticLinkWarningColor" | "semanticLinkWarningDisabledBg" | "semanticLinkWarningDisabledBorder" | "semanticLinkWarningDisabledColor" | "semanticLinkWarningDisabledIcon" | "semanticLinkWarningFocus" | "semanticLinkWarningHoverBg" | "semanticLinkWarningHoverBorder" | "semanticLinkWarningHoverColor" | "semanticLinkWarningHoverIcon" | "semanticLinkWarningIcon" | "semanticOutlinedBaseBg" | "semanticOutlinedBaseBorder" | "semanticOutlinedBaseColor" | "semanticOutlinedBaseDisabledBg" | "semanticOutlinedBaseDisabledBorder" | "semanticOutlinedBaseDisabledColor" | "semanticOutlinedBaseDisabledIcon" | "semanticOutlinedBaseFocus" | "semanticOutlinedBaseHoverBg" | "semanticOutlinedBaseHoverBorder" | "semanticOutlinedBaseHoverColor" | "semanticOutlinedBaseHoverIcon" | "semanticOutlinedBaseIcon" | "semanticOutlinedErrorBg" | "semanticOutlinedErrorBorder" | "semanticOutlinedErrorColor" | "semanticOutlinedErrorDisabledBg" | "semanticOutlinedErrorDisabledBorder" | "semanticOutlinedErrorDisabledColor" | "semanticOutlinedErrorDisabledIcon" | "semanticOutlinedErrorFocus" | "semanticOutlinedErrorHoverBg" | "semanticOutlinedErrorHoverBorder" | "semanticOutlinedErrorHoverColor" | "semanticOutlinedErrorHoverIcon" | "semanticOutlinedErrorIcon" | "semanticOutlinedInfoBg" | "semanticOutlinedInfoBorder" | "semanticOutlinedInfoColor" | "semanticOutlinedInfoDisabledBg" | "semanticOutlinedInfoDisabledBorder" | "semanticOutlinedInfoDisabledColor" | "semanticOutlinedInfoDisabledIcon" | "semanticOutlinedInfoFocus" | "semanticOutlinedInfoHoverBg" | "semanticOutlinedInfoHoverBorder" | "semanticOutlinedInfoHoverColor" | "semanticOutlinedInfoHoverIcon" | "semanticOutlinedInfoIcon" | "semanticOutlinedPrimaryBg" | "semanticOutlinedPrimaryBorder" | "semanticOutlinedPrimaryColor" | "semanticOutlinedPrimaryDisabledBg" | "semanticOutlinedPrimaryDisabledBorder" | "semanticOutlinedPrimaryDisabledColor" | "semanticOutlinedPrimaryDisabledIcon" | "semanticOutlinedPrimaryFocus" | "semanticOutlinedPrimaryHoverBg" | "semanticOutlinedPrimaryHoverBorder" | "semanticOutlinedPrimaryHoverColor" | "semanticOutlinedPrimaryHoverIcon" | "semanticOutlinedPrimaryIcon" | "semanticOutlinedSecondaryBg" | "semanticOutlinedSecondaryBorder" | "semanticOutlinedSecondaryColor" | "semanticOutlinedSecondaryDisabledBg" | "semanticOutlinedSecondaryDisabledBorder" | "semanticOutlinedSecondaryDisabledColor" | "semanticOutlinedSecondaryDisabledIcon" | "semanticOutlinedSecondaryFocus" | "semanticOutlinedSecondaryHoverBg" | "semanticOutlinedSecondaryHoverBorder" | "semanticOutlinedSecondaryHoverColor" | "semanticOutlinedSecondaryHoverIcon" | "semanticOutlinedSecondaryIcon" | "semanticOutlinedSuccessBg" | "semanticOutlinedSuccessBorder" | "semanticOutlinedSuccessColor" | "semanticOutlinedSuccessDisabledBg" | "semanticOutlinedSuccessDisabledBorder" | "semanticOutlinedSuccessDisabledColor" | "semanticOutlinedSuccessDisabledIcon" | "semanticOutlinedSuccessFocus" | "semanticOutlinedSuccessHoverBg" | "semanticOutlinedSuccessHoverBorder" | "semanticOutlinedSuccessHoverColor" | "semanticOutlinedSuccessHoverIcon" | "semanticOutlinedSuccessIcon" | "semanticOutlinedWarningBg" | "semanticOutlinedWarningBorder" | "semanticOutlinedWarningColor" | "semanticOutlinedWarningDisabledBg" | "semanticOutlinedWarningDisabledBorder" | "semanticOutlinedWarningDisabledColor" | "semanticOutlinedWarningDisabledIcon" | "semanticOutlinedWarningFocus" | "semanticOutlinedWarningHoverBg" | "semanticOutlinedWarningHoverBorder" | "semanticOutlinedWarningHoverColor" | "semanticOutlinedWarningHoverIcon" | "semanticOutlinedWarningIcon" | "semanticSolidBaseBg" | "semanticSolidBaseBorder" | "semanticSolidBaseColor" | "semanticSolidBaseDisabledBg" | "semanticSolidBaseDisabledBorder" | "semanticSolidBaseDisabledColor" | "semanticSolidBaseDisabledIcon" | "semanticSolidBaseFocus" | "semanticSolidBaseHoverBg" | "semanticSolidBaseHoverBorder" | "semanticSolidBaseHoverColor" | "semanticSolidBaseHoverIcon" | "semanticSolidBaseIcon" | "semanticSolidErrorBg" | "semanticSolidErrorBorder" | "semanticSolidErrorColor" | "semanticSolidErrorDisabledBg" | "semanticSolidErrorDisabledBorder" | "semanticSolidErrorDisabledColor" | "semanticSolidErrorDisabledIcon" | "semanticSolidErrorFocus" | "semanticSolidErrorHoverBg" | "semanticSolidErrorHoverBorder" | "semanticSolidErrorHoverColor" | "semanticSolidErrorHoverIcon" | "semanticSolidErrorIcon" | "semanticSolidInfoBg" | "semanticSolidInfoBorder" | "semanticSolidInfoColor" | "semanticSolidInfoDisabledBg" | "semanticSolidInfoDisabledBorder" | "semanticSolidInfoDisabledColor" | "semanticSolidInfoDisabledIcon" | "semanticSolidInfoFocus" | "semanticSolidInfoHoverBg" | "semanticSolidInfoHoverBorder" | "semanticSolidInfoHoverColor" | "semanticSolidInfoHoverIcon" | "semanticSolidInfoIcon" | "semanticSolidPrimaryBg" | "semanticSolidPrimaryBorder" | "semanticSolidPrimaryColor" | "semanticSolidPrimaryDisabledBg" | "semanticSolidPrimaryDisabledBorder" | "semanticSolidPrimaryDisabledColor" | "semanticSolidPrimaryDisabledIcon" | "semanticSolidPrimaryFocus" | "semanticSolidPrimaryHoverBg" | "semanticSolidPrimaryHoverBorder" | "semanticSolidPrimaryHoverColor" | "semanticSolidPrimaryHoverIcon" | "semanticSolidPrimaryIcon" | "semanticSolidSecondaryBg" | "semanticSolidSecondaryBorder" | "semanticSolidSecondaryColor" | "semanticSolidSecondaryDisabledBg" | "semanticSolidSecondaryDisabledBorder" | "semanticSolidSecondaryDisabledColor" | "semanticSolidSecondaryDisabledIcon" | "semanticSolidSecondaryFocus" | "semanticSolidSecondaryHoverBg" | "semanticSolidSecondaryHoverBorder" | "semanticSolidSecondaryHoverColor" | "semanticSolidSecondaryHoverIcon" | "semanticSolidSecondaryIcon" | "semanticSolidSuccessBg" | "semanticSolidSuccessBorder" | "semanticSolidSuccessColor" | "semanticSolidSuccessDisabledBg" | "semanticSolidSuccessDisabledBorder" | "semanticSolidSuccessDisabledColor" | "semanticSolidSuccessDisabledIcon" | "semanticSolidSuccessFocus" | "semanticSolidSuccessHoverBg" | "semanticSolidSuccessHoverBorder" | "semanticSolidSuccessHoverColor" | "semanticSolidSuccessHoverIcon" | "semanticSolidSuccessIcon" | "semanticSolidWarningBg" | "semanticSolidWarningBorder" | "semanticSolidWarningColor" | "semanticSolidWarningDisabledBg" | "semanticSolidWarningDisabledBorder" | "semanticSolidWarningDisabledColor" | "semanticSolidWarningDisabledIcon" | "semanticSolidWarningFocus" | "semanticSolidWarningHoverBg" | "semanticSolidWarningHoverBorder" | "semanticSolidWarningHoverColor" | "semanticSolidWarningHoverIcon" | "semanticSolidWarningIcon" | "textActive" | "textColor" | "textHeading" | "textIcon" | "textInverse" | "textLink" | "textLinkActive" | "textLinkDisabled" | "textLinkHover" | "textLinkVisited" | "textMuted" | "textSubtext" | "white" | "whiteA1" | "whiteA10" | "whiteA11" | "whiteA12" | "whiteA2" | "whiteA3" | "whiteA4" | "whiteA5" | "whiteA6" | "whiteA7" | "whiteA8" | "whiteA9" | "current" | undefined;
    leftIcon?: string | number | boolean | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | react.ReactPortal | null | undefined;
    rightIcon?: string | number | boolean | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | react.ReactPortal | null | undefined;
    leftIconAriaLabel?: string | undefined;
    rightIconAriaLabel?: string | undefined;
} & react.RefAttributes<any>> & ObjProps$f;

type FormHelperTextProps = TextProps;
type ObjProps$e = {
    id: string;
};
declare const FormHelperText: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLParagraphElement> & {
    fontSize?: _fuel_ui_css.TextSizes | undefined;
    color?: "transparent" | "inherit" | "gray1" | "gray2" | "gray3" | "gray4" | "gray5" | "gray6" | "gray7" | "gray8" | "gray9" | "gray10" | "gray11" | "gray12" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "accent10" | "accent11" | "accent12" | "crimson1" | "crimson2" | "crimson3" | "crimson4" | "crimson5" | "crimson6" | "crimson7" | "crimson8" | "crimson9" | "crimson10" | "crimson11" | "crimson12" | "indigo1" | "indigo2" | "indigo3" | "indigo4" | "indigo5" | "indigo6" | "indigo7" | "indigo8" | "indigo9" | "indigo10" | "indigo11" | "indigo12" | "yellow1" | "yellow2" | "yellow3" | "yellow4" | "yellow5" | "yellow6" | "yellow7" | "yellow8" | "yellow9" | "yellow10" | "yellow11" | "yellow12" | "bodyColor" | "black" | "blackA1" | "blackA10" | "blackA11" | "blackA12" | "blackA2" | "blackA3" | "blackA4" | "blackA5" | "blackA6" | "blackA7" | "blackA8" | "blackA9" | "bodyBg" | "bodyInverse" | "border" | "borderHover" | "brand" | "cardBg" | "cardBorder" | "dialogBg" | "inputActiveBg" | "inputActiveBorder" | "inputActiveColor" | "inputActiveFocus" | "inputActiveIcon" | "inputActivePlaceholder" | "inputBaseBg" | "inputBaseBorder" | "inputBaseColor" | "inputBaseFocus" | "inputBaseIcon" | "inputBasePlaceholder" | "inputDisabledBg" | "inputDisabledBorder" | "inputDisabledColor" | "inputDisabledFocus" | "inputDisabledIcon" | "inputDisabledPlaceholder" | "inputErrorBg" | "inputErrorBorder" | "inputErrorColor" | "inputErrorFocus" | "inputErrorIcon" | "inputErrorPlaceholder" | "inputSuccessBg" | "inputSuccessBorder" | "inputSuccessColor" | "inputSuccessFocus" | "inputSuccessIcon" | "inputSuccessPlaceholder" | "inputBg" | "intentsBase1" | "intentsBase10" | "intentsBase11" | "intentsBase12" | "intentsBase2" | "intentsBase3" | "intentsBase4" | "intentsBase5" | "intentsBase6" | "intentsBase7" | "intentsBase8" | "intentsBase9" | "intentsError1" | "intentsError10" | "intentsError11" | "intentsError12" | "intentsError2" | "intentsError3" | "intentsError4" | "intentsError5" | "intentsError6" | "intentsError7" | "intentsError8" | "intentsError9" | "intentsInfo1" | "intentsInfo10" | "intentsInfo11" | "intentsInfo12" | "intentsInfo2" | "intentsInfo3" | "intentsInfo4" | "intentsInfo5" | "intentsInfo6" | "intentsInfo7" | "intentsInfo8" | "intentsInfo9" | "intentsPrimary1" | "intentsPrimary10" | "intentsPrimary11" | "intentsPrimary12" | "intentsPrimary2" | "intentsPrimary3" | "intentsPrimary4" | "intentsPrimary5" | "intentsPrimary6" | "intentsPrimary7" | "intentsPrimary8" | "intentsPrimary9" | "intentsSecondary1" | "intentsSecondary10" | "intentsSecondary11" | "intentsSecondary12" | "intentsSecondary2" | "intentsSecondary3" | "intentsSecondary4" | "intentsSecondary5" | "intentsSecondary6" | "intentsSecondary7" | "intentsSecondary8" | "intentsSecondary9" | "intentsSuccess1" | "intentsSuccess10" | "intentsSuccess11" | "intentsSuccess12" | "intentsSuccess2" | "intentsSuccess3" | "intentsSuccess4" | "intentsSuccess5" | "intentsSuccess6" | "intentsSuccess7" | "intentsSuccess8" | "intentsSuccess9" | "intentsWarning1" | "intentsWarning10" | "intentsWarning11" | "intentsWarning12" | "intentsWarning2" | "intentsWarning3" | "intentsWarning4" | "intentsWarning5" | "intentsWarning6" | "intentsWarning7" | "intentsWarning8" | "intentsWarning9" | "inverseA1" | "inverseA10" | "inverseA11" | "inverseA12" | "inverseA2" | "inverseA3" | "inverseA4" | "inverseA5" | "inverseA6" | "inverseA7" | "inverseA8" | "inverseA9" | "overlayBg" | "overlayText" | "scalesBlue1" | "scalesBlue10" | "scalesBlue11" | "scalesBlue12" | "scalesBlue2" | "scalesBlue3" | "scalesBlue4" | "scalesBlue5" | "scalesBlue6" | "scalesBlue7" | "scalesBlue8" | "scalesBlue9" | "scalesGray1" | "scalesGray10" | "scalesGray11" | "scalesGray12" | "scalesGray2" | "scalesGray3" | "scalesGray4" | "scalesGray5" | "scalesGray6" | "scalesGray7" | "scalesGray8" | "scalesGray9" | "scalesGreen1" | "scalesGreen10" | "scalesGreen11" | "scalesGreen12" | "scalesGreen2" | "scalesGreen3" | "scalesGreen4" | "scalesGreen5" | "scalesGreen6" | "scalesGreen7" | "scalesGreen8" | "scalesGreen9" | "scalesRed1" | "scalesRed10" | "scalesRed11" | "scalesRed12" | "scalesRed2" | "scalesRed3" | "scalesRed4" | "scalesRed5" | "scalesRed6" | "scalesRed7" | "scalesRed8" | "scalesRed9" | "scalesYellow1" | "scalesYellow10" | "scalesYellow11" | "scalesYellow12" | "scalesYellow2" | "scalesYellow3" | "scalesYellow4" | "scalesYellow5" | "scalesYellow6" | "scalesYellow7" | "scalesYellow8" | "scalesYellow9" | "semanticGhostBaseBg" | "semanticGhostBaseBorder" | "semanticGhostBaseColor" | "semanticGhostBaseDisabledBg" | "semanticGhostBaseDisabledBorder" | "semanticGhostBaseDisabledColor" | "semanticGhostBaseDisabledIcon" | "semanticGhostBaseFocus" | "semanticGhostBaseHoverBg" | "semanticGhostBaseHoverBorder" | "semanticGhostBaseHoverColor" | "semanticGhostBaseHoverIcon" | "semanticGhostBaseIcon" | "semanticGhostErrorBg" | "semanticGhostErrorBorder" | "semanticGhostErrorColor" | "semanticGhostErrorDisabledBg" | "semanticGhostErrorDisabledBorder" | "semanticGhostErrorDisabledColor" | "semanticGhostErrorDisabledIcon" | "semanticGhostErrorFocus" | "semanticGhostErrorHoverBg" | "semanticGhostErrorHoverBorder" | "semanticGhostErrorHoverColor" | "semanticGhostErrorHoverIcon" | "semanticGhostErrorIcon" | "semanticGhostInfoBg" | "semanticGhostInfoBorder" | "semanticGhostInfoColor" | "semanticGhostInfoDisabledBg" | "semanticGhostInfoDisabledBorder" | "semanticGhostInfoDisabledColor" | "semanticGhostInfoDisabledIcon" | "semanticGhostInfoFocus" | "semanticGhostInfoHoverBg" | "semanticGhostInfoHoverBorder" | "semanticGhostInfoHoverColor" | "semanticGhostInfoHoverIcon" | "semanticGhostInfoIcon" | "semanticGhostPrimaryBg" | "semanticGhostPrimaryBorder" | "semanticGhostPrimaryColor" | "semanticGhostPrimaryDisabledBg" | "semanticGhostPrimaryDisabledBorder" | "semanticGhostPrimaryDisabledColor" | "semanticGhostPrimaryDisabledIcon" | "semanticGhostPrimaryFocus" | "semanticGhostPrimaryHoverBg" | "semanticGhostPrimaryHoverBorder" | "semanticGhostPrimaryHoverColor" | "semanticGhostPrimaryHoverIcon" | "semanticGhostPrimaryIcon" | "semanticGhostSecondaryBg" | "semanticGhostSecondaryBorder" | "semanticGhostSecondaryColor" | "semanticGhostSecondaryDisabledBg" | "semanticGhostSecondaryDisabledBorder" | "semanticGhostSecondaryDisabledColor" | "semanticGhostSecondaryDisabledIcon" | "semanticGhostSecondaryFocus" | "semanticGhostSecondaryHoverBg" | "semanticGhostSecondaryHoverBorder" | "semanticGhostSecondaryHoverColor" | "semanticGhostSecondaryHoverIcon" | "semanticGhostSecondaryIcon" | "semanticGhostSuccessBg" | "semanticGhostSuccessBorder" | "semanticGhostSuccessColor" | "semanticGhostSuccessDisabledBg" | "semanticGhostSuccessDisabledBorder" | "semanticGhostSuccessDisabledColor" | "semanticGhostSuccessDisabledIcon" | "semanticGhostSuccessFocus" | "semanticGhostSuccessHoverBg" | "semanticGhostSuccessHoverBorder" | "semanticGhostSuccessHoverColor" | "semanticGhostSuccessHoverIcon" | "semanticGhostSuccessIcon" | "semanticGhostWarningBg" | "semanticGhostWarningBorder" | "semanticGhostWarningColor" | "semanticGhostWarningDisabledBg" | "semanticGhostWarningDisabledBorder" | "semanticGhostWarningDisabledColor" | "semanticGhostWarningDisabledIcon" | "semanticGhostWarningFocus" | "semanticGhostWarningHoverBg" | "semanticGhostWarningHoverBorder" | "semanticGhostWarningHoverColor" | "semanticGhostWarningHoverIcon" | "semanticGhostWarningIcon" | "semanticLinkBaseBg" | "semanticLinkBaseBorder" | "semanticLinkBaseColor" | "semanticLinkBaseDisabledBg" | "semanticLinkBaseDisabledBorder" | "semanticLinkBaseDisabledColor" | "semanticLinkBaseDisabledIcon" | "semanticLinkBaseFocus" | "semanticLinkBaseHoverBg" | "semanticLinkBaseHoverBorder" | "semanticLinkBaseHoverColor" | "semanticLinkBaseHoverIcon" | "semanticLinkBaseIcon" | "semanticLinkErrorBg" | "semanticLinkErrorBorder" | "semanticLinkErrorColor" | "semanticLinkErrorDisabledBg" | "semanticLinkErrorDisabledBorder" | "semanticLinkErrorDisabledColor" | "semanticLinkErrorDisabledIcon" | "semanticLinkErrorFocus" | "semanticLinkErrorHoverBg" | "semanticLinkErrorHoverBorder" | "semanticLinkErrorHoverColor" | "semanticLinkErrorHoverIcon" | "semanticLinkErrorIcon" | "semanticLinkInfoBg" | "semanticLinkInfoBorder" | "semanticLinkInfoColor" | "semanticLinkInfoDisabledBg" | "semanticLinkInfoDisabledBorder" | "semanticLinkInfoDisabledColor" | "semanticLinkInfoDisabledIcon" | "semanticLinkInfoFocus" | "semanticLinkInfoHoverBg" | "semanticLinkInfoHoverBorder" | "semanticLinkInfoHoverColor" | "semanticLinkInfoHoverIcon" | "semanticLinkInfoIcon" | "semanticLinkPrimaryBg" | "semanticLinkPrimaryBorder" | "semanticLinkPrimaryColor" | "semanticLinkPrimaryDisabledBg" | "semanticLinkPrimaryDisabledBorder" | "semanticLinkPrimaryDisabledColor" | "semanticLinkPrimaryDisabledIcon" | "semanticLinkPrimaryFocus" | "semanticLinkPrimaryHoverBg" | "semanticLinkPrimaryHoverBorder" | "semanticLinkPrimaryHoverColor" | "semanticLinkPrimaryHoverIcon" | "semanticLinkPrimaryIcon" | "semanticLinkSecondaryBg" | "semanticLinkSecondaryBorder" | "semanticLinkSecondaryColor" | "semanticLinkSecondaryDisabledBg" | "semanticLinkSecondaryDisabledBorder" | "semanticLinkSecondaryDisabledColor" | "semanticLinkSecondaryDisabledIcon" | "semanticLinkSecondaryFocus" | "semanticLinkSecondaryHoverBg" | "semanticLinkSecondaryHoverBorder" | "semanticLinkSecondaryHoverColor" | "semanticLinkSecondaryHoverIcon" | "semanticLinkSecondaryIcon" | "semanticLinkSuccessBg" | "semanticLinkSuccessBorder" | "semanticLinkSuccessColor" | "semanticLinkSuccessDisabledBg" | "semanticLinkSuccessDisabledBorder" | "semanticLinkSuccessDisabledColor" | "semanticLinkSuccessDisabledIcon" | "semanticLinkSuccessFocus" | "semanticLinkSuccessHoverBg" | "semanticLinkSuccessHoverBorder" | "semanticLinkSuccessHoverColor" | "semanticLinkSuccessHoverIcon" | "semanticLinkSuccessIcon" | "semanticLinkWarningBg" | "semanticLinkWarningBorder" | "semanticLinkWarningColor" | "semanticLinkWarningDisabledBg" | "semanticLinkWarningDisabledBorder" | "semanticLinkWarningDisabledColor" | "semanticLinkWarningDisabledIcon" | "semanticLinkWarningFocus" | "semanticLinkWarningHoverBg" | "semanticLinkWarningHoverBorder" | "semanticLinkWarningHoverColor" | "semanticLinkWarningHoverIcon" | "semanticLinkWarningIcon" | "semanticOutlinedBaseBg" | "semanticOutlinedBaseBorder" | "semanticOutlinedBaseColor" | "semanticOutlinedBaseDisabledBg" | "semanticOutlinedBaseDisabledBorder" | "semanticOutlinedBaseDisabledColor" | "semanticOutlinedBaseDisabledIcon" | "semanticOutlinedBaseFocus" | "semanticOutlinedBaseHoverBg" | "semanticOutlinedBaseHoverBorder" | "semanticOutlinedBaseHoverColor" | "semanticOutlinedBaseHoverIcon" | "semanticOutlinedBaseIcon" | "semanticOutlinedErrorBg" | "semanticOutlinedErrorBorder" | "semanticOutlinedErrorColor" | "semanticOutlinedErrorDisabledBg" | "semanticOutlinedErrorDisabledBorder" | "semanticOutlinedErrorDisabledColor" | "semanticOutlinedErrorDisabledIcon" | "semanticOutlinedErrorFocus" | "semanticOutlinedErrorHoverBg" | "semanticOutlinedErrorHoverBorder" | "semanticOutlinedErrorHoverColor" | "semanticOutlinedErrorHoverIcon" | "semanticOutlinedErrorIcon" | "semanticOutlinedInfoBg" | "semanticOutlinedInfoBorder" | "semanticOutlinedInfoColor" | "semanticOutlinedInfoDisabledBg" | "semanticOutlinedInfoDisabledBorder" | "semanticOutlinedInfoDisabledColor" | "semanticOutlinedInfoDisabledIcon" | "semanticOutlinedInfoFocus" | "semanticOutlinedInfoHoverBg" | "semanticOutlinedInfoHoverBorder" | "semanticOutlinedInfoHoverColor" | "semanticOutlinedInfoHoverIcon" | "semanticOutlinedInfoIcon" | "semanticOutlinedPrimaryBg" | "semanticOutlinedPrimaryBorder" | "semanticOutlinedPrimaryColor" | "semanticOutlinedPrimaryDisabledBg" | "semanticOutlinedPrimaryDisabledBorder" | "semanticOutlinedPrimaryDisabledColor" | "semanticOutlinedPrimaryDisabledIcon" | "semanticOutlinedPrimaryFocus" | "semanticOutlinedPrimaryHoverBg" | "semanticOutlinedPrimaryHoverBorder" | "semanticOutlinedPrimaryHoverColor" | "semanticOutlinedPrimaryHoverIcon" | "semanticOutlinedPrimaryIcon" | "semanticOutlinedSecondaryBg" | "semanticOutlinedSecondaryBorder" | "semanticOutlinedSecondaryColor" | "semanticOutlinedSecondaryDisabledBg" | "semanticOutlinedSecondaryDisabledBorder" | "semanticOutlinedSecondaryDisabledColor" | "semanticOutlinedSecondaryDisabledIcon" | "semanticOutlinedSecondaryFocus" | "semanticOutlinedSecondaryHoverBg" | "semanticOutlinedSecondaryHoverBorder" | "semanticOutlinedSecondaryHoverColor" | "semanticOutlinedSecondaryHoverIcon" | "semanticOutlinedSecondaryIcon" | "semanticOutlinedSuccessBg" | "semanticOutlinedSuccessBorder" | "semanticOutlinedSuccessColor" | "semanticOutlinedSuccessDisabledBg" | "semanticOutlinedSuccessDisabledBorder" | "semanticOutlinedSuccessDisabledColor" | "semanticOutlinedSuccessDisabledIcon" | "semanticOutlinedSuccessFocus" | "semanticOutlinedSuccessHoverBg" | "semanticOutlinedSuccessHoverBorder" | "semanticOutlinedSuccessHoverColor" | "semanticOutlinedSuccessHoverIcon" | "semanticOutlinedSuccessIcon" | "semanticOutlinedWarningBg" | "semanticOutlinedWarningBorder" | "semanticOutlinedWarningColor" | "semanticOutlinedWarningDisabledBg" | "semanticOutlinedWarningDisabledBorder" | "semanticOutlinedWarningDisabledColor" | "semanticOutlinedWarningDisabledIcon" | "semanticOutlinedWarningFocus" | "semanticOutlinedWarningHoverBg" | "semanticOutlinedWarningHoverBorder" | "semanticOutlinedWarningHoverColor" | "semanticOutlinedWarningHoverIcon" | "semanticOutlinedWarningIcon" | "semanticSolidBaseBg" | "semanticSolidBaseBorder" | "semanticSolidBaseColor" | "semanticSolidBaseDisabledBg" | "semanticSolidBaseDisabledBorder" | "semanticSolidBaseDisabledColor" | "semanticSolidBaseDisabledIcon" | "semanticSolidBaseFocus" | "semanticSolidBaseHoverBg" | "semanticSolidBaseHoverBorder" | "semanticSolidBaseHoverColor" | "semanticSolidBaseHoverIcon" | "semanticSolidBaseIcon" | "semanticSolidErrorBg" | "semanticSolidErrorBorder" | "semanticSolidErrorColor" | "semanticSolidErrorDisabledBg" | "semanticSolidErrorDisabledBorder" | "semanticSolidErrorDisabledColor" | "semanticSolidErrorDisabledIcon" | "semanticSolidErrorFocus" | "semanticSolidErrorHoverBg" | "semanticSolidErrorHoverBorder" | "semanticSolidErrorHoverColor" | "semanticSolidErrorHoverIcon" | "semanticSolidErrorIcon" | "semanticSolidInfoBg" | "semanticSolidInfoBorder" | "semanticSolidInfoColor" | "semanticSolidInfoDisabledBg" | "semanticSolidInfoDisabledBorder" | "semanticSolidInfoDisabledColor" | "semanticSolidInfoDisabledIcon" | "semanticSolidInfoFocus" | "semanticSolidInfoHoverBg" | "semanticSolidInfoHoverBorder" | "semanticSolidInfoHoverColor" | "semanticSolidInfoHoverIcon" | "semanticSolidInfoIcon" | "semanticSolidPrimaryBg" | "semanticSolidPrimaryBorder" | "semanticSolidPrimaryColor" | "semanticSolidPrimaryDisabledBg" | "semanticSolidPrimaryDisabledBorder" | "semanticSolidPrimaryDisabledColor" | "semanticSolidPrimaryDisabledIcon" | "semanticSolidPrimaryFocus" | "semanticSolidPrimaryHoverBg" | "semanticSolidPrimaryHoverBorder" | "semanticSolidPrimaryHoverColor" | "semanticSolidPrimaryHoverIcon" | "semanticSolidPrimaryIcon" | "semanticSolidSecondaryBg" | "semanticSolidSecondaryBorder" | "semanticSolidSecondaryColor" | "semanticSolidSecondaryDisabledBg" | "semanticSolidSecondaryDisabledBorder" | "semanticSolidSecondaryDisabledColor" | "semanticSolidSecondaryDisabledIcon" | "semanticSolidSecondaryFocus" | "semanticSolidSecondaryHoverBg" | "semanticSolidSecondaryHoverBorder" | "semanticSolidSecondaryHoverColor" | "semanticSolidSecondaryHoverIcon" | "semanticSolidSecondaryIcon" | "semanticSolidSuccessBg" | "semanticSolidSuccessBorder" | "semanticSolidSuccessColor" | "semanticSolidSuccessDisabledBg" | "semanticSolidSuccessDisabledBorder" | "semanticSolidSuccessDisabledColor" | "semanticSolidSuccessDisabledIcon" | "semanticSolidSuccessFocus" | "semanticSolidSuccessHoverBg" | "semanticSolidSuccessHoverBorder" | "semanticSolidSuccessHoverColor" | "semanticSolidSuccessHoverIcon" | "semanticSolidSuccessIcon" | "semanticSolidWarningBg" | "semanticSolidWarningBorder" | "semanticSolidWarningColor" | "semanticSolidWarningDisabledBg" | "semanticSolidWarningDisabledBorder" | "semanticSolidWarningDisabledColor" | "semanticSolidWarningDisabledIcon" | "semanticSolidWarningFocus" | "semanticSolidWarningHoverBg" | "semanticSolidWarningHoverBorder" | "semanticSolidWarningHoverColor" | "semanticSolidWarningHoverIcon" | "semanticSolidWarningIcon" | "textActive" | "textColor" | "textHeading" | "textIcon" | "textInverse" | "textLink" | "textLinkActive" | "textLinkDisabled" | "textLinkHover" | "textLinkVisited" | "textMuted" | "textSubtext" | "white" | "whiteA1" | "whiteA10" | "whiteA11" | "whiteA12" | "whiteA2" | "whiteA3" | "whiteA4" | "whiteA5" | "whiteA6" | "whiteA7" | "whiteA8" | "whiteA9" | "current" | undefined;
    iconSize?: number | undefined;
    iconColor?: "transparent" | "inherit" | "gray1" | "gray2" | "gray3" | "gray4" | "gray5" | "gray6" | "gray7" | "gray8" | "gray9" | "gray10" | "gray11" | "gray12" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "accent10" | "accent11" | "accent12" | "crimson1" | "crimson2" | "crimson3" | "crimson4" | "crimson5" | "crimson6" | "crimson7" | "crimson8" | "crimson9" | "crimson10" | "crimson11" | "crimson12" | "indigo1" | "indigo2" | "indigo3" | "indigo4" | "indigo5" | "indigo6" | "indigo7" | "indigo8" | "indigo9" | "indigo10" | "indigo11" | "indigo12" | "yellow1" | "yellow2" | "yellow3" | "yellow4" | "yellow5" | "yellow6" | "yellow7" | "yellow8" | "yellow9" | "yellow10" | "yellow11" | "yellow12" | "bodyColor" | "black" | "blackA1" | "blackA10" | "blackA11" | "blackA12" | "blackA2" | "blackA3" | "blackA4" | "blackA5" | "blackA6" | "blackA7" | "blackA8" | "blackA9" | "bodyBg" | "bodyInverse" | "border" | "borderHover" | "brand" | "cardBg" | "cardBorder" | "dialogBg" | "inputActiveBg" | "inputActiveBorder" | "inputActiveColor" | "inputActiveFocus" | "inputActiveIcon" | "inputActivePlaceholder" | "inputBaseBg" | "inputBaseBorder" | "inputBaseColor" | "inputBaseFocus" | "inputBaseIcon" | "inputBasePlaceholder" | "inputDisabledBg" | "inputDisabledBorder" | "inputDisabledColor" | "inputDisabledFocus" | "inputDisabledIcon" | "inputDisabledPlaceholder" | "inputErrorBg" | "inputErrorBorder" | "inputErrorColor" | "inputErrorFocus" | "inputErrorIcon" | "inputErrorPlaceholder" | "inputSuccessBg" | "inputSuccessBorder" | "inputSuccessColor" | "inputSuccessFocus" | "inputSuccessIcon" | "inputSuccessPlaceholder" | "inputBg" | "intentsBase1" | "intentsBase10" | "intentsBase11" | "intentsBase12" | "intentsBase2" | "intentsBase3" | "intentsBase4" | "intentsBase5" | "intentsBase6" | "intentsBase7" | "intentsBase8" | "intentsBase9" | "intentsError1" | "intentsError10" | "intentsError11" | "intentsError12" | "intentsError2" | "intentsError3" | "intentsError4" | "intentsError5" | "intentsError6" | "intentsError7" | "intentsError8" | "intentsError9" | "intentsInfo1" | "intentsInfo10" | "intentsInfo11" | "intentsInfo12" | "intentsInfo2" | "intentsInfo3" | "intentsInfo4" | "intentsInfo5" | "intentsInfo6" | "intentsInfo7" | "intentsInfo8" | "intentsInfo9" | "intentsPrimary1" | "intentsPrimary10" | "intentsPrimary11" | "intentsPrimary12" | "intentsPrimary2" | "intentsPrimary3" | "intentsPrimary4" | "intentsPrimary5" | "intentsPrimary6" | "intentsPrimary7" | "intentsPrimary8" | "intentsPrimary9" | "intentsSecondary1" | "intentsSecondary10" | "intentsSecondary11" | "intentsSecondary12" | "intentsSecondary2" | "intentsSecondary3" | "intentsSecondary4" | "intentsSecondary5" | "intentsSecondary6" | "intentsSecondary7" | "intentsSecondary8" | "intentsSecondary9" | "intentsSuccess1" | "intentsSuccess10" | "intentsSuccess11" | "intentsSuccess12" | "intentsSuccess2" | "intentsSuccess3" | "intentsSuccess4" | "intentsSuccess5" | "intentsSuccess6" | "intentsSuccess7" | "intentsSuccess8" | "intentsSuccess9" | "intentsWarning1" | "intentsWarning10" | "intentsWarning11" | "intentsWarning12" | "intentsWarning2" | "intentsWarning3" | "intentsWarning4" | "intentsWarning5" | "intentsWarning6" | "intentsWarning7" | "intentsWarning8" | "intentsWarning9" | "inverseA1" | "inverseA10" | "inverseA11" | "inverseA12" | "inverseA2" | "inverseA3" | "inverseA4" | "inverseA5" | "inverseA6" | "inverseA7" | "inverseA8" | "inverseA9" | "overlayBg" | "overlayText" | "scalesBlue1" | "scalesBlue10" | "scalesBlue11" | "scalesBlue12" | "scalesBlue2" | "scalesBlue3" | "scalesBlue4" | "scalesBlue5" | "scalesBlue6" | "scalesBlue7" | "scalesBlue8" | "scalesBlue9" | "scalesGray1" | "scalesGray10" | "scalesGray11" | "scalesGray12" | "scalesGray2" | "scalesGray3" | "scalesGray4" | "scalesGray5" | "scalesGray6" | "scalesGray7" | "scalesGray8" | "scalesGray9" | "scalesGreen1" | "scalesGreen10" | "scalesGreen11" | "scalesGreen12" | "scalesGreen2" | "scalesGreen3" | "scalesGreen4" | "scalesGreen5" | "scalesGreen6" | "scalesGreen7" | "scalesGreen8" | "scalesGreen9" | "scalesRed1" | "scalesRed10" | "scalesRed11" | "scalesRed12" | "scalesRed2" | "scalesRed3" | "scalesRed4" | "scalesRed5" | "scalesRed6" | "scalesRed7" | "scalesRed8" | "scalesRed9" | "scalesYellow1" | "scalesYellow10" | "scalesYellow11" | "scalesYellow12" | "scalesYellow2" | "scalesYellow3" | "scalesYellow4" | "scalesYellow5" | "scalesYellow6" | "scalesYellow7" | "scalesYellow8" | "scalesYellow9" | "semanticGhostBaseBg" | "semanticGhostBaseBorder" | "semanticGhostBaseColor" | "semanticGhostBaseDisabledBg" | "semanticGhostBaseDisabledBorder" | "semanticGhostBaseDisabledColor" | "semanticGhostBaseDisabledIcon" | "semanticGhostBaseFocus" | "semanticGhostBaseHoverBg" | "semanticGhostBaseHoverBorder" | "semanticGhostBaseHoverColor" | "semanticGhostBaseHoverIcon" | "semanticGhostBaseIcon" | "semanticGhostErrorBg" | "semanticGhostErrorBorder" | "semanticGhostErrorColor" | "semanticGhostErrorDisabledBg" | "semanticGhostErrorDisabledBorder" | "semanticGhostErrorDisabledColor" | "semanticGhostErrorDisabledIcon" | "semanticGhostErrorFocus" | "semanticGhostErrorHoverBg" | "semanticGhostErrorHoverBorder" | "semanticGhostErrorHoverColor" | "semanticGhostErrorHoverIcon" | "semanticGhostErrorIcon" | "semanticGhostInfoBg" | "semanticGhostInfoBorder" | "semanticGhostInfoColor" | "semanticGhostInfoDisabledBg" | "semanticGhostInfoDisabledBorder" | "semanticGhostInfoDisabledColor" | "semanticGhostInfoDisabledIcon" | "semanticGhostInfoFocus" | "semanticGhostInfoHoverBg" | "semanticGhostInfoHoverBorder" | "semanticGhostInfoHoverColor" | "semanticGhostInfoHoverIcon" | "semanticGhostInfoIcon" | "semanticGhostPrimaryBg" | "semanticGhostPrimaryBorder" | "semanticGhostPrimaryColor" | "semanticGhostPrimaryDisabledBg" | "semanticGhostPrimaryDisabledBorder" | "semanticGhostPrimaryDisabledColor" | "semanticGhostPrimaryDisabledIcon" | "semanticGhostPrimaryFocus" | "semanticGhostPrimaryHoverBg" | "semanticGhostPrimaryHoverBorder" | "semanticGhostPrimaryHoverColor" | "semanticGhostPrimaryHoverIcon" | "semanticGhostPrimaryIcon" | "semanticGhostSecondaryBg" | "semanticGhostSecondaryBorder" | "semanticGhostSecondaryColor" | "semanticGhostSecondaryDisabledBg" | "semanticGhostSecondaryDisabledBorder" | "semanticGhostSecondaryDisabledColor" | "semanticGhostSecondaryDisabledIcon" | "semanticGhostSecondaryFocus" | "semanticGhostSecondaryHoverBg" | "semanticGhostSecondaryHoverBorder" | "semanticGhostSecondaryHoverColor" | "semanticGhostSecondaryHoverIcon" | "semanticGhostSecondaryIcon" | "semanticGhostSuccessBg" | "semanticGhostSuccessBorder" | "semanticGhostSuccessColor" | "semanticGhostSuccessDisabledBg" | "semanticGhostSuccessDisabledBorder" | "semanticGhostSuccessDisabledColor" | "semanticGhostSuccessDisabledIcon" | "semanticGhostSuccessFocus" | "semanticGhostSuccessHoverBg" | "semanticGhostSuccessHoverBorder" | "semanticGhostSuccessHoverColor" | "semanticGhostSuccessHoverIcon" | "semanticGhostSuccessIcon" | "semanticGhostWarningBg" | "semanticGhostWarningBorder" | "semanticGhostWarningColor" | "semanticGhostWarningDisabledBg" | "semanticGhostWarningDisabledBorder" | "semanticGhostWarningDisabledColor" | "semanticGhostWarningDisabledIcon" | "semanticGhostWarningFocus" | "semanticGhostWarningHoverBg" | "semanticGhostWarningHoverBorder" | "semanticGhostWarningHoverColor" | "semanticGhostWarningHoverIcon" | "semanticGhostWarningIcon" | "semanticLinkBaseBg" | "semanticLinkBaseBorder" | "semanticLinkBaseColor" | "semanticLinkBaseDisabledBg" | "semanticLinkBaseDisabledBorder" | "semanticLinkBaseDisabledColor" | "semanticLinkBaseDisabledIcon" | "semanticLinkBaseFocus" | "semanticLinkBaseHoverBg" | "semanticLinkBaseHoverBorder" | "semanticLinkBaseHoverColor" | "semanticLinkBaseHoverIcon" | "semanticLinkBaseIcon" | "semanticLinkErrorBg" | "semanticLinkErrorBorder" | "semanticLinkErrorColor" | "semanticLinkErrorDisabledBg" | "semanticLinkErrorDisabledBorder" | "semanticLinkErrorDisabledColor" | "semanticLinkErrorDisabledIcon" | "semanticLinkErrorFocus" | "semanticLinkErrorHoverBg" | "semanticLinkErrorHoverBorder" | "semanticLinkErrorHoverColor" | "semanticLinkErrorHoverIcon" | "semanticLinkErrorIcon" | "semanticLinkInfoBg" | "semanticLinkInfoBorder" | "semanticLinkInfoColor" | "semanticLinkInfoDisabledBg" | "semanticLinkInfoDisabledBorder" | "semanticLinkInfoDisabledColor" | "semanticLinkInfoDisabledIcon" | "semanticLinkInfoFocus" | "semanticLinkInfoHoverBg" | "semanticLinkInfoHoverBorder" | "semanticLinkInfoHoverColor" | "semanticLinkInfoHoverIcon" | "semanticLinkInfoIcon" | "semanticLinkPrimaryBg" | "semanticLinkPrimaryBorder" | "semanticLinkPrimaryColor" | "semanticLinkPrimaryDisabledBg" | "semanticLinkPrimaryDisabledBorder" | "semanticLinkPrimaryDisabledColor" | "semanticLinkPrimaryDisabledIcon" | "semanticLinkPrimaryFocus" | "semanticLinkPrimaryHoverBg" | "semanticLinkPrimaryHoverBorder" | "semanticLinkPrimaryHoverColor" | "semanticLinkPrimaryHoverIcon" | "semanticLinkPrimaryIcon" | "semanticLinkSecondaryBg" | "semanticLinkSecondaryBorder" | "semanticLinkSecondaryColor" | "semanticLinkSecondaryDisabledBg" | "semanticLinkSecondaryDisabledBorder" | "semanticLinkSecondaryDisabledColor" | "semanticLinkSecondaryDisabledIcon" | "semanticLinkSecondaryFocus" | "semanticLinkSecondaryHoverBg" | "semanticLinkSecondaryHoverBorder" | "semanticLinkSecondaryHoverColor" | "semanticLinkSecondaryHoverIcon" | "semanticLinkSecondaryIcon" | "semanticLinkSuccessBg" | "semanticLinkSuccessBorder" | "semanticLinkSuccessColor" | "semanticLinkSuccessDisabledBg" | "semanticLinkSuccessDisabledBorder" | "semanticLinkSuccessDisabledColor" | "semanticLinkSuccessDisabledIcon" | "semanticLinkSuccessFocus" | "semanticLinkSuccessHoverBg" | "semanticLinkSuccessHoverBorder" | "semanticLinkSuccessHoverColor" | "semanticLinkSuccessHoverIcon" | "semanticLinkSuccessIcon" | "semanticLinkWarningBg" | "semanticLinkWarningBorder" | "semanticLinkWarningColor" | "semanticLinkWarningDisabledBg" | "semanticLinkWarningDisabledBorder" | "semanticLinkWarningDisabledColor" | "semanticLinkWarningDisabledIcon" | "semanticLinkWarningFocus" | "semanticLinkWarningHoverBg" | "semanticLinkWarningHoverBorder" | "semanticLinkWarningHoverColor" | "semanticLinkWarningHoverIcon" | "semanticLinkWarningIcon" | "semanticOutlinedBaseBg" | "semanticOutlinedBaseBorder" | "semanticOutlinedBaseColor" | "semanticOutlinedBaseDisabledBg" | "semanticOutlinedBaseDisabledBorder" | "semanticOutlinedBaseDisabledColor" | "semanticOutlinedBaseDisabledIcon" | "semanticOutlinedBaseFocus" | "semanticOutlinedBaseHoverBg" | "semanticOutlinedBaseHoverBorder" | "semanticOutlinedBaseHoverColor" | "semanticOutlinedBaseHoverIcon" | "semanticOutlinedBaseIcon" | "semanticOutlinedErrorBg" | "semanticOutlinedErrorBorder" | "semanticOutlinedErrorColor" | "semanticOutlinedErrorDisabledBg" | "semanticOutlinedErrorDisabledBorder" | "semanticOutlinedErrorDisabledColor" | "semanticOutlinedErrorDisabledIcon" | "semanticOutlinedErrorFocus" | "semanticOutlinedErrorHoverBg" | "semanticOutlinedErrorHoverBorder" | "semanticOutlinedErrorHoverColor" | "semanticOutlinedErrorHoverIcon" | "semanticOutlinedErrorIcon" | "semanticOutlinedInfoBg" | "semanticOutlinedInfoBorder" | "semanticOutlinedInfoColor" | "semanticOutlinedInfoDisabledBg" | "semanticOutlinedInfoDisabledBorder" | "semanticOutlinedInfoDisabledColor" | "semanticOutlinedInfoDisabledIcon" | "semanticOutlinedInfoFocus" | "semanticOutlinedInfoHoverBg" | "semanticOutlinedInfoHoverBorder" | "semanticOutlinedInfoHoverColor" | "semanticOutlinedInfoHoverIcon" | "semanticOutlinedInfoIcon" | "semanticOutlinedPrimaryBg" | "semanticOutlinedPrimaryBorder" | "semanticOutlinedPrimaryColor" | "semanticOutlinedPrimaryDisabledBg" | "semanticOutlinedPrimaryDisabledBorder" | "semanticOutlinedPrimaryDisabledColor" | "semanticOutlinedPrimaryDisabledIcon" | "semanticOutlinedPrimaryFocus" | "semanticOutlinedPrimaryHoverBg" | "semanticOutlinedPrimaryHoverBorder" | "semanticOutlinedPrimaryHoverColor" | "semanticOutlinedPrimaryHoverIcon" | "semanticOutlinedPrimaryIcon" | "semanticOutlinedSecondaryBg" | "semanticOutlinedSecondaryBorder" | "semanticOutlinedSecondaryColor" | "semanticOutlinedSecondaryDisabledBg" | "semanticOutlinedSecondaryDisabledBorder" | "semanticOutlinedSecondaryDisabledColor" | "semanticOutlinedSecondaryDisabledIcon" | "semanticOutlinedSecondaryFocus" | "semanticOutlinedSecondaryHoverBg" | "semanticOutlinedSecondaryHoverBorder" | "semanticOutlinedSecondaryHoverColor" | "semanticOutlinedSecondaryHoverIcon" | "semanticOutlinedSecondaryIcon" | "semanticOutlinedSuccessBg" | "semanticOutlinedSuccessBorder" | "semanticOutlinedSuccessColor" | "semanticOutlinedSuccessDisabledBg" | "semanticOutlinedSuccessDisabledBorder" | "semanticOutlinedSuccessDisabledColor" | "semanticOutlinedSuccessDisabledIcon" | "semanticOutlinedSuccessFocus" | "semanticOutlinedSuccessHoverBg" | "semanticOutlinedSuccessHoverBorder" | "semanticOutlinedSuccessHoverColor" | "semanticOutlinedSuccessHoverIcon" | "semanticOutlinedSuccessIcon" | "semanticOutlinedWarningBg" | "semanticOutlinedWarningBorder" | "semanticOutlinedWarningColor" | "semanticOutlinedWarningDisabledBg" | "semanticOutlinedWarningDisabledBorder" | "semanticOutlinedWarningDisabledColor" | "semanticOutlinedWarningDisabledIcon" | "semanticOutlinedWarningFocus" | "semanticOutlinedWarningHoverBg" | "semanticOutlinedWarningHoverBorder" | "semanticOutlinedWarningHoverColor" | "semanticOutlinedWarningHoverIcon" | "semanticOutlinedWarningIcon" | "semanticSolidBaseBg" | "semanticSolidBaseBorder" | "semanticSolidBaseColor" | "semanticSolidBaseDisabledBg" | "semanticSolidBaseDisabledBorder" | "semanticSolidBaseDisabledColor" | "semanticSolidBaseDisabledIcon" | "semanticSolidBaseFocus" | "semanticSolidBaseHoverBg" | "semanticSolidBaseHoverBorder" | "semanticSolidBaseHoverColor" | "semanticSolidBaseHoverIcon" | "semanticSolidBaseIcon" | "semanticSolidErrorBg" | "semanticSolidErrorBorder" | "semanticSolidErrorColor" | "semanticSolidErrorDisabledBg" | "semanticSolidErrorDisabledBorder" | "semanticSolidErrorDisabledColor" | "semanticSolidErrorDisabledIcon" | "semanticSolidErrorFocus" | "semanticSolidErrorHoverBg" | "semanticSolidErrorHoverBorder" | "semanticSolidErrorHoverColor" | "semanticSolidErrorHoverIcon" | "semanticSolidErrorIcon" | "semanticSolidInfoBg" | "semanticSolidInfoBorder" | "semanticSolidInfoColor" | "semanticSolidInfoDisabledBg" | "semanticSolidInfoDisabledBorder" | "semanticSolidInfoDisabledColor" | "semanticSolidInfoDisabledIcon" | "semanticSolidInfoFocus" | "semanticSolidInfoHoverBg" | "semanticSolidInfoHoverBorder" | "semanticSolidInfoHoverColor" | "semanticSolidInfoHoverIcon" | "semanticSolidInfoIcon" | "semanticSolidPrimaryBg" | "semanticSolidPrimaryBorder" | "semanticSolidPrimaryColor" | "semanticSolidPrimaryDisabledBg" | "semanticSolidPrimaryDisabledBorder" | "semanticSolidPrimaryDisabledColor" | "semanticSolidPrimaryDisabledIcon" | "semanticSolidPrimaryFocus" | "semanticSolidPrimaryHoverBg" | "semanticSolidPrimaryHoverBorder" | "semanticSolidPrimaryHoverColor" | "semanticSolidPrimaryHoverIcon" | "semanticSolidPrimaryIcon" | "semanticSolidSecondaryBg" | "semanticSolidSecondaryBorder" | "semanticSolidSecondaryColor" | "semanticSolidSecondaryDisabledBg" | "semanticSolidSecondaryDisabledBorder" | "semanticSolidSecondaryDisabledColor" | "semanticSolidSecondaryDisabledIcon" | "semanticSolidSecondaryFocus" | "semanticSolidSecondaryHoverBg" | "semanticSolidSecondaryHoverBorder" | "semanticSolidSecondaryHoverColor" | "semanticSolidSecondaryHoverIcon" | "semanticSolidSecondaryIcon" | "semanticSolidSuccessBg" | "semanticSolidSuccessBorder" | "semanticSolidSuccessColor" | "semanticSolidSuccessDisabledBg" | "semanticSolidSuccessDisabledBorder" | "semanticSolidSuccessDisabledColor" | "semanticSolidSuccessDisabledIcon" | "semanticSolidSuccessFocus" | "semanticSolidSuccessHoverBg" | "semanticSolidSuccessHoverBorder" | "semanticSolidSuccessHoverColor" | "semanticSolidSuccessHoverIcon" | "semanticSolidSuccessIcon" | "semanticSolidWarningBg" | "semanticSolidWarningBorder" | "semanticSolidWarningColor" | "semanticSolidWarningDisabledBg" | "semanticSolidWarningDisabledBorder" | "semanticSolidWarningDisabledColor" | "semanticSolidWarningDisabledIcon" | "semanticSolidWarningFocus" | "semanticSolidWarningHoverBg" | "semanticSolidWarningHoverBorder" | "semanticSolidWarningHoverColor" | "semanticSolidWarningHoverIcon" | "semanticSolidWarningIcon" | "textActive" | "textColor" | "textHeading" | "textIcon" | "textInverse" | "textLink" | "textLinkActive" | "textLinkDisabled" | "textLinkHover" | "textLinkVisited" | "textMuted" | "textSubtext" | "white" | "whiteA1" | "whiteA10" | "whiteA11" | "whiteA12" | "whiteA2" | "whiteA3" | "whiteA4" | "whiteA5" | "whiteA6" | "whiteA7" | "whiteA8" | "whiteA9" | "current" | undefined;
    leftIcon?: string | number | boolean | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | react.ReactPortal | null | undefined;
    rightIcon?: string | number | boolean | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | react.ReactPortal | null | undefined;
    leftIconAriaLabel?: string | undefined;
    rightIconAriaLabel?: string | undefined;
} & react.RefAttributes<any>> & ObjProps$e;

type FormLabelProps = Label.LabelProps;
type ObjProps$d = {
    id: string;
};
declare const FormLabel: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & Label.LabelProps & react.RefAttributes<any>> & ObjProps$d;

type GridItemProps = HTMLProps['div'] & {
    /**
     * Shorthand prop for `gridArea`
     * @type ThemeUtilsCSS["gridArea"];
     */
    area?: ThemeUtilsCSS['gridArea'];
    /**
     * The number of columns the grid item should `span`.
     * @type number | "auto
     */
    colSpan?: number | 'auto';
    /**
     * The column number the grid item should start.
     * @type number | "auto
     */
    colStart?: number | 'auto';
    /**
     * @type number | "auto
     */
    colEnd?: number | 'auto';
    /**
     * @type number | "auto
     */
    rowStart?: number | 'auto';
    /**
     * @type number | "auto
     */
    rowEnd?: number | 'auto';
    /**
     * @type number | "auto
     */
    rowSpan?: number | 'auto';
};
declare const GridItem: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLDivElement> & {
    /**
     * Shorthand prop for `gridArea`
     * @type ThemeUtilsCSS["gridArea"];
     */
    area?: ThemeUtilsCSS['gridArea'];
    /**
     * The number of columns the grid item should `span`.
     * @type number | "auto
     */
    colSpan?: number | "auto" | undefined;
    /**
     * The column number the grid item should start.
     * @type number | "auto
     */
    colStart?: number | "auto" | undefined;
    /**
     * @type number | "auto
     */
    colEnd?: number | "auto" | undefined;
    /**
     * @type number | "auto
     */
    rowStart?: number | "auto" | undefined;
    /**
     * @type number | "auto
     */
    rowEnd?: number | "auto" | undefined;
    /**
     * @type number | "auto
     */
    rowSpan?: number | "auto" | undefined;
} & react.RefAttributes<any>>;

type GridProps = HTMLProps['div'] & {
    /**
     * Shorthand prop for `gridAutoColumns`
     * @type ThemeUtilsCSS["gridAutoColumns"];
     */
    autoColumns?: ThemeUtilsCSS['gridAutoColumns'];
    /**
     * Shorthand prop for `gridAutoRows`
     * @type ThemeUtilsCSS["gridAutoRows"];
     */
    autoRows?: ThemeUtilsCSS['gridAutoRows'];
    /**
     * Shorthand prop for `gridColumn`
     * @type ThemeUtilsCSS["gridColumn"];
     */
    column?: ThemeUtilsCSS['gridColumn'];
    /**
     * Shorthand prop for `gridAutoFlow`
     * @type ThemeUtilsCSS["gridAutoFlow"];
     */
    direction?: ThemeUtilsCSS['gridAutoFlow'];
    /**
     * Shorthand prop for `gap`
     * @type ThemeUtilsCSS["gap"];
     */
    gap?: ThemeUtilsCSS['gap'];
    /**
     * Shorthand prop for `gridRow`
     * @type ThemeUtilsCSS["gridRow"];
     */
    row?: ThemeUtilsCSS['gridRow'];
    /**
     * Shorthand prop for `gridTemplateAreas`
     * @type ThemeUtilsCSS["gridTemplateAreas"];
     */
    templateAreas?: ThemeUtilsCSS['gridTemplateAreas'];
    /**
     * Shorthand prop for `gridTemplateColumns`
     * @type ThemeUtilsCSS["gridTemplateColumns"];
     */
    templateColumns?: ThemeUtilsCSS['gridTemplateColumns'];
    /**
     * Shorthand prop for `gridTemplateRows`
     * @type ThemeUtilsCSS["gridTemplateRows"];
     */
    templateRows?: ThemeUtilsCSS['gridTemplateRows'];
};
type ObjProps$c = {
    Item: typeof GridItem;
};
declare const Grid: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLDivElement> & {
    /**
     * Shorthand prop for `gridAutoColumns`
     * @type ThemeUtilsCSS["gridAutoColumns"];
     */
    autoColumns?: ThemeUtilsCSS['gridAutoColumns'];
    /**
     * Shorthand prop for `gridAutoRows`
     * @type ThemeUtilsCSS["gridAutoRows"];
     */
    autoRows?: ThemeUtilsCSS['gridAutoRows'];
    /**
     * Shorthand prop for `gridColumn`
     * @type ThemeUtilsCSS["gridColumn"];
     */
    column?: ThemeUtilsCSS['gridColumn'];
    /**
     * Shorthand prop for `gridAutoFlow`
     * @type ThemeUtilsCSS["gridAutoFlow"];
     */
    direction?: ThemeUtilsCSS['gridAutoFlow'];
    /**
     * Shorthand prop for `gap`
     * @type ThemeUtilsCSS["gap"];
     */
    gap?: ThemeUtilsCSS['gap'];
    /**
     * Shorthand prop for `gridRow`
     * @type ThemeUtilsCSS["gridRow"];
     */
    row?: ThemeUtilsCSS['gridRow'];
    /**
     * Shorthand prop for `gridTemplateAreas`
     * @type ThemeUtilsCSS["gridTemplateAreas"];
     */
    templateAreas?: ThemeUtilsCSS['gridTemplateAreas'];
    /**
     * Shorthand prop for `gridTemplateColumns`
     * @type ThemeUtilsCSS["gridTemplateColumns"];
     */
    templateColumns?: ThemeUtilsCSS['gridTemplateColumns'];
    /**
     * Shorthand prop for `gridTemplateRows`
     * @type ThemeUtilsCSS["gridTemplateRows"];
     */
    templateRows?: ThemeUtilsCSS['gridTemplateRows'];
} & react.RefAttributes<any>> & ObjProps$c;

type ObjProps$b = {
    id?: string;
};
declare const InputAddonLeft: react.ForwardRefExoticComponent<(Omit<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
}, "left"> | Omit<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
}, "right">) & react.RefAttributes<any>> & ObjProps$b;
declare const InputAddonRight: react.ForwardRefExoticComponent<(Omit<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
}, "left"> | Omit<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
}, "right">) & react.RefAttributes<any>> & ObjProps$b;

type InputElementProps = {
    element?: ReactNode;
};
declare const ICON_SIZES: {
    sm: number;
    md: number;
    lg: number;
};
type InputElementObjProps = {
    id?: string;
};
declare const InputElementLeft: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: ReactNode;
} & InputElementProps & react.RefAttributes<any>> & InputElementObjProps;
declare const InputElementRight: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: ReactNode;
} & InputElementProps & react.RefAttributes<any>> & InputElementObjProps;

type HTMLInputProps$1 = HTMLProps['input'];
type InputFieldProps = Omit<HTMLInputProps$1, 'size'> & {
    htmlSize?: HTMLInputProps$1['size'];
};
type ObjProps$a = {
    id: string;
};
declare const InputField: react.ForwardRefExoticComponent<(Omit<BaseProps$1<InputFieldProps>, "as"> | Omit<BaseProps$1<InputFieldProps>, "children">) & react.RefAttributes<any>> & ObjProps$a;

type HTMLInputProps = HTMLProps['input'];
type InputNumberProps = Omit<HTMLInputProps, 'size'> & NumericFormatProps<Omit<InputFieldProps, 'onBlur'>> & {
    htmlSize?: HTMLInputProps['size'];
};
type ObjProps$9 = {
    id: string;
};
declare const InputNumber: react.ForwardRefExoticComponent<(Omit<BaseProps$1<InputNumberProps>, "as"> | Omit<BaseProps$1<InputNumberProps>, "children">) & react.RefAttributes<any>> & ObjProps$9;

type InputSizes = 'sm' | 'md' | 'lg';
type InputProps = {
    size?: InputSizes;
    isRequired?: boolean;
    isInvalid?: boolean;
    isDisabled?: boolean;
    isReadOnly?: boolean;
    isFullWidth?: boolean;
    describedBy?: string;
    autoFocus?: boolean;
};
type ObjProps$8 = {
    id: string;
    AddonLeft: typeof InputAddonLeft;
    AddonRight: typeof InputAddonRight;
    ElementLeft: typeof InputElementLeft;
    ElementRight: typeof InputElementRight;
    Field: typeof InputField;
    Number: typeof InputNumber;
};
declare function useInputProps(): InputProps;
declare const Input: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & InputProps & react.RefAttributes<any>> & ObjProps$8;

declare const InputAmountLoader: (props: ContentLoaderProps) => react_jsx_runtime.JSX.Element;

type InputAmountProps = Omit<InputProps, 'size'> & {
    name?: string;
    label?: string;
    balance?: BN;
    units?: number;
    balancePrecision?: number;
    asset?: {
        name?: string;
        imageUrl?: string;
        address?: string;
    };
    assetTooltip?: string;
    hiddenMaxButton?: boolean;
    hiddenBalance?: boolean;
    value?: BN | null;
    onChange?: (val: BN | null) => void;
    onClickAsset?: (e: PressEvent) => void;
    onClickMax?: () => void;
    inputProps?: InputNumberProps;
};
type InputAmountComponent = FC<InputAmountProps> & {
    Loader: typeof InputAmountLoader;
};
declare const InputAmount: InputAmountComponent;

type InputPasswordProps = InputProps & InputFieldProps;
declare const InputPassword: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & InputProps & Omit<react.InputHTMLAttributes<HTMLInputElement>, "size"> & {
    htmlSize?: number | undefined;
} & react.RefAttributes<any>>;

declare const ListItem: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.LiHTMLAttributes<HTMLLIElement> & ListContext & react.RefAttributes<any>>;

type ListContext = {
    icon?: IconProps['icon'];
    iconColor?: Colors;
    iconSize?: number;
    iconAriaLabel?: string;
};
declare function useListContext(): ListContext;
type BaseProps = HTMLProps['ul'] | HTMLProps['ol'];
type ListProps = BaseProps & ListContext & {
    type?: 'ordered' | 'unordered';
};
type ObjProps$7 = {
    Item: typeof ListItem;
};
declare const List: react.ForwardRefExoticComponent<BaseProps$1<ListProps> & react.RefAttributes<any>> & ObjProps$7;

type PaginationItemsProps = StackProps$1;
declare const PaginationItems: react.ForwardRefExoticComponent<Omit<BaseProps$1<FlexProps>, "children"> & react.RefAttributes<any>>;

type OmitProps = 'children' | 'as' | 'css';
type PaginationNavProps = {
    direction: 'next' | 'prev';
};
declare const PaginationNav: react.ForwardRefExoticComponent<(Omit<BaseProps$1<PaginationNavProps>, "css"> | Omit<BaseProps$1<PaginationNavProps>, "as"> | Omit<BaseProps$1<PaginationNavProps>, "children">) & react.RefAttributes<any>>;

declare const PaginationNext: react.ForwardRefExoticComponent<(Omit<BaseProps$1<Omit<PaginationNavProps, "direction">>, "css"> | Omit<BaseProps$1<Omit<PaginationNavProps, "direction">>, "as"> | Omit<BaseProps$1<Omit<PaginationNavProps, "direction">>, "children">) & react.RefAttributes<any>>;

declare const PaginationPrev: react.ForwardRefExoticComponent<(Omit<BaseProps$1<Omit<PaginationNavProps, "direction">>, "css"> | Omit<BaseProps$1<Omit<PaginationNavProps, "direction">>, "as"> | Omit<BaseProps$1<Omit<PaginationNavProps, "direction">>, "children">) & react.RefAttributes<any>>;

type UsePaginationOpts = {
    pagesCount: number;
    pagesToDisplay?: number;
    onPageChange?: (page: number) => void;
    initialState?: {
        currentPage?: number;
    };
};
/**
 * Hook to used inside the <Pagiation> component to handle paginatioMachie logic.
 * @param pagesCount The total number of pages.
 * @param pagesToDisplay The total number of pages to display.
 * @param onPageChange The callback to call when the page changes.
 * @param initialState The initial state.
 * @returns UsePaginationReturn
 *  - pages: The pages to display.
 *  - currentPage: The current page.
 *  - next: The function to go to the next page.
 *  - prev: The function to go to the previous page.
 *  - goTo: The function to go to a specific page.
 *
 * @example
 * const { pages, currentPage, next, prev, goTo } = usePagination({
 *  pagesCount: 10,
 *  pagesToDisplay: 5,
 *  onPageChange: (page) => console.log(page),
 *    initialState: {
 *      currentPage: 1,
 *    },
 * });
 * @example
 */
declare function usePagination(opts: UsePaginationOpts): {
    next: () => void;
    prev: () => void;
    goTo: (page: number) => void;
    pagesCount: number;
    currentPage?: number | undefined;
    pagesToDisplay?: number | undefined;
    pages?: number[] | undefined;
};
type UsePaginationReturn = ReturnType<typeof usePagination>;

type Context$1 = UsePaginationReturn & PaginationBaseProps;
declare function usePaginationContext(): Context$1;
type PaginationBaseProps = UsePaginationOpts & {
    autoFocus?: boolean;
    variant?: ButtonProps['variant'];
    color?: ButtonProps['color'];
    size?: ButtonProps['size'];
};
type PaginationProps = StackProps$1 & PaginationBaseProps;
type ObjProps$6 = {
    Items: typeof PaginationItems;
    Next: typeof PaginationNext;
    Prev: typeof PaginationPrev;
};
/**
 * Pagination component.
 * @param autoFocus Whether to focus on the first item.
 * @param variant The variant of pagination (same as Button).
 * @param color The color of pagination (same as Button).
 * @param size The size of pagination (same as Button).
 * @example
 * <Pagination pagesCount={10}>
 *   <Pagination.Prev />
 *   <Pagination.Items />
 *   <Pagination.Next />
 * </Pagination>
 */
declare const Pagination: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & react.HTMLAttributes<HTMLDivElement> & {
    align?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.AlignItems | undefined;
    basis?: "$4xl" | "$3xl" | "$2xl" | "$xl" | "$lg" | "$md" | "$xs" | "$sm" | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | "$auto" | "$none" | "$full" | "$min" | "$max" | "$fit" | "$screenW" | "$screenH" | _fuel_stitches_react_types_css.Property.FlexBasis | undefined;
    direction?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexDirection | undefined;
    gap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | _fuel_stitches_react_types_css.Property.Gap | undefined;
    grow?: _fuel_stitches_react_types_css.OnlyStringNumeric | _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | undefined;
    justify?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.JustifyContent | undefined;
    shrink?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.OnlyNumber | undefined;
    wrap?: _fuel_stitches_react_types_css.Globals | _fuel_stitches_react_types_theme.ScaleValue | _fuel_stitches_react_types_util.Index | _fuel_stitches_react_types_css.Property.FlexWrap | undefined;
} & UsePaginationOpts & {
    autoFocus?: boolean | undefined;
    variant?: ButtonProps['variant'];
    color?: ButtonProps['color'];
    size?: ButtonProps['size'];
} & react.RefAttributes<any>> & ObjProps$6;

type PaginationItemProps = {
    page: number;
};
declare const PaginationItem: react.ForwardRefExoticComponent<(Omit<BaseProps$1<PaginationItemProps>, "css"> | Omit<BaseProps$1<PaginationItemProps>, "as"> | Omit<BaseProps$1<PaginationItemProps>, "children">) & react.RefAttributes<any>>;

declare const PasswordDictionary: Record<PasswordStrength$1, string>;

type StrengthIndicatorIndicatorProps = {
    strength: PasswordStrength$1;
};
declare const StrengthIndicator: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & StrengthIndicatorIndicatorProps & react.RefAttributes<any>>;

type PasswordStrengthProps = {
    password: string;
    minLength?: number;
    unsafeList: string[];
    onChangeStrength?: (strength: keyof typeof PasswordDictionary) => void;
} & Omit<PopoverProps, 'content'>;
type ObjProps$5 = {
    Indicator: typeof StrengthIndicator;
};
declare const PasswordStrength: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & {
    password: string;
    minLength?: number | undefined;
    unsafeList: string[];
    onChangeStrength?: ((strength: keyof typeof PasswordDictionary) => void) | undefined;
} & Omit<PopoverProps, "content"> & react.RefAttributes<any>> & ObjProps$5;

type RadioGroupItemProps = RadioGroupPrimitive.RadioGroupItemProps & {
    label: string;
    isDisabled?: boolean;
    isReadOnly?: boolean;
    labelClassName?: string;
    labelCSS?: ThemeUtilsCSS;
};
type ObjProps$4 = {
    id: string;
};
declare const RadioGroupItem: react.ForwardRefExoticComponent<(Omit<BaseProps$1<RadioGroupItemProps>, "as"> | Omit<BaseProps$1<RadioGroupItemProps>, "children">) & react.RefAttributes<any>> & ObjProps$4;

type RadioGroupProps = RadioGroupPrimitive.RadioGroupProps & {
    gap?: ThemeUtilsCSS['gap'];
    direction?: 'row' | 'column';
    isDisabled?: boolean;
    isReadOnly?: boolean;
};
type ObjProps$3 = {
    id: string;
    Item: typeof RadioGroupItem;
};
declare const RadioGroup: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & RadioGroupPrimitive.RadioGroupProps & {
    gap?: ThemeUtilsCSS['gap'];
    direction?: "column" | "row" | undefined;
    isDisabled?: boolean | undefined;
    isReadOnly?: boolean | undefined;
} & react.RefAttributes<any>> & ObjProps$3;

type SwitchProps = SwitchPrimitive.SwitchProps & {
    size?: 'sm' | 'md';
};
declare const Switch: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & SwitchPrimitive.SwitchProps & {
    size?: "sm" | "md" | undefined;
} & react.RefAttributes<any>>;

type TabsContentProps = TabsPrimitive.TabsContentProps;
declare const TabsContent: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & TabsPrimitive.TabsContentProps & react.RefAttributes<any>>;

type TabsListProps = TabsPrimitive.TabsListProps;
declare const TabsList: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & TabsPrimitive.TabsListProps & react.RefAttributes<any>>;

type TabsTriggerProps = TabsPrimitive.TabsTriggerProps;
declare const TabsTrigger: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & TabsPrimitive.TabsTriggerProps & react.RefAttributes<any>>;

type TabsVariant = 'subtle' | 'link';
type TabsProps = TabsPrimitive.TabsProps & {
    variant?: TabsVariant;
};
type Context = {
    variant?: TabsVariant;
};
declare function useTabsProps(): Context;
type ObjProps$2 = {
    id: string;
    List: typeof TabsList;
    Trigger: typeof TabsTrigger;
    Content: typeof TabsContent;
};
declare const Tabs: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & TabsPrimitive.TabsProps & {
    variant?: TabsVariant | undefined;
} & react.RefAttributes<any>> & ObjProps$2;

type TagCloseButtonsProp = Omit<IconButtonProps, 'icon' | 'aria-label'>;
type ObjProps$1 = {
    id: string;
};
declare const TagCloseButton: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & TagCloseButtonsProp & react.RefAttributes<any>> & ObjProps$1;

type TagSizes = 'xs' | 'sm' | 'md';
type TagProps = HTMLProps['div'] & Omit<ButtonBaseProps, 'iconAriaLabel'> & {
    size?: TagSizes;
    variant?: LayerVariant;
};
type ObjProps = {
    CloseButton: typeof TagCloseButton;
};
declare const Tag: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: ReactNode;
} & react.HTMLAttributes<HTMLDivElement> & Omit<ButtonBaseProps, "iconAriaLabel"> & {
    size?: TagSizes | undefined;
    variant?: LayerVariant | undefined;
} & react.RefAttributes<any>> & ObjProps;

type ThemeProps = {
    withFonts?: boolean;
    children: ReactNode;
};
declare function ThemeProvider({ children, withFonts }: ThemeProps): react_jsx_runtime.JSX.Element;

type ToastProps = ToasterProps;
declare const ToastProvider: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: react.ReactNode;
} & ToasterProps & react.RefAttributes<any>>;

type TooltipProps = RTooltip.TooltipProps & {
    content: ReactNode;
    side?: RTooltip.PopperContentProps['side'];
    align?: RTooltip.PopperContentProps['align'];
    className?: string;
    arrowClassName?: string;
    sideOffset?: RTooltip.TooltipContentProps['sideOffset'];
    alignOffset?: RTooltip.TooltipContentProps['alignOffset'];
};
declare const Tooltip: react.ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: _fuel_ui_css.ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: ReactNode;
} & RTooltip.TooltipProps & {
    content: ReactNode;
    side?: RTooltip.PopperContentProps['side'];
    align?: RTooltip.PopperContentProps['align'];
    className?: string | undefined;
    arrowClassName?: string | undefined;
    sideOffset?: RTooltip.TooltipContentProps['sideOffset'];
    alignOffset?: RTooltip.TooltipContentProps['alignOffset'];
} & react.RefAttributes<any>>;

declare function useConstant<T>(fn: () => T, deps?: any[]): T;

interface ListenerType1 {
    addEventListener(name: string, handler: (event?: any) => void, ...args: any[]): void;
    removeEventListener(name: string, handler: (event?: any) => void, ...args: any[]): void;
}
interface ListenerType2 {
    on(name: string, handler: (event?: any) => void, ...args: any[]): void;
    off(name: string, handler: (event?: any) => void, ...args: any[]): void;
}
type UseEventTarget = ListenerType1 | ListenerType2;
type AddEventListener<T> = T extends ListenerType1 ? T['addEventListener'] : T extends ListenerType2 ? T['on'] : never;
type UseEventOptions<T> = Parameters<AddEventListener<T>>[2];
declare const useEvent: <T extends UseEventTarget>(name: Parameters<AddEventListener<T>>[0], handler?: Parameters<AddEventListener<T>>[1] | null | undefined, target?: Window | T | null, options?: UseEventOptions<T> | undefined) => void;

/**
 * It's `true` if it is running in a browser environment or `false` if it is not
 * (SSR).
 * @example
 * const title = canUseDOM ? document.title : "";
 */
declare const canUseDOM: boolean;
/**
 * `React.useLayoutEffect` that fallbacks to `React.useEffect` on server side.
 */
declare const useSafeLayoutEffect: typeof useLayoutEffect;

type DefKeys$1 = keyof StoreDefs;
type ComponentProps<K extends DefKeys$1> = {
    defaultProps?: Partial<StoreDefs[K]['props']>;
    styles?: Partial<StoreDefs[K]['styles'] extends string ? Record<StoreDefs[K]['styles'], CSSFnParams> : never>;
};
type ThemeOverride = {
    tokens: Partial<{
        colors: Record<string, string>;
        space: Record<string, string>;
        sizes: Record<string, string>;
        fonts: Record<string, string>;
        fontSizes: Record<string, string>;
        fontWeights: Record<string, string>;
        lineHeights: Record<string, string>;
        letterSpacings: Record<string, string>;
        radii: Record<string, string>;
        shadows: Record<string, string>;
        zIndices: Record<string, string>;
        transitions: Record<string, string>;
        borderWidths: Record<string, string>;
        borderStyles: Record<string, string>;
    }>;
    components?: Partial<{
        [K in DefKeys$1]?: ComponentProps<K>;
    }>;
};
declare const THEME_STORAGE_KEY = "fuel-ui-theme";
declare function getInitialTheme(themes?: string[]): string;
declare function createTheme(name: string, override: ThemeOverride): {
    theme: string & {
        className: string;
        selector: string;
    } & _fuel_stitches_react_types_stitches.ThemeTokens<any, "">;
    components: Partial<{
        AccordionContent?: ComponentProps<"AccordionContent"> | undefined;
        Accordion?: ComponentProps<"Accordion"> | undefined;
        AccordionItem?: ComponentProps<"AccordionItem"> | undefined;
        AccordionTrigger?: ComponentProps<"AccordionTrigger"> | undefined;
        AlertActions?: ComponentProps<"AlertActions"> | undefined;
        AlertButton?: ComponentProps<"AlertButton"> | undefined;
        Alert?: ComponentProps<"Alert"> | undefined;
        AlertDescription?: ComponentProps<"AlertDescription"> | undefined;
        AlertTitle?: ComponentProps<"AlertTitle"> | undefined;
        AlertDialogAction?: ComponentProps<"AlertDialogAction"> | undefined;
        AlertDialogCancel?: ComponentProps<"AlertDialogCancel"> | undefined;
        AlertDialogContent?: ComponentProps<"AlertDialogContent"> | undefined;
        AlertDialog?: ComponentProps<"AlertDialog"> | undefined;
        AlertDialogDescription?: ComponentProps<"AlertDialogDescription"> | undefined;
        AlertDialogFooter?: ComponentProps<"AlertDialogFooter"> | undefined;
        AlertDialogHeading?: ComponentProps<"AlertDialogHeading"> | undefined;
        AlertDialogTrigger?: ComponentProps<"AlertDialogTrigger"> | undefined;
        Avatar?: ComponentProps<"Avatar"> | undefined;
        AvatarGenerated?: ComponentProps<"AvatarGenerated"> | undefined;
        AspectRatio?: ComponentProps<"AspectRatio"> | undefined;
        AssetAmount?: ComponentProps<"AssetAmount"> | undefined;
        Asset?: ComponentProps<"Asset"> | undefined;
        AssetIcon?: ComponentProps<"AssetIcon"> | undefined;
        AssetName?: ComponentProps<"AssetName"> | undefined;
        AssetSymbol?: ComponentProps<"AssetSymbol"> | undefined;
        Badge?: ComponentProps<"Badge"> | undefined;
        BoxCentered?: ComponentProps<"BoxCentered"> | undefined;
        Box?: ComponentProps<"Box"> | undefined;
        Container?: ComponentProps<"Container"> | undefined;
        Flex?: ComponentProps<"Flex"> | undefined;
        HStack?: ComponentProps<"HStack"> | undefined;
        Stack?: ComponentProps<"Stack"> | undefined;
        VStack?: ComponentProps<"VStack"> | undefined;
        Breadcrumb?: ComponentProps<"Breadcrumb"> | undefined;
        BreadcrumbItem?: ComponentProps<"BreadcrumbItem"> | undefined;
        BreadcrumbLink?: ComponentProps<"BreadcrumbLink"> | undefined;
        Button?: ComponentProps<"Button"> | undefined;
        ButtonGroup?: ComponentProps<"ButtonGroup"> | undefined;
        ButtonLink?: ComponentProps<"ButtonLink"> | undefined;
        CardBody?: ComponentProps<"CardBody"> | undefined;
        Card?: ComponentProps<"Card"> | undefined;
        CardFooter?: ComponentProps<"CardFooter"> | undefined;
        CardHeader?: ComponentProps<"CardHeader"> | undefined;
        CardList?: ComponentProps<"CardList"> | undefined;
        CardListItem?: ComponentProps<"CardListItem"> | undefined;
        Checkbox?: ComponentProps<"Checkbox"> | undefined;
        ContentLoader?: ComponentProps<"ContentLoader"> | undefined;
        Copyable?: ComponentProps<"Copyable"> | undefined;
        DialogClose?: ComponentProps<"DialogClose"> | undefined;
        DialogContent?: ComponentProps<"DialogContent"> | undefined;
        Dialog?: ComponentProps<"Dialog"> | undefined;
        DialogDescription?: ComponentProps<"DialogDescription"> | undefined;
        DialogFooter?: ComponentProps<"DialogFooter"> | undefined;
        DialogHeading?: ComponentProps<"DialogHeading"> | undefined;
        DialogTrigger?: ComponentProps<"DialogTrigger"> | undefined;
        DrawerBody?: ComponentProps<"DrawerBody"> | undefined;
        DrawerClose?: ComponentProps<"DrawerClose"> | undefined;
        DrawerContent?: ComponentProps<"DrawerContent"> | undefined;
        Drawer?: ComponentProps<"Drawer"> | undefined;
        DrawerTrigger?: ComponentProps<"DrawerTrigger"> | undefined;
        Dropdown?: ComponentProps<"Dropdown"> | undefined;
        DropdownMenu?: ComponentProps<"DropdownMenu"> | undefined;
        DropdownMenuItem?: ComponentProps<"DropdownMenuItem"> | undefined;
        DropdownTrigger?: ComponentProps<"DropdownTrigger"> | undefined;
        Heading?: ComponentProps<"Heading"> | undefined;
        HelperIcon?: ComponentProps<"HelperIcon"> | undefined;
        Icon?: ComponentProps<"Icon"> | undefined;
        Image?: ComponentProps<"Image"> | undefined;
        Link?: ComponentProps<"Link"> | undefined;
        NavConnection?: ComponentProps<"NavConnection"> | undefined;
        Nav?: ComponentProps<"Nav"> | undefined;
        NavDesktop?: ComponentProps<"NavDesktop"> | undefined;
        NavLogo?: ComponentProps<"NavLogo"> | undefined;
        NavMenu?: ComponentProps<"NavMenu"> | undefined;
        NavMenuItem?: ComponentProps<"NavMenuItem"> | undefined;
        NavMobileContent?: ComponentProps<"NavMobileContent"> | undefined;
        NavMobile?: ComponentProps<"NavMobile"> | undefined;
        NavSpacer?: ComponentProps<"NavSpacer"> | undefined;
        NavThemeToggle?: ComponentProps<"NavThemeToggle"> | undefined;
        Spinner?: ComponentProps<"Spinner"> | undefined;
        Text?: ComponentProps<"Text"> | undefined;
    }> | undefined;
};
type FuelTheme = ReturnType<typeof createTheme>;
type ThemesObj = Record<string, FuelTheme>;
declare const lightTheme: {
    theme: string & {
        className: string;
        selector: string;
    } & _fuel_stitches_react_types_stitches.ThemeTokens<any, "">;
    components: Partial<{
        AccordionContent?: ComponentProps<"AccordionContent"> | undefined;
        Accordion?: ComponentProps<"Accordion"> | undefined;
        AccordionItem?: ComponentProps<"AccordionItem"> | undefined;
        AccordionTrigger?: ComponentProps<"AccordionTrigger"> | undefined;
        AlertActions?: ComponentProps<"AlertActions"> | undefined;
        AlertButton?: ComponentProps<"AlertButton"> | undefined;
        Alert?: ComponentProps<"Alert"> | undefined;
        AlertDescription?: ComponentProps<"AlertDescription"> | undefined;
        AlertTitle?: ComponentProps<"AlertTitle"> | undefined;
        AlertDialogAction?: ComponentProps<"AlertDialogAction"> | undefined;
        AlertDialogCancel?: ComponentProps<"AlertDialogCancel"> | undefined;
        AlertDialogContent?: ComponentProps<"AlertDialogContent"> | undefined;
        AlertDialog?: ComponentProps<"AlertDialog"> | undefined;
        AlertDialogDescription?: ComponentProps<"AlertDialogDescription"> | undefined;
        AlertDialogFooter?: ComponentProps<"AlertDialogFooter"> | undefined;
        AlertDialogHeading?: ComponentProps<"AlertDialogHeading"> | undefined;
        AlertDialogTrigger?: ComponentProps<"AlertDialogTrigger"> | undefined;
        Avatar?: ComponentProps<"Avatar"> | undefined;
        AvatarGenerated?: ComponentProps<"AvatarGenerated"> | undefined;
        AspectRatio?: ComponentProps<"AspectRatio"> | undefined;
        AssetAmount?: ComponentProps<"AssetAmount"> | undefined;
        Asset?: ComponentProps<"Asset"> | undefined;
        AssetIcon?: ComponentProps<"AssetIcon"> | undefined;
        AssetName?: ComponentProps<"AssetName"> | undefined;
        AssetSymbol?: ComponentProps<"AssetSymbol"> | undefined;
        Badge?: ComponentProps<"Badge"> | undefined;
        BoxCentered?: ComponentProps<"BoxCentered"> | undefined;
        Box?: ComponentProps<"Box"> | undefined;
        Container?: ComponentProps<"Container"> | undefined;
        Flex?: ComponentProps<"Flex"> | undefined;
        HStack?: ComponentProps<"HStack"> | undefined;
        Stack?: ComponentProps<"Stack"> | undefined;
        VStack?: ComponentProps<"VStack"> | undefined;
        Breadcrumb?: ComponentProps<"Breadcrumb"> | undefined;
        BreadcrumbItem?: ComponentProps<"BreadcrumbItem"> | undefined;
        BreadcrumbLink?: ComponentProps<"BreadcrumbLink"> | undefined;
        Button?: ComponentProps<"Button"> | undefined;
        ButtonGroup?: ComponentProps<"ButtonGroup"> | undefined;
        ButtonLink?: ComponentProps<"ButtonLink"> | undefined;
        CardBody?: ComponentProps<"CardBody"> | undefined;
        Card?: ComponentProps<"Card"> | undefined;
        CardFooter?: ComponentProps<"CardFooter"> | undefined;
        CardHeader?: ComponentProps<"CardHeader"> | undefined;
        CardList?: ComponentProps<"CardList"> | undefined;
        CardListItem?: ComponentProps<"CardListItem"> | undefined;
        Checkbox?: ComponentProps<"Checkbox"> | undefined;
        ContentLoader?: ComponentProps<"ContentLoader"> | undefined;
        Copyable?: ComponentProps<"Copyable"> | undefined;
        DialogClose?: ComponentProps<"DialogClose"> | undefined;
        DialogContent?: ComponentProps<"DialogContent"> | undefined;
        Dialog?: ComponentProps<"Dialog"> | undefined;
        DialogDescription?: ComponentProps<"DialogDescription"> | undefined;
        DialogFooter?: ComponentProps<"DialogFooter"> | undefined;
        DialogHeading?: ComponentProps<"DialogHeading"> | undefined;
        DialogTrigger?: ComponentProps<"DialogTrigger"> | undefined;
        DrawerBody?: ComponentProps<"DrawerBody"> | undefined;
        DrawerClose?: ComponentProps<"DrawerClose"> | undefined;
        DrawerContent?: ComponentProps<"DrawerContent"> | undefined;
        Drawer?: ComponentProps<"Drawer"> | undefined;
        DrawerTrigger?: ComponentProps<"DrawerTrigger"> | undefined;
        Dropdown?: ComponentProps<"Dropdown"> | undefined;
        DropdownMenu?: ComponentProps<"DropdownMenu"> | undefined;
        DropdownMenuItem?: ComponentProps<"DropdownMenuItem"> | undefined;
        DropdownTrigger?: ComponentProps<"DropdownTrigger"> | undefined;
        Heading?: ComponentProps<"Heading"> | undefined;
        HelperIcon?: ComponentProps<"HelperIcon"> | undefined;
        Icon?: ComponentProps<"Icon"> | undefined;
        Image?: ComponentProps<"Image"> | undefined;
        Link?: ComponentProps<"Link"> | undefined;
        NavConnection?: ComponentProps<"NavConnection"> | undefined;
        Nav?: ComponentProps<"Nav"> | undefined;
        NavDesktop?: ComponentProps<"NavDesktop"> | undefined;
        NavLogo?: ComponentProps<"NavLogo"> | undefined;
        NavMenu?: ComponentProps<"NavMenu"> | undefined;
        NavMenuItem?: ComponentProps<"NavMenuItem"> | undefined;
        NavMobileContent?: ComponentProps<"NavMobileContent"> | undefined;
        NavMobile?: ComponentProps<"NavMobile"> | undefined;
        NavSpacer?: ComponentProps<"NavSpacer"> | undefined;
        NavThemeToggle?: ComponentProps<"NavThemeToggle"> | undefined;
        Spinner?: ComponentProps<"Spinner"> | undefined;
        Text?: ComponentProps<"Text"> | undefined;
    }> | undefined;
};
declare const darkTheme: {
    theme: string & {
        className: string;
        selector: string;
    } & _fuel_stitches_react_types_stitches.ThemeTokens<any, "">;
    components: Partial<{
        AccordionContent?: ComponentProps<"AccordionContent"> | undefined;
        Accordion?: ComponentProps<"Accordion"> | undefined;
        AccordionItem?: ComponentProps<"AccordionItem"> | undefined;
        AccordionTrigger?: ComponentProps<"AccordionTrigger"> | undefined;
        AlertActions?: ComponentProps<"AlertActions"> | undefined;
        AlertButton?: ComponentProps<"AlertButton"> | undefined;
        Alert?: ComponentProps<"Alert"> | undefined;
        AlertDescription?: ComponentProps<"AlertDescription"> | undefined;
        AlertTitle?: ComponentProps<"AlertTitle"> | undefined;
        AlertDialogAction?: ComponentProps<"AlertDialogAction"> | undefined;
        AlertDialogCancel?: ComponentProps<"AlertDialogCancel"> | undefined;
        AlertDialogContent?: ComponentProps<"AlertDialogContent"> | undefined;
        AlertDialog?: ComponentProps<"AlertDialog"> | undefined;
        AlertDialogDescription?: ComponentProps<"AlertDialogDescription"> | undefined;
        AlertDialogFooter?: ComponentProps<"AlertDialogFooter"> | undefined;
        AlertDialogHeading?: ComponentProps<"AlertDialogHeading"> | undefined;
        AlertDialogTrigger?: ComponentProps<"AlertDialogTrigger"> | undefined;
        Avatar?: ComponentProps<"Avatar"> | undefined;
        AvatarGenerated?: ComponentProps<"AvatarGenerated"> | undefined;
        AspectRatio?: ComponentProps<"AspectRatio"> | undefined;
        AssetAmount?: ComponentProps<"AssetAmount"> | undefined;
        Asset?: ComponentProps<"Asset"> | undefined;
        AssetIcon?: ComponentProps<"AssetIcon"> | undefined;
        AssetName?: ComponentProps<"AssetName"> | undefined;
        AssetSymbol?: ComponentProps<"AssetSymbol"> | undefined;
        Badge?: ComponentProps<"Badge"> | undefined;
        BoxCentered?: ComponentProps<"BoxCentered"> | undefined;
        Box?: ComponentProps<"Box"> | undefined;
        Container?: ComponentProps<"Container"> | undefined;
        Flex?: ComponentProps<"Flex"> | undefined;
        HStack?: ComponentProps<"HStack"> | undefined;
        Stack?: ComponentProps<"Stack"> | undefined;
        VStack?: ComponentProps<"VStack"> | undefined;
        Breadcrumb?: ComponentProps<"Breadcrumb"> | undefined;
        BreadcrumbItem?: ComponentProps<"BreadcrumbItem"> | undefined;
        BreadcrumbLink?: ComponentProps<"BreadcrumbLink"> | undefined;
        Button?: ComponentProps<"Button"> | undefined;
        ButtonGroup?: ComponentProps<"ButtonGroup"> | undefined;
        ButtonLink?: ComponentProps<"ButtonLink"> | undefined;
        CardBody?: ComponentProps<"CardBody"> | undefined;
        Card?: ComponentProps<"Card"> | undefined;
        CardFooter?: ComponentProps<"CardFooter"> | undefined;
        CardHeader?: ComponentProps<"CardHeader"> | undefined;
        CardList?: ComponentProps<"CardList"> | undefined;
        CardListItem?: ComponentProps<"CardListItem"> | undefined;
        Checkbox?: ComponentProps<"Checkbox"> | undefined;
        ContentLoader?: ComponentProps<"ContentLoader"> | undefined;
        Copyable?: ComponentProps<"Copyable"> | undefined;
        DialogClose?: ComponentProps<"DialogClose"> | undefined;
        DialogContent?: ComponentProps<"DialogContent"> | undefined;
        Dialog?: ComponentProps<"Dialog"> | undefined;
        DialogDescription?: ComponentProps<"DialogDescription"> | undefined;
        DialogFooter?: ComponentProps<"DialogFooter"> | undefined;
        DialogHeading?: ComponentProps<"DialogHeading"> | undefined;
        DialogTrigger?: ComponentProps<"DialogTrigger"> | undefined;
        DrawerBody?: ComponentProps<"DrawerBody"> | undefined;
        DrawerClose?: ComponentProps<"DrawerClose"> | undefined;
        DrawerContent?: ComponentProps<"DrawerContent"> | undefined;
        Drawer?: ComponentProps<"Drawer"> | undefined;
        DrawerTrigger?: ComponentProps<"DrawerTrigger"> | undefined;
        Dropdown?: ComponentProps<"Dropdown"> | undefined;
        DropdownMenu?: ComponentProps<"DropdownMenu"> | undefined;
        DropdownMenuItem?: ComponentProps<"DropdownMenuItem"> | undefined;
        DropdownTrigger?: ComponentProps<"DropdownTrigger"> | undefined;
        Heading?: ComponentProps<"Heading"> | undefined;
        HelperIcon?: ComponentProps<"HelperIcon"> | undefined;
        Icon?: ComponentProps<"Icon"> | undefined;
        Image?: ComponentProps<"Image"> | undefined;
        Link?: ComponentProps<"Link"> | undefined;
        NavConnection?: ComponentProps<"NavConnection"> | undefined;
        Nav?: ComponentProps<"Nav"> | undefined;
        NavDesktop?: ComponentProps<"NavDesktop"> | undefined;
        NavLogo?: ComponentProps<"NavLogo"> | undefined;
        NavMenu?: ComponentProps<"NavMenu"> | undefined;
        NavMenuItem?: ComponentProps<"NavMenuItem"> | undefined;
        NavMobileContent?: ComponentProps<"NavMobileContent"> | undefined;
        NavMobile?: ComponentProps<"NavMobile"> | undefined;
        NavSpacer?: ComponentProps<"NavSpacer"> | undefined;
        NavThemeToggle?: ComponentProps<"NavThemeToggle"> | undefined;
        Spinner?: ComponentProps<"Spinner"> | undefined;
        Text?: ComponentProps<"Text"> | undefined;
    }> | undefined;
};
declare const DEFAULT_THEMES: {
    dark: {
        theme: string & {
            className: string;
            selector: string;
        } & _fuel_stitches_react_types_stitches.ThemeTokens<any, "">;
        components: Partial<{
            AccordionContent?: ComponentProps<"AccordionContent"> | undefined;
            Accordion?: ComponentProps<"Accordion"> | undefined;
            AccordionItem?: ComponentProps<"AccordionItem"> | undefined;
            AccordionTrigger?: ComponentProps<"AccordionTrigger"> | undefined;
            AlertActions?: ComponentProps<"AlertActions"> | undefined;
            AlertButton?: ComponentProps<"AlertButton"> | undefined;
            Alert?: ComponentProps<"Alert"> | undefined;
            AlertDescription?: ComponentProps<"AlertDescription"> | undefined;
            AlertTitle?: ComponentProps<"AlertTitle"> | undefined;
            AlertDialogAction?: ComponentProps<"AlertDialogAction"> | undefined;
            AlertDialogCancel?: ComponentProps<"AlertDialogCancel"> | undefined;
            AlertDialogContent?: ComponentProps<"AlertDialogContent"> | undefined;
            AlertDialog?: ComponentProps<"AlertDialog"> | undefined;
            AlertDialogDescription?: ComponentProps<"AlertDialogDescription"> | undefined;
            AlertDialogFooter?: ComponentProps<"AlertDialogFooter"> | undefined;
            AlertDialogHeading?: ComponentProps<"AlertDialogHeading"> | undefined;
            AlertDialogTrigger?: ComponentProps<"AlertDialogTrigger"> | undefined;
            Avatar?: ComponentProps<"Avatar"> | undefined;
            AvatarGenerated?: ComponentProps<"AvatarGenerated"> | undefined;
            AspectRatio?: ComponentProps<"AspectRatio"> | undefined;
            AssetAmount?: ComponentProps<"AssetAmount"> | undefined;
            Asset?: ComponentProps<"Asset"> | undefined;
            AssetIcon?: ComponentProps<"AssetIcon"> | undefined;
            AssetName?: ComponentProps<"AssetName"> | undefined;
            AssetSymbol?: ComponentProps<"AssetSymbol"> | undefined;
            Badge?: ComponentProps<"Badge"> | undefined;
            BoxCentered?: ComponentProps<"BoxCentered"> | undefined;
            Box?: ComponentProps<"Box"> | undefined;
            Container?: ComponentProps<"Container"> | undefined;
            Flex?: ComponentProps<"Flex"> | undefined;
            HStack?: ComponentProps<"HStack"> | undefined;
            Stack?: ComponentProps<"Stack"> | undefined;
            VStack?: ComponentProps<"VStack"> | undefined;
            Breadcrumb?: ComponentProps<"Breadcrumb"> | undefined;
            BreadcrumbItem?: ComponentProps<"BreadcrumbItem"> | undefined;
            BreadcrumbLink?: ComponentProps<"BreadcrumbLink"> | undefined;
            Button?: ComponentProps<"Button"> | undefined;
            ButtonGroup?: ComponentProps<"ButtonGroup"> | undefined;
            ButtonLink?: ComponentProps<"ButtonLink"> | undefined;
            CardBody?: ComponentProps<"CardBody"> | undefined;
            Card?: ComponentProps<"Card"> | undefined;
            CardFooter?: ComponentProps<"CardFooter"> | undefined;
            CardHeader?: ComponentProps<"CardHeader"> | undefined;
            CardList?: ComponentProps<"CardList"> | undefined;
            CardListItem?: ComponentProps<"CardListItem"> | undefined;
            Checkbox?: ComponentProps<"Checkbox"> | undefined;
            ContentLoader?: ComponentProps<"ContentLoader"> | undefined;
            Copyable?: ComponentProps<"Copyable"> | undefined;
            DialogClose?: ComponentProps<"DialogClose"> | undefined;
            DialogContent?: ComponentProps<"DialogContent"> | undefined;
            Dialog?: ComponentProps<"Dialog"> | undefined;
            DialogDescription?: ComponentProps<"DialogDescription"> | undefined;
            DialogFooter?: ComponentProps<"DialogFooter"> | undefined;
            DialogHeading?: ComponentProps<"DialogHeading"> | undefined;
            DialogTrigger?: ComponentProps<"DialogTrigger"> | undefined;
            DrawerBody?: ComponentProps<"DrawerBody"> | undefined;
            DrawerClose?: ComponentProps<"DrawerClose"> | undefined;
            DrawerContent?: ComponentProps<"DrawerContent"> | undefined;
            Drawer?: ComponentProps<"Drawer"> | undefined;
            DrawerTrigger?: ComponentProps<"DrawerTrigger"> | undefined;
            Dropdown?: ComponentProps<"Dropdown"> | undefined;
            DropdownMenu?: ComponentProps<"DropdownMenu"> | undefined;
            DropdownMenuItem?: ComponentProps<"DropdownMenuItem"> | undefined;
            DropdownTrigger?: ComponentProps<"DropdownTrigger"> | undefined;
            Heading?: ComponentProps<"Heading"> | undefined;
            HelperIcon?: ComponentProps<"HelperIcon"> | undefined;
            Icon?: ComponentProps<"Icon"> | undefined;
            Image?: ComponentProps<"Image"> | undefined;
            Link?: ComponentProps<"Link"> | undefined;
            NavConnection?: ComponentProps<"NavConnection"> | undefined;
            Nav?: ComponentProps<"Nav"> | undefined;
            NavDesktop?: ComponentProps<"NavDesktop"> | undefined;
            NavLogo?: ComponentProps<"NavLogo"> | undefined;
            NavMenu?: ComponentProps<"NavMenu"> | undefined;
            NavMenuItem?: ComponentProps<"NavMenuItem"> | undefined;
            NavMobileContent?: ComponentProps<"NavMobileContent"> | undefined;
            NavMobile?: ComponentProps<"NavMobile"> | undefined;
            NavSpacer?: ComponentProps<"NavSpacer"> | undefined;
            NavThemeToggle?: ComponentProps<"NavThemeToggle"> | undefined;
            Spinner?: ComponentProps<"Spinner"> | undefined;
            Text?: ComponentProps<"Text"> | undefined;
        }> | undefined;
    };
    light: {
        theme: string & {
            className: string;
            selector: string;
        } & _fuel_stitches_react_types_stitches.ThemeTokens<any, "">;
        components: Partial<{
            AccordionContent?: ComponentProps<"AccordionContent"> | undefined;
            Accordion?: ComponentProps<"Accordion"> | undefined;
            AccordionItem?: ComponentProps<"AccordionItem"> | undefined;
            AccordionTrigger?: ComponentProps<"AccordionTrigger"> | undefined;
            AlertActions?: ComponentProps<"AlertActions"> | undefined;
            AlertButton?: ComponentProps<"AlertButton"> | undefined;
            Alert?: ComponentProps<"Alert"> | undefined;
            AlertDescription?: ComponentProps<"AlertDescription"> | undefined;
            AlertTitle?: ComponentProps<"AlertTitle"> | undefined;
            AlertDialogAction?: ComponentProps<"AlertDialogAction"> | undefined;
            AlertDialogCancel?: ComponentProps<"AlertDialogCancel"> | undefined;
            AlertDialogContent?: ComponentProps<"AlertDialogContent"> | undefined;
            AlertDialog?: ComponentProps<"AlertDialog"> | undefined;
            AlertDialogDescription?: ComponentProps<"AlertDialogDescription"> | undefined;
            AlertDialogFooter?: ComponentProps<"AlertDialogFooter"> | undefined;
            AlertDialogHeading?: ComponentProps<"AlertDialogHeading"> | undefined;
            AlertDialogTrigger?: ComponentProps<"AlertDialogTrigger"> | undefined;
            Avatar?: ComponentProps<"Avatar"> | undefined;
            AvatarGenerated?: ComponentProps<"AvatarGenerated"> | undefined;
            AspectRatio?: ComponentProps<"AspectRatio"> | undefined;
            AssetAmount?: ComponentProps<"AssetAmount"> | undefined;
            Asset?: ComponentProps<"Asset"> | undefined;
            AssetIcon?: ComponentProps<"AssetIcon"> | undefined;
            AssetName?: ComponentProps<"AssetName"> | undefined;
            AssetSymbol?: ComponentProps<"AssetSymbol"> | undefined;
            Badge?: ComponentProps<"Badge"> | undefined;
            BoxCentered?: ComponentProps<"BoxCentered"> | undefined;
            Box?: ComponentProps<"Box"> | undefined;
            Container?: ComponentProps<"Container"> | undefined;
            Flex?: ComponentProps<"Flex"> | undefined;
            HStack?: ComponentProps<"HStack"> | undefined;
            Stack?: ComponentProps<"Stack"> | undefined;
            VStack?: ComponentProps<"VStack"> | undefined;
            Breadcrumb?: ComponentProps<"Breadcrumb"> | undefined;
            BreadcrumbItem?: ComponentProps<"BreadcrumbItem"> | undefined;
            BreadcrumbLink?: ComponentProps<"BreadcrumbLink"> | undefined;
            Button?: ComponentProps<"Button"> | undefined;
            ButtonGroup?: ComponentProps<"ButtonGroup"> | undefined;
            ButtonLink?: ComponentProps<"ButtonLink"> | undefined;
            CardBody?: ComponentProps<"CardBody"> | undefined;
            Card?: ComponentProps<"Card"> | undefined;
            CardFooter?: ComponentProps<"CardFooter"> | undefined;
            CardHeader?: ComponentProps<"CardHeader"> | undefined;
            CardList?: ComponentProps<"CardList"> | undefined;
            CardListItem?: ComponentProps<"CardListItem"> | undefined;
            Checkbox?: ComponentProps<"Checkbox"> | undefined;
            ContentLoader?: ComponentProps<"ContentLoader"> | undefined;
            Copyable?: ComponentProps<"Copyable"> | undefined;
            DialogClose?: ComponentProps<"DialogClose"> | undefined;
            DialogContent?: ComponentProps<"DialogContent"> | undefined;
            Dialog?: ComponentProps<"Dialog"> | undefined;
            DialogDescription?: ComponentProps<"DialogDescription"> | undefined;
            DialogFooter?: ComponentProps<"DialogFooter"> | undefined;
            DialogHeading?: ComponentProps<"DialogHeading"> | undefined;
            DialogTrigger?: ComponentProps<"DialogTrigger"> | undefined;
            DrawerBody?: ComponentProps<"DrawerBody"> | undefined;
            DrawerClose?: ComponentProps<"DrawerClose"> | undefined;
            DrawerContent?: ComponentProps<"DrawerContent"> | undefined;
            Drawer?: ComponentProps<"Drawer"> | undefined;
            DrawerTrigger?: ComponentProps<"DrawerTrigger"> | undefined;
            Dropdown?: ComponentProps<"Dropdown"> | undefined;
            DropdownMenu?: ComponentProps<"DropdownMenu"> | undefined;
            DropdownMenuItem?: ComponentProps<"DropdownMenuItem"> | undefined;
            DropdownTrigger?: ComponentProps<"DropdownTrigger"> | undefined;
            Heading?: ComponentProps<"Heading"> | undefined;
            HelperIcon?: ComponentProps<"HelperIcon"> | undefined;
            Icon?: ComponentProps<"Icon"> | undefined;
            Image?: ComponentProps<"Image"> | undefined;
            Link?: ComponentProps<"Link"> | undefined;
            NavConnection?: ComponentProps<"NavConnection"> | undefined;
            Nav?: ComponentProps<"Nav"> | undefined;
            NavDesktop?: ComponentProps<"NavDesktop"> | undefined;
            NavLogo?: ComponentProps<"NavLogo"> | undefined;
            NavMenu?: ComponentProps<"NavMenu"> | undefined;
            NavMenuItem?: ComponentProps<"NavMenuItem"> | undefined;
            NavMobileContent?: ComponentProps<"NavMobileContent"> | undefined;
            NavMobile?: ComponentProps<"NavMobile"> | undefined;
            NavSpacer?: ComponentProps<"NavSpacer"> | undefined;
            NavThemeToggle?: ComponentProps<"NavThemeToggle"> | undefined;
            Spinner?: ComponentProps<"Spinner"> | undefined;
            Text?: ComponentProps<"Text"> | undefined;
        }> | undefined;
    };
};

type DefKeys = keyof StoreDefs;
type CSSFnReturn = ReturnType<typeof css>;
type ComponentDef<K extends DefKeys> = {
    name: K;
    defaultProps?: StoreDefs[K]['props'];
    styles: StoreDefs[K]['styles'] extends string ? Record<StoreDefs[K]['styles'], CSSFnParams> : never;
};
type StoreDefitions = {
    [K in DefKeys]: ComponentDef<K>;
};
type StoreStyles = {
    [K in DefKeys]: StoreDefs[K]['styles'] extends string ? Record<StoreDefs[K]['styles'], CSSFnReturn> : never;
};
type Store = {
    iconUrl?: string;
    defs: StoreDefitions;
    styles: StoreStyles;
    addDef<K extends DefKeys>(name: K, def: ComponentDef<K>): void;
    theme: string;
    themes: ThemesObj;
    setTheme: (theme: string) => void;
    setThemes: (themes: ThemesObj) => void;
};
declare const useStore: zustand.UseBoundStore<Omit<zustand.StoreApi<Store>, "subscribe"> & {
    subscribe: {
        (listener: (selectedState: Store, previousSelectedState: Store) => void): () => void;
        <U>(selector: (state: Store) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
            equalityFn?: ((a: U, b: U) => boolean) | undefined;
            fireImmediately?: boolean | undefined;
        } | undefined): () => void;
    };
}>;
type Style<K extends DefKeys> = ReturnType<typeof createStyle<K>>;
declare function createStyle<K extends DefKeys>(name: K, styles: StoreDefs[K]['styles'] extends string ? Record<StoreDefs[K]['styles'], CSSFnParams> : never): {
    name: K;
    styles: StoreDefs[K]["styles"] extends string ? Record<StoreDefs[K]["styles"], CSSFnParams> : never;
};
declare function useStyles<K extends DefKeys, F>(style: Style<K>, props?: Record<any, any>, filter?: F extends string[] ? F : any[]): StoreDefs[K]["styles"] extends string ? Record<StoreDefs[K]["styles"], {
    className: string;
}> : never;

declare function useFuelTheme(): {
    current: string;
    themes: ThemesObj;
    setTheme: (theme: string) => void;
};
declare function setFuelThemes<T extends ThemesObj>({ themes, initial, }: {
    themes: T;
    initial?: string;
}): void;
declare function loadIcons(url: string): void;

type PasswordStrengthOptions = {
    password: string;
    minLength: number;
    unsafeList: string[];
};
declare function usePasswordStrength({ minLength, password, unsafeList, }: PasswordStrengthOptions): {
    checker: {
        lengthChecker: boolean;
        casingChecker: boolean;
        symbolsAndDigitsChecker: boolean;
        commonChecker: boolean | "";
    };
    strength: PasswordStrength$1;
    label: string;
};

declare function useFlexProps(props: FlexProps, css?: ThemeUtilsCSS): Record<"flex" | "centered" | "root" | "stack" | "hstack" | "vstack" | "container", {
    className: string;
}>;

declare function useAsChild<P extends AsChildProps<Record<any, any>>>({ children, asChild, ...props }: P, defaultEl?: ReactElement): react_jsx_runtime.JSX.Element;

declare const useWindowSize: (initialWidth?: number, initialHeight?: number) => {
    width: number;
    height: number;
};

export { Accordion, AccordionBaseProps, AccordionContent, AccordionContentDef, AccordionContentProps, AccordionDef, AccordionItem, AccordionItemDef, AccordionItemProps, AccordionNS, AccordionProps, AccordionTrigger, AccordionTriggerDef, AccordionTriggerProps, Alert, AlertActions, AlertActionsDef, AlertActionsProps, AlertButton, AlertButtonDef, AlertButtonProps, AlertDef, AlertDescription, AlertDescriptionDef, AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogActionDef, AlertDialogActionProps, AlertDialogCancel, AlertDialogCancelDef, AlertDialogCancelProps, AlertDialogContent, AlertDialogContentDef, AlertDialogContentProps, AlertDialogDef, AlertDialogDescription, AlertDialogDescriptionDef, AlertDialogDescriptionProps$1 as AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogFooterDef, AlertDialogFooterProps, AlertDialogHeading, AlertDialogHeadingDef, AlertDialogHeadingProps$1 as AlertDialogHeadingProps, AlertDialogNS, AlertDialogProps, AlertDialogTrigger, AlertDialogTriggerDef, AlertDialogTriggerProps, AlertNS, AlertProps, AlertStatus, AlertTitle, AlertTitleDef, AlertTitleProps, AsChildProps, AspectRatio, AspectRatioDef, AspectRatioProps, Asset, AssetAmount, AssetAmountDef, AssetAmountProps, AssetDef, AssetIcon, AssetIconDef, AssetIconProps, AssetIconSize, AssetList, AssetName, AssetNameDef, AssetNameProps, AssetObj, AssetProps, AssetSymbol, AssetSymbolDef, AssetSymbolProps, Assets, Avatar, AvatarDef, AvatarGenerated, AvatarGeneratedDef, AvatarGeneratedProps, AvatarProps, Badge, BadgeDef, BadgeProps, BadgeVariants, BaseProps$1 as BaseProps, Box, BoxCentered, BoxCenteredDef, BoxCenteredProps, BoxDef, BoxProps, Breadcrumb, BreadcrumbDef, BreadcrumbItem, BreadcrumbItemDef, BreadcrumbItemProps, BreadcrumbLink, BreadcrumbLinkDef, BreadcrumbLinkProps, BreadcrumbProps, Button, ButtonBaseProps, ButtonDef, ButtonGroup, ButtonGroupDef, ButtonGroupProps, ButtonLink, ButtonLinkDef, ButtonLinkProps, ButtonNS, ButtonProps, ButtonSizes, ButtonVariants, Card, CardBody, CardBodyDef, CardBodyProps, CardDef, CardFooter, CardFooterDef, CardFooterProps, CardHeader, CardHeaderDef, CardHeaderProps, CardList, CardListContext, CardListDef, CardListItem, CardListItemDef, CardListItemProps, CardListNS, CardListProps, CardProps, Checkbox, CheckboxDef, CheckboxProps, Container, ContainerDef, ContainerProps$1 as ContainerProps, ContainerSizes$1 as ContainerSizes, ContentLoader, ContentLoaderDef, ContentLoaderProps, ContentLoaderRectProps, Copyable, CopyableDef, CopyableProps, DEFAULT_THEMES, Dialog, DialogClose, DialogCloseDef, DialogCloseNS, DialogCloseProps, DialogContent, DialogContentDef, DialogContentNS, DialogContentProps, DialogContext, DialogDef, DialogDescription, DialogDescriptionDef, DialogDescriptionProps, DialogFooter, DialogFooterDef, DialogFooterProps, DialogHeading, DialogHeadingDef, DialogHeadingProps, DialogNameSpace, DialogProps, DialogTrigger, DialogTriggerDef, DialogTriggerNS, DialogTriggerProps, Drawer, DrawerBody, DrawerBodyDef, DrawerBodyProps, DrawerClose, DrawerCloseDef, DrawerCloseProps, DrawerContent, DrawerContentDef, DrawerContentNS, DrawerContentProps, DrawerContext, DrawerDef, DrawerProps, DrawerTrigger, DrawerTriggerDef, DrawerTriggerProps, Dropdown, DropdownContext, DropdownCtx, DropdownDef, DropdownMenu, DropdownMenuDef, DropdownMenuItem, DropdownMenuItemDef, DropdownMenuItemProps, DropdownMenuNS, DropdownMenuProps, DropdownNS, DropdownProps, DropdownTrigger, DropdownTriggerDef, DropdownTriggerNS, DropdownTriggerProps, Flex, FlexDef, FlexProps$1 as FlexProps, Focus, FocusArrowNavigator, FocusArrowNavigatorProps, Form, FormControl, FormControlProps, FormErrorMessage, FormErrorMessageProps, FormHelperText, FormHelperTextProps, FormLabel, FormLabelProps, FuelLogo, FuelLogoProps, FuelTheme, Grid, GridItem, GridItemProps, GridProps, GroupChildrenProps, HStack, HStackDef, HStackProps$1 as HStackProps, HTMLProps, Heading, HeadingDef, HeadingProps, HelperIcon, HelperIconDef, HelperIconProps, ICON_SIZES, ICardListContext, Icon, IconButton, IconButtonProps, IconDef, IconProps, Icons, Image, ImageDef, ImageProps, Input, InputAddonLeft, InputAddonRight, InputAmount, InputAmountLoader, InputAmountProps, InputElementLeft, InputElementProps, InputElementRight, InputField, InputFieldProps, InputNumber, InputNumberProps, InputPassword, InputPasswordProps, InputProps, InputSizes, Link, LinkDef, LinkProps, List, ListContext, ListItem, ListProps, ListenerType1, ListenerType2, Menu, MenuItem, MenuItemProps, MenuProps, Nav, NavConnection, NavConnectionDef, NavConnectionProps, NavDef, NavDesktop, NavDesktopDef, NavDesktopProps, NavLogo, NavLogoDef, NavLogoProps, NavMenu, NavMenuDef, NavMenuItem, NavMenuItemDef, NavMenuItemProps, NavMenuProps, NavMobile, NavMobileContent, NavMobileContentDef, NavMobileContentProps, NavMobileDef, NavMobileProps, NavProps, NavSpacer, NavSpacerDef, NavThemeToggle, NavThemeToggleDef, NavThemeToggleProps, NetworkObj, OmitProps, Pagination, PaginationBaseProps, PaginationItem, PaginationItemProps, PaginationItems, PaginationItemsProps, PaginationNav, PaginationNavProps, PaginationNext, PaginationPrev, PaginationProps, PasswordStrength, PasswordStrengthProps, Popover, PopoverProps, PressProps, RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupProps, Rect, SPINNER_SIZE, Spinner, SpinnerDef, SpinnerProps, Stack, StackDef, StackProps$1 as StackProps, StrengthIndicator, StrengthIndicatorIndicatorProps, Switch, SwitchProps, THEME_STORAGE_KEY, Tabs, TabsContent, TabsContentProps, TabsList, TabsListProps, TabsProps, TabsTrigger, TabsTriggerProps, TabsVariant, Tag, TagCloseButton, TagCloseButtonsProp, TagProps, TagSizes, Text, TextDef, TextProps, ThemeOverride, ThemeProps, ThemeProvider, ThemesObj, ToastProps, ToastProvider, Tooltip, TooltipProps, UseEventOptions, UseEventTarget, UsePaginationOpts, UsePaginationReturn, VStack, VStackDef, VStackProps$1 as VStackProps, canUseDOM, createIcon, createStyle, createTheme, darkTheme, getIconSize, getInitialTheme, lightTheme, loadIcons, setFuelThemes, useAlertProps, useAsChild, useAssetProps, useCardListContext, useConstant, useDialog, useDrawer, useDropdown, useEvent, useFlexProps, useFocusNavigator, useFormControlProps, useFuelTheme, useInputProps, useListContext, useNavMobileProps, useNavProps, usePagination, usePaginationContext, usePasswordStrength, useSafeLayoutEffect, useStore, useStyles, useTabsProps, useWindowSize };