@cerberus-design/react
Version:
The Cerberus Design React component library.
304 lines • 793 kB
TypeScript
import { Progress, ProgressRootProps, ProgressLabelProps, ProgressValueTextProps, ProgressCircleProps, ProgressCircleTrackProps, ProgressCircleRangeProps } from '@ark-ui/react/progress';
import { HTMLArkProps } from '@ark-ui/react/factory';
import { CircularProgressVariantProps } from 'styled-system/recipes';
import { CerberusPrimitiveProps } from '../../system/index';
import { ForwardRefExoticComponent, RefAttributes } from 'react';
import { Nested, SystemProperties, CssVarProperties, CssVarValue, ConditionalValue, AnyString, CssVars, String, Number, StringToMultiple, CssProperties, PositionAreaAxis, PositionTry, SystemStyleObject } from '../../../styled-system/types';
import { UtilityValues } from '../../../styled-system/types/prop-type';
import { Globals } from '../../../styled-system/types/csstype';
import { AnimationToken, DurationToken, AspectRatioToken, SizeToken, RadiusToken, SpacingToken, ShadowToken, FontSizeToken, ColorToken, ZIndexToken } from '../../../styled-system/tokens';
export type CircularProgressRootProps = CerberusPrimitiveProps<ProgressRootProps & CircularProgressVariantProps>;
export declare const CircularProgressRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Progress.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<unknown>>;
export type CircularProgressLabelProps = CerberusPrimitiveProps<ProgressLabelProps>;
export declare const CircularProgressLabel: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Progress.LabelProps & RefAttributes<HTMLLabelElement>>, "ref"> & RefAttributes<unknown>>;
export type CircularProgressValueTextProps = CerberusPrimitiveProps<ProgressValueTextProps>;
export declare const CircularProgressValueText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Progress.ValueTextProps & RefAttributes<HTMLSpanElement>>, "ref"> & RefAttributes<unknown>>;
export type CircularProgressCircleProps = CerberusPrimitiveProps<ProgressCircleProps>;
export declare const CircularProgressCircle: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Progress.CircleProps & RefAttributes<SVGSVGElement>>, "ref"> & RefAttributes<unknown>>;
export type CircularProgressCircleTrackProps = CerberusPrimitiveProps<ProgressCircleTrackProps>;
export declare const CircularProgressCircleTrack: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Progress.CircleTrackProps & RefAttributes<SVGCircleElement>>, "ref"> & RefAttributes<unknown>>;
export type CircularProgressCircleRangeProps = CerberusPrimitiveProps<ProgressCircleRangeProps>;
export declare const CircularProgressCircleRange: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Progress.CircleRangeProps & RefAttributes<SVGCircleElement>>, "ref"> & RefAttributes<unknown>>;
export type CircularProgressInfoGroupProps = HTMLArkProps<'div'>;
export declare const CircularProgressInfoGroup: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<{
[x: string]: any;
[x: number]: any;
[x: symbol]: any;
htmlWidth?: string | number | undefined;
htmlHeight?: string | number | undefined;
htmlTranslate?: "yes" | "no" | undefined | undefined;
htmlContent?: string | undefined;
} & {
[x: `&[data-part=${string}]`]: Nested< SystemProperties & CssVarProperties> | undefined;
[x: `&[data-attr=${string}]`]: Nested< SystemProperties & CssVarProperties> | undefined;
[x: `&[data-placement=${string}]`]: Nested< SystemProperties & CssVarProperties> | undefined;
[x: `&[data-theme=${string}]`]: Nested< SystemProperties & CssVarProperties> | undefined;
[x: `&[data-size=${string}]`]: Nested< SystemProperties & CssVarProperties> | undefined;
[x: `&[data-state=${string}]`]: Nested< SystemProperties & CssVarProperties> | undefined;
[x: `[data-part=${string}] &`]: Nested< SystemProperties & CssVarProperties> | undefined;
[x: `[data-attr=${string}] &`]: Nested< SystemProperties & CssVarProperties> | undefined;
[x: `[data-placement=${string}] &`]: Nested< SystemProperties & CssVarProperties> | undefined;
[x: `[data-theme=${string}] &`]: Nested< SystemProperties & CssVarProperties> | undefined;
[x: `[data-size=${string}] &`]: Nested< SystemProperties & CssVarProperties> | undefined;
[x: `[data-state=${string}] &`]: Nested< SystemProperties & CssVarProperties> | undefined;
[x: `${string}&`]: Nested< SystemProperties & CssVarProperties> | undefined;
[x: `&${string}`]: Nested< SystemProperties & CssVarProperties> | undefined;
[x: `@page${string}`]: Nested< SystemProperties & CssVarProperties> | undefined;
[x: `@media${string}`]: Nested< SystemProperties & CssVarProperties> | undefined;
[x: `@layer${string}`]: Nested< SystemProperties & CssVarProperties> | undefined;
[x: `@container${string}`]: Nested< SystemProperties & CssVarProperties> | undefined;
[x: `@supports${string}`]: Nested< SystemProperties & CssVarProperties> | undefined;
[x: `@scope${string}`]: Nested< SystemProperties & CssVarProperties> | undefined;
[x: `@starting-style${string}`]: Nested< SystemProperties & CssVarProperties> | undefined;
[x: `--${string}`]: CssVarValue | undefined;
page?: ConditionalValue< AnyString | import("../../../styled-system/types/csstype").Property.Page | readonly string[] | undefined>;
container?: ConditionalValue< AnyString | readonly string[] | import("../../../styled-system/types/csstype").Property.Container | undefined>;
_cerberusTheme?: Nested< SystemProperties & CssVarProperties> | undefined;
_acheronTheme?: Nested< SystemProperties & CssVarProperties> | undefined;
_lightMode?: Nested< SystemProperties & CssVarProperties> | undefined;
_darkMode?: Nested< SystemProperties & CssVarProperties> | undefined;
_systemMode?: Nested< SystemProperties & CssVarProperties> | undefined;
_open?: Nested< SystemProperties & CssVarProperties> | undefined;
_closed?: Nested< SystemProperties & CssVarProperties> | undefined;
_checked?: Nested< SystemProperties & CssVarProperties> | undefined;
_indeterminate?: Nested< SystemProperties & CssVarProperties> | undefined;
_modalOpen?: Nested< SystemProperties & CssVarProperties> | undefined;
_placeholderShown?: Nested< SystemProperties & CssVarProperties> | undefined;
_screenReaderOnly?: Nested< SystemProperties & CssVarProperties> | undefined;
_isOver?: Nested< SystemProperties & CssVarProperties> | undefined;
_isDropped?: Nested< SystemProperties & CssVarProperties> | undefined;
_isComplete?: Nested< SystemProperties & CssVarProperties> | undefined;
_dataReadOnly?: Nested< SystemProperties & CssVarProperties> | undefined;
_userInvalid?: Nested< SystemProperties & CssVarProperties> | undefined;
_groupInvalid?: Nested< SystemProperties & CssVarProperties> | undefined;
_groupChecked?: Nested< SystemProperties & CssVarProperties> | undefined;
_notDisabled?: Nested< SystemProperties & CssVarProperties> | undefined;
_highEmphasis?: Nested< SystemProperties & CssVarProperties> | undefined;
_lowEmphasis?: Nested< SystemProperties & CssVarProperties> | undefined;
_today?: Nested< SystemProperties & CssVarProperties> | undefined;
_pastDay?: Nested< SystemProperties & CssVarProperties> | undefined;
_inRange?: Nested< SystemProperties & CssVarProperties> | undefined;
_startRange?: Nested< SystemProperties & CssVarProperties> | undefined;
_endRange?: Nested< SystemProperties & CssVarProperties> | undefined;
_positionBottom?: Nested< SystemProperties & CssVarProperties> | undefined;
_positionTop?: Nested< SystemProperties & CssVarProperties> | undefined;
_positionLeft?: Nested< SystemProperties & CssVarProperties> | undefined;
_positionRight?: Nested< SystemProperties & CssVarProperties> | undefined;
_startIndicator?: Nested< SystemProperties & CssVarProperties> | undefined;
_endIndicator?: Nested< SystemProperties & CssVarProperties> | undefined;
_horizontal?: Nested< SystemProperties & CssVarProperties> | undefined;
_vertical?: Nested< SystemProperties & CssVarProperties> | undefined;
_xsSize?: Nested< SystemProperties & CssVarProperties> | undefined;
_smSize?: Nested< SystemProperties & CssVarProperties> | undefined;
_mdSize?: Nested< SystemProperties & CssVarProperties> | undefined;
_lgSize?: Nested< SystemProperties & CssVarProperties> | undefined;
_xlSize?: Nested< SystemProperties & CssVarProperties> | undefined;
_notify?: Nested< SystemProperties & CssVarProperties> | undefined;
_startIcon?: Nested< SystemProperties & CssVarProperties> | undefined;
_tooltip?: Nested< SystemProperties & CssVarProperties> | undefined;
_admin?: Nested< SystemProperties & CssVarProperties> | undefined;
_student?: Nested< SystemProperties & CssVarProperties> | undefined;
_user?: Nested< SystemProperties & CssVarProperties> | undefined;
_highlight?: Nested< SystemProperties & CssVarProperties> | undefined;
_spellingError?: Nested< SystemProperties & CssVarProperties> | undefined;
_grammarError?: Nested< SystemProperties & CssVarProperties> | undefined;
_pagePalette?: Nested< SystemProperties & CssVarProperties> | undefined;
_actionPalette?: Nested< SystemProperties & CssVarProperties> | undefined;
_secondaryActionPalette?: Nested< SystemProperties & CssVarProperties> | undefined;
_infoPalette?: Nested< SystemProperties & CssVarProperties> | undefined;
_successPalette?: Nested< SystemProperties & CssVarProperties> | undefined;
_warningPalette?: Nested< SystemProperties & CssVarProperties> | undefined;
_dangerPalette?: Nested< SystemProperties & CssVarProperties> | undefined;
_page?: Nested< SystemProperties & CssVarProperties> | undefined;
_action?: Nested< SystemProperties & CssVarProperties> | undefined;
_secondaryAction?: Nested< SystemProperties & CssVarProperties> | undefined;
_info?: Nested< SystemProperties & CssVarProperties> | undefined;
_success?: Nested< SystemProperties & CssVarProperties> | undefined;
_warning?: Nested< SystemProperties & CssVarProperties> | undefined;
_danger?: Nested< SystemProperties & CssVarProperties> | undefined;
_hover?: Nested< SystemProperties & CssVarProperties> | undefined;
_focus?: Nested< SystemProperties & CssVarProperties> | undefined;
_focusWithin?: Nested< SystemProperties & CssVarProperties> | undefined;
_focusVisible?: Nested< SystemProperties & CssVarProperties> | undefined;
_disabled?: Nested< SystemProperties & CssVarProperties> | undefined;
_active?: Nested< SystemProperties & CssVarProperties> | undefined;
_visited?: Nested< SystemProperties & CssVarProperties> | undefined;
_target?: Nested< SystemProperties & CssVarProperties> | undefined;
_readOnly?: Nested< SystemProperties & CssVarProperties> | undefined;
_readWrite?: Nested< SystemProperties & CssVarProperties> | undefined;
_empty?: Nested< SystemProperties & CssVarProperties> | undefined;
_enabled?: Nested< SystemProperties & CssVarProperties> | undefined;
_expanded?: Nested< SystemProperties & CssVarProperties> | undefined;
_highlighted?: Nested< SystemProperties & CssVarProperties> | undefined;
_complete?: Nested< SystemProperties & CssVarProperties> | undefined;
_incomplete?: Nested< SystemProperties & CssVarProperties> | undefined;
_dragging?: Nested< SystemProperties & CssVarProperties> | undefined;
_before?: Nested< SystemProperties & CssVarProperties> | undefined;
_after?: Nested< SystemProperties & CssVarProperties> | undefined;
_firstLetter?: Nested< SystemProperties & CssVarProperties> | undefined;
_firstLine?: Nested< SystemProperties & CssVarProperties> | undefined;
_marker?: Nested< SystemProperties & CssVarProperties> | undefined;
_selection?: Nested< SystemProperties & CssVarProperties> | undefined;
_file?: Nested< SystemProperties & CssVarProperties> | undefined;
_backdrop?: Nested< SystemProperties & CssVarProperties> | undefined;
_first?: Nested< SystemProperties & CssVarProperties> | undefined;
_last?: Nested< SystemProperties & CssVarProperties> | undefined;
_only?: Nested< SystemProperties & CssVarProperties> | undefined;
_even?: Nested< SystemProperties & CssVarProperties> | undefined;
_odd?: Nested< SystemProperties & CssVarProperties> | undefined;
_firstOfType?: Nested< SystemProperties & CssVarProperties> | undefined;
_lastOfType?: Nested< SystemProperties & CssVarProperties> | undefined;
_onlyOfType?: Nested< SystemProperties & CssVarProperties> | undefined;
_peerFocus?: Nested< SystemProperties & CssVarProperties> | undefined;
_peerHover?: Nested< SystemProperties & CssVarProperties> | undefined;
_peerActive?: Nested< SystemProperties & CssVarProperties> | undefined;
_peerFocusWithin?: Nested< SystemProperties & CssVarProperties> | undefined;
_peerFocusVisible?: Nested< SystemProperties & CssVarProperties> | undefined;
_peerDisabled?: Nested< SystemProperties & CssVarProperties> | undefined;
_peerChecked?: Nested< SystemProperties & CssVarProperties> | undefined;
_peerInvalid?: Nested< SystemProperties & CssVarProperties> | undefined;
_peerExpanded?: Nested< SystemProperties & CssVarProperties> | undefined;
_peerPlaceholderShown?: Nested< SystemProperties & CssVarProperties> | undefined;
_groupFocus?: Nested< SystemProperties & CssVarProperties> | undefined;
_groupHover?: Nested< SystemProperties & CssVarProperties> | undefined;
_groupActive?: Nested< SystemProperties & CssVarProperties> | undefined;
_groupFocusWithin?: Nested< SystemProperties & CssVarProperties> | undefined;
_groupFocusVisible?: Nested< SystemProperties & CssVarProperties> | undefined;
_groupDisabled?: Nested< SystemProperties & CssVarProperties> | undefined;
_groupExpanded?: Nested< SystemProperties & CssVarProperties> | undefined;
_required?: Nested< SystemProperties & CssVarProperties> | undefined;
_valid?: Nested< SystemProperties & CssVarProperties> | undefined;
_invalid?: Nested< SystemProperties & CssVarProperties> | undefined;
_autofill?: Nested< SystemProperties & CssVarProperties> | undefined;
_outOfRange?: Nested< SystemProperties & CssVarProperties> | undefined;
_placeholder?: Nested< SystemProperties & CssVarProperties> | undefined;
_pressed?: Nested< SystemProperties & CssVarProperties> | undefined;
_selected?: Nested< SystemProperties & CssVarProperties> | undefined;
_grabbed?: Nested< SystemProperties & CssVarProperties> | undefined;
_underValue?: Nested< SystemProperties & CssVarProperties> | undefined;
_overValue?: Nested< SystemProperties & CssVarProperties> | undefined;
_atValue?: Nested< SystemProperties & CssVarProperties> | undefined;
_default?: Nested< SystemProperties & CssVarProperties> | undefined;
_optional?: Nested< SystemProperties & CssVarProperties> | undefined;
_fullscreen?: Nested< SystemProperties & CssVarProperties> | undefined;
_loading?: Nested< SystemProperties & CssVarProperties> | undefined;
_hidden?: Nested< SystemProperties & CssVarProperties> | undefined;
_current?: Nested< SystemProperties & CssVarProperties> | undefined;
_currentPage?: Nested< SystemProperties & CssVarProperties> | undefined;
_currentStep?: Nested< SystemProperties & CssVarProperties> | undefined;
_unavailable?: Nested< SystemProperties & CssVarProperties> | undefined;
_rangeStart?: Nested< SystemProperties & CssVarProperties> | undefined;
_rangeEnd?: Nested< SystemProperties & CssVarProperties> | undefined;
_now?: Nested< SystemProperties & CssVarProperties> | undefined;
_topmost?: Nested< SystemProperties & CssVarProperties> | undefined;
_motionReduce?: Nested< SystemProperties & CssVarProperties> | undefined;
_motionSafe?: Nested< SystemProperties & CssVarProperties> | undefined;
_print?: Nested< SystemProperties & CssVarProperties> | undefined;
_landscape?: Nested< SystemProperties & CssVarProperties> | undefined;
_portrait?: Nested< SystemProperties & CssVarProperties> | undefined;
_dark?: Nested< SystemProperties & CssVarProperties> | undefined;
_light?: Nested< SystemProperties & CssVarProperties> | undefined;
_osDark?: Nested< SystemProperties & CssVarProperties> | undefined;
_osLight?: Nested< SystemProperties & CssVarProperties> | undefined;
_highContrast?: Nested< SystemProperties & CssVarProperties> | undefined;
_lessContrast?: Nested< SystemProperties & CssVarProperties> | undefined;
_moreContrast?: Nested< SystemProperties & CssVarProperties> | undefined;
_ltr?: Nested< SystemProperties & CssVarProperties> | undefined;
_rtl?: Nested< SystemProperties & CssVarProperties> | undefined;
_scrollbar?: Nested< SystemProperties & CssVarProperties> | undefined;
_scrollbarThumb?: Nested< SystemProperties & CssVarProperties> | undefined;
_scrollbarTrack?: Nested< SystemProperties & CssVarProperties> | undefined;
_icon?: Nested< SystemProperties & CssVarProperties> | undefined;
_starting?: Nested< SystemProperties & CssVarProperties> | undefined;
_noscript?: Nested< SystemProperties & CssVarProperties> | undefined;
_invertedColors?: Nested< SystemProperties & CssVarProperties> | undefined;
sm?: Nested< SystemProperties & CssVarProperties> | undefined;
smOnly?: Nested< SystemProperties & CssVarProperties> | undefined;
smDown?: Nested< SystemProperties & CssVarProperties> | undefined;
md?: Nested< SystemProperties & CssVarProperties> | undefined;
mdOnly?: Nested< SystemProperties & CssVarProperties> | undefined;
mdDown?: Nested< SystemProperties & CssVarProperties> | undefined;
lg?: Nested< SystemProperties & CssVarProperties> | undefined;
lgOnly?: Nested< SystemProperties & CssVarProperties> | undefined;
lgDown?: Nested< SystemProperties & CssVarProperties> | undefined;
xl?: Nested< SystemProperties & CssVarProperties> | undefined;
xlOnly?: Nested< SystemProperties & CssVarProperties> | undefined;
xlDown?: Nested< SystemProperties & CssVarProperties> | undefined;
"2xl"?: Nested< SystemProperties & CssVarProperties> | undefined;
"2xlOnly"?: Nested< SystemProperties & CssVarProperties> | undefined;
"2xlDown"?: Nested< SystemProperties & CssVarProperties> | undefined;
smToMd?: Nested< SystemProperties & CssVarProperties> | undefined;
smToLg?: Nested< SystemProperties & CssVarProperties> | undefined;
smToXl?: Nested< SystemProperties & CssVarProperties> | undefined;
smTo2xl?: Nested< SystemProperties & CssVarProperties> | undefined;
mdToLg?: Nested< SystemProperties & CssVarProperties> | undefined;
mdToXl?: Nested< SystemProperties & CssVarProperties> | undefined;
mdTo2xl?: Nested< SystemProperties & CssVarProperties> | undefined;
lgToXl?: Nested< SystemProperties & CssVarProperties> | undefined;
lgTo2xl?: Nested< SystemProperties & CssVarProperties> | undefined;
xlTo2xl?: Nested< SystemProperties & CssVarProperties> | undefined;
"@/xs"?: Nested< SystemProperties & CssVarProperties> | undefined;
"@/sm"?: Nested< SystemProperties & CssVarProperties> | undefined;
"@/md"?: Nested< SystemProperties & CssVarProperties> | undefined;
"@/lg"?: Nested< SystemProperties & CssVarProperties> | undefined;
"@/xl"?: Nested< SystemProperties & CssVarProperties> | undefined;
"@/2xl"?: Nested< SystemProperties & CssVarProperties> | undefined;
"@/3xl"?: Nested< SystemProperties & CssVarProperties> | undefined;
"@/4xl"?: Nested< SystemProperties & CssVarProperties> | undefined;
"@/5xl"?: Nested< SystemProperties & CssVarProperties> | undefined;
"@/6xl"?: Nested< SystemProperties & CssVarProperties> | undefined;
"@/7xl"?: Nested< SystemProperties & CssVarProperties> | undefined;
"@/8xl"?: Nested< SystemProperties & CssVarProperties> | undefined;
_themeCerberus?: Nested< SystemProperties & CssVarProperties> | undefined;
_themeAcheron?: Nested< SystemProperties & CssVarProperties> | undefined;
"--font-display"?: CssVarValue | undefined;
"--font-sans"?: CssVarValue | undefined;
"--font-mono"?: CssVarValue | undefined;
colorPalette?: ConditionalValue< UtilityValues["colorPalette"] | CssVars | AnyString> | undefined;
display?: ConditionalValue< CssVars | AnyString | readonly string[] | import("../../../styled-system/types/csstype").Property.Display | undefined>;
overlay?: ConditionalValue< AnyString | import("../../../styled-system/types/csstype").Property.Overlay | readonly NonNullable<import("../../../styled-system/types/csstype").Property.Overlay | undefined>[] | undefined>;
WebkitAppearance?: ConditionalValue< AnyString | import("../../../styled-system/types/csstype").Property.WebkitAppearance | readonly NonNullable<import("../../../styled-system/types/csstype").Property.WebkitAppearance | undefined>[] | undefined>;
WebkitBorderBefore?: ConditionalValue< AnyString | import("../../../styled-system/types/csstype").Property.WebkitBorderBefore< String | Number> | readonly NonNullable<import("../../../styled-system/types/csstype").Property.WebkitBorderBefore< String | Number> | undefined>[] | undefined>;
WebkitBorderBeforeColor?: ConditionalValue< AnyString | readonly string[] | import("../../../styled-system/types/csstype").Property.WebkitBorderBeforeColor | undefined>;
WebkitBorderBeforeStyle?: ConditionalValue< AnyString | readonly string[] | import("../../../styled-system/types/csstype").Property.WebkitBorderBeforeStyle | undefined>;
WebkitBorderBeforeWidth?: ConditionalValue< AnyString | import("../../../styled-system/types/csstype").Property.WebkitBorderBeforeWidth< String | Number> | readonly NonNullable<import("../../../styled-system/types/csstype").Property.WebkitBorderBeforeWidth< String | Number> | undefined>[] | undefined>;
WebkitBoxReflect?: ConditionalValue< AnyString | import("../../../styled-system/types/csstype").Property.WebkitBoxReflect< String | Number> | readonly NonNullable<import("../../../styled-system/types/csstype").Property.WebkitBoxReflect< String | Number> | undefined>[] | undefined>;
WebkitLineClamp?: ConditionalValue< AnyString | import("../../../styled-system/types/csstype").Property.WebkitLineClamp | readonly NonNullable<import("../../../styled-system/types/csstype").Property.WebkitLineClamp | undefined>[] | undefined>;
WebkitMask?: ConditionalValue< AnyString | import("../../../styled-system/types/csstype").Property.WebkitMask< String | Number> | readonly NonNullable<import("../../../styled-system/types/csstype").Property.WebkitMask< String | Number> | undefined>[] | undefined>;
WebkitMaskAttachment?: ConditionalValue< AnyString | readonly string[] | import("../../../styled-system/types/csstype").Property.WebkitMaskAttachment | undefined>;
WebkitMaskClip?: ConditionalValue< AnyString | readonly string[] | import("../../../styled-system/types/csstype").Property.WebkitMaskClip | undefined>;
WebkitMaskComposite?: ConditionalValue< AnyString | readonly string[] | import("../../../styled-system/types/csstype").Property.WebkitMaskComposite | undefined>;
WebkitMaskImage?: ConditionalValue< AnyString | readonly string[] | import("../../../styled-system/types/csstype").Property.WebkitMaskImage | undefined>;
WebkitMaskOrigin?: ConditionalValue< AnyString | readonly string[] | import("../../../styled-system/types/csstype").Property.WebkitMaskOrigin | undefined>;
WebkitMaskPosition?: ConditionalValue< AnyString | import("../../../styled-system/types/csstype").Property.WebkitMaskPosition< String | Number> | readonly NonNullable<import("../../../styled-system/types/csstype").Property.WebkitMaskPosition< String | Number> | undefined>[] | undefined>;
WebkitMaskPositionX?: ConditionalValue< AnyString | import("../../../styled-system/types/csstype").Property.WebkitMaskPositionX< String | Number> | readonly NonNullable<import("../../../styled-system/types/csstype").Property.WebkitMaskPositionX< String | Number> | undefined>[] | undefined>;
WebkitMaskPositionY?: ConditionalValue< AnyString | import("../../../styled-system/types/csstype").Property.WebkitMaskPositionY< String | Number> | readonly NonNullable<import("../../../styled-system/types/csstype").Property.WebkitMaskPositionY< String | Number> | undefined>[] | undefined>;
WebkitMaskRepeat?: ConditionalValue< AnyString | readonly string[] | import("../../../styled-system/types/csstype").Property.WebkitMaskRepeat | undefined>;
WebkitMaskRepeatX?: ConditionalValue< AnyString | import("../../../styled-system/types/csstype").Property.WebkitMaskRepeatX | readonly NonNullable<import("../../../styled-system/types/csstype").Property.WebkitMaskRepeatX | undefined>[] | undefined>;
WebkitMaskRepeatY?: ConditionalValue< AnyString | import("../../../styled-system/types/csstype").Property.WebkitMaskRepeatY | readonly NonNullable<import("../../../styled-system/types/csstype").Property.WebkitMaskRepeatY | undefined>[] | undefined>;
WebkitMaskSize?: ConditionalValue< AnyString | import("../../../styled-system/types/csstype").Property.WebkitMaskSize< String | Number> | readonly NonNullable<import("../../../styled-system/types/csstype").Property.WebkitMaskSize< String | Number> | undefined>[] | undefined>;
WebkitOverflowScrolling?: ConditionalValue< AnyString | import("../../../styled-system/types/csstype").Property.WebkitOverflowScrolling | readonly NonNullable<import("../../../styled-system/types/csstype").Property.WebkitOverflowScrolling | undefined>[] | undefined>;
WebkitTapHighlightColor?: ConditionalValue< AnyString | readonly string[] | import("../../../styled-system/types/csstype").Property.WebkitTapHighlightColor | undefined>;
WebkitTextFillColor?: ConditionalValue< AnyString | readonly string[] | import("../../../styled-system/types/csstype").Property.WebkitTextFillColor | undefined>;
WebkitTextStroke?: ConditionalValue< AnyString | import("../../../styled-system/types/csstype").Property.WebkitTextStroke< String | Number> | readonly NonNullable<import("../../../styled-system/types/csstype").Property.WebkitTextStroke< String | Number> | undefined>[] | undefined>;
WebkitTextStrokeColor?: ConditionalValue< AnyString | readonly string[] | import("../../../styled-system/types/csstype").Property.WebkitTextStrokeColor | undefined>;
WebkitTextStrokeWidth?: ConditionalValue< AnyString | import("../../../styled-system/types/csstype").Property.WebkitTextStrokeWidth< String | Number> | readonly NonNullable<import("../../../styled-system/types/csstype").Property.WebkitTextStrokeWidth< String | Number> | undefined>[] | undefined>;
WebkitTouchCallout?: ConditionalValue< AnyString | import("../../../styled-system/types/csstype").Property.WebkitTouchCallout | readonly NonNullable<import("../../../styled-system/types/csstype").Property.WebkitTouchCallout | undefined>[] | undefined>;
WebkitUserModify?: ConditionalValue< AnyString | import("../../../styled-system/types/csstype").Property.WebkitUserModify | readonly NonNullable<import("../../../styled-system/types/csstype").Property.WebkitUserModify | undefined>[] | undefined>;
WebkitUserSelect?: ConditionalValue< AnyString | import("../../../styled-system/types/csstype").Property.UserSelect | readonly NonNullable<import("../../../styled-system/types/csstype").Property.UserSelect | undefined>[] | undefined>;
accentColor?: ConditionalValue<"black" | "current" | "white" | "transparent" | "rose.50" | "rose.100" | "rose.200" | "rose.300" | "rose.400" | "rose.500" | "rose.600" | "rose.700" | "rose.800" | "rose.900" | "rose.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "fuchsia.50" | "fuchsia.100" | "fuchsia.200" | "fuchsia.300" | "fuchsia.400" | "fuchsia.500" | "fuchsia.600" | "fuchsia.700" | "fuchsia.800" | "fuchsia.900" | "fuchsia.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "violet.50" | "violet.100" | "violet.200" | "violet.300" | "violet.400" | "violet.500" | "violet.600" | "violet.700" | "violet.800" | "violet.900" | "violet.950" | "indigo.50" | "indigo.100" | "indigo.200" | "indigo.300" | "indigo.400" | "indigo.500" | "indigo.600" | "indigo.700" | "indigo.800" | "indigo.900" | "indigo.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "sky.50" | "sky.100" | "sky.200" | "sky.300" | "sky.400" | "sky.500" | "sky.600" | "sky.700" | "sky.800" | "sky.900" | "sky.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "emerald.50" | "emerald.100" | "emerald.200" | "emerald.300" | "emerald.400" | "emerald.500" | "emerald.600" | "emerald.700" | "emerald.800" | "emerald.900" | "emerald.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "lime.50" | "lime.100" | "lime.200" | "lime.300" | "lime.400" | "lime.500" | "lime.600" | "lime.700" | "lime.800" | "lime.900" | "lime.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | "amber.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "neutral.50" | "neutral.100" | "neutral.200" | "neutral.300" | "neutral.400" | "neutral.500" | "neutral.600" | "neutral.700" | "neutral.800" | "neutral.900" | "neutral.950" | "stone.50" | "stone.100" | "stone.200" | "stone.300" | "stone.400" | "stone.500" | "stone.600" | "stone.700" | "stone.800" | "stone.900" | "stone.950" | "zinc.50" | "zinc.100" | "zinc.200" | "zinc.300" | "zinc.400" | "zinc.500" | "zinc.600" | "zinc.700" | "zinc.800" | "zinc.900" | "zinc.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "slate.50" | "slate.100" | "slate.200" | "slate.300" | "slate.400" | "slate.500" | "slate.600" | "slate.700" | "slate.800" | "slate.900" | "slate.950" | "acheron.neutral.0" | "acheron.neutral.5" | "acheron.neutral.10" | "acheron.neutral.20" | "acheron.neutral.30" | "acheron.neutral.40" | "acheron.neutral.50" | "acheron.neutral.60" | "acheron.neutral.70" | "acheron.neutral.80" | "acheron.neutral.90" | "acheron.neutral.100" | "acheron.neutral.white" | "acheron.brand.5" | "acheron.brand.10" | "acheron.brand.20" | "acheron.brand.30" | "acheron.brand.40" | "acheron.brand.50" | "acheron.brand.60" | "acheron.brand.70" | "acheron.brand.80" | "acheron.brand.90" | "acheron.brand.100" | "acheron.accent.10" | "acheron.accent.20" | "acheron.accent.30" | "acheron.accent.40" | "acheron.accent.50" | "acheron.accent.60" | "acheron.accent.70" | "acheron.accent.80" | "acheron.accent.90" | "acheron.accent.100" | "acheron.success.10" | "acheron.success.20" | "acheron.success.30" | "acheron.success.40" | "acheron.success.50" | "acheron.success.60" | "acheron.success.70" | "acheron.success.80" | "acheron.success.90" | "acheron.success.100" | "acheron.danger.10" | "acheron.danger.20" | "acheron.danger.30" | "acheron.danger.40" | "acheron.danger.50" | "acheron.danger.60" | "acheron.danger.70" | "acheron.danger.80" | "acheron.danger.90" | "acheron.danger.100" | "acheron.warning.10" | "acheron.warning.20" | "acheron.warning.30" | "acheron.warning.40" | "acheron.warning.50" | "acheron.warning.60" | "acheron.warning.70" | "acheron.warning.80" | "acheron.warning.90" | "acheron.warning.100" | "acheron.drop-shadow.100" | "acheron.drop-shadow.200" | "acheron.drop-shadow.300" | "acheron.drop-shadow.400" | "acheron.drop-shadow.500" | "acheron.drop-shadow.600" | "acheron.drop-shadow.700" | "acheron.drop-shadow.800" | "acheron.drop-shadow.900" | "acheron.drop-shadow.1000" | "acheron.info.10" | "acheron.info.20" | "acheron.info.30" | "acheron.info.40" | "acheron.info.50" | "acheron.info.60" | "acheron.info.70" | "acheron.info.80" | "acheron.info.90" | "acheron.info.100" | "cerberus.neutral.5" | "cerberus.neutral.10" | "cerberus.neutral.15" | "cerberus.neutral.20" | "cerberus.neutral.30" | "cerberus.neutral.40" | "cerberus.neutral.50" | "cerberus.neutral.60" | "cerberus.neutral.70" | "cerberus.neutral.80" | "cerberus.neutral.90" | "cerberus.neutral.100" | "cerberus.neutral.white" | "cerberus.brand.5" | "cerberus.brand.10" | "cerberus.brand.20" | "cerberus.brand.30" | "cerberus.brand.40" | "cerberus.brand.50" | "cerberus.brand.60" | "cerberus.brand.70" | "cerberus.brand.80" | "cerberus.brand.90" | "cerberus.brand.100" | "cerberus.teal.10" | "cerberus.teal.20" | "cerberus.teal.30" | "cerberus.teal.40" | "cerberus.teal.50" | "cerberus.teal.60" | "cerberus.teal.70" | "cerberus.teal.80" | "cerberus.teal.90" | "cerberus.teal.100" | "cerberus.success.10" | "cerberus.success.20" | "cerberus.success.30" | "cerberus.success.40" | "cerberus.success.50" | "cerberus.success.60" | "cerberus.success.70" | "cerberus.success.80" | "cerberus.success.90" | "cerberus.success.100" | "cerberus.danger.10" | "cerberus.danger.20" | "cerberus.danger.30" | "cerberus.danger.40" | "cerberus.danger.50" | "cerberus.danger.60" | "cerberus.danger.70" | "cerberus.danger.80" | "cerberus.danger.90" | "cerberus.danger.100" | "cerberus.warning.10" | "cerberus.warning.20" | "cerberus.warning.30" | "cerberus.warning.40" | "cerberus.warning.50" | "cerberus.warning.60" | "cerberus.warning.70" | "cerberus.warning.80" | "cerberus.warning.90" | "cerberus.warning.100" | "cerberus.info.10" | "cerberus.info.20" | "cerberus.info.30" | "cerberus.info.40" | "cerberus.info.50" | "cerberus.info.60" | "cerberus.info.70" | "cerberus.info.80" | "cerberus.info.90" | "cerberus.info.100" | "cerberus.drop-shadow.100" | "cerberus.drop-shadow.200" | "cerberus.drop-shadow.300" | "cerberus.drop-shadow.400" | "cerberus.drop-shadow.500" | "cerberus.drop-shadow.600" | "cerberus.drop-shadow.700" | "cerberus.drop-shadow.800" | "cerberus.drop-shadow.900" | "cerberus.drop-shadow.1000" | "page.backdrop.initial" | "page.bg.100" | "page.bg.200" | "page.bg.300" | "page.bg.initial" | "page.border.100" | "page.border.200" | "page.border.initial" | "page.surface.100" | "page.surface.200" | "page.surface.300" | "page.surface.400" | "page.surface.initial" | "page.surface.inverse" | "page.text.100" | "page.text.200" | "page.text.300" | "page.text.initial" | "page.text.inverse" | "action.bg.initial" | "action.bg.hover" | "action.bg.active" | "action.border.100" | "action.border.initial" | "action.border.focus" | "action.ghost.initial" | "action.ghost.hover" | "action.ghost.active" | "action.navigation.initial" | "action.navigation.hover" | "action.navigation.visited" | "action.text.100" | "action.text.200" | "action.text.initial" | "action.text.inverse" | "action.text.static" | "secondaryAction.bg.initial" | "secondaryAction.bg.hover" | "secondaryAction.bg.active" | "secondaryAction.border.100" | "secondaryAction.border.initial" | "secondaryAction.ghost.initial" | "secondaryAction.ghost.hover" | "secondaryAction.ghost.active" | "secondaryAction.navigation.initial" | "secondaryAction.navigation.hover" | "secondaryAction.navigation.visited" | "secondaryAction.text.100" | "secondaryAction.text.200" | "secondaryAction.text.initial" | "secondaryAction.text.static" | "info.border.100" | "info.border.initial" | "info.bg.initial" | "info.bg.hover" | "info.bg.active" | "info.ghost.initial" | "info.ghost.hover" | "info.ghost.active" | "info.surface.100" | "info.surface.200" | "info.surface.initial" | "info.text.100" | "info.text.200" | "info.text.initial" | "info.text.static" | "success.border.initial" | "success.bg.initial" | "success.bg.hover" | "success.bg.active" | "success.ghost.initial" | "success.ghost.hover" | "success.ghost.active" | "success.surface.100" | "success.surface.200" | "success.surface.initial" | "success.text.100" | "success.text.200" | "success.text.initial" | "success.text.inverse" | "success.text.static" | "warning.border.initial" | "warning.bg.initial" | "warning.bg.hover" | "warning.bg.active" | "warning.ghost.initial" | "warning.ghost.hover" | "warning.ghost.active" | "warning.surface.100" | "warning.surface.200" | "warning.surface.initial" | "warning.text.100" | "warning.text.200" | "warning.text.initial" | "warning.text.inverse" | "warning.text.static" | "danger.bg.initial" | "danger.bg.hover" | "danger.bg.active" | "danger.border.initial" | "danger.ghost.initial" | "danger.ghost.hover" | "danger.ghost.active" | "danger.surface.100" | "danger.surface.200" | "danger.surface.initial" | "danger.text.100" | "danger.text.200" | "danger.text.initial" | "danger.text.inverse" | "danger.text.static" | "gradient.charon-light.text.initial" | "gradient.charon-dark.text.initial" | "gradient.nyx-light.text.initial" | "gradient.nyx-dark.text.initial" | "gradient.amphiaraus-light.text.initial" | "gradient.amphiaraus-dark.text.initial" | "gradient.styx-light.text.initial" | "gradient.styx-dark.text.initial" | "gradient.thanatos-light.text.initial" | "gradient.thanatos-dark.text.initial" | "gradient.hades-light.text.initial" | "gradient.hades-dark.text.initial" | "gradient.asphodel-light.text.initial" | "gradient.asphodel-dark.text.initial" | "dataViz.diverging.50" | "dataViz.diverging.100" | "dataViz.diverging.200" | "dataViz.diverging.300" | "dataViz.diverging.400" | "dataViz.diverging.500" | "dataViz.diverging.600" | "dataViz.diverging.700" | "dataViz.diverging.800" | "dataViz.diverging.900" | "dataViz.sequential.100" | "dataViz.sequential.200" | "dataViz.sequential.300" | "dataViz.sequential.400" | "dataViz.sequential.500" | "dataViz.sequential.600" | "dataViz.qualitative.100" | "dataViz.qualitative.200" | "dataViz.qualitative.300" | "dataViz.qualitative.400" | "dataViz.qualitative.500" | "dataViz.qualitative.600" | "dataViz.qualitative.700" | "dataViz.progress.start" | "dataViz.progress.end" | "dataViz.progress.complete" | "colorPalette" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.neutral.0" | "colorPalette.0" | "colorPalette.neutral.5" | "colorPalette.5" | "colorPalette.neutral.10" | "colorPalette.10" | "colorPalette.neutral.20" | "colorPalette.20" | "colorPalette.neutral.30" | "colorPalette.30" | "colorPalette.neutral.40" | "colorPalette.40" | "colorPalette.neutral.50" | "colorPalette.neutral.60" | "colorPalette.60" | "colorPalette.neutral.70" | "colorPalette.70" | "colorPalette.neutral.80" | "colorPalette.80" | "colorPalette.neutral.90" | "colorPalette.90" | "colorPalette.neutral.100" | "colorPalette.neutral.white" | "colorPalette.white" | "colorPalette.brand.5" | "colorPalette.brand.10" | "colorPalette.brand.20" | "colorPalette.brand.30" | "colorPalette.brand.40" | "colorPalette.brand.50" | "colorPalette.brand.60" | "colorPalette.brand.70" | "colorPalette.brand.80" | "colorPalette.brand.90" | "colorPalette.brand.100" | "colorPalette.accent.10" | "colorPalette.accent.20" | "colorPalette.accent.30" | "colorPalette.accent.40" | "colorPalette.accent.50" | "colorPalette.accent.60" | "colorPalette.accent.70" | "colorPalette.accent.80" | "colorPalette.accent.90" | "colorPalette.accent.100" | "colorPalette.success.10" | "colorPalette.success.20" | "colorPalette.success.30" | "colorPalette.success.40" | "colorPalette.success.50" | "colorPalette.success.60" | "colorPalette.success.70" | "colorPalette.success.80" | "colorPalette.success.90" | "colorPalette.success.100" | "colorPalette.danger.10" | "colorPalette.danger.20" | "colorPalette.danger.30" | "colorPalette.danger.40" | "colorPalette.danger.50" | "colorPalette.danger.60" | "colorPalette.danger.70" | "colorPalette.danger.80" | "colorPalette.danger.90" | "colorPalette.danger.100" | "colorPalette.warning.10" | "colorPalette.warning.20" | "colorPalette.warning.30" | "colorPalette.warning.40" | "colorPalette.warning.50" | "colorPalette.warning.60" | "colorPalette.warning.70" | "colorPalette.warning.80" | "colorPalette.warning.90" | "colorPalette.warning.100" | "colorPalette.drop-shadow.100" | "colorPalette.drop-shadow.200" | "colorPalette.drop-shadow.300" | "colorPalette.drop-shadow.400" | "colorPalette.drop-shadow.500" | "colorPalette.drop-shadow.600" | "colorPalette.drop-shadow.700" | "colorPalette.drop-shadow.800" | "colorPalette.drop-shadow.900" | "colorPalette.drop-shadow.1000" | "colorPalette.1000" | "colorPalette.info.10" | "colorPalette.info.20" | "colorPalette.info.30" | "colorPalette.info.40" | "colorPalette.info.50" | "colorPalette.info.60" | "colorPalette.info.70" | "colorPalette.info.80" | "colorPalette.info.90" | "colorPalette.info.100" | "colorPalette.neutral.15" | "colorPalette.15" | "colorPalette.teal.10" | "colorPalette.teal.20" | "colorPalette.teal.30" | "colorPalette.teal.40" | "colorPalette.teal.50" | "colorPalette.teal.60" | "colorPalette.teal.70" | "colorPalette.teal.80" | "colorPalette.teal.90" | "colorPalette.teal.100" | "colorPalette.backdrop.initial" | "colorPalette.initial" | "colorPalette.bg.100" | "colorPalette.bg.200" | "colorPalette.bg.300" | "colorPalette.bg.initial" | "colorPalette.border.100" | "colorPalette.border.200" | "colorPalette.border.initial" | "colorPalette.surface.100" | "colorPalette.surface.200" | "colorPalette.surface.300" | "colorPalette.surface.400" | "colorPalette.surface.initial" | "colorPalette.surface.inverse" | "colorPalette.inverse" | "colorPalette.text.100" | "colorPalette.text.200" | "colorPalette.text.300" | "colorPalette.text.initial" | "colorPalette.text.inverse" | "colorPalette.bg.hover" | "colorPalette.hover" | "colorPalette.bg.active" | "colorPalette.active" | "colorPalette.border.focus" | "colorPalette.focus" | "colorPalette.ghost.initial" | "colorPalette.ghost.hover" | "colorPalette.ghost.active" | "colorPalette.navigation.initial" | "colorPalette.navigation.hover" | "colorPalette.navigation.visited" | "colorPalette.visited" | "colorPalette.text.static" | "colorPalette.static" | "colorPalette.charon-light.text.initial" | "colorPalette.charon-dark.text.initial" | "colorPalette.nyx-light.text.initial" | "colorPalette.nyx-dark.text.initial" | "colorPalette.amphiaraus-light.text.initial" | "colorPalette.amphiaraus-dark.text.initial" | "colorPalette.styx-light.text.initial" | "colorPalette.styx-dark.text.initial" | "colorPalette.thanatos-light.text.initial" | "colorPalette.thanatos-dark.text.initial" | "colorPalette.hades-light.text.initial" | "colorPalette.hades-dark.text.initial" | "colorPalette.asphodel-light.text.initial" | "colorPalette.asphodel-dark.text.initial" | "colorPalette.diverging.50" | "colorPalette.diverging.100" | "colorPalette.diverging.200" | "colorPalette.diverging.300" | "colorPalette.diverging.400" | "colorPalette.diverging.500" | "colorPalette.diverging.600" | "colorPalette.diverging.700" | "colorPalette.diverging.800" | "colorPalette.diverging.900" | "colorPalette.sequential.100" | "colorPalette.sequential.200" | "colorPalette.sequential.300" | "colorPalette.sequential.400" | "colorPalette.sequential.500" | "colorPalette.sequential.600" | "colorPalette.qualitative.100" | "colorPalette.qualitative.200" | "colorPalette.qualitative.300" | "colorPalette.qualitative.400" | "colorPalette.qualitative.500" | "colorPalette.qualitative.600" | "colorPalette.qualitative.700" | "colorPalette.progress.start" | "colorPalette.start" | "colorPalette.progress.end" | "colorPalette.end" | "colorPalette.progress.complete" | "colorPalette.complete" | "var(--font-display)" | "var(--font-sans)" | "var(--font-mono)" | AnyString | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | readonly string[] | "pink" | "fuchsia" | "purple" | "violet" | "indigo" | "blue" | "cyan" | "teal" | "green" | "lime" | "yellow" | "orange" | "red" | "gray" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "blanchedalmond" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "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" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "plum" | "powderblue" | "rebeccapurple" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "thistle" | "tomato" | "turquoise" | "wheat" | "whitesmoke" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | undefined>;
alignContent?: ConditionalValue< CssVars | AnyString | readonly string[] | import("../../../styled-system/types/csstype").Property.AlignContent | undefined>;
alignItems?: ConditionalValue< CssVars | AnyString | readonly string[] | import("../../../styled-system/types/csstype").Property.AlignItems | undefined>;
alignSelf?: ConditionalValue< CssVars | AnyString | readonly string[] | import("../../../styled-system/types/csstype").Property.AlignSelf | undefined>;
alignTracks?: ConditionalValue< AnyString | readonly string[] | import("../../../styled-system/types/csstype").Property.AlignTracks | undefined>;
all?: ConditionalValue< CssVars | AnyString | Globals | readonly NonNullable< Globals | undefined>[] | undefined>;
anchorName?: ConditionalValue<"none" | AnyString | Globals | StringToMultiple<`--${string}`> | undefined>;
anchorScope?: ConditionalValue<"none" | AnyString | "all" | Globals | StringToMultiple<`--${string}`> | undefined>;
animation?: ConditionalValue< AnimationToken | CssVars | AnyString | import("../../../styled-system/types/csstype").Property.Animation<string & {}> | readonly NonNullable<import("../../../styled-system/types/csstype").Property.Animation<string & {}> | undefined>[] | undefined>;
animationComposition?: ConditionalValue< CssVars | AnyString | readonly string[] | import("../../../styled-system/types/csstype").Property.AnimationComposition | undefined>;
animationDelay?: ConditionalValue< DurationToken | CssVars | AnyString | readonly string[] | import("../../../styled-system/types/csstype").Property.AnimationDelay<string & {}> | undefined>;
animationDirection?: ConditionalValue< CssVars | AnyString | readonly string[] | import("../../../styled-system/types/csstype").Property.AnimationDirection | undefined>;
animationDuration?: ConditionalValue< DurationToken | CssVars | AnyString | readonly string[] | import("../../../styled-system/types/csstype").Property.AnimationDuration<string & {}> | undefined>;
animationFillMode?: ConditionalValue< CssVars | AnyString | readonly string[] | import("../../../styled-system/types/csstype").Property.AnimationFillMode | undefined>;
animationIterationCount?: ConditionalValue< AnyString | import("../../../styled-system/types/csstype").Property.AnimationIterationCount | readonly NonNullable<import("../../../styled-system/types/csstype").Property.AnimationIterationCount | undefined>[] | undefined>;
animationName?: ConditionalValue<"spin" | "ping" | "pulse" | "bounce" | CssVars | AnyString | "position" | "bgPosition" | readonly string[] | "expandHeight" | "collapseHeight" | "expandWidth" | "collapseWidth" | "fadeIn" | "fadeOut" | "fadeInDown" | "slideIn" | "slideOut" | "slideFromLeftFull" | "slideFromRightFull" | "slideFromTopFull" | "slideFromBottomFull" | "slideFromTop" | "slideFromBottom" | "s