Variable CircleButtonConst
CircleButton: ChakraComponent<
ElementType,
{
_active?: Nested<SystemStyleObject>;
_after?: Nested<SystemStyleObject>;
_atValue?: Nested<SystemStyleObject>;
_autofill?: Nested<SystemStyleObject>;
_backdrop?: Nested<SystemStyleObject>;
_before?: Nested<SystemStyleObject>;
_checked?: Nested<SystemStyleObject>;
_closed?: Nested<SystemStyleObject>;
_complete?: Nested<SystemStyleObject>;
_current?: Nested<SystemStyleObject>;
_currentPage?: Nested<SystemStyleObject>;
_currentStep?: Nested<SystemStyleObject>;
_dark?: Nested<SystemStyleObject>;
_default?: Nested<SystemStyleObject>;
_disabled?: Nested<SystemStyleObject>;
_dragging?: Nested<SystemStyleObject>;
_empty?: Nested<SystemStyleObject>;
_enabled?: Nested<SystemStyleObject>;
_even?: Nested<SystemStyleObject>;
_expanded?: Nested<SystemStyleObject>;
_file?: Nested<SystemStyleObject>;
_first?: Nested<SystemStyleObject>;
_firstLetter?: Nested<SystemStyleObject>;
_firstLine?: Nested<SystemStyleObject>;
_focus?: Nested<SystemStyleObject>;
_focusVisible?: Nested<SystemStyleObject>;
_focusWithin?: Nested<SystemStyleObject>;
_fullscreen?: Nested<SystemStyleObject>;
_grabbed?: Nested<SystemStyleObject>;
_groupActive?: Nested<SystemStyleObject>;
_groupChecked?: Nested<SystemStyleObject>;
_groupDisabled?: Nested<SystemStyleObject>;
_groupExpanded?: Nested<SystemStyleObject>;
_groupFocus?: Nested<SystemStyleObject>;
_groupFocusVisible?: Nested<SystemStyleObject>;
_groupFocusWithin?: Nested<SystemStyleObject>;
_groupHover?: Nested<SystemStyleObject>;
_groupInvalid?: Nested<SystemStyleObject>;
_hidden?: Nested<SystemStyleObject>;
_highContrast?: Nested<SystemStyleObject>;
_highlighted?: Nested<SystemStyleObject>;
_horizontal?: Nested<SystemStyleObject>;
_hover?: Nested<SystemStyleObject>;
_icon?: Nested<SystemStyleObject>;
_incomplete?: Nested<SystemStyleObject>;
_indeterminate?: Nested<SystemStyleObject>;
_inRange?: Nested<SystemStyleObject>;
_invalid?: Nested<SystemStyleObject>;
_landscape?: Nested<SystemStyleObject>;
_last?: Nested<SystemStyleObject>;
_lessContrast?: Nested<SystemStyleObject>;
_light?: Nested<SystemStyleObject>;
_loading?: Nested<SystemStyleObject>;
_ltr?: Nested<SystemStyleObject>;
_marker?: Nested<SystemStyleObject>;
_moreContrast?: Nested<SystemStyleObject>;
_motionReduce?: Nested<SystemStyleObject>;
_motionSafe?: Nested<SystemStyleObject>;
_notFirst?: Nested<SystemStyleObject>;
_notLast?: Nested<SystemStyleObject>;
_now?: Nested<SystemStyleObject>;
_odd?: Nested<SystemStyleObject>;
_only?: Nested<SystemStyleObject>;
_open?: Nested<SystemStyleObject>;
_optional?: Nested<SystemStyleObject>;
_osDark?: Nested<SystemStyleObject>;
_osLight?: Nested<SystemStyleObject>;
_outOfRange?: Nested<SystemStyleObject>;
_overValue?: Nested<SystemStyleObject>;
_peerActive?: Nested<SystemStyleObject>;
_peerChecked?: Nested<SystemStyleObject>;
_peerDisabled?: Nested<SystemStyleObject>;
_peerExpanded?: Nested<SystemStyleObject>;
_peerFocus?: Nested<SystemStyleObject>;
_peerFocusVisible?: Nested<SystemStyleObject>;
_peerFocusWithin?: Nested<SystemStyleObject>;
_peerHover?: Nested<SystemStyleObject>;
_peerInvalid?: Nested<SystemStyleObject>;
_peerPlaceholderShown?: Nested<SystemStyleObject>;
_placeholder?: Nested<SystemStyleObject>;
_placeholderShown?: Nested<SystemStyleObject>;
_portrait?: Nested<SystemStyleObject>;
_pressed?: Nested<SystemStyleObject>;
_print?: Nested<SystemStyleObject>;
_rangeEnd?: Nested<SystemStyleObject>;
_rangeStart?: Nested<SystemStyleObject>;
_readOnly?: Nested<SystemStyleObject>;
_readWrite?: Nested<SystemStyleObject>;
_required?: Nested<SystemStyleObject>;
_rtl?: Nested<SystemStyleObject>;
_scrollbar?: Nested<SystemStyleObject>;
_scrollbarThumb?: Nested<SystemStyleObject>;
_scrollbarTrack?: Nested<SystemStyleObject>;
_selected?: Nested<SystemStyleObject>;
_selection?: Nested<SystemStyleObject>;
_starting?: Nested<SystemStyleObject>;
_target?: Nested<SystemStyleObject>;
_today?: Nested<SystemStyleObject>;
_topmost?: Nested<SystemStyleObject>;
_unavailable?: Nested<SystemStyleObject>;
_underValue?: Nested<SystemStyleObject>;
_valid?: Nested<SystemStyleObject>;
_vertical?: Nested<SystemStyleObject>;
_visited?: Nested<SystemStyleObject>;
"2xl"?: Nested<SystemStyleObject>;
"2xlDown"?: Nested<SystemStyleObject>;
"2xlOnly"?: Nested<SystemStyleObject>;
about?: string;
accentColor?: ConditionalValue<
| undefined
| "border"
| "bg"
| "colorPalette"
| string & {}
| "auto"
| "inherit"
| "initial"
| readonly string[]
| "current"
| `var(--${string})`
| AnyString
| "-moz-initial"
| "revert"
| "revert-layer"
| "unset"
| "transparent"
| "black"
| "white"
| "whiteAlpha.50"
| "whiteAlpha.100"
| "whiteAlpha.200"
| "whiteAlpha.300"
| "whiteAlpha.400"
| "whiteAlpha.500"
| "whiteAlpha.600"
| "whiteAlpha.700"
| "whiteAlpha.800"
| "whiteAlpha.900"
| "whiteAlpha.950"
| "blackAlpha.50"
| "blackAlpha.100"
| "blackAlpha.200"
| "blackAlpha.300"
| "blackAlpha.400"
| "blackAlpha.500"
| "blackAlpha.600"
| "blackAlpha.700"
| "blackAlpha.800"
| "blackAlpha.900"
| "blackAlpha.950"
| "gray.50"
| "gray.100"
| "gray.200"
| "gray.300"
| "gray.400"
| "gray.500"
| "gray.600"
| "gray.700"
| "gray.800"
| "gray.900"
| "gray.950"
| "red.50"
| "red.100"
| "red.200"
| "red.300"
| "red.400"
| "red.500"
| "red.600"
| "red.700"
| "red.800"
| "red.900"
| "red.950"
| "orange.50"
| "orange.100"
| "orange.200"
| "orange.300"
| "orange.400"
| "orange.500"
| "orange.600"
| "orange.700"
| "orange.800"
| "orange.900"
| "orange.950"
| "yellow.50"
| "yellow.100"
| "yellow.200"
| "yellow.300"
| "yellow.400"
| "yellow.500"
| "yellow.600"
| "yellow.700"
| "yellow.800"
| "yellow.900"
| "yellow.950"
| "green.50"
| "green.100"
| "green.200"
| "green.300"
| "green.400"
| "green.500"
| "green.600"
| "green.700"
| "green.800"
| "green.900"
| "green.950"
| "teal.50"
| "teal.100"
| "teal.200"
| "teal.300"
| "teal.400"
| "teal.500"
| "teal.600"
| "teal.700"
| "teal.800"
| "teal.900"
| "teal.950"
| "blue.50"
| "blue.100"
| "blue.200"
| "blue.300"
| "blue.400"
| "blue.500"
| "blue.600"
| "blue.700"
| "blue.800"
| "blue.900"
| "blue.950"
| "cyan.50"
| "cyan.100"
| "cyan.200"
| "cyan.300"
| "cyan.400"
| "cyan.500"
| "cyan.600"
| "cyan.700"
| "cyan.800"
| "cyan.900"
| "cyan.950"
| "purple.50"
| "purple.100"
| "purple.200"
| "purple.300"
| "purple.400"
| "purple.500"
| "purple.600"
| "purple.700"
| "purple.800"
| "purple.900"
| "purple.950"
| "pink.50"
| "pink.100"
| "pink.200"
| "pink.300"
| "pink.400"
| "pink.500"
| "pink.600"
| "pink.700"
| "pink.800"
| "pink.900"
| "pink.950"
| "bg.subtle"
| "bg.muted"
| "bg.emphasized"
| "bg.inverted"
| "bg.panel"
| "bg.error"
| "bg.warning"
| "bg.success"
| "bg.info"
| "fg"
| "fg.muted"
| "fg.subtle"
| "fg.inverted"
| "fg.error"
| "fg.warning"
| "fg.success"
| "fg.info"
| "border.muted"
| "border.subtle"
| "border.emphasized"
| "border.inverted"
| "border.error"
| "border.warning"
| "border.success"
| "border.info"
| "gray.contrast"
| "gray.fg"
| "gray.subtle"
| "gray.muted"
| "gray.emphasized"
| "gray.solid"
| "gray.focusRing"
| "red.contrast"
| "red.fg"
| "red.subtle"
| "red.muted"
| "red.emphasized"
| "red.solid"
| "red.focusRing"
| "orange.contrast"
| "orange.fg"
| "orange.subtle"
| "orange.muted"
| "orange.emphasized"
| "orange.solid"
| "orange.focusRing"
| "green.contrast"
| "green.fg"
| "green.subtle"
| "green.muted"
| "green.emphasized"
| "green.solid"
| "green.focusRing"
| "blue.contrast"
| "blue.fg"
| "blue.subtle"
| "blue.muted"
| "blue.emphasized"
| "blue.solid"
| "blue.focusRing"
| "yellow.contrast"
| "yellow.fg"
| "yellow.subtle"
| "yellow.muted"
| "yellow.emphasized"
| "yellow.solid"
| "yellow.focusRing"
| "teal.contrast"
| "teal.fg"
| "teal.subtle"
| "teal.muted"
| "teal.emphasized"
| "teal.solid"
| "teal.focusRing"
| "purple.contrast"
| "purple.fg"
| "purple.subtle"
| "purple.muted"
| "purple.emphasized"
| "purple.solid"
| "purple.focusRing"
| "pink.contrast"
| "pink.fg"
| "pink.subtle"
| "pink.muted"
| "pink.emphasized"
| "pink.solid"
| "pink.focusRing"
| "cyan.contrast"
| "cyan.fg"
| "cyan.subtle"
| "cyan.muted"
| "cyan.emphasized"
| "cyan.solid"
| "cyan.focusRing"
| "colorPalette.50"
| "colorPalette.100"
| "colorPalette.200"
| "colorPalette.300"
| "colorPalette.400"
| "colorPalette.500"
| "colorPalette.600"
| "colorPalette.700"
| "colorPalette.800"
| "colorPalette.900"
| "colorPalette.950"
| "colorPalette.subtle"
| "colorPalette.muted"
| "colorPalette.emphasized"
| "colorPalette.inverted"
| "colorPalette.panel"
| "colorPalette.error"
| "colorPalette.warning"
| "colorPalette.success"
| "colorPalette.info"
| "colorPalette.contrast"
| "colorPalette.fg"
| "colorPalette.solid"
| "colorPalette.focusRing"
| "currentBg"
| "aliceblue"
| "antiquewhite"
| "aqua"
| "aquamarine"
| "azure"
| "beige"
| "bisque"
| "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"
| "whitesmoke"
| "yellow"
| "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",
>;
accessKey?: string;
alignContent?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| AlignContent,
>;
alignItems?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| AlignItems,
>;
alignmentBaseline?: ConditionalValue<
| undefined
| AnyString
| AlignmentBaseline
| readonly NonNullable<(AlignmentBaseline | undefined)>[],
>;
alignSelf?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| AlignSelf,
>;
alignTracks?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| AlignTracks,
>;
all?: ConditionalValue<
| undefined
| AnyString
| Globals
| readonly NonNullable<(Globals | undefined)>[],
>;
animation?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| AnimationsToken
| Animation<string & {}>
| readonly NonNullable<(Animation<string & {}> | undefined)>[],
>;
animationComposition?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| AnimationComposition,
>;
animationDelay?: ConditionalValue<
| undefined
| readonly string[]
| `var(--${string})`
| AnyString
| DurationsToken
| AnimationDelay<string & {}>,
>;
animationDirection?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| AnimationDirection,
>;
animationDuration?: ConditionalValue<
| undefined
| readonly string[]
| `var(--${string})`
| AnyString
| DurationsToken
| AnimationDuration<string & {}>,
>;
animationFillMode?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| AnimationFillMode,
>;
animationIterationCount?: ConditionalValue<
| undefined
| AnyString
| AnimationIterationCount
| readonly NonNullable<(AnimationIterationCount | undefined)>[],
>;
animationName?: ConditionalValue<
| undefined
| "position"
| readonly string[]
| `var(--${string})`
| AnyString
| "spin"
| "ping"
| "pulse"
| "bounce"
| "bg-position"
| "circular-progress"
| "expand-height"
| "collapse-height"
| "expand-width"
| "collapse-width"
| "fade-in"
| "fade-out"
| "slide-from-left-full"
| "slide-from-right-full"
| "slide-from-top-full"
| "slide-from-bottom-full"
| "slide-to-left-full"
| "slide-to-right-full"
| "slide-to-top-full"
| "slide-to-bottom-full"
| "slide-from-top"
| "slide-from-bottom"
| "slide-from-left"
| "slide-from-right"
| "slide-to-top"
| "slide-to-bottom"
| "slide-to-left"
| "slide-to-right"
| "scale-in"
| "scale-out"
| AnimationName,
>;
animationPlayState?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| AnimationPlayState,
>;
animationRange?: ConditionalValue<
| undefined
| AnyString
| AnimationRange<String | Number>
| readonly NonNullable<(AnimationRange<String | Number> | undefined)>[],
>;
animationRangeEnd?: ConditionalValue<
| undefined
| AnyString
| AnimationRangeEnd<String | Number>
| readonly NonNullable<(AnimationRangeEnd<String | Number> | undefined)>[],
>;
animationRangeStart?: ConditionalValue<
| undefined
| AnyString
| AnimationRangeStart<String | Number>
| readonly NonNullable<
(AnimationRangeStart<String | Number> | undefined),
>[],
>;
animationStyle?: ConditionalValue<
| `var(--${string})`
| AnyString
| "slide-fade-in"
| "slide-fade-out"
| "scale-fade-in"
| "scale-fade-out",
>;
animationTimeline?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| AnimationTimeline,
>;
animationTimingFunction?: ConditionalValue<
| undefined
| string & {}
| "inherit"
| "initial"
| readonly string[]
| `var(--${string})`
| AnyString
| "-moz-initial"
| "revert"
| "revert-layer"
| "unset"
| "ease"
| "ease-in"
| "ease-in-out"
| "ease-out"
| "step-end"
| "step-start"
| "linear"
| "ease-in-smooth",
>;
appearance?: ConditionalValue<
| undefined
| AnyString
| Appearance
| readonly NonNullable<(Appearance | undefined)>[],
>;
"aria-activedescendant"?: string;
"aria-atomic"?: Booleanish;
"aria-autocomplete"?: "list" | "none" | "both" | "inline";
"aria-braillelabel"?: string;
"aria-brailleroledescription"?: string;
"aria-busy"?: Booleanish;
"aria-checked"?: boolean | "true" | "false" | "mixed";
"aria-colcount"?: number;
"aria-colindex"?: number;
"aria-colindextext"?: string;
"aria-colspan"?: number;
"aria-controls"?: string;
"aria-current"?:
| boolean
| "page"
| "step"
| "location"
| "date"
| "time"
| "true"
| "false";
"aria-describedby"?: string;
"aria-description"?: string;
"aria-details"?: string;
"aria-disabled"?: Booleanish;
"aria-dropeffect"?: | "link"
| "none"
| "copy"
| "move"
| "execute"
| "popup";
"aria-errormessage"?: string;
"aria-expanded"?: Booleanish;
"aria-flowto"?: string;
"aria-grabbed"?: Booleanish;
"aria-haspopup"?: | boolean
| "grid"
| "dialog"
| "menu"
| "listbox"
| "tree"
| "true"
| "false";
"aria-hidden"?: Booleanish;
"aria-invalid"?: boolean
| "true"
| "false"
| "grammar"
| "spelling";
"aria-keyshortcuts"?: string;
"aria-label"?: string;
"aria-labelledby"?: string;
"aria-level"?: number;
"aria-live"?: "off" | "assertive" | "polite";
"aria-modal"?: Booleanish;
"aria-multiline"?: Booleanish;
"aria-multiselectable"?: Booleanish;
"aria-orientation"?: "horizontal" | "vertical";
"aria-owns"?: string;
"aria-placeholder"?: string;
"aria-posinset"?: number;
"aria-pressed"?: boolean | "true" | "false" | "mixed";
"aria-readonly"?: Booleanish;
"aria-relevant"?:
| "all"
| "text"
| "additions"
| "additions removals"
| "additions text"
| "removals"
| "removals additions"
| "removals text"
| "text additions"
| "text removals";
"aria-required"?: Booleanish;
"aria-roledescription"?: string;
"aria-rowcount"?: number;
"aria-rowindex"?: number;
"aria-rowindextext"?: string;
"aria-rowspan"?: number;
"aria-selected"?: Booleanish;
"aria-setsize"?: number;
"aria-sort"?: "ascending"
| "descending"
| "none"
| "other";
"aria-valuemax"?: number;
"aria-valuemin"?: number;
"aria-valuenow"?: number;
"aria-valuetext"?: string;
as?: ElementType;
asChild?: boolean;
aspectRatio?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| AspectRatiosToken
| AspectRatio
| readonly NonNullable<(AspectRatio | undefined)>[],
>;
autoCapitalize?:
| string & {}
| "none"
| "off"
| "on"
| "sentences"
| "words"
| "characters";
autoCorrect?: string;
autoFocus?: boolean;
autoSave?: string;
azimuth?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| Azimuth,
>;
backdropBlur?: ConditionalValue<
(`var(--${string})` | AnyString | BlursToken),
>;
backdropBrightness?: ConditionalValue<string | number | AnyString>;
backdropContrast?: ConditionalValue<string | number | AnyString>;
backdropFilter?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| BackdropFilter,
>;
backdropGrayscale?: ConditionalValue<string | number | AnyString>;
backdropHueRotate?: ConditionalValue<string | number | AnyString>;
backdropInvert?: ConditionalValue<string | number | AnyString>;
backdropOpacity?: ConditionalValue<string | number | AnyString>;
backdropSaturate?: ConditionalValue<string | number | AnyString>;
backdropSepia?: ConditionalValue<string | number | AnyString>;
backfaceVisibility?: ConditionalValue<
| undefined
| AnyString
| BackfaceVisibility
| readonly NonNullable<(BackfaceVisibility | undefined)>[],
>;
background?: ConditionalValue<
| undefined
| "border"
| "bottom"
| "left"
| "right"
| "top"
| "bg"
| "colorPalette"
| "center"
| "repeat"
| "fixed"
| string & {}
| "none"
| "inherit"
| "initial"
| "round"
| "current"
| "local"
| `var(--${string})`
| String
| Number
| AnyString
| "-moz-initial"
| "revert"
| "revert-layer"
| "unset"
| "transparent"
| "black"
| "white"
| "whiteAlpha.50"
| "whiteAlpha.100"
| "whiteAlpha.200"
| "whiteAlpha.300"
| "whiteAlpha.400"
| "whiteAlpha.500"
| "whiteAlpha.600"
| "whiteAlpha.700"
| "whiteAlpha.800"
| "whiteAlpha.900"
| "whiteAlpha.950"
| "blackAlpha.50"
| "blackAlpha.100"
| "blackAlpha.200"
| "blackAlpha.300"
| "blackAlpha.400"
| "blackAlpha.500"
| "blackAlpha.600"
| "blackAlpha.700"
| "blackAlpha.800"
| "blackAlpha.900"
| "blackAlpha.950"
| "gray.50"
| "gray.100"
| "gray.200"
| "gray.300"
| "gray.400"
| "gray.500"
| "gray.600"
| "gray.700"
| "gray.800"
| "gray.900"
| "gray.950"
| "red.50"
| "red.100"
| "red.200"
| "red.300"
| "red.400"
| "red.500"
| "red.600"
| "red.700"
| "red.800"
| "red.900"
| "red.950"
| "orange.50"
| "orange.100"
| "orange.200"
| "orange.300"
| "orange.400"
| "orange.500"
| "orange.600"
| "orange.700"
| "orange.800"
| "orange.900"
| "orange.950"
| "yellow.50"
| "yellow.100"
| "yellow.200"
| "yellow.300"
| "yellow.400"
| "yellow.500"
| "yellow.600"
| "yellow.700"
| "yellow.800"
| "yellow.900"
| "yellow.950"
| "green.50"
| "green.100"
| "green.200"
| "green.300"
| "green.400"
| "green.500"
| "green.600"
| "green.700"
| "green.800"
| "green.900"
| "green.950"
| "teal.50"
| "teal.100"
| "teal.200"
| "teal.300"
| "teal.400"
| "teal.500"
| "teal.600"
| "teal.700"
| "teal.800"
| "teal.900"
| "teal.950"
| "blue.50"
| "blue.100"
| "blue.200"
| "blue.300"
| "blue.400"
| "blue.500"
| "blue.600"
| "blue.700"
| "blue.800"
| "blue.900"
| "blue.950"
| "cyan.50"
| "cyan.100"
| "cyan.200"
| "cyan.300"
| "cyan.400"
| "cyan.500"
| "cyan.600"
| "cyan.700"
| "cyan.800"
| "cyan.900"
| "cyan.950"
| "purple.50"
| "purple.100"
| "purple.200"
| "purple.300"
| "purple.400"
| "purple.500"
| "purple.600"
| "purple.700"
| "purple.800"
| "purple.900"
| "purple.950"
| "pink.50"
| "pink.100"
| "pink.200"
| "pink.300"
| "pink.400"
| "pink.500"
| "pink.600"
| "pink.700"
| "pink.800"
| "pink.900"
| "pink.950"
| "bg.subtle"
| "bg.muted"
| "bg.emphasized"
| "bg.inverted"
| "bg.panel"
| "bg.error"
| "bg.warning"
| "bg.success"
| "bg.info"
| "fg"
| "fg.muted"
| "fg.subtle"
| "fg.inverted"
| "fg.error"
| "fg.warning"
| "fg.success"
| "fg.info"
| "border.muted"
| "border.subtle"
| "border.emphasized"
| "border.inverted"
| "border.error"
| "border.warning"
| "border.success"
| "border.info"
| "gray.contrast"
| "gray.fg"
| "gray.subtle"
| "gray.muted"
| "gray.emphasized"
| "gray.solid"
| "gray.focusRing"
| "red.contrast"
| "red.fg"
| "red.subtle"
| "red.muted"
| "red.emphasized"
| "red.solid"
| "red.focusRing"
| "orange.contrast"
| "orange.fg"
| "orange.subtle"
| "orange.muted"
| "orange.emphasized"
| "orange.solid"
| "orange.focusRing"
| "green.contrast"
| "green.fg"
| "green.subtle"
| "green.muted"
| "green.emphasized"
| "green.solid"
| "green.focusRing"
| "blue.contrast"
| "blue.fg"
| "blue.subtle"
| "blue.muted"
| "blue.emphasized"
| "blue.solid"
| "blue.focusRing"
| "yellow.contrast"
| "yellow.fg"
| "yellow.subtle"
| "yellow.muted"
| "yellow.emphasized"
| "yellow.solid"
| "yellow.focusRing"
| "teal.contrast"
| "teal.fg"
| "teal.subtle"
| "teal.muted"
| "teal.emphasized"
| "teal.solid"
| "teal.focusRing"
| "purple.contrast"
| "purple.fg"
| "purple.subtle"
| "purple.muted"
| "purple.emphasized"
| "purple.solid"
| "purple.focusRing"
| "pink.contrast"
| "pink.fg"
| "pink.subtle"
| "pink.muted"
| "pink.emphasized"
| "pink.solid"
| "pink.focusRing"
| "cyan.contrast"
| "cyan.fg"
| "cyan.subtle"
| "cyan.muted"
| "cyan.emphasized"
| "cyan.solid"
| "cyan.focusRing"
| "colorPalette.50"
| "colorPalette.100"
| "colorPalette.200"
| "colorPalette.300"
| "colorPalette.400"
| "colorPalette.500"
| "colorPalette.600"
| "colorPalette.700"
| "colorPalette.800"
| "colorPalette.900"
| "colorPalette.950"
| "colorPalette.subtle"
| "colorPalette.muted"
| "colorPalette.emphasized"
| "colorPalette.inverted"
| "colorPalette.panel"
| "colorPalette.error"
| "colorPalette.warning"
| "colorPalette.success"
| "colorPalette.info"
| "colorPalette.contrast"
| "colorPalette.fg"
| "colorPalette.solid"
| "colorPalette.focusRing"
| "currentBg"
| "aliceblue"
| "antiquewhite"
| "aqua"
| "aquamarine"
| "azure"
| "beige"
| "bisque"
| "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"
| "whitesmoke"
| "yellow"
| "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"
| "no-repeat"
| "repeat-x"
| "repeat-y"
| "space"
| "border-box"
| "content-box"
| "padding-box"
| "scroll"
| readonly NonNullable<undefined | Background<String | Number>>[],
>;
backgroundAttachment?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| BackgroundAttachment,
>;
backgroundBlendMode?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| BackgroundBlendMode,
>;
backgroundClip?: ConditionalValue<
| undefined
| "text"
| readonly string[]
| `var(--${string})`
| AnyString
| BackgroundClip,
>;
backgroundColor?: ConditionalValue<
| undefined
| "border"
| "bg"
| "colorPalette"
| string & {}
| "inherit"
| "initial"
| readonly string[]
| "current"
| `var(--${string})`
| AnyString
| "-moz-initial"
| "revert"
| "revert-layer"
| "unset"
| "transparent"
| "black"
| "white"
| "whiteAlpha.50"
| "whiteAlpha.100"
| "whiteAlpha.200"
| "whiteAlpha.300"
| "whiteAlpha.400"
| "whiteAlpha.500"
| "whiteAlpha.600"
| "whiteAlpha.700"
| "whiteAlpha.800"
| "whiteAlpha.900"
| "whiteAlpha.950"
| "blackAlpha.50"
| "blackAlpha.100"
| "blackAlpha.200"
| "blackAlpha.300"
| "blackAlpha.400"
| "blackAlpha.500"
| "blackAlpha.600"
| "blackAlpha.700"
| "blackAlpha.800"
| "blackAlpha.900"
| "blackAlpha.950"
| "gray.50"
| "gray.100"
| "gray.200"
| "gray.300"
| "gray.400"
| "gray.500"
| "gray.600"
| "gray.700"
| "gray.800"
| "gray.900"
| "gray.950"
| "red.50"
| "red.100"
| "red.200"
| "red.300"
| "red.400"
| "red.500"
| "red.600"
| "red.700"
| "red.800"
| "red.900"
| "red.950"
| "orange.50"
| "orange.100"
| "orange.200"
| "orange.300"
| "orange.400"
| "orange.500"
| "orange.600"
| "orange.700"
| "orange.800"
| "orange.900"
| "orange.950"
| "yellow.50"
| "yellow.100"
| "yellow.200"
| "yellow.300"
| "yellow.400"
| "yellow.500"
| "yellow.600"
| "yellow.700"
| "yellow.800"
| "yellow.900"
| "yellow.950"
| "green.50"
| "green.100"
| "green.200"
| "green.300"
| "green.400"
| "green.500"
| "green.600"
| "green.700"
| "green.800"
| "green.900"
| "green.950"
| "teal.50"
| "teal.100"
| "teal.200"
| "teal.300"
| "teal.400"
| "teal.500"
| "teal.600"
| "teal.700"
| "teal.800"
| "teal.900"
| "teal.950"
| "blue.50"
| "blue.100"
| "blue.200"
| "blue.300"
| "blue.400"
| "blue.500"
| "blue.600"
| "blue.700"
| "blue.800"
| "blue.900"
| "blue.950"
| "cyan.50"
| "cyan.100"
| "cyan.200"
| "cyan.300"
| "cyan.400"
| "cyan.500"
| "cyan.600"
| "cyan.700"
| "cyan.800"
| "cyan.900"
| "cyan.950"
| "purple.50"
| "purple.100"
| "purple.200"
| "purple.300"
| "purple.400"
| "purple.500"
| "purple.600"
| "purple.700"
| "purple.800"
| "purple.900"
| "purple.950"
| "pink.50"
| "pink.100"
| "pink.200"
| "pink.300"
| "pink.400"
| "pink.500"
| "pink.600"
| "pink.700"
| "pink.800"
| "pink.900"
| "pink.950"
| "bg.subtle"
| "bg.muted"
| "bg.emphasized"
| "bg.inverted"
| "bg.panel"
| "bg.error"
| "bg.warning"
| "bg.success"
| "bg.info"
| "fg"
| "fg.muted"
| "fg.subtle"
| "fg.inverted"
| "fg.error"
| "fg.warning"
| "fg.success"
| "fg.info"
| "border.muted"
| "border.subtle"
| "border.emphasized"
| "border.inverted"
| "border.error"
| "border.warning"
| "border.success"
| "border.info"
| "gray.contrast"
| "gray.fg"
| "gray.subtle"
| "gray.muted"
| "gray.emphasized"
| "gray.solid"
| "gray.focusRing"
| "red.contrast"
| "red.fg"
| "red.subtle"
| "red.muted"
| "red.emphasized"
| "red.solid"
| "red.focusRing"
| "orange.contrast"
| "orange.fg"
| "orange.subtle"
| "orange.muted"
| "orange.emphasized"
| "orange.solid"
| "orange.focusRing"
| "green.contrast"
| "green.fg"
| "green.subtle"
| "green.muted"
| "green.emphasized"
| "green.solid"
| "green.focusRing"
| "blue.contrast"
| "blue.fg"
| "blue.subtle"
| "blue.muted"
| "blue.emphasized"
| "blue.solid"
| "blue.focusRing"
| "yellow.contrast"
| "yellow.fg"
| "yellow.subtle"
| "yellow.muted"
| "yellow.emphasized"
| "yellow.solid"
| "yellow.focusRing"
| "teal.contrast"
| "teal.fg"
| "teal.subtle"
| "teal.muted"
| "teal.emphasized"
| "teal.solid"
| "teal.focusRing"
| "purple.contrast"
| "purple.fg"
| "purple.subtle"
| "purple.muted"
| "purple.emphasized"
| "purple.solid"
| "purple.focusRing"
| "pink.contrast"
| "pink.fg"
| "pink.subtle"
| "pink.muted"
| "pink.emphasized"
| "pink.solid"
| "pink.focusRing"
| "cyan.contrast"
| "cyan.fg"
| "cyan.subtle"
| "cyan.muted"
| "cyan.emphasized"
| "cyan.solid"
| "cyan.focusRing"
| "colorPalette.50"
| "colorPalette.100"
| "colorPalette.200"
| "colorPalette.300"
| "colorPalette.400"
| "colorPalette.500"
| "colorPalette.600"
| "colorPalette.700"
| "colorPalette.800"
| "colorPalette.900"
| "colorPalette.950"
| "colorPalette.subtle"
| "colorPalette.muted"
| "colorPalette.emphasized"
| "colorPalette.inverted"
| "colorPalette.panel"
| "colorPalette.error"
| "colorPalette.warning"
| "colorPalette.success"
| "colorPalette.info"
| "colorPalette.contrast"
| "colorPalette.fg"
| "colorPalette.solid"
| "colorPalette.focusRing"
| "currentBg"
| "aliceblue"
| "antiquewhite"
| "aqua"
| "aquamarine"
| "azure"
| "beige"
| "bisque"
| "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"
| "whitesmoke"
| "yellow"
| "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",
>;
backgroundGradient?: ConditionalValue<
| `var(--${string})`
| AnyString
| "to-t"
| "to-tr"
| "to-r"
| "to-br"
| "to-b"
| "to-bl"
| "to-l"
| "to-tl",
>;
backgroundImage?: ConditionalValue<
| undefined
| readonly string[]
| `var(--${string})`
| AnyString
| BackgroundImage,
>;
backgroundOrigin?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| BackgroundOrigin,
>;
backgroundPosition?: ConditionalValue<
| undefined
| AnyString
| BackgroundPosition<String | Number>
| readonly NonNullable<(BackgroundPosition<String | Number> | undefined)>[],
>;
backgroundPositionX?: ConditionalValue<
| undefined
| AnyString
| BackgroundPositionX<String | Number>
| readonly NonNullable<
(BackgroundPositionX<String | Number> | undefined),
>[],
>;
backgroundPositionY?: ConditionalValue<
| undefined
| AnyString
| BackgroundPositionY<String | Number>
| readonly NonNullable<
(BackgroundPositionY<String | Number> | undefined),
>[],
>;
backgroundRepeat?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| BackgroundRepeat,
>;
backgroundSize?: ConditionalValue<
| undefined
| AnyString
| BackgroundSize<String | Number>
| readonly NonNullable<(BackgroundSize<String | Number> | undefined)>[],
>;
base?: Nested<SystemStyleObject>;
baselineShift?: ConditionalValue<
| undefined
| AnyString
| BaselineShift<String | Number>
| readonly NonNullable<(BaselineShift<String | Number> | undefined)>[],
>;
bg?: ConditionalValue<
| undefined
| "border"
| "bottom"
| "left"
| "right"
| "top"
| "bg"
| "colorPalette"
| "center"
| "repeat"
| "fixed"
| string & {}
| "none"
| "inherit"
| "initial"
| "round"
| "current"
| "local"
| `var(--${string})`
| String
| Number
| AnyString
| "-moz-initial"
| "revert"
| "revert-layer"
| "unset"
| "transparent"
| "black"
| "white"
| "whiteAlpha.50"
| "whiteAlpha.100"
| "whiteAlpha.200"
| "whiteAlpha.300"
| "whiteAlpha.400"
| "whiteAlpha.500"
| "whiteAlpha.600"
| "whiteAlpha.700"
| "whiteAlpha.800"
| "whiteAlpha.900"
| "whiteAlpha.950"
| "blackAlpha.50"
| "blackAlpha.100"
| "blackAlpha.200"
| "blackAlpha.300"
| "blackAlpha.400"
| "blackAlpha.500"
| "blackAlpha.600"
| "blackAlpha.700"
| "blackAlpha.800"
| "blackAlpha.900"
| "blackAlpha.950"
| "gray.50"
| "gray.100"
| "gray.200"
| "gray.300"
| "gray.400"
| "gray.500"
| "gray.600"
| "gray.700"
| "gray.800"
| "gray.900"
| "gray.950"
| "red.50"
| "red.100"
| "red.200"
| "red.300"
| "red.400"
| "red.500"
| "red.600"
| "red.700"
| "red.800"
| "red.900"
| "red.950"
| "orange.50"
| "orange.100"
| "orange.200"
| "orange.300"
| "orange.400"
| "orange.500"
| "orange.600"
| "orange.700"
| "orange.800"
| "orange.900"
| "orange.950"
| "yellow.50"
| "yellow.100"
| "yellow.200"
| "yellow.300"
| "yellow.400"
| "yellow.500"
| "yellow.600"
| "yellow.700"
| "yellow.800"
| "yellow.900"
| "yellow.950"
| "green.50"
| "green.100"
| "green.200"
| "green.300"
| "green.400"
| "green.500"
| "green.600"
| "green.700"
| "green.800"
| "green.900"
| "green.950"
| "teal.50"
| "teal.100"
| "teal.200"
| "teal.300"
| "teal.400"
| "teal.500"
| "teal.600"
| "teal.700"
| "teal.800"
| "teal.900"
| "teal.950"
| "blue.50"
| "blue.100"
| "blue.200"
| "blue.300"
| "blue.400"
| "blue.500"
| "blue.600"
| "blue.700"
| "blue.800"
| "blue.900"
| "blue.950"
| "cyan.50"
| "cyan.100"
| "cyan.200"
| "cyan.300"
| "cyan.400"
| "cyan.500"
| "cyan.600"
| "cyan.700"
| "cyan.800"
| "cyan.900"
| "cyan.950"
| "purple.50"
| "purple.100"
| "purple.200"
| "purple.300"
| "purple.400"
| "purple.500"
| "purple.600"
| "purple.700"
| "purple.800"
| "purple.900"
| "purple.950"
| "pink.50"
| "pink.100"
| "pink.200"
| "pink.300"
| "pink.400"
| "pink.500"
| "pink.600"
| "pink.700"
| "pink.800"
| "pink.900"
| "pink.950"
| "bg.subtle"
| "bg.muted"
| "bg.emphasized"
| "bg.inverted"
| "bg.panel"
| "bg.error"
| "bg.warning"
| "bg.success"
| "bg.info"
| "fg"
| "fg.muted"
| "fg.subtle"
| "fg.inverted"
| "fg.error"
| "fg.warning"
| "fg.success"
| "fg.info"
| "border.muted"
| "border.subtle"
| "border.emphasized"
| "border.inverted"
| "border.error"
| "border.warning"
| "border.success"
| "border.info"
| "gray.contrast"
| "gray.fg"
| "gray.subtle"
| "gray.muted"
| "gray.emphasized"
| "gray.solid"
| "gray.focusRing"
| "red.contrast"
| "red.fg"
| "red.subtle"
| "red.muted"
| "red.emphasized"
| "red.solid"
| "red.focusRing"
| "orange.contrast"
| "orange.fg"
| "orange.subtle"
| "orange.muted"
| "orange.emphasized"
| "orange.solid"
| "orange.focusRing"
| "green.contrast"
| "green.fg"
| "green.subtle"
| "green.muted"
| "green.emphasized"
| "green.solid"
| "green.focusRing"
| "blue.contrast"
| "blue.fg"
| "blue.subtle"
| "blue.muted"
| "blue.emphasized"
| "blue.solid"
| "blue.focusRing"
| "yellow.contrast"
| "yellow.fg"
| "yellow.subtle"
| "yellow.muted"
| "yellow.emphasized"
| "yellow.solid"
| "yellow.focusRing"
| "teal.contrast"
| "teal.fg"
| "teal.subtle"
| "teal.muted"
| "teal.emphasized"
| "teal.solid"
| "teal.focusRing"
| "purple.contrast"
| "purple.fg"
| "purple.subtle"
| "purple.muted"
| "purple.emphasized"
| "purple.solid"
| "purple.focusRing"
| "pink.contrast"
| "pink.fg"
| "pink.subtle"
| "pink.muted"
| "pink.emphasized"
| "pink.solid"
| "pink.focusRing"
| "cyan.contrast"
| "cyan.fg"
| "cyan.subtle"
| "cyan.muted"
| "cyan.emphasized"
| "cyan.solid"
| "cyan.focusRing"
| "colorPalette.50"
| "colorPalette.100"
| "colorPalette.200"
| "colorPalette.300"
| "colorPalette.400"
| "colorPalette.500"
| "colorPalette.600"
| "colorPalette.700"
| "colorPalette.800"
| "colorPalette.900"
| "colorPalette.950"
| "colorPalette.subtle"
| "colorPalette.muted"
| "colorPalette.emphasized"
| "colorPalette.inverted"
| "colorPalette.panel"
| "colorPalette.error"
| "colorPalette.warning"
| "colorPalette.success"
| "colorPalette.info"
| "colorPalette.contrast"
| "colorPalette.fg"
| "colorPalette.solid"
| "colorPalette.focusRing"
| "currentBg"
| "aliceblue"
| "antiquewhite"
| "aqua"
| "aquamarine"
| "azure"
| "beige"
| "bisque"
| "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"
| "whitesmoke"
| "yellow"
| "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"
| "no-repeat"
| "repeat-x"
| "repeat-y"
| "space"
| "border-box"
| "content-box"
| "padding-box"
| "scroll"
| readonly NonNullable<undefined | Background<String | Number>>[],
>;
bgAttachment?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| BackgroundAttachment,
>;
bgBlendMode?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| BackgroundBlendMode,
>;
bgClip?: ConditionalValue<
| undefined
| "text"
| readonly string[]
| `var(--${string})`
| AnyString
| BackgroundClip,
>;
bgColor?: ConditionalValue<
| undefined
| "border"
| "bg"
| "colorPalette"
| string & {}
| "inherit"
| "initial"
| readonly string[]
| "current"
| `var(--${string})`
| AnyString
| "-moz-initial"
| "revert"
| "revert-layer"
| "unset"
| "transparent"
| "black"
| "white"
| "whiteAlpha.50"
| "whiteAlpha.100"
| "whiteAlpha.200"
| "whiteAlpha.300"
| "whiteAlpha.400"
| "whiteAlpha.500"
| "whiteAlpha.600"
| "whiteAlpha.700"
| "whiteAlpha.800"
| "whiteAlpha.900"
| "whiteAlpha.950"
| "blackAlpha.50"
| "blackAlpha.100"
| "blackAlpha.200"
| "blackAlpha.300"
| "blackAlpha.400"
| "blackAlpha.500"
| "blackAlpha.600"
| "blackAlpha.700"
| "blackAlpha.800"
| "blackAlpha.900"
| "blackAlpha.950"
| "gray.50"
| "gray.100"
| "gray.200"
| "gray.300"
| "gray.400"
| "gray.500"
| "gray.600"
| "gray.700"
| "gray.800"
| "gray.900"
| "gray.950"
| "red.50"
| "red.100"
| "red.200"
| "red.300"
| "red.400"
| "red.500"
| "red.600"
| "red.700"
| "red.800"
| "red.900"
| "red.950"
| "orange.50"
| "orange.100"
| "orange.200"
| "orange.300"
| "orange.400"
| "orange.500"
| "orange.600"
| "orange.700"
| "orange.800"
| "orange.900"
| "orange.950"
| "yellow.50"
| "yellow.100"
| "yellow.200"
| "yellow.300"
| "yellow.400"
| "yellow.500"
| "yellow.600"
| "yellow.700"
| "yellow.800"
| "yellow.900"
| "yellow.950"
| "green.50"
| "green.100"
| "green.200"
| "green.300"
| "green.400"
| "green.500"
| "green.600"
| "green.700"
| "green.800"
| "green.900"
| "green.950"
| "teal.50"
| "teal.100"
| "teal.200"
| "teal.300"
| "teal.400"
| "teal.500"
| "teal.600"
| "teal.700"
| "teal.800"
| "teal.900"
| "teal.950"
| "blue.50"
| "blue.100"
| "blue.200"
| "blue.300"
| "blue.400"
| "blue.500"
| "blue.600"
| "blue.700"
| "blue.800"
| "blue.900"
| "blue.950"
| "cyan.50"
| "cyan.100"
| "cyan.200"
| "cyan.300"
| "cyan.400"
| "cyan.500"
| "cyan.600"
| "cyan.700"
| "cyan.800"
| "cyan.900"
| "cyan.950"
| "purple.50"
| "purple.100"
| "purple.200"
| "purple.300"
| "purple.400"
| "purple.500"
| "purple.600"
| "purple.700"
| "purple.800"
| "purple.900"
| "purple.950"
| "pink.50"
| "pink.100"
| "pink.200"
| "pink.300"
| "pink.400"
| "pink.500"
| "pink.600"
| "pink.700"
| "pink.800"
| "pink.900"
| "pink.950"
| "bg.subtle"
| "bg.muted"
| "bg.emphasized"
| "bg.inverted"
| "bg.panel"
| "bg.error"
| "bg.warning"
| "bg.success"
| "bg.info"
| "fg"
| "fg.muted"
| "fg.subtle"
| "fg.inverted"
| "fg.error"
| "fg.warning"
| "fg.success"
| "fg.info"
| "border.muted"
| "border.subtle"
| "border.emphasized"
| "border.inverted"
| "border.error"
| "border.warning"
| "border.success"
| "border.info"
| "gray.contrast"
| "gray.fg"
| "gray.subtle"
| "gray.muted"
| "gray.emphasized"
| "gray.solid"
| "gray.focusRing"
| "red.contrast"
| "red.fg"
| "red.subtle"
| "red.muted"
| "red.emphasized"
| "red.solid"
| "red.focusRing"
| "orange.contrast"
| "orange.fg"
| "orange.subtle"
| "orange.muted"
| "orange.emphasized"
| "orange.solid"
| "orange.focusRing"
| "green.contrast"
| "green.fg"
| "green.subtle"
| "green.muted"
| "green.emphasized"
| "green.solid"
| "green.focusRing"
| "blue.contrast"
| "blue.fg"
| "blue.subtle"
| "blue.muted"
| "blue.emphasized"
| "blue.solid"
| "blue.focusRing"
| "yellow.contrast"
| "yellow.fg"
| "yellow.subtle"
| "yellow.muted"
| "yellow.emphasized"
| "yellow.solid"
| "yellow.focusRing"
| "teal.contrast"
| "teal.fg"
| "teal.subtle"
| "teal.muted"
| "teal.emphasized"
| "teal.solid"
| "teal.focusRing"
| "purple.contrast"
| "purple.fg"
| "purple.subtle"
| "purple.muted"
| "purple.emphasized"
| "purple.solid"
| "purple.focusRing"
| "pink.contrast"
| "pink.fg"
| "pink.subtle"
| "pink.muted"
| "pink.emphasized"
| "pink.solid"
| "pink.focusRing"
| "cyan.contrast"
| "cyan.fg"
| "cyan.subtle"
| "cyan.muted"
| "cyan.emphasized"
| "cyan.solid"
| "cyan.focusRing"
| "colorPalette.50"
| "colorPalette.100"
| "colorPalette.200"
| "colorPalette.300"
| "colorPalette.400"
| "colorPalette.500"
| "colorPalette.600"
| "colorPalette.700"
| "colorPalette.800"
| "colorPalette.900"
| "colorPalette.950"
| "colorPalette.subtle"
| "colorPalette.muted"
| "colorPalette.emphasized"
| "colorPalette.inverted"
| "colorPalette.panel"
| "colorPalette.error"
| "colorPalette.warning"
| "colorPalette.success"
| "colorPalette.info"
| "colorPalette.contrast"
| "colorPalette.fg"
| "colorPalette.solid"
| "colorPalette.focusRing"
| "currentBg"
| "aliceblue"
| "antiquewhite"
| "aqua"
| "aquamarine"
| "azure"
| "beige"
| "bisque"
| "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"
| "whitesmoke"
| "yellow"
| "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",
>;
bgGradient?: ConditionalValue<
| `var(--${string})`
| AnyString
| "to-t"
| "to-tr"
| "to-r"
| "to-br"
| "to-b"
| "to-bl"
| "to-l"
| "to-tl",
>;
bgImage?: ConditionalValue<
| undefined
| readonly string[]
| `var(--${string})`
| AnyString
| BackgroundImage,
>;
bgImg?: ConditionalValue<
| undefined
| readonly string[]
| `var(--${string})`
| AnyString
| BackgroundImage,
>;
bgPos?: ConditionalValue<
| undefined
| AnyString
| BackgroundPosition<String | Number>
| readonly NonNullable<(BackgroundPosition<String | Number> | undefined)>[],
>;
bgRepeat?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| BackgroundRepeat,
>;
bgSize?: ConditionalValue<
| undefined
| AnyString
| BackgroundSize<String | Number>
| readonly NonNullable<(BackgroundSize<String | Number> | undefined)>[],
>;
blendMode?: ConditionalValue<
| undefined
| AnyString
| MixBlendMode
| readonly NonNullable<(MixBlendMode | undefined)>[],
>;
blockSize?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| SizesToken
| BlockSize<String | Number>
| readonly NonNullable<(BlockSize<String | Number> | undefined)>[],
>;
blur?: ConditionalValue<(`var(--${string})` | AnyString | BlursToken)>;
border?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BordersToken
| Border<String | Number>
| readonly NonNullable<(Border<String | Number> | undefined)>[],
>;
borderBlock?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BordersToken
| BorderBlock<String | Number>
| readonly NonNullable<(BorderBlock<String | Number> | undefined)>[],
>;
borderBlockColor?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| BorderBlockColor,
>;
borderBlockEnd?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BordersToken
| BorderBlockEnd<String | Number>
| readonly NonNullable<(BorderBlockEnd<String | Number> | undefined)>[],
>;
borderBlockEndColor?: ConditionalValue<
| undefined
| "border"
| "bg"
| "colorPalette"
| string & {}
| "inherit"
| "initial"
| readonly string[]
| "current"
| `var(--${string})`
| AnyString
| "-moz-initial"
| "revert"
| "revert-layer"
| "unset"
| "transparent"
| "black"
| "white"
| "whiteAlpha.50"
| "whiteAlpha.100"
| "whiteAlpha.200"
| "whiteAlpha.300"
| "whiteAlpha.400"
| "whiteAlpha.500"
| "whiteAlpha.600"
| "whiteAlpha.700"
| "whiteAlpha.800"
| "whiteAlpha.900"
| "whiteAlpha.950"
| "blackAlpha.50"
| "blackAlpha.100"
| "blackAlpha.200"
| "blackAlpha.300"
| "blackAlpha.400"
| "blackAlpha.500"
| "blackAlpha.600"
| "blackAlpha.700"
| "blackAlpha.800"
| "blackAlpha.900"
| "blackAlpha.950"
| "gray.50"
| "gray.100"
| "gray.200"
| "gray.300"
| "gray.400"
| "gray.500"
| "gray.600"
| "gray.700"
| "gray.800"
| "gray.900"
| "gray.950"
| "red.50"
| "red.100"
| "red.200"
| "red.300"
| "red.400"
| "red.500"
| "red.600"
| "red.700"
| "red.800"
| "red.900"
| "red.950"
| "orange.50"
| "orange.100"
| "orange.200"
| "orange.300"
| "orange.400"
| "orange.500"
| "orange.600"
| "orange.700"
| "orange.800"
| "orange.900"
| "orange.950"
| "yellow.50"
| "yellow.100"
| "yellow.200"
| "yellow.300"
| "yellow.400"
| "yellow.500"
| "yellow.600"
| "yellow.700"
| "yellow.800"
| "yellow.900"
| "yellow.950"
| "green.50"
| "green.100"
| "green.200"
| "green.300"
| "green.400"
| "green.500"
| "green.600"
| "green.700"
| "green.800"
| "green.900"
| "green.950"
| "teal.50"
| "teal.100"
| "teal.200"
| "teal.300"
| "teal.400"
| "teal.500"
| "teal.600"
| "teal.700"
| "teal.800"
| "teal.900"
| "teal.950"
| "blue.50"
| "blue.100"
| "blue.200"
| "blue.300"
| "blue.400"
| "blue.500"
| "blue.600"
| "blue.700"
| "blue.800"
| "blue.900"
| "blue.950"
| "cyan.50"
| "cyan.100"
| "cyan.200"
| "cyan.300"
| "cyan.400"
| "cyan.500"
| "cyan.600"
| "cyan.700"
| "cyan.800"
| "cyan.900"
| "cyan.950"
| "purple.50"
| "purple.100"
| "purple.200"
| "purple.300"
| "purple.400"
| "purple.500"
| "purple.600"
| "purple.700"
| "purple.800"
| "purple.900"
| "purple.950"
| "pink.50"
| "pink.100"
| "pink.200"
| "pink.300"
| "pink.400"
| "pink.500"
| "pink.600"
| "pink.700"
| "pink.800"
| "pink.900"
| "pink.950"
| "bg.subtle"
| "bg.muted"
| "bg.emphasized"
| "bg.inverted"
| "bg.panel"
| "bg.error"
| "bg.warning"
| "bg.success"
| "bg.info"
| "fg"
| "fg.muted"
| "fg.subtle"
| "fg.inverted"
| "fg.error"
| "fg.warning"
| "fg.success"
| "fg.info"
| "border.muted"
| "border.subtle"
| "border.emphasized"
| "border.inverted"
| "border.error"
| "border.warning"
| "border.success"
| "border.info"
| "gray.contrast"
| "gray.fg"
| "gray.subtle"
| "gray.muted"
| "gray.emphasized"
| "gray.solid"
| "gray.focusRing"
| "red.contrast"
| "red.fg"
| "red.subtle"
| "red.muted"
| "red.emphasized"
| "red.solid"
| "red.focusRing"
| "orange.contrast"
| "orange.fg"
| "orange.subtle"
| "orange.muted"
| "orange.emphasized"
| "orange.solid"
| "orange.focusRing"
| "green.contrast"
| "green.fg"
| "green.subtle"
| "green.muted"
| "green.emphasized"
| "green.solid"
| "green.focusRing"
| "blue.contrast"
| "blue.fg"
| "blue.subtle"
| "blue.muted"
| "blue.emphasized"
| "blue.solid"
| "blue.focusRing"
| "yellow.contrast"
| "yellow.fg"
| "yellow.subtle"
| "yellow.muted"
| "yellow.emphasized"
| "yellow.solid"
| "yellow.focusRing"
| "teal.contrast"
| "teal.fg"
| "teal.subtle"
| "teal.muted"
| "teal.emphasized"
| "teal.solid"
| "teal.focusRing"
| "purple.contrast"
| "purple.fg"
| "purple.subtle"
| "purple.muted"
| "purple.emphasized"
| "purple.solid"
| "purple.focusRing"
| "pink.contrast"
| "pink.fg"
| "pink.subtle"
| "pink.muted"
| "pink.emphasized"
| "pink.solid"
| "pink.focusRing"
| "cyan.contrast"
| "cyan.fg"
| "cyan.subtle"
| "cyan.muted"
| "cyan.emphasized"
| "cyan.solid"
| "cyan.focusRing"
| "colorPalette.50"
| "colorPalette.100"
| "colorPalette.200"
| "colorPalette.300"
| "colorPalette.400"
| "colorPalette.500"
| "colorPalette.600"
| "colorPalette.700"
| "colorPalette.800"
| "colorPalette.900"
| "colorPalette.950"
| "colorPalette.subtle"
| "colorPalette.muted"
| "colorPalette.emphasized"
| "colorPalette.inverted"
| "colorPalette.panel"
| "colorPalette.error"
| "colorPalette.warning"
| "colorPalette.success"
| "colorPalette.info"
| "colorPalette.contrast"
| "colorPalette.fg"
| "colorPalette.solid"
| "colorPalette.focusRing"
| "currentBg"
| "aliceblue"
| "antiquewhite"
| "aqua"
| "aquamarine"
| "azure"
| "beige"
| "bisque"
| "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"
| "whitesmoke"
| "yellow"
| "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",
>;
borderBlockEndStyle?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BorderBlockEndStyle
| readonly NonNullable<(BorderBlockEndStyle | undefined)>[],
>;
borderBlockEndWidth?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BorderBlockEndWidth<String | Number>
| readonly NonNullable<
(BorderBlockEndWidth<String | Number> | undefined),
>[],
>;
borderBlockStart?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BordersToken
| BorderBlockStart<String | Number>
| readonly NonNullable<(BorderBlockStart<String | Number> | undefined)>[],
>;
borderBlockStartColor?: ConditionalValue<
| undefined
| "border"
| "bg"
| "colorPalette"
| string & {}
| "inherit"
| "initial"
| readonly string[]
| "current"
| `var(--${string})`
| AnyString
| "-moz-initial"
| "revert"
| "revert-layer"
| "unset"
| "transparent"
| "black"
| "white"
| "whiteAlpha.50"
| "whiteAlpha.100"
| "whiteAlpha.200"
| "whiteAlpha.300"
| "whiteAlpha.400"
| "whiteAlpha.500"
| "whiteAlpha.600"
| "whiteAlpha.700"
| "whiteAlpha.800"
| "whiteAlpha.900"
| "whiteAlpha.950"
| "blackAlpha.50"
| "blackAlpha.100"
| "blackAlpha.200"
| "blackAlpha.300"
| "blackAlpha.400"
| "blackAlpha.500"
| "blackAlpha.600"
| "blackAlpha.700"
| "blackAlpha.800"
| "blackAlpha.900"
| "blackAlpha.950"
| "gray.50"
| "gray.100"
| "gray.200"
| "gray.300"
| "gray.400"
| "gray.500"
| "gray.600"
| "gray.700"
| "gray.800"
| "gray.900"
| "gray.950"
| "red.50"
| "red.100"
| "red.200"
| "red.300"
| "red.400"
| "red.500"
| "red.600"
| "red.700"
| "red.800"
| "red.900"
| "red.950"
| "orange.50"
| "orange.100"
| "orange.200"
| "orange.300"
| "orange.400"
| "orange.500"
| "orange.600"
| "orange.700"
| "orange.800"
| "orange.900"
| "orange.950"
| "yellow.50"
| "yellow.100"
| "yellow.200"
| "yellow.300"
| "yellow.400"
| "yellow.500"
| "yellow.600"
| "yellow.700"
| "yellow.800"
| "yellow.900"
| "yellow.950"
| "green.50"
| "green.100"
| "green.200"
| "green.300"
| "green.400"
| "green.500"
| "green.600"
| "green.700"
| "green.800"
| "green.900"
| "green.950"
| "teal.50"
| "teal.100"
| "teal.200"
| "teal.300"
| "teal.400"
| "teal.500"
| "teal.600"
| "teal.700"
| "teal.800"
| "teal.900"
| "teal.950"
| "blue.50"
| "blue.100"
| "blue.200"
| "blue.300"
| "blue.400"
| "blue.500"
| "blue.600"
| "blue.700"
| "blue.800"
| "blue.900"
| "blue.950"
| "cyan.50"
| "cyan.100"
| "cyan.200"
| "cyan.300"
| "cyan.400"
| "cyan.500"
| "cyan.600"
| "cyan.700"
| "cyan.800"
| "cyan.900"
| "cyan.950"
| "purple.50"
| "purple.100"
| "purple.200"
| "purple.300"
| "purple.400"
| "purple.500"
| "purple.600"
| "purple.700"
| "purple.800"
| "purple.900"
| "purple.950"
| "pink.50"
| "pink.100"
| "pink.200"
| "pink.300"
| "pink.400"
| "pink.500"
| "pink.600"
| "pink.700"
| "pink.800"
| "pink.900"
| "pink.950"
| "bg.subtle"
| "bg.muted"
| "bg.emphasized"
| "bg.inverted"
| "bg.panel"
| "bg.error"
| "bg.warning"
| "bg.success"
| "bg.info"
| "fg"
| "fg.muted"
| "fg.subtle"
| "fg.inverted"
| "fg.error"
| "fg.warning"
| "fg.success"
| "fg.info"
| "border.muted"
| "border.subtle"
| "border.emphasized"
| "border.inverted"
| "border.error"
| "border.warning"
| "border.success"
| "border.info"
| "gray.contrast"
| "gray.fg"
| "gray.subtle"
| "gray.muted"
| "gray.emphasized"
| "gray.solid"
| "gray.focusRing"
| "red.contrast"
| "red.fg"
| "red.subtle"
| "red.muted"
| "red.emphasized"
| "red.solid"
| "red.focusRing"
| "orange.contrast"
| "orange.fg"
| "orange.subtle"
| "orange.muted"
| "orange.emphasized"
| "orange.solid"
| "orange.focusRing"
| "green.contrast"
| "green.fg"
| "green.subtle"
| "green.muted"
| "green.emphasized"
| "green.solid"
| "green.focusRing"
| "blue.contrast"
| "blue.fg"
| "blue.subtle"
| "blue.muted"
| "blue.emphasized"
| "blue.solid"
| "blue.focusRing"
| "yellow.contrast"
| "yellow.fg"
| "yellow.subtle"
| "yellow.muted"
| "yellow.emphasized"
| "yellow.solid"
| "yellow.focusRing"
| "teal.contrast"
| "teal.fg"
| "teal.subtle"
| "teal.muted"
| "teal.emphasized"
| "teal.solid"
| "teal.focusRing"
| "purple.contrast"
| "purple.fg"
| "purple.subtle"
| "purple.muted"
| "purple.emphasized"
| "purple.solid"
| "purple.focusRing"
| "pink.contrast"
| "pink.fg"
| "pink.subtle"
| "pink.muted"
| "pink.emphasized"
| "pink.solid"
| "pink.focusRing"
| "cyan.contrast"
| "cyan.fg"
| "cyan.subtle"
| "cyan.muted"
| "cyan.emphasized"
| "cyan.solid"
| "cyan.focusRing"
| "colorPalette.50"
| "colorPalette.100"
| "colorPalette.200"
| "colorPalette.300"
| "colorPalette.400"
| "colorPalette.500"
| "colorPalette.600"
| "colorPalette.700"
| "colorPalette.800"
| "colorPalette.900"
| "colorPalette.950"
| "colorPalette.subtle"
| "colorPalette.muted"
| "colorPalette.emphasized"
| "colorPalette.inverted"
| "colorPalette.panel"
| "colorPalette.error"
| "colorPalette.warning"
| "colorPalette.success"
| "colorPalette.info"
| "colorPalette.contrast"
| "colorPalette.fg"
| "colorPalette.solid"
| "colorPalette.focusRing"
| "currentBg"
| "aliceblue"
| "antiquewhite"
| "aqua"
| "aquamarine"
| "azure"
| "beige"
| "bisque"
| "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"
| "whitesmoke"
| "yellow"
| "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",
>;
borderBlockStartStyle?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BorderBlockStartStyle
| readonly NonNullable<(BorderBlockStartStyle | undefined)>[],
>;
borderBlockStartWidth?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BorderBlockStartWidth<String | Number>
| readonly NonNullable<
(BorderBlockStartWidth<String | Number> | undefined),
>[],
>;
borderBlockStyle?: ConditionalValue<
| undefined
| AnyString
| BorderBlockStyle
| readonly NonNullable<(BorderBlockStyle | undefined)>[],
>;
borderBlockWidth?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BorderBlockWidth<String | Number>
| readonly NonNullable<(BorderBlockWidth<String | Number> | undefined)>[],
>;
borderBottom?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BordersToken
| BorderBottom<String | Number>
| readonly NonNullable<(BorderBottom<String | Number> | undefined)>[],
>;
borderBottomColor?: ConditionalValue<
| undefined
| "border"
| "bg"
| "colorPalette"
| string & {}
| "inherit"
| "initial"
| readonly string[]
| "current"
| `var(--${string})`
| AnyString
| "-moz-initial"
| "revert"
| "revert-layer"
| "unset"
| "transparent"
| "black"
| "white"
| "whiteAlpha.50"
| "whiteAlpha.100"
| "whiteAlpha.200"
| "whiteAlpha.300"
| "whiteAlpha.400"
| "whiteAlpha.500"
| "whiteAlpha.600"
| "whiteAlpha.700"
| "whiteAlpha.800"
| "whiteAlpha.900"
| "whiteAlpha.950"
| "blackAlpha.50"
| "blackAlpha.100"
| "blackAlpha.200"
| "blackAlpha.300"
| "blackAlpha.400"
| "blackAlpha.500"
| "blackAlpha.600"
| "blackAlpha.700"
| "blackAlpha.800"
| "blackAlpha.900"
| "blackAlpha.950"
| "gray.50"
| "gray.100"
| "gray.200"
| "gray.300"
| "gray.400"
| "gray.500"
| "gray.600"
| "gray.700"
| "gray.800"
| "gray.900"
| "gray.950"
| "red.50"
| "red.100"
| "red.200"
| "red.300"
| "red.400"
| "red.500"
| "red.600"
| "red.700"
| "red.800"
| "red.900"
| "red.950"
| "orange.50"
| "orange.100"
| "orange.200"
| "orange.300"
| "orange.400"
| "orange.500"
| "orange.600"
| "orange.700"
| "orange.800"
| "orange.900"
| "orange.950"
| "yellow.50"
| "yellow.100"
| "yellow.200"
| "yellow.300"
| "yellow.400"
| "yellow.500"
| "yellow.600"
| "yellow.700"
| "yellow.800"
| "yellow.900"
| "yellow.950"
| "green.50"
| "green.100"
| "green.200"
| "green.300"
| "green.400"
| "green.500"
| "green.600"
| "green.700"
| "green.800"
| "green.900"
| "green.950"
| "teal.50"
| "teal.100"
| "teal.200"
| "teal.300"
| "teal.400"
| "teal.500"
| "teal.600"
| "teal.700"
| "teal.800"
| "teal.900"
| "teal.950"
| "blue.50"
| "blue.100"
| "blue.200"
| "blue.300"
| "blue.400"
| "blue.500"
| "blue.600"
| "blue.700"
| "blue.800"
| "blue.900"
| "blue.950"
| "cyan.50"
| "cyan.100"
| "cyan.200"
| "cyan.300"
| "cyan.400"
| "cyan.500"
| "cyan.600"
| "cyan.700"
| "cyan.800"
| "cyan.900"
| "cyan.950"
| "purple.50"
| "purple.100"
| "purple.200"
| "purple.300"
| "purple.400"
| "purple.500"
| "purple.600"
| "purple.700"
| "purple.800"
| "purple.900"
| "purple.950"
| "pink.50"
| "pink.100"
| "pink.200"
| "pink.300"
| "pink.400"
| "pink.500"
| "pink.600"
| "pink.700"
| "pink.800"
| "pink.900"
| "pink.950"
| "bg.subtle"
| "bg.muted"
| "bg.emphasized"
| "bg.inverted"
| "bg.panel"
| "bg.error"
| "bg.warning"
| "bg.success"
| "bg.info"
| "fg"
| "fg.muted"
| "fg.subtle"
| "fg.inverted"
| "fg.error"
| "fg.warning"
| "fg.success"
| "fg.info"
| "border.muted"
| "border.subtle"
| "border.emphasized"
| "border.inverted"
| "border.error"
| "border.warning"
| "border.success"
| "border.info"
| "gray.contrast"
| "gray.fg"
| "gray.subtle"
| "gray.muted"
| "gray.emphasized"
| "gray.solid"
| "gray.focusRing"
| "red.contrast"
| "red.fg"
| "red.subtle"
| "red.muted"
| "red.emphasized"
| "red.solid"
| "red.focusRing"
| "orange.contrast"
| "orange.fg"
| "orange.subtle"
| "orange.muted"
| "orange.emphasized"
| "orange.solid"
| "orange.focusRing"
| "green.contrast"
| "green.fg"
| "green.subtle"
| "green.muted"
| "green.emphasized"
| "green.solid"
| "green.focusRing"
| "blue.contrast"
| "blue.fg"
| "blue.subtle"
| "blue.muted"
| "blue.emphasized"
| "blue.solid"
| "blue.focusRing"
| "yellow.contrast"
| "yellow.fg"
| "yellow.subtle"
| "yellow.muted"
| "yellow.emphasized"
| "yellow.solid"
| "yellow.focusRing"
| "teal.contrast"
| "teal.fg"
| "teal.subtle"
| "teal.muted"
| "teal.emphasized"
| "teal.solid"
| "teal.focusRing"
| "purple.contrast"
| "purple.fg"
| "purple.subtle"
| "purple.muted"
| "purple.emphasized"
| "purple.solid"
| "purple.focusRing"
| "pink.contrast"
| "pink.fg"
| "pink.subtle"
| "pink.muted"
| "pink.emphasized"
| "pink.solid"
| "pink.focusRing"
| "cyan.contrast"
| "cyan.fg"
| "cyan.subtle"
| "cyan.muted"
| "cyan.emphasized"
| "cyan.solid"
| "cyan.focusRing"
| "colorPalette.50"
| "colorPalette.100"
| "colorPalette.200"
| "colorPalette.300"
| "colorPalette.400"
| "colorPalette.500"
| "colorPalette.600"
| "colorPalette.700"
| "colorPalette.800"
| "colorPalette.900"
| "colorPalette.950"
| "colorPalette.subtle"
| "colorPalette.muted"
| "colorPalette.emphasized"
| "colorPalette.inverted"
| "colorPalette.panel"
| "colorPalette.error"
| "colorPalette.warning"
| "colorPalette.success"
| "colorPalette.info"
| "colorPalette.contrast"
| "colorPalette.fg"
| "colorPalette.solid"
| "colorPalette.focusRing"
| "currentBg"
| "aliceblue"
| "antiquewhite"
| "aqua"
| "aquamarine"
| "azure"
| "beige"
| "bisque"
| "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"
| "whitesmoke"
| "yellow"
| "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",
>;
borderBottomEndRadius?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderEndEndRadius<String | Number>
| readonly NonNullable<(BorderEndEndRadius<String | Number> | undefined)>[],
>;
borderBottomLeftRadius?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderBottomLeftRadius<String | Number>
| readonly NonNullable<
(BorderBottomLeftRadius<String | Number> | undefined),
>[],
>;
borderBottomRadius?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderRadius<String | Number>
| readonly NonNullable<(BorderRadius<String | Number> | undefined)>[],
>;
borderBottomRightRadius?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderBottomRightRadius<String | Number>
| readonly NonNullable<
(BorderBottomRightRadius<String | Number> | undefined),
>[],
>;
borderBottomStartRadius?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderEndStartRadius<String | Number>
| readonly NonNullable<
(BorderEndStartRadius<String | Number> | undefined),
>[],
>;
borderBottomStyle?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BorderBottomStyle
| readonly NonNullable<(BorderBottomStyle | undefined)>[],
>;
borderBottomWidth?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BorderBottomWidth<String | Number>
| readonly NonNullable<(BorderBottomWidth<String | Number> | undefined)>[],
>;
borderCollapse?: ConditionalValue<
| undefined
| AnyString
| BorderCollapse
| readonly NonNullable<(BorderCollapse | undefined)>[],
>;
borderColor?: ConditionalValue<
| undefined
| "border"
| "bg"
| "colorPalette"
| string & {}
| "inherit"
| "initial"
| readonly string[]
| "current"
| `var(--${string})`
| AnyString
| "-moz-initial"
| "revert"
| "revert-layer"
| "unset"
| "transparent"
| "black"
| "white"
| "whiteAlpha.50"
| "whiteAlpha.100"
| "whiteAlpha.200"
| "whiteAlpha.300"
| "whiteAlpha.400"
| "whiteAlpha.500"
| "whiteAlpha.600"
| "whiteAlpha.700"
| "whiteAlpha.800"
| "whiteAlpha.900"
| "whiteAlpha.950"
| "blackAlpha.50"
| "blackAlpha.100"
| "blackAlpha.200"
| "blackAlpha.300"
| "blackAlpha.400"
| "blackAlpha.500"
| "blackAlpha.600"
| "blackAlpha.700"
| "blackAlpha.800"
| "blackAlpha.900"
| "blackAlpha.950"
| "gray.50"
| "gray.100"
| "gray.200"
| "gray.300"
| "gray.400"
| "gray.500"
| "gray.600"
| "gray.700"
| "gray.800"
| "gray.900"
| "gray.950"
| "red.50"
| "red.100"
| "red.200"
| "red.300"
| "red.400"
| "red.500"
| "red.600"
| "red.700"
| "red.800"
| "red.900"
| "red.950"
| "orange.50"
| "orange.100"
| "orange.200"
| "orange.300"
| "orange.400"
| "orange.500"
| "orange.600"
| "orange.700"
| "orange.800"
| "orange.900"
| "orange.950"
| "yellow.50"
| "yellow.100"
| "yellow.200"
| "yellow.300"
| "yellow.400"
| "yellow.500"
| "yellow.600"
| "yellow.700"
| "yellow.800"
| "yellow.900"
| "yellow.950"
| "green.50"
| "green.100"
| "green.200"
| "green.300"
| "green.400"
| "green.500"
| "green.600"
| "green.700"
| "green.800"
| "green.900"
| "green.950"
| "teal.50"
| "teal.100"
| "teal.200"
| "teal.300"
| "teal.400"
| "teal.500"
| "teal.600"
| "teal.700"
| "teal.800"
| "teal.900"
| "teal.950"
| "blue.50"
| "blue.100"
| "blue.200"
| "blue.300"
| "blue.400"
| "blue.500"
| "blue.600"
| "blue.700"
| "blue.800"
| "blue.900"
| "blue.950"
| "cyan.50"
| "cyan.100"
| "cyan.200"
| "cyan.300"
| "cyan.400"
| "cyan.500"
| "cyan.600"
| "cyan.700"
| "cyan.800"
| "cyan.900"
| "cyan.950"
| "purple.50"
| "purple.100"
| "purple.200"
| "purple.300"
| "purple.400"
| "purple.500"
| "purple.600"
| "purple.700"
| "purple.800"
| "purple.900"
| "purple.950"
| "pink.50"
| "pink.100"
| "pink.200"
| "pink.300"
| "pink.400"
| "pink.500"
| "pink.600"
| "pink.700"
| "pink.800"
| "pink.900"
| "pink.950"
| "bg.subtle"
| "bg.muted"
| "bg.emphasized"
| "bg.inverted"
| "bg.panel"
| "bg.error"
| "bg.warning"
| "bg.success"
| "bg.info"
| "fg"
| "fg.muted"
| "fg.subtle"
| "fg.inverted"
| "fg.error"
| "fg.warning"
| "fg.success"
| "fg.info"
| "border.muted"
| "border.subtle"
| "border.emphasized"
| "border.inverted"
| "border.error"
| "border.warning"
| "border.success"
| "border.info"
| "gray.contrast"
| "gray.fg"
| "gray.subtle"
| "gray.muted"
| "gray.emphasized"
| "gray.solid"
| "gray.focusRing"
| "red.contrast"
| "red.fg"
| "red.subtle"
| "red.muted"
| "red.emphasized"
| "red.solid"
| "red.focusRing"
| "orange.contrast"
| "orange.fg"
| "orange.subtle"
| "orange.muted"
| "orange.emphasized"
| "orange.solid"
| "orange.focusRing"
| "green.contrast"
| "green.fg"
| "green.subtle"
| "green.muted"
| "green.emphasized"
| "green.solid"
| "green.focusRing"
| "blue.contrast"
| "blue.fg"
| "blue.subtle"
| "blue.muted"
| "blue.emphasized"
| "blue.solid"
| "blue.focusRing"
| "yellow.contrast"
| "yellow.fg"
| "yellow.subtle"
| "yellow.muted"
| "yellow.emphasized"
| "yellow.solid"
| "yellow.focusRing"
| "teal.contrast"
| "teal.fg"
| "teal.subtle"
| "teal.muted"
| "teal.emphasized"
| "teal.solid"
| "teal.focusRing"
| "purple.contrast"
| "purple.fg"
| "purple.subtle"
| "purple.muted"
| "purple.emphasized"
| "purple.solid"
| "purple.focusRing"
| "pink.contrast"
| "pink.fg"
| "pink.subtle"
| "pink.muted"
| "pink.emphasized"
| "pink.solid"
| "pink.focusRing"
| "cyan.contrast"
| "cyan.fg"
| "cyan.subtle"
| "cyan.muted"
| "cyan.emphasized"
| "cyan.solid"
| "cyan.focusRing"
| "colorPalette.50"
| "colorPalette.100"
| "colorPalette.200"
| "colorPalette.300"
| "colorPalette.400"
| "colorPalette.500"
| "colorPalette.600"
| "colorPalette.700"
| "colorPalette.800"
| "colorPalette.900"
| "colorPalette.950"
| "colorPalette.subtle"
| "colorPalette.muted"
| "colorPalette.emphasized"
| "colorPalette.inverted"
| "colorPalette.panel"
| "colorPalette.error"
| "colorPalette.warning"
| "colorPalette.success"
| "colorPalette.info"
| "colorPalette.contrast"
| "colorPalette.fg"
| "colorPalette.solid"
| "colorPalette.focusRing"
| "currentBg"
| "aliceblue"
| "antiquewhite"
| "aqua"
| "aquamarine"
| "azure"
| "beige"
| "bisque"
| "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"
| "whitesmoke"
| "yellow"
| "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",
>;
borderEndColor?: ConditionalValue<
| undefined
| "border"
| "bg"
| "colorPalette"
| string & {}
| "inherit"
| "initial"
| readonly string[]
| "current"
| `var(--${string})`
| AnyString
| "-moz-initial"
| "revert"
| "revert-layer"
| "unset"
| "transparent"
| "black"
| "white"
| "whiteAlpha.50"
| "whiteAlpha.100"
| "whiteAlpha.200"
| "whiteAlpha.300"
| "whiteAlpha.400"
| "whiteAlpha.500"
| "whiteAlpha.600"
| "whiteAlpha.700"
| "whiteAlpha.800"
| "whiteAlpha.900"
| "whiteAlpha.950"
| "blackAlpha.50"
| "blackAlpha.100"
| "blackAlpha.200"
| "blackAlpha.300"
| "blackAlpha.400"
| "blackAlpha.500"
| "blackAlpha.600"
| "blackAlpha.700"
| "blackAlpha.800"
| "blackAlpha.900"
| "blackAlpha.950"
| "gray.50"
| "gray.100"
| "gray.200"
| "gray.300"
| "gray.400"
| "gray.500"
| "gray.600"
| "gray.700"
| "gray.800"
| "gray.900"
| "gray.950"
| "red.50"
| "red.100"
| "red.200"
| "red.300"
| "red.400"
| "red.500"
| "red.600"
| "red.700"
| "red.800"
| "red.900"
| "red.950"
| "orange.50"
| "orange.100"
| "orange.200"
| "orange.300"
| "orange.400"
| "orange.500"
| "orange.600"
| "orange.700"
| "orange.800"
| "orange.900"
| "orange.950"
| "yellow.50"
| "yellow.100"
| "yellow.200"
| "yellow.300"
| "yellow.400"
| "yellow.500"
| "yellow.600"
| "yellow.700"
| "yellow.800"
| "yellow.900"
| "yellow.950"
| "green.50"
| "green.100"
| "green.200"
| "green.300"
| "green.400"
| "green.500"
| "green.600"
| "green.700"
| "green.800"
| "green.900"
| "green.950"
| "teal.50"
| "teal.100"
| "teal.200"
| "teal.300"
| "teal.400"
| "teal.500"
| "teal.600"
| "teal.700"
| "teal.800"
| "teal.900"
| "teal.950"
| "blue.50"
| "blue.100"
| "blue.200"
| "blue.300"
| "blue.400"
| "blue.500"
| "blue.600"
| "blue.700"
| "blue.800"
| "blue.900"
| "blue.950"
| "cyan.50"
| "cyan.100"
| "cyan.200"
| "cyan.300"
| "cyan.400"
| "cyan.500"
| "cyan.600"
| "cyan.700"
| "cyan.800"
| "cyan.900"
| "cyan.950"
| "purple.50"
| "purple.100"
| "purple.200"
| "purple.300"
| "purple.400"
| "purple.500"
| "purple.600"
| "purple.700"
| "purple.800"
| "purple.900"
| "purple.950"
| "pink.50"
| "pink.100"
| "pink.200"
| "pink.300"
| "pink.400"
| "pink.500"
| "pink.600"
| "pink.700"
| "pink.800"
| "pink.900"
| "pink.950"
| "bg.subtle"
| "bg.muted"
| "bg.emphasized"
| "bg.inverted"
| "bg.panel"
| "bg.error"
| "bg.warning"
| "bg.success"
| "bg.info"
| "fg"
| "fg.muted"
| "fg.subtle"
| "fg.inverted"
| "fg.error"
| "fg.warning"
| "fg.success"
| "fg.info"
| "border.muted"
| "border.subtle"
| "border.emphasized"
| "border.inverted"
| "border.error"
| "border.warning"
| "border.success"
| "border.info"
| "gray.contrast"
| "gray.fg"
| "gray.subtle"
| "gray.muted"
| "gray.emphasized"
| "gray.solid"
| "gray.focusRing"
| "red.contrast"
| "red.fg"
| "red.subtle"
| "red.muted"
| "red.emphasized"
| "red.solid"
| "red.focusRing"
| "orange.contrast"
| "orange.fg"
| "orange.subtle"
| "orange.muted"
| "orange.emphasized"
| "orange.solid"
| "orange.focusRing"
| "green.contrast"
| "green.fg"
| "green.subtle"
| "green.muted"
| "green.emphasized"
| "green.solid"
| "green.focusRing"
| "blue.contrast"
| "blue.fg"
| "blue.subtle"
| "blue.muted"
| "blue.emphasized"
| "blue.solid"
| "blue.focusRing"
| "yellow.contrast"
| "yellow.fg"
| "yellow.subtle"
| "yellow.muted"
| "yellow.emphasized"
| "yellow.solid"
| "yellow.focusRing"
| "teal.contrast"
| "teal.fg"
| "teal.subtle"
| "teal.muted"
| "teal.emphasized"
| "teal.solid"
| "teal.focusRing"
| "purple.contrast"
| "purple.fg"
| "purple.subtle"
| "purple.muted"
| "purple.emphasized"
| "purple.solid"
| "purple.focusRing"
| "pink.contrast"
| "pink.fg"
| "pink.subtle"
| "pink.muted"
| "pink.emphasized"
| "pink.solid"
| "pink.focusRing"
| "cyan.contrast"
| "cyan.fg"
| "cyan.subtle"
| "cyan.muted"
| "cyan.emphasized"
| "cyan.solid"
| "cyan.focusRing"
| "colorPalette.50"
| "colorPalette.100"
| "colorPalette.200"
| "colorPalette.300"
| "colorPalette.400"
| "colorPalette.500"
| "colorPalette.600"
| "colorPalette.700"
| "colorPalette.800"
| "colorPalette.900"
| "colorPalette.950"
| "colorPalette.subtle"
| "colorPalette.muted"
| "colorPalette.emphasized"
| "colorPalette.inverted"
| "colorPalette.panel"
| "colorPalette.error"
| "colorPalette.warning"
| "colorPalette.success"
| "colorPalette.info"
| "colorPalette.contrast"
| "colorPalette.fg"
| "colorPalette.solid"
| "colorPalette.focusRing"
| "currentBg"
| "aliceblue"
| "antiquewhite"
| "aqua"
| "aquamarine"
| "azure"
| "beige"
| "bisque"
| "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"
| "whitesmoke"
| "yellow"
| "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",
>;
borderEndEndRadius?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderEndEndRadius<String | Number>
| readonly NonNullable<(BorderEndEndRadius<String | Number> | undefined)>[],
>;
borderEndRadius?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderRadius<String | Number>
| readonly NonNullable<(BorderRadius<String | Number> | undefined)>[],
>;
borderEndStartRadius?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderEndStartRadius<String | Number>
| readonly NonNullable<
(BorderEndStartRadius<String | Number> | undefined),
>[],
>;
borderEndStyle?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BorderInlineEndStyle
| readonly NonNullable<(BorderInlineEndStyle | undefined)>[],
>;
borderEndWidth?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BorderInlineEndWidth<String | Number>
| readonly NonNullable<
(BorderInlineEndWidth<String | Number> | undefined),
>[],
>;
borderImage?: ConditionalValue<
| undefined
| AnyString
| BorderImage
| readonly NonNullable<(BorderImage | undefined)>[],
>;
borderImageOutset?: ConditionalValue<
| undefined
| AnyString
| BorderImageOutset<String | Number>
| readonly NonNullable<(BorderImageOutset<String | Number> | undefined)>[],
>;
borderImageRepeat?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| BorderImageRepeat,
>;
borderImageSlice?: ConditionalValue<
| undefined
| AnyString
| BorderImageSlice
| readonly NonNullable<(BorderImageSlice | undefined)>[],
>;
borderImageSource?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| BorderImageSource,
>;
borderImageWidth?: ConditionalValue<
| undefined
| AnyString
| BorderImageWidth<String | Number>
| readonly NonNullable<(BorderImageWidth<String | Number> | undefined)>[],
>;
borderInline?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BordersToken
| BorderInline<String | Number>
| readonly NonNullable<(BorderInline<String | Number> | undefined)>[],
>;
borderInlineColor?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| BorderInlineColor,
>;
borderInlineEnd?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BordersToken
| BorderInlineEnd<String | Number>
| readonly NonNullable<(BorderInlineEnd<String | Number> | undefined)>[],
>;
borderInlineEndColor?: ConditionalValue<
| undefined
| "border"
| "bg"
| "colorPalette"
| string & {}
| "inherit"
| "initial"
| readonly string[]
| "current"
| `var(--${string})`
| AnyString
| "-moz-initial"
| "revert"
| "revert-layer"
| "unset"
| "transparent"
| "black"
| "white"
| "whiteAlpha.50"
| "whiteAlpha.100"
| "whiteAlpha.200"
| "whiteAlpha.300"
| "whiteAlpha.400"
| "whiteAlpha.500"
| "whiteAlpha.600"
| "whiteAlpha.700"
| "whiteAlpha.800"
| "whiteAlpha.900"
| "whiteAlpha.950"
| "blackAlpha.50"
| "blackAlpha.100"
| "blackAlpha.200"
| "blackAlpha.300"
| "blackAlpha.400"
| "blackAlpha.500"
| "blackAlpha.600"
| "blackAlpha.700"
| "blackAlpha.800"
| "blackAlpha.900"
| "blackAlpha.950"
| "gray.50"
| "gray.100"
| "gray.200"
| "gray.300"
| "gray.400"
| "gray.500"
| "gray.600"
| "gray.700"
| "gray.800"
| "gray.900"
| "gray.950"
| "red.50"
| "red.100"
| "red.200"
| "red.300"
| "red.400"
| "red.500"
| "red.600"
| "red.700"
| "red.800"
| "red.900"
| "red.950"
| "orange.50"
| "orange.100"
| "orange.200"
| "orange.300"
| "orange.400"
| "orange.500"
| "orange.600"
| "orange.700"
| "orange.800"
| "orange.900"
| "orange.950"
| "yellow.50"
| "yellow.100"
| "yellow.200"
| "yellow.300"
| "yellow.400"
| "yellow.500"
| "yellow.600"
| "yellow.700"
| "yellow.800"
| "yellow.900"
| "yellow.950"
| "green.50"
| "green.100"
| "green.200"
| "green.300"
| "green.400"
| "green.500"
| "green.600"
| "green.700"
| "green.800"
| "green.900"
| "green.950"
| "teal.50"
| "teal.100"
| "teal.200"
| "teal.300"
| "teal.400"
| "teal.500"
| "teal.600"
| "teal.700"
| "teal.800"
| "teal.900"
| "teal.950"
| "blue.50"
| "blue.100"
| "blue.200"
| "blue.300"
| "blue.400"
| "blue.500"
| "blue.600"
| "blue.700"
| "blue.800"
| "blue.900"
| "blue.950"
| "cyan.50"
| "cyan.100"
| "cyan.200"
| "cyan.300"
| "cyan.400"
| "cyan.500"
| "cyan.600"
| "cyan.700"
| "cyan.800"
| "cyan.900"
| "cyan.950"
| "purple.50"
| "purple.100"
| "purple.200"
| "purple.300"
| "purple.400"
| "purple.500"
| "purple.600"
| "purple.700"
| "purple.800"
| "purple.900"
| "purple.950"
| "pink.50"
| "pink.100"
| "pink.200"
| "pink.300"
| "pink.400"
| "pink.500"
| "pink.600"
| "pink.700"
| "pink.800"
| "pink.900"
| "pink.950"
| "bg.subtle"
| "bg.muted"
| "bg.emphasized"
| "bg.inverted"
| "bg.panel"
| "bg.error"
| "bg.warning"
| "bg.success"
| "bg.info"
| "fg"
| "fg.muted"
| "fg.subtle"
| "fg.inverted"
| "fg.error"
| "fg.warning"
| "fg.success"
| "fg.info"
| "border.muted"
| "border.subtle"
| "border.emphasized"
| "border.inverted"
| "border.error"
| "border.warning"
| "border.success"
| "border.info"
| "gray.contrast"
| "gray.fg"
| "gray.subtle"
| "gray.muted"
| "gray.emphasized"
| "gray.solid"
| "gray.focusRing"
| "red.contrast"
| "red.fg"
| "red.subtle"
| "red.muted"
| "red.emphasized"
| "red.solid"
| "red.focusRing"
| "orange.contrast"
| "orange.fg"
| "orange.subtle"
| "orange.muted"
| "orange.emphasized"
| "orange.solid"
| "orange.focusRing"
| "green.contrast"
| "green.fg"
| "green.subtle"
| "green.muted"
| "green.emphasized"
| "green.solid"
| "green.focusRing"
| "blue.contrast"
| "blue.fg"
| "blue.subtle"
| "blue.muted"
| "blue.emphasized"
| "blue.solid"
| "blue.focusRing"
| "yellow.contrast"
| "yellow.fg"
| "yellow.subtle"
| "yellow.muted"
| "yellow.emphasized"
| "yellow.solid"
| "yellow.focusRing"
| "teal.contrast"
| "teal.fg"
| "teal.subtle"
| "teal.muted"
| "teal.emphasized"
| "teal.solid"
| "teal.focusRing"
| "purple.contrast"
| "purple.fg"
| "purple.subtle"
| "purple.muted"
| "purple.emphasized"
| "purple.solid"
| "purple.focusRing"
| "pink.contrast"
| "pink.fg"
| "pink.subtle"
| "pink.muted"
| "pink.emphasized"
| "pink.solid"
| "pink.focusRing"
| "cyan.contrast"
| "cyan.fg"
| "cyan.subtle"
| "cyan.muted"
| "cyan.emphasized"
| "cyan.solid"
| "cyan.focusRing"
| "colorPalette.50"
| "colorPalette.100"
| "colorPalette.200"
| "colorPalette.300"
| "colorPalette.400"
| "colorPalette.500"
| "colorPalette.600"
| "colorPalette.700"
| "colorPalette.800"
| "colorPalette.900"
| "colorPalette.950"
| "colorPalette.subtle"
| "colorPalette.muted"
| "colorPalette.emphasized"
| "colorPalette.inverted"
| "colorPalette.panel"
| "colorPalette.error"
| "colorPalette.warning"
| "colorPalette.success"
| "colorPalette.info"
| "colorPalette.contrast"
| "colorPalette.fg"
| "colorPalette.solid"
| "colorPalette.focusRing"
| "currentBg"
| "aliceblue"
| "antiquewhite"
| "aqua"
| "aquamarine"
| "azure"
| "beige"
| "bisque"
| "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"
| "whitesmoke"
| "yellow"
| "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",
>;
borderInlineEndRadius?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderRadius<String | Number>
| readonly NonNullable<(BorderRadius<String | Number> | undefined)>[],
>;
borderInlineEndStyle?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BorderInlineEndStyle
| readonly NonNullable<(BorderInlineEndStyle | undefined)>[],
>;
borderInlineEndWidth?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BorderInlineEndWidth<String | Number>
| readonly NonNullable<
(BorderInlineEndWidth<String | Number> | undefined),
>[],
>;
borderInlineStart?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BordersToken
| BorderInlineStart<String | Number>
| readonly NonNullable<(BorderInlineStart<String | Number> | undefined)>[],
>;
borderInlineStartColor?: ConditionalValue<
| undefined
| "border"
| "bg"
| "colorPalette"
| string & {}
| "inherit"
| "initial"
| readonly string[]
| "current"
| `var(--${string})`
| AnyString
| "-moz-initial"
| "revert"
| "revert-layer"
| "unset"
| "transparent"
| "black"
| "white"
| "whiteAlpha.50"
| "whiteAlpha.100"
| "whiteAlpha.200"
| "whiteAlpha.300"
| "whiteAlpha.400"
| "whiteAlpha.500"
| "whiteAlpha.600"
| "whiteAlpha.700"
| "whiteAlpha.800"
| "whiteAlpha.900"
| "whiteAlpha.950"
| "blackAlpha.50"
| "blackAlpha.100"
| "blackAlpha.200"
| "blackAlpha.300"
| "blackAlpha.400"
| "blackAlpha.500"
| "blackAlpha.600"
| "blackAlpha.700"
| "blackAlpha.800"
| "blackAlpha.900"
| "blackAlpha.950"
| "gray.50"
| "gray.100"
| "gray.200"
| "gray.300"
| "gray.400"
| "gray.500"
| "gray.600"
| "gray.700"
| "gray.800"
| "gray.900"
| "gray.950"
| "red.50"
| "red.100"
| "red.200"
| "red.300"
| "red.400"
| "red.500"
| "red.600"
| "red.700"
| "red.800"
| "red.900"
| "red.950"
| "orange.50"
| "orange.100"
| "orange.200"
| "orange.300"
| "orange.400"
| "orange.500"
| "orange.600"
| "orange.700"
| "orange.800"
| "orange.900"
| "orange.950"
| "yellow.50"
| "yellow.100"
| "yellow.200"
| "yellow.300"
| "yellow.400"
| "yellow.500"
| "yellow.600"
| "yellow.700"
| "yellow.800"
| "yellow.900"
| "yellow.950"
| "green.50"
| "green.100"
| "green.200"
| "green.300"
| "green.400"
| "green.500"
| "green.600"
| "green.700"
| "green.800"
| "green.900"
| "green.950"
| "teal.50"
| "teal.100"
| "teal.200"
| "teal.300"
| "teal.400"
| "teal.500"
| "teal.600"
| "teal.700"
| "teal.800"
| "teal.900"
| "teal.950"
| "blue.50"
| "blue.100"
| "blue.200"
| "blue.300"
| "blue.400"
| "blue.500"
| "blue.600"
| "blue.700"
| "blue.800"
| "blue.900"
| "blue.950"
| "cyan.50"
| "cyan.100"
| "cyan.200"
| "cyan.300"
| "cyan.400"
| "cyan.500"
| "cyan.600"
| "cyan.700"
| "cyan.800"
| "cyan.900"
| "cyan.950"
| "purple.50"
| "purple.100"
| "purple.200"
| "purple.300"
| "purple.400"
| "purple.500"
| "purple.600"
| "purple.700"
| "purple.800"
| "purple.900"
| "purple.950"
| "pink.50"
| "pink.100"
| "pink.200"
| "pink.300"
| "pink.400"
| "pink.500"
| "pink.600"
| "pink.700"
| "pink.800"
| "pink.900"
| "pink.950"
| "bg.subtle"
| "bg.muted"
| "bg.emphasized"
| "bg.inverted"
| "bg.panel"
| "bg.error"
| "bg.warning"
| "bg.success"
| "bg.info"
| "fg"
| "fg.muted"
| "fg.subtle"
| "fg.inverted"
| "fg.error"
| "fg.warning"
| "fg.success"
| "fg.info"
| "border.muted"
| "border.subtle"
| "border.emphasized"
| "border.inverted"
| "border.error"
| "border.warning"
| "border.success"
| "border.info"
| "gray.contrast"
| "gray.fg"
| "gray.subtle"
| "gray.muted"
| "gray.emphasized"
| "gray.solid"
| "gray.focusRing"
| "red.contrast"
| "red.fg"
| "red.subtle"
| "red.muted"
| "red.emphasized"
| "red.solid"
| "red.focusRing"
| "orange.contrast"
| "orange.fg"
| "orange.subtle"
| "orange.muted"
| "orange.emphasized"
| "orange.solid"
| "orange.focusRing"
| "green.contrast"
| "green.fg"
| "green.subtle"
| "green.muted"
| "green.emphasized"
| "green.solid"
| "green.focusRing"
| "blue.contrast"
| "blue.fg"
| "blue.subtle"
| "blue.muted"
| "blue.emphasized"
| "blue.solid"
| "blue.focusRing"
| "yellow.contrast"
| "yellow.fg"
| "yellow.subtle"
| "yellow.muted"
| "yellow.emphasized"
| "yellow.solid"
| "yellow.focusRing"
| "teal.contrast"
| "teal.fg"
| "teal.subtle"
| "teal.muted"
| "teal.emphasized"
| "teal.solid"
| "teal.focusRing"
| "purple.contrast"
| "purple.fg"
| "purple.subtle"
| "purple.muted"
| "purple.emphasized"
| "purple.solid"
| "purple.focusRing"
| "pink.contrast"
| "pink.fg"
| "pink.subtle"
| "pink.muted"
| "pink.emphasized"
| "pink.solid"
| "pink.focusRing"
| "cyan.contrast"
| "cyan.fg"
| "cyan.subtle"
| "cyan.muted"
| "cyan.emphasized"
| "cyan.solid"
| "cyan.focusRing"
| "colorPalette.50"
| "colorPalette.100"
| "colorPalette.200"
| "colorPalette.300"
| "colorPalette.400"
| "colorPalette.500"
| "colorPalette.600"
| "colorPalette.700"
| "colorPalette.800"
| "colorPalette.900"
| "colorPalette.950"
| "colorPalette.subtle"
| "colorPalette.muted"
| "colorPalette.emphasized"
| "colorPalette.inverted"
| "colorPalette.panel"
| "colorPalette.error"
| "colorPalette.warning"
| "colorPalette.success"
| "colorPalette.info"
| "colorPalette.contrast"
| "colorPalette.fg"
| "colorPalette.solid"
| "colorPalette.focusRing"
| "currentBg"
| "aliceblue"
| "antiquewhite"
| "aqua"
| "aquamarine"
| "azure"
| "beige"
| "bisque"
| "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"
| "whitesmoke"
| "yellow"
| "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",
>;
borderInlineStartRadius?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderRadius<String | Number>
| readonly NonNullable<(BorderRadius<String | Number> | undefined)>[],
>;
borderInlineStartStyle?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BorderInlineStartStyle
| readonly NonNullable<(BorderInlineStartStyle | undefined)>[],
>;
borderInlineStartWidth?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BorderInlineStartWidth<String | Number>
| readonly NonNullable<
(BorderInlineStartWidth<String | Number> | undefined),
>[],
>;
borderInlineStyle?: ConditionalValue<
| undefined
| AnyString
| BorderInlineStyle
| readonly NonNullable<(BorderInlineStyle | undefined)>[],
>;
borderInlineWidth?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BorderInlineWidth<String | Number>
| readonly NonNullable<(BorderInlineWidth<String | Number> | undefined)>[],
>;
borderLeft?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BordersToken
| BorderLeft<String | Number>
| readonly NonNullable<(BorderLeft<String | Number> | undefined)>[],
>;
borderLeftColor?: ConditionalValue<
| undefined
| "border"
| "bg"
| "colorPalette"
| string & {}
| "inherit"
| "initial"
| readonly string[]
| "current"
| `var(--${string})`
| AnyString
| "-moz-initial"
| "revert"
| "revert-layer"
| "unset"
| "transparent"
| "black"
| "white"
| "whiteAlpha.50"
| "whiteAlpha.100"
| "whiteAlpha.200"
| "whiteAlpha.300"
| "whiteAlpha.400"
| "whiteAlpha.500"
| "whiteAlpha.600"
| "whiteAlpha.700"
| "whiteAlpha.800"
| "whiteAlpha.900"
| "whiteAlpha.950"
| "blackAlpha.50"
| "blackAlpha.100"
| "blackAlpha.200"
| "blackAlpha.300"
| "blackAlpha.400"
| "blackAlpha.500"
| "blackAlpha.600"
| "blackAlpha.700"
| "blackAlpha.800"
| "blackAlpha.900"
| "blackAlpha.950"
| "gray.50"
| "gray.100"
| "gray.200"
| "gray.300"
| "gray.400"
| "gray.500"
| "gray.600"
| "gray.700"
| "gray.800"
| "gray.900"
| "gray.950"
| "red.50"
| "red.100"
| "red.200"
| "red.300"
| "red.400"
| "red.500"
| "red.600"
| "red.700"
| "red.800"
| "red.900"
| "red.950"
| "orange.50"
| "orange.100"
| "orange.200"
| "orange.300"
| "orange.400"
| "orange.500"
| "orange.600"
| "orange.700"
| "orange.800"
| "orange.900"
| "orange.950"
| "yellow.50"
| "yellow.100"
| "yellow.200"
| "yellow.300"
| "yellow.400"
| "yellow.500"
| "yellow.600"
| "yellow.700"
| "yellow.800"
| "yellow.900"
| "yellow.950"
| "green.50"
| "green.100"
| "green.200"
| "green.300"
| "green.400"
| "green.500"
| "green.600"
| "green.700"
| "green.800"
| "green.900"
| "green.950"
| "teal.50"
| "teal.100"
| "teal.200"
| "teal.300"
| "teal.400"
| "teal.500"
| "teal.600"
| "teal.700"
| "teal.800"
| "teal.900"
| "teal.950"
| "blue.50"
| "blue.100"
| "blue.200"
| "blue.300"
| "blue.400"
| "blue.500"
| "blue.600"
| "blue.700"
| "blue.800"
| "blue.900"
| "blue.950"
| "cyan.50"
| "cyan.100"
| "cyan.200"
| "cyan.300"
| "cyan.400"
| "cyan.500"
| "cyan.600"
| "cyan.700"
| "cyan.800"
| "cyan.900"
| "cyan.950"
| "purple.50"
| "purple.100"
| "purple.200"
| "purple.300"
| "purple.400"
| "purple.500"
| "purple.600"
| "purple.700"
| "purple.800"
| "purple.900"
| "purple.950"
| "pink.50"
| "pink.100"
| "pink.200"
| "pink.300"
| "pink.400"
| "pink.500"
| "pink.600"
| "pink.700"
| "pink.800"
| "pink.900"
| "pink.950"
| "bg.subtle"
| "bg.muted"
| "bg.emphasized"
| "bg.inverted"
| "bg.panel"
| "bg.error"
| "bg.warning"
| "bg.success"
| "bg.info"
| "fg"
| "fg.muted"
| "fg.subtle"
| "fg.inverted"
| "fg.error"
| "fg.warning"
| "fg.success"
| "fg.info"
| "border.muted"
| "border.subtle"
| "border.emphasized"
| "border.inverted"
| "border.error"
| "border.warning"
| "border.success"
| "border.info"
| "gray.contrast"
| "gray.fg"
| "gray.subtle"
| "gray.muted"
| "gray.emphasized"
| "gray.solid"
| "gray.focusRing"
| "red.contrast"
| "red.fg"
| "red.subtle"
| "red.muted"
| "red.emphasized"
| "red.solid"
| "red.focusRing"
| "orange.contrast"
| "orange.fg"
| "orange.subtle"
| "orange.muted"
| "orange.emphasized"
| "orange.solid"
| "orange.focusRing"
| "green.contrast"
| "green.fg"
| "green.subtle"
| "green.muted"
| "green.emphasized"
| "green.solid"
| "green.focusRing"
| "blue.contrast"
| "blue.fg"
| "blue.subtle"
| "blue.muted"
| "blue.emphasized"
| "blue.solid"
| "blue.focusRing"
| "yellow.contrast"
| "yellow.fg"
| "yellow.subtle"
| "yellow.muted"
| "yellow.emphasized"
| "yellow.solid"
| "yellow.focusRing"
| "teal.contrast"
| "teal.fg"
| "teal.subtle"
| "teal.muted"
| "teal.emphasized"
| "teal.solid"
| "teal.focusRing"
| "purple.contrast"
| "purple.fg"
| "purple.subtle"
| "purple.muted"
| "purple.emphasized"
| "purple.solid"
| "purple.focusRing"
| "pink.contrast"
| "pink.fg"
| "pink.subtle"
| "pink.muted"
| "pink.emphasized"
| "pink.solid"
| "pink.focusRing"
| "cyan.contrast"
| "cyan.fg"
| "cyan.subtle"
| "cyan.muted"
| "cyan.emphasized"
| "cyan.solid"
| "cyan.focusRing"
| "colorPalette.50"
| "colorPalette.100"
| "colorPalette.200"
| "colorPalette.300"
| "colorPalette.400"
| "colorPalette.500"
| "colorPalette.600"
| "colorPalette.700"
| "colorPalette.800"
| "colorPalette.900"
| "colorPalette.950"
| "colorPalette.subtle"
| "colorPalette.muted"
| "colorPalette.emphasized"
| "colorPalette.inverted"
| "colorPalette.panel"
| "colorPalette.error"
| "colorPalette.warning"
| "colorPalette.success"
| "colorPalette.info"
| "colorPalette.contrast"
| "colorPalette.fg"
| "colorPalette.solid"
| "colorPalette.focusRing"
| "currentBg"
| "aliceblue"
| "antiquewhite"
| "aqua"
| "aquamarine"
| "azure"
| "beige"
| "bisque"
| "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"
| "whitesmoke"
| "yellow"
| "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",
>;
borderLeftRadius?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderRadius<String | Number>
| readonly NonNullable<(BorderRadius<String | Number> | undefined)>[],
>;
borderLeftStyle?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BorderLeftStyle
| readonly NonNullable<(BorderLeftStyle | undefined)>[],
>;
borderLeftWidth?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BorderLeftWidth<String | Number>
| readonly NonNullable<(BorderLeftWidth<String | Number> | undefined)>[],
>;
borderRadius?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderRadius<String | Number>
| readonly NonNullable<(BorderRadius<String | Number> | undefined)>[],
>;
borderRight?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BordersToken
| BorderRight<String | Number>
| readonly NonNullable<(BorderRight<String | Number> | undefined)>[],
>;
borderRightColor?: ConditionalValue<
| undefined
| "border"
| "bg"
| "colorPalette"
| string & {}
| "inherit"
| "initial"
| readonly string[]
| "current"
| `var(--${string})`
| AnyString
| "-moz-initial"
| "revert"
| "revert-layer"
| "unset"
| "transparent"
| "black"
| "white"
| "whiteAlpha.50"
| "whiteAlpha.100"
| "whiteAlpha.200"
| "whiteAlpha.300"
| "whiteAlpha.400"
| "whiteAlpha.500"
| "whiteAlpha.600"
| "whiteAlpha.700"
| "whiteAlpha.800"
| "whiteAlpha.900"
| "whiteAlpha.950"
| "blackAlpha.50"
| "blackAlpha.100"
| "blackAlpha.200"
| "blackAlpha.300"
| "blackAlpha.400"
| "blackAlpha.500"
| "blackAlpha.600"
| "blackAlpha.700"
| "blackAlpha.800"
| "blackAlpha.900"
| "blackAlpha.950"
| "gray.50"
| "gray.100"
| "gray.200"
| "gray.300"
| "gray.400"
| "gray.500"
| "gray.600"
| "gray.700"
| "gray.800"
| "gray.900"
| "gray.950"
| "red.50"
| "red.100"
| "red.200"
| "red.300"
| "red.400"
| "red.500"
| "red.600"
| "red.700"
| "red.800"
| "red.900"
| "red.950"
| "orange.50"
| "orange.100"
| "orange.200"
| "orange.300"
| "orange.400"
| "orange.500"
| "orange.600"
| "orange.700"
| "orange.800"
| "orange.900"
| "orange.950"
| "yellow.50"
| "yellow.100"
| "yellow.200"
| "yellow.300"
| "yellow.400"
| "yellow.500"
| "yellow.600"
| "yellow.700"
| "yellow.800"
| "yellow.900"
| "yellow.950"
| "green.50"
| "green.100"
| "green.200"
| "green.300"
| "green.400"
| "green.500"
| "green.600"
| "green.700"
| "green.800"
| "green.900"
| "green.950"
| "teal.50"
| "teal.100"
| "teal.200"
| "teal.300"
| "teal.400"
| "teal.500"
| "teal.600"
| "teal.700"
| "teal.800"
| "teal.900"
| "teal.950"
| "blue.50"
| "blue.100"
| "blue.200"
| "blue.300"
| "blue.400"
| "blue.500"
| "blue.600"
| "blue.700"
| "blue.800"
| "blue.900"
| "blue.950"
| "cyan.50"
| "cyan.100"
| "cyan.200"
| "cyan.300"
| "cyan.400"
| "cyan.500"
| "cyan.600"
| "cyan.700"
| "cyan.800"
| "cyan.900"
| "cyan.950"
| "purple.50"
| "purple.100"
| "purple.200"
| "purple.300"
| "purple.400"
| "purple.500"
| "purple.600"
| "purple.700"
| "purple.800"
| "purple.900"
| "purple.950"
| "pink.50"
| "pink.100"
| "pink.200"
| "pink.300"
| "pink.400"
| "pink.500"
| "pink.600"
| "pink.700"
| "pink.800"
| "pink.900"
| "pink.950"
| "bg.subtle"
| "bg.muted"
| "bg.emphasized"
| "bg.inverted"
| "bg.panel"
| "bg.error"
| "bg.warning"
| "bg.success"
| "bg.info"
| "fg"
| "fg.muted"
| "fg.subtle"
| "fg.inverted"
| "fg.error"
| "fg.warning"
| "fg.success"
| "fg.info"
| "border.muted"
| "border.subtle"
| "border.emphasized"
| "border.inverted"
| "border.error"
| "border.warning"
| "border.success"
| "border.info"
| "gray.contrast"
| "gray.fg"
| "gray.subtle"
| "gray.muted"
| "gray.emphasized"
| "gray.solid"
| "gray.focusRing"
| "red.contrast"
| "red.fg"
| "red.subtle"
| "red.muted"
| "red.emphasized"
| "red.solid"
| "red.focusRing"
| "orange.contrast"
| "orange.fg"
| "orange.subtle"
| "orange.muted"
| "orange.emphasized"
| "orange.solid"
| "orange.focusRing"
| "green.contrast"
| "green.fg"
| "green.subtle"
| "green.muted"
| "green.emphasized"
| "green.solid"
| "green.focusRing"
| "blue.contrast"
| "blue.fg"
| "blue.subtle"
| "blue.muted"
| "blue.emphasized"
| "blue.solid"
| "blue.focusRing"
| "yellow.contrast"
| "yellow.fg"
| "yellow.subtle"
| "yellow.muted"
| "yellow.emphasized"
| "yellow.solid"
| "yellow.focusRing"
| "teal.contrast"
| "teal.fg"
| "teal.subtle"
| "teal.muted"
| "teal.emphasized"
| "teal.solid"
| "teal.focusRing"
| "purple.contrast"
| "purple.fg"
| "purple.subtle"
| "purple.muted"
| "purple.emphasized"
| "purple.solid"
| "purple.focusRing"
| "pink.contrast"
| "pink.fg"
| "pink.subtle"
| "pink.muted"
| "pink.emphasized"
| "pink.solid"
| "pink.focusRing"
| "cyan.contrast"
| "cyan.fg"
| "cyan.subtle"
| "cyan.muted"
| "cyan.emphasized"
| "cyan.solid"
| "cyan.focusRing"
| "colorPalette.50"
| "colorPalette.100"
| "colorPalette.200"
| "colorPalette.300"
| "colorPalette.400"
| "colorPalette.500"
| "colorPalette.600"
| "colorPalette.700"
| "colorPalette.800"
| "colorPalette.900"
| "colorPalette.950"
| "colorPalette.subtle"
| "colorPalette.muted"
| "colorPalette.emphasized"
| "colorPalette.inverted"
| "colorPalette.panel"
| "colorPalette.error"
| "colorPalette.warning"
| "colorPalette.success"
| "colorPalette.info"
| "colorPalette.contrast"
| "colorPalette.fg"
| "colorPalette.solid"
| "colorPalette.focusRing"
| "currentBg"
| "aliceblue"
| "antiquewhite"
| "aqua"
| "aquamarine"
| "azure"
| "beige"
| "bisque"
| "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"
| "whitesmoke"
| "yellow"
| "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",
>;
borderRightRadius?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderRadius<String | Number>
| readonly NonNullable<(BorderRadius<String | Number> | undefined)>[],
>;
borderRightStyle?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BorderRightStyle
| readonly NonNullable<(BorderRightStyle | undefined)>[],
>;
borderRightWidth?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BorderRightWidth<String | Number>
| readonly NonNullable<(BorderRightWidth<String | Number> | undefined)>[],
>;
borderSpacing?: ConditionalValue<
| undefined
| AnyString
| BorderSpacing<String | Number>
| readonly NonNullable<(BorderSpacing<String | Number> | undefined)>[],
>;
borderStart?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BordersToken
| BorderInlineStart<String | Number>
| readonly NonNullable<(BorderInlineStart<String | Number> | undefined)>[],
>;
borderStartColor?: ConditionalValue<
| undefined
| "border"
| "bg"
| "colorPalette"
| string & {}
| "inherit"
| "initial"
| readonly string[]
| "current"
| `var(--${string})`
| AnyString
| "-moz-initial"
| "revert"
| "revert-layer"
| "unset"
| "transparent"
| "black"
| "white"
| "whiteAlpha.50"
| "whiteAlpha.100"
| "whiteAlpha.200"
| "whiteAlpha.300"
| "whiteAlpha.400"
| "whiteAlpha.500"
| "whiteAlpha.600"
| "whiteAlpha.700"
| "whiteAlpha.800"
| "whiteAlpha.900"
| "whiteAlpha.950"
| "blackAlpha.50"
| "blackAlpha.100"
| "blackAlpha.200"
| "blackAlpha.300"
| "blackAlpha.400"
| "blackAlpha.500"
| "blackAlpha.600"
| "blackAlpha.700"
| "blackAlpha.800"
| "blackAlpha.900"
| "blackAlpha.950"
| "gray.50"
| "gray.100"
| "gray.200"
| "gray.300"
| "gray.400"
| "gray.500"
| "gray.600"
| "gray.700"
| "gray.800"
| "gray.900"
| "gray.950"
| "red.50"
| "red.100"
| "red.200"
| "red.300"
| "red.400"
| "red.500"
| "red.600"
| "red.700"
| "red.800"
| "red.900"
| "red.950"
| "orange.50"
| "orange.100"
| "orange.200"
| "orange.300"
| "orange.400"
| "orange.500"
| "orange.600"
| "orange.700"
| "orange.800"
| "orange.900"
| "orange.950"
| "yellow.50"
| "yellow.100"
| "yellow.200"
| "yellow.300"
| "yellow.400"
| "yellow.500"
| "yellow.600"
| "yellow.700"
| "yellow.800"
| "yellow.900"
| "yellow.950"
| "green.50"
| "green.100"
| "green.200"
| "green.300"
| "green.400"
| "green.500"
| "green.600"
| "green.700"
| "green.800"
| "green.900"
| "green.950"
| "teal.50"
| "teal.100"
| "teal.200"
| "teal.300"
| "teal.400"
| "teal.500"
| "teal.600"
| "teal.700"
| "teal.800"
| "teal.900"
| "teal.950"
| "blue.50"
| "blue.100"
| "blue.200"
| "blue.300"
| "blue.400"
| "blue.500"
| "blue.600"
| "blue.700"
| "blue.800"
| "blue.900"
| "blue.950"
| "cyan.50"
| "cyan.100"
| "cyan.200"
| "cyan.300"
| "cyan.400"
| "cyan.500"
| "cyan.600"
| "cyan.700"
| "cyan.800"
| "cyan.900"
| "cyan.950"
| "purple.50"
| "purple.100"
| "purple.200"
| "purple.300"
| "purple.400"
| "purple.500"
| "purple.600"
| "purple.700"
| "purple.800"
| "purple.900"
| "purple.950"
| "pink.50"
| "pink.100"
| "pink.200"
| "pink.300"
| "pink.400"
| "pink.500"
| "pink.600"
| "pink.700"
| "pink.800"
| "pink.900"
| "pink.950"
| "bg.subtle"
| "bg.muted"
| "bg.emphasized"
| "bg.inverted"
| "bg.panel"
| "bg.error"
| "bg.warning"
| "bg.success"
| "bg.info"
| "fg"
| "fg.muted"
| "fg.subtle"
| "fg.inverted"
| "fg.error"
| "fg.warning"
| "fg.success"
| "fg.info"
| "border.muted"
| "border.subtle"
| "border.emphasized"
| "border.inverted"
| "border.error"
| "border.warning"
| "border.success"
| "border.info"
| "gray.contrast"
| "gray.fg"
| "gray.subtle"
| "gray.muted"
| "gray.emphasized"
| "gray.solid"
| "gray.focusRing"
| "red.contrast"
| "red.fg"
| "red.subtle"
| "red.muted"
| "red.emphasized"
| "red.solid"
| "red.focusRing"
| "orange.contrast"
| "orange.fg"
| "orange.subtle"
| "orange.muted"
| "orange.emphasized"
| "orange.solid"
| "orange.focusRing"
| "green.contrast"
| "green.fg"
| "green.subtle"
| "green.muted"
| "green.emphasized"
| "green.solid"
| "green.focusRing"
| "blue.contrast"
| "blue.fg"
| "blue.subtle"
| "blue.muted"
| "blue.emphasized"
| "blue.solid"
| "blue.focusRing"
| "yellow.contrast"
| "yellow.fg"
| "yellow.subtle"
| "yellow.muted"
| "yellow.emphasized"
| "yellow.solid"
| "yellow.focusRing"
| "teal.contrast"
| "teal.fg"
| "teal.subtle"
| "teal.muted"
| "teal.emphasized"
| "teal.solid"
| "teal.focusRing"
| "purple.contrast"
| "purple.fg"
| "purple.subtle"
| "purple.muted"
| "purple.emphasized"
| "purple.solid"
| "purple.focusRing"
| "pink.contrast"
| "pink.fg"
| "pink.subtle"
| "pink.muted"
| "pink.emphasized"
| "pink.solid"
| "pink.focusRing"
| "cyan.contrast"
| "cyan.fg"
| "cyan.subtle"
| "cyan.muted"
| "cyan.emphasized"
| "cyan.solid"
| "cyan.focusRing"
| "colorPalette.50"
| "colorPalette.100"
| "colorPalette.200"
| "colorPalette.300"
| "colorPalette.400"
| "colorPalette.500"
| "colorPalette.600"
| "colorPalette.700"
| "colorPalette.800"
| "colorPalette.900"
| "colorPalette.950"
| "colorPalette.subtle"
| "colorPalette.muted"
| "colorPalette.emphasized"
| "colorPalette.inverted"
| "colorPalette.panel"
| "colorPalette.error"
| "colorPalette.warning"
| "colorPalette.success"
| "colorPalette.info"
| "colorPalette.contrast"
| "colorPalette.fg"
| "colorPalette.solid"
| "colorPalette.focusRing"
| "currentBg"
| "aliceblue"
| "antiquewhite"
| "aqua"
| "aquamarine"
| "azure"
| "beige"
| "bisque"
| "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"
| "whitesmoke"
| "yellow"
| "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",
>;
borderStartEndRadius?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderStartEndRadius<String | Number>
| readonly NonNullable<
(BorderStartEndRadius<String | Number> | undefined),
>[],
>;
borderStartRadius?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderRadius<String | Number>
| readonly NonNullable<(BorderRadius<String | Number> | undefined)>[],
>;
borderStartStartRadius?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderStartStartRadius<String | Number>
| readonly NonNullable<
(BorderStartStartRadius<String | Number> | undefined),
>[],
>;
borderStartStyle?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BorderInlineStartStyle
| readonly NonNullable<(BorderInlineStartStyle | undefined)>[],
>;
borderStartWidth?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BorderInlineStartWidth<String | Number>
| readonly NonNullable<
(BorderInlineStartWidth<String | Number> | undefined),
>[],
>;
borderStyle?: ConditionalValue<
| undefined
| readonly string[]
| `var(--${string})`
| AnyString
| BorderStyle,
>;
borderTop?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BordersToken
| BorderTop<String | Number>
| readonly NonNullable<(BorderTop<String | Number> | undefined)>[],
>;
borderTopColor?: ConditionalValue<
| undefined
| "border"
| "bg"
| "colorPalette"
| string & {}
| "inherit"
| "initial"
| readonly string[]
| "current"
| `var(--${string})`
| AnyString
| "-moz-initial"
| "revert"
| "revert-layer"
| "unset"
| "transparent"
| "black"
| "white"
| "whiteAlpha.50"
| "whiteAlpha.100"
| "whiteAlpha.200"
| "whiteAlpha.300"
| "whiteAlpha.400"
| "whiteAlpha.500"
| "whiteAlpha.600"
| "whiteAlpha.700"
| "whiteAlpha.800"
| "whiteAlpha.900"
| "whiteAlpha.950"
| "blackAlpha.50"
| "blackAlpha.100"
| "blackAlpha.200"
| "blackAlpha.300"
| "blackAlpha.400"
| "blackAlpha.500"
| "blackAlpha.600"
| "blackAlpha.700"
| "blackAlpha.800"
| "blackAlpha.900"
| "blackAlpha.950"
| "gray.50"
| "gray.100"
| "gray.200"
| "gray.300"
| "gray.400"
| "gray.500"
| "gray.600"
| "gray.700"
| "gray.800"
| "gray.900"
| "gray.950"
| "red.50"
| "red.100"
| "red.200"
| "red.300"
| "red.400"
| "red.500"
| "red.600"
| "red.700"
| "red.800"
| "red.900"
| "red.950"
| "orange.50"
| "orange.100"
| "orange.200"
| "orange.300"
| "orange.400"
| "orange.500"
| "orange.600"
| "orange.700"
| "orange.800"
| "orange.900"
| "orange.950"
| "yellow.50"
| "yellow.100"
| "yellow.200"
| "yellow.300"
| "yellow.400"
| "yellow.500"
| "yellow.600"
| "yellow.700"
| "yellow.800"
| "yellow.900"
| "yellow.950"
| "green.50"
| "green.100"
| "green.200"
| "green.300"
| "green.400"
| "green.500"
| "green.600"
| "green.700"
| "green.800"
| "green.900"
| "green.950"
| "teal.50"
| "teal.100"
| "teal.200"
| "teal.300"
| "teal.400"
| "teal.500"
| "teal.600"
| "teal.700"
| "teal.800"
| "teal.900"
| "teal.950"
| "blue.50"
| "blue.100"
| "blue.200"
| "blue.300"
| "blue.400"
| "blue.500"
| "blue.600"
| "blue.700"
| "blue.800"
| "blue.900"
| "blue.950"
| "cyan.50"
| "cyan.100"
| "cyan.200"
| "cyan.300"
| "cyan.400"
| "cyan.500"
| "cyan.600"
| "cyan.700"
| "cyan.800"
| "cyan.900"
| "cyan.950"
| "purple.50"
| "purple.100"
| "purple.200"
| "purple.300"
| "purple.400"
| "purple.500"
| "purple.600"
| "purple.700"
| "purple.800"
| "purple.900"
| "purple.950"
| "pink.50"
| "pink.100"
| "pink.200"
| "pink.300"
| "pink.400"
| "pink.500"
| "pink.600"
| "pink.700"
| "pink.800"
| "pink.900"
| "pink.950"
| "bg.subtle"
| "bg.muted"
| "bg.emphasized"
| "bg.inverted"
| "bg.panel"
| "bg.error"
| "bg.warning"
| "bg.success"
| "bg.info"
| "fg"
| "fg.muted"
| "fg.subtle"
| "fg.inverted"
| "fg.error"
| "fg.warning"
| "fg.success"
| "fg.info"
| "border.muted"
| "border.subtle"
| "border.emphasized"
| "border.inverted"
| "border.error"
| "border.warning"
| "border.success"
| "border.info"
| "gray.contrast"
| "gray.fg"
| "gray.subtle"
| "gray.muted"
| "gray.emphasized"
| "gray.solid"
| "gray.focusRing"
| "red.contrast"
| "red.fg"
| "red.subtle"
| "red.muted"
| "red.emphasized"
| "red.solid"
| "red.focusRing"
| "orange.contrast"
| "orange.fg"
| "orange.subtle"
| "orange.muted"
| "orange.emphasized"
| "orange.solid"
| "orange.focusRing"
| "green.contrast"
| "green.fg"
| "green.subtle"
| "green.muted"
| "green.emphasized"
| "green.solid"
| "green.focusRing"
| "blue.contrast"
| "blue.fg"
| "blue.subtle"
| "blue.muted"
| "blue.emphasized"
| "blue.solid"
| "blue.focusRing"
| "yellow.contrast"
| "yellow.fg"
| "yellow.subtle"
| "yellow.muted"
| "yellow.emphasized"
| "yellow.solid"
| "yellow.focusRing"
| "teal.contrast"
| "teal.fg"
| "teal.subtle"
| "teal.muted"
| "teal.emphasized"
| "teal.solid"
| "teal.focusRing"
| "purple.contrast"
| "purple.fg"
| "purple.subtle"
| "purple.muted"
| "purple.emphasized"
| "purple.solid"
| "purple.focusRing"
| "pink.contrast"
| "pink.fg"
| "pink.subtle"
| "pink.muted"
| "pink.emphasized"
| "pink.solid"
| "pink.focusRing"
| "cyan.contrast"
| "cyan.fg"
| "cyan.subtle"
| "cyan.muted"
| "cyan.emphasized"
| "cyan.solid"
| "cyan.focusRing"
| "colorPalette.50"
| "colorPalette.100"
| "colorPalette.200"
| "colorPalette.300"
| "colorPalette.400"
| "colorPalette.500"
| "colorPalette.600"
| "colorPalette.700"
| "colorPalette.800"
| "colorPalette.900"
| "colorPalette.950"
| "colorPalette.subtle"
| "colorPalette.muted"
| "colorPalette.emphasized"
| "colorPalette.inverted"
| "colorPalette.panel"
| "colorPalette.error"
| "colorPalette.warning"
| "colorPalette.success"
| "colorPalette.info"
| "colorPalette.contrast"
| "colorPalette.fg"
| "colorPalette.solid"
| "colorPalette.focusRing"
| "currentBg"
| "aliceblue"
| "antiquewhite"
| "aqua"
| "aquamarine"
| "azure"
| "beige"
| "bisque"
| "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"
| "whitesmoke"
| "yellow"
| "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",
>;
borderTopEndRadius?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderStartEndRadius<String | Number>
| readonly NonNullable<
(BorderStartEndRadius<String | Number> | undefined),
>[],
>;
borderTopLeftRadius?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderTopLeftRadius<String | Number>
| readonly NonNullable<
(BorderTopLeftRadius<String | Number> | undefined),
>[],
>;
borderTopRadius?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderRadius<String | Number>
| readonly NonNullable<(BorderRadius<String | Number> | undefined)>[],
>;
borderTopRightRadius?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderTopRightRadius<String | Number>
| readonly NonNullable<
(BorderTopRightRadius<String | Number> | undefined),
>[],
>;
borderTopStartRadius?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderStartStartRadius<String | Number>
| readonly NonNullable<
(BorderStartStartRadius<String | Number> | undefined),
>[],
>;
borderTopStyle?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BorderTopStyle
| readonly NonNullable<(BorderTopStyle | undefined)>[],
>;
borderTopWidth?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BorderTopWidth<String | Number>
| readonly NonNullable<(BorderTopWidth<String | Number> | undefined)>[],
>;
borderWidth?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BorderWidth<String | Number>
| readonly NonNullable<(BorderWidth<String | Number> | undefined)>[],
>;
borderX?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BordersToken
| BorderInline<String | Number>
| readonly NonNullable<(BorderInline<String | Number> | undefined)>[],
>;
borderXWidth?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BorderInlineWidth<String | Number>
| readonly NonNullable<(BorderInlineWidth<String | Number> | undefined)>[],
>;
borderY?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BordersToken
| BorderBlock<String | Number>
| readonly NonNullable<(BorderBlock<String | Number> | undefined)>[],
>;
borderYWidth?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| BorderBlockWidth<String | Number>
| readonly NonNullable<(BorderBlockWidth<String | Number> | undefined)>[],
>;
bottom?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| Bottom<String | Number>
| readonly NonNullable<(Bottom<String | Number> | undefined)>[],
>;
boxAlign?: ConditionalValue<
| undefined
| AnyString
| BoxAlign
| readonly NonNullable<(BoxAlign | undefined)>[],
>;
boxDecorationBreak?: ConditionalValue<
| undefined
| AnyString
| BoxDecorationBreak
| readonly NonNullable<(BoxDecorationBreak | undefined)>[],
>;
boxDirection?: ConditionalValue<
| undefined
| AnyString
| BoxDirection
| readonly NonNullable<(BoxDirection | undefined)>[],
>;
boxFlex?: ConditionalValue<
| undefined
| AnyString
| BoxFlex
| readonly NonNullable<(BoxFlex | undefined)>[],
>;
boxFlexGroup?: ConditionalValue<
| undefined
| AnyString
| BoxFlexGroup
| readonly NonNullable<(BoxFlexGroup | undefined)>[],
>;
boxLines?: ConditionalValue<
| undefined
| AnyString
| BoxLines
| readonly NonNullable<(BoxLines | undefined)>[],
>;
boxOrdinalGroup?: ConditionalValue<
| undefined
| AnyString
| BoxOrdinalGroup
| readonly NonNullable<(BoxOrdinalGroup | undefined)>[],
>;
boxOrient?: ConditionalValue<
| undefined
| AnyString
| BoxOrient
| readonly NonNullable<(BoxOrient | undefined)>[],
>;
boxPack?: ConditionalValue<
| undefined
| AnyString
| BoxPack
| readonly NonNullable<(BoxPack | undefined)>[],
>;
boxShadow?: ConditionalValue<
| undefined
| readonly string[]
| `var(--${string})`
| AnyString
| ShadowsToken
| BoxShadow,
>;
boxShadowColor?: ConditionalValue<
(`var(--${string})` | AnyString | ColorsToken | "currentBg"),
>;
boxSize?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| SizesToken
| Width<String | Number>
| readonly NonNullable<(Width<String | Number> | undefined)>[],
>;
boxSizing?: ConditionalValue<
| undefined
| AnyString
| BoxSizing
| readonly NonNullable<(BoxSizing | undefined)>[],
>;
breakAfter?: ConditionalValue<
| undefined
| AnyString
| BreakAfter
| readonly NonNullable<(BreakAfter | undefined)>[],
>;
breakBefore?: ConditionalValue<
| undefined
| AnyString
| BreakBefore
| readonly NonNullable<(BreakBefore | undefined)>[],
>;
breakInside?: ConditionalValue<
| undefined
| AnyString
| BreakInside
| readonly NonNullable<(BreakInside | undefined)>[],
>;
brightness?: ConditionalValue<string | number | AnyString>;
captionSide?: ConditionalValue<
| undefined
| AnyString
| CaptionSide
| readonly NonNullable<(CaptionSide | undefined)>[],
>;
caret?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| Caret,
>;
caretColor?: ConditionalValue<
| undefined
| "border"
| "bg"
| "colorPalette"
| string & {}
| "auto"
| "inherit"
| "initial"
| readonly string[]
| "current"
| `var(--${string})`
| AnyString
| "-moz-initial"
| "revert"
| "revert-layer"
| "unset"
| "transparent"
| "black"
| "white"
| "whiteAlpha.50"
| "whiteAlpha.100"
| "whiteAlpha.200"
| "whiteAlpha.300"
| "whiteAlpha.400"
| "whiteAlpha.500"
| "whiteAlpha.600"
| "whiteAlpha.700"
| "whiteAlpha.800"
| "whiteAlpha.900"
| "whiteAlpha.950"
| "blackAlpha.50"
| "blackAlpha.100"
| "blackAlpha.200"
| "blackAlpha.300"
| "blackAlpha.400"
| "blackAlpha.500"
| "blackAlpha.600"
| "blackAlpha.700"
| "blackAlpha.800"
| "blackAlpha.900"
| "blackAlpha.950"
| "gray.50"
| "gray.100"
| "gray.200"
| "gray.300"
| "gray.400"
| "gray.500"
| "gray.600"
| "gray.700"
| "gray.800"
| "gray.900"
| "gray.950"
| "red.50"
| "red.100"
| "red.200"
| "red.300"
| "red.400"
| "red.500"
| "red.600"
| "red.700"
| "red.800"
| "red.900"
| "red.950"
| "orange.50"
| "orange.100"
| "orange.200"
| "orange.300"
| "orange.400"
| "orange.500"
| "orange.600"
| "orange.700"
| "orange.800"
| "orange.900"
| "orange.950"
| "yellow.50"
| "yellow.100"
| "yellow.200"
| "yellow.300"
| "yellow.400"
| "yellow.500"
| "yellow.600"
| "yellow.700"
| "yellow.800"
| "yellow.900"
| "yellow.950"
| "green.50"
| "green.100"
| "green.200"
| "green.300"
| "green.400"
| "green.500"
| "green.600"
| "green.700"
| "green.800"
| "green.900"
| "green.950"
| "teal.50"
| "teal.100"
| "teal.200"
| "teal.300"
| "teal.400"
| "teal.500"
| "teal.600"
| "teal.700"
| "teal.800"
| "teal.900"
| "teal.950"
| "blue.50"
| "blue.100"
| "blue.200"
| "blue.300"
| "blue.400"
| "blue.500"
| "blue.600"
| "blue.700"
| "blue.800"
| "blue.900"
| "blue.950"
| "cyan.50"
| "cyan.100"
| "cyan.200"
| "cyan.300"
| "cyan.400"
| "cyan.500"
| "cyan.600"
| "cyan.700"
| "cyan.800"
| "cyan.900"
| "cyan.950"
| "purple.50"
| "purple.100"
| "purple.200"
| "purple.300"
| "purple.400"
| "purple.500"
| "purple.600"
| "purple.700"
| "purple.800"
| "purple.900"
| "purple.950"
| "pink.50"
| "pink.100"
| "pink.200"
| "pink.300"
| "pink.400"
| "pink.500"
| "pink.600"
| "pink.700"
| "pink.800"
| "pink.900"
| "pink.950"
| "bg.subtle"
| "bg.muted"
| "bg.emphasized"
| "bg.inverted"
| "bg.panel"
| "bg.error"
| "bg.warning"
| "bg.success"
| "bg.info"
| "fg"
| "fg.muted"
| "fg.subtle"
| "fg.inverted"
| "fg.error"
| "fg.warning"
| "fg.success"
| "fg.info"
| "border.muted"
| "border.subtle"
| "border.emphasized"
| "border.inverted"
| "border.error"
| "border.warning"
| "border.success"
| "border.info"
| "gray.contrast"
| "gray.fg"
| "gray.subtle"
| "gray.muted"
| "gray.emphasized"
| "gray.solid"
| "gray.focusRing"
| "red.contrast"
| "red.fg"
| "red.subtle"
| "red.muted"
| "red.emphasized"
| "red.solid"
| "red.focusRing"
| "orange.contrast"
| "orange.fg"
| "orange.subtle"
| "orange.muted"
| "orange.emphasized"
| "orange.solid"
| "orange.focusRing"
| "green.contrast"
| "green.fg"
| "green.subtle"
| "green.muted"
| "green.emphasized"
| "green.solid"
| "green.focusRing"
| "blue.contrast"
| "blue.fg"
| "blue.subtle"
| "blue.muted"
| "blue.emphasized"
| "blue.solid"
| "blue.focusRing"
| "yellow.contrast"
| "yellow.fg"
| "yellow.subtle"
| "yellow.muted"
| "yellow.emphasized"
| "yellow.solid"
| "yellow.focusRing"
| "teal.contrast"
| "teal.fg"
| "teal.subtle"
| "teal.muted"
| "teal.emphasized"
| "teal.solid"
| "teal.focusRing"
| "purple.contrast"
| "purple.fg"
| "purple.subtle"
| "purple.muted"
| "purple.emphasized"
| "purple.solid"
| "purple.focusRing"
| "pink.contrast"
| "pink.fg"
| "pink.subtle"
| "pink.muted"
| "pink.emphasized"
| "pink.solid"
| "pink.focusRing"
| "cyan.contrast"
| "cyan.fg"
| "cyan.subtle"
| "cyan.muted"
| "cyan.emphasized"
| "cyan.solid"
| "cyan.focusRing"
| "colorPalette.50"
| "colorPalette.100"
| "colorPalette.200"
| "colorPalette.300"
| "colorPalette.400"
| "colorPalette.500"
| "colorPalette.600"
| "colorPalette.700"
| "colorPalette.800"
| "colorPalette.900"
| "colorPalette.950"
| "colorPalette.subtle"
| "colorPalette.muted"
| "colorPalette.emphasized"
| "colorPalette.inverted"
| "colorPalette.panel"
| "colorPalette.error"
| "colorPalette.warning"
| "colorPalette.success"
| "colorPalette.info"
| "colorPalette.contrast"
| "colorPalette.fg"
| "colorPalette.solid"
| "colorPalette.focusRing"
| "currentBg"
| "aliceblue"
| "antiquewhite"
| "aqua"
| "aquamarine"
| "azure"
| "beige"
| "bisque"
| "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"
| "whitesmoke"
| "yellow"
| "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",
>;
caretShape?: ConditionalValue<
| undefined
| AnyString
| CaretShape
| readonly NonNullable<(CaretShape | undefined)>[],
>;
children?: ReactNode;
className?: string;
clear?: ConditionalValue<
| undefined
| AnyString
| Clear
| readonly NonNullable<(Clear | undefined)>[],
>;
clip?: ConditionalValue<undefined | readonly string[] | AnyString | Clip>;
clipPath?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| ClipPath,
>;
clipRule?: ConditionalValue<
| undefined
| AnyString
| ClipRule
| readonly NonNullable<(ClipRule | undefined)>[],
>;
color?: ConditionalValue<
| undefined
| "border"
| "bg"
| "colorPalette"
| string & {}
| "inherit"
| "initial"
| readonly string[]
| "current"
| `var(--${string})`
| AnyString
| "-moz-initial"
| "revert"
| "revert-layer"
| "unset"
| "transparent"
| "black"
| "white"
| "whiteAlpha.50"
| "whiteAlpha.100"
| "whiteAlpha.200"
| "whiteAlpha.300"
| "whiteAlpha.400"
| "whiteAlpha.500"
| "whiteAlpha.600"
| "whiteAlpha.700"
| "whiteAlpha.800"
| "whiteAlpha.900"
| "whiteAlpha.950"
| "blackAlpha.50"
| "blackAlpha.100"
| "blackAlpha.200"
| "blackAlpha.300"
| "blackAlpha.400"
| "blackAlpha.500"
| "blackAlpha.600"
| "blackAlpha.700"
| "blackAlpha.800"
| "blackAlpha.900"
| "blackAlpha.950"
| "gray.50"
| "gray.100"
| "gray.200"
| "gray.300"
| "gray.400"
| "gray.500"
| "gray.600"
| "gray.700"
| "gray.800"
| "gray.900"
| "gray.950"
| "red.50"
| "red.100"
| "red.200"
| "red.300"
| "red.400"
| "red.500"
| "red.600"
| "red.700"
| "red.800"
| "red.900"
| "red.950"
| "orange.50"
| "orange.100"
| "orange.200"
| "orange.300"
| "orange.400"
| "orange.500"
| "orange.600"
| "orange.700"
| "orange.800"
| "orange.900"
| "orange.950"
| "yellow.50"
| "yellow.100"
| "yellow.200"
| "yellow.300"
| "yellow.400"
| "yellow.500"
| "yellow.600"
| "yellow.700"
| "yellow.800"
| "yellow.900"
| "yellow.950"
| "green.50"
| "green.100"
| "green.200"
| "green.300"
| "green.400"
| "green.500"
| "green.600"
| "green.700"
| "green.800"
| "green.900"
| "green.950"
| "teal.50"
| "teal.100"
| "teal.200"
| "teal.300"
| "teal.400"
| "teal.500"
| "teal.600"
| "teal.700"
| "teal.800"
| "teal.900"
| "teal.950"
| "blue.50"
| "blue.100"
| "blue.200"
| "blue.300"
| "blue.400"
| "blue.500"
| "blue.600"
| "blue.700"
| "blue.800"
| "blue.900"
| "blue.950"
| "cyan.50"
| "cyan.100"
| "cyan.200"
| "cyan.300"
| "cyan.400"
| "cyan.500"
| "cyan.600"
| "cyan.700"
| "cyan.800"
| "cyan.900"
| "cyan.950"
| "purple.50"
| "purple.100"
| "purple.200"
| "purple.300"
| "purple.400"
| "purple.500"
| "purple.600"
| "purple.700"
| "purple.800"
| "purple.900"
| "purple.950"
| "pink.50"
| "pink.100"
| "pink.200"
| "pink.300"
| "pink.400"
| "pink.500"
| "pink.600"
| "pink.700"
| "pink.800"
| "pink.900"
| "pink.950"
| "bg.subtle"
| "bg.muted"
| "bg.emphasized"
| "bg.inverted"
| "bg.panel"
| "bg.error"
| "bg.warning"
| "bg.success"
| "bg.info"
| "fg"
| "fg.muted"
| "fg.subtle"
| "fg.inverted"
| "fg.error"
| "fg.warning"
| "fg.success"
| "fg.info"
| "border.muted"
| "border.subtle"
| "border.emphasized"
| "border.inverted"
| "border.error"
| "border.warning"
| "border.success"
| "border.info"
| "gray.contrast"
| "gray.fg"
| "gray.subtle"
| "gray.muted"
| "gray.emphasized"
| "gray.solid"
| "gray.focusRing"
| "red.contrast"
| "red.fg"
| "red.subtle"
| "red.muted"
| "red.emphasized"
| "red.solid"
| "red.focusRing"
| "orange.contrast"
| "orange.fg"
| "orange.subtle"
| "orange.muted"
| "orange.emphasized"
| "orange.solid"
| "orange.focusRing"
| "green.contrast"
| "green.fg"
| "green.subtle"
| "green.muted"
| "green.emphasized"
| "green.solid"
| "green.focusRing"
| "blue.contrast"
| "blue.fg"
| "blue.subtle"
| "blue.muted"
| "blue.emphasized"
| "blue.solid"
| "blue.focusRing"
| "yellow.contrast"
| "yellow.fg"
| "yellow.subtle"
| "yellow.muted"
| "yellow.emphasized"
| "yellow.solid"
| "yellow.focusRing"
| "teal.contrast"
| "teal.fg"
| "teal.subtle"
| "teal.muted"
| "teal.emphasized"
| "teal.solid"
| "teal.focusRing"
| "purple.contrast"
| "purple.fg"
| "purple.subtle"
| "purple.muted"
| "purple.emphasized"
| "purple.solid"
| "purple.focusRing"
| "pink.contrast"
| "pink.fg"
| "pink.subtle"
| "pink.muted"
| "pink.emphasized"
| "pink.solid"
| "pink.focusRing"
| "cyan.contrast"
| "cyan.fg"
| "cyan.subtle"
| "cyan.muted"
| "cyan.emphasized"
| "cyan.solid"
| "cyan.focusRing"
| "colorPalette.50"
| "colorPalette.100"
| "colorPalette.200"
| "colorPalette.300"
| "colorPalette.400"
| "colorPalette.500"
| "colorPalette.600"
| "colorPalette.700"
| "colorPalette.800"
| "colorPalette.900"
| "colorPalette.950"
| "colorPalette.subtle"
| "colorPalette.muted"
| "colorPalette.emphasized"
| "colorPalette.inverted"
| "colorPalette.panel"
| "colorPalette.error"
| "colorPalette.warning"
| "colorPalette.success"
| "colorPalette.info"
| "colorPalette.contrast"
| "colorPalette.fg"
| "colorPalette.solid"
| "colorPalette.focusRing"
| "currentBg"
| "aliceblue"
| "antiquewhite"
| "aqua"
| "aquamarine"
| "azure"
| "beige"
| "bisque"
| "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"
| "whitesmoke"
| "yellow"
| "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",
>;
colorInterpolation?: ConditionalValue<
| undefined
| AnyString
| ColorInterpolation
| readonly NonNullable<(ColorInterpolation | undefined)>[],
>;
colorPalette?: ConditionalValue<
| "border"
| "bg"
| "current"
| `var(--${string})`
| AnyString
| "transparent"
| "black"
| "white"
| "fg"
| "blue"
| "cyan"
| "gray"
| "green"
| "orange"
| "pink"
| "purple"
| "red"
| "teal"
| "yellow"
| "whiteAlpha"
| "blackAlpha",
>;
colorRendering?: ConditionalValue<
| undefined
| AnyString
| ColorRendering
| readonly NonNullable<(ColorRendering | undefined)>[],
>;
colorScheme?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| ColorScheme,
>;
columnCount?: ConditionalValue<
| undefined
| AnyString
| ColumnCount
| readonly NonNullable<(ColumnCount | undefined)>[],
>;
columnFill?: ConditionalValue<
| undefined
| AnyString
| ColumnFill
| readonly NonNullable<(ColumnFill | undefined)>[],
>;
columnGap?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| ColumnGap<String | Number>
| readonly NonNullable<(ColumnGap<String | Number> | undefined)>[],
>;
columnRule?: ConditionalValue<
| undefined
| AnyString
| ColumnRule<String | Number>
| readonly NonNullable<(ColumnRule<String | Number> | undefined)>[],
>;
columnRuleColor?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| ColumnRuleColor,
>;
columnRuleStyle?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| ColumnRuleStyle,
>;
columnRuleWidth?: ConditionalValue<
| undefined
| AnyString
| ColumnRuleWidth<String | Number>
| readonly NonNullable<(ColumnRuleWidth<String | Number> | undefined)>[],
>;
columns?: ConditionalValue<
| undefined
| AnyString
| Columns<String | Number>
| readonly NonNullable<(Columns<String | Number> | undefined)>[],
>;
columnSpan?: ConditionalValue<
| undefined
| AnyString
| ColumnSpan
| readonly NonNullable<(ColumnSpan | undefined)>[],
>;
columnWidth?: ConditionalValue<
| undefined
| AnyString
| ColumnWidth<String | Number>
| readonly NonNullable<(ColumnWidth<String | Number> | undefined)>[],
>;
contain?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| Contain,
>;
container?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| Container,
>;
containerName?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| ContainerName,
>;
containerType?: ConditionalValue<
| undefined
| AnyString
| ContainerType
| readonly NonNullable<(ContainerType | undefined)>[],
>;
containIntrinsicBlockSize?: ConditionalValue<
| undefined
| AnyString
| ContainIntrinsicBlockSize<String | Number>
| readonly NonNullable<
(ContainIntrinsicBlockSize<String | Number> | undefined),
>[],
>;
containIntrinsicHeight?: ConditionalValue<
| undefined
| AnyString
| ContainIntrinsicHeight<String | Number>
| readonly NonNullable<
(ContainIntrinsicHeight<String | Number> | undefined),
>[],
>;
containIntrinsicInlineSize?: ConditionalValue<
| undefined
| AnyString
| ContainIntrinsicInlineSize<String | Number>
| readonly NonNullable<
(ContainIntrinsicInlineSize<String | Number> | undefined),
>[],
>;
containIntrinsicSize?: ConditionalValue<
| undefined
| AnyString
| ContainIntrinsicSize<String | Number>
| readonly NonNullable<
(ContainIntrinsicSize<String | Number> | undefined),
>[],
>;
containIntrinsicWidth?: ConditionalValue<
| undefined
| AnyString
| ContainIntrinsicWidth<String | Number>
| readonly NonNullable<
(ContainIntrinsicWidth<String | Number> | undefined),
>[],
>;
content?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| Content,
>;
contentEditable?: "inherit" | Booleanish | "plaintext-only";
contentVisibility?: ConditionalValue<
| undefined
| AnyString
| ContentVisibility
| readonly NonNullable<(ContentVisibility | undefined)>[],
>;
contextMenu?: string;
contrast?: ConditionalValue<string | number | AnyString>;
counterIncrement?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| CounterIncrement,
>;
counterReset?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| CounterReset,
>;
counterSet?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| CounterSet,
>;
css?:
| SystemStyleObject
| Omit<(undefined | SystemStyleObject)[], keyof any[]>;
cursor?: ConditionalValue<
| undefined
| readonly string[]
| `var(--${string})`
| AnyString
| CursorToken
| Cursor,
>;
dangerouslySetInnerHTML?: { __html: string
| TrustedHTML };
datatype?: string;
debug?: ConditionalValue<boolean | `var(--${string})` | AnyString>;
defaultChecked?: boolean;
defaultValue?: string | number | readonly string[];
dir?: string;
direction?: ConditionalValue<
| undefined
| AnyString
| Direction
| readonly NonNullable<(Direction | undefined)>[],
>;
disabled?: boolean;
display?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| Display,
>;
divideColor?: ConditionalValue<
(`var(--${string})` | AnyString | ColorsToken | "currentBg"),
>;
divideStyle?: ConditionalValue<
| undefined
| readonly string[]
| `var(--${string})`
| AnyString
| BorderStyle,
>;
divideX?: ConditionalValue<string | AnyString>;
divideY?: ConditionalValue<string | AnyString>;
dominantBaseline?: ConditionalValue<
| undefined
| AnyString
| DominantBaseline
| readonly NonNullable<(DominantBaseline | undefined)>[],
>;
draggable?: Booleanish;
dropShadow?: ConditionalValue<string | number | AnyString>;
emptyCells?: ConditionalValue<
| undefined
| AnyString
| EmptyCells
| readonly NonNullable<(EmptyCells | undefined)>[],
>;
enterKeyHint?:
| "search"
| "enter"
| "done"
| "go"
| "next"
| "previous"
| "send";
fill?: ConditionalValue<
| undefined
| "border"
| "bg"
| "colorPalette"
| string & {}
| "none"
| "inherit"
| "initial"
| readonly string[]
| "current"
| `var(--${string})`
| AnyString
| "-moz-initial"
| "revert"
| "revert-layer"
| "unset"
| "transparent"
| "black"
| "white"
| "whiteAlpha.50"
| "whiteAlpha.100"
| "whiteAlpha.200"
| "whiteAlpha.300"
| "whiteAlpha.400"
| "whiteAlpha.500"
| "whiteAlpha.600"
| "whiteAlpha.700"
| "whiteAlpha.800"
| "whiteAlpha.900"
| "whiteAlpha.950"
| "blackAlpha.50"
| "blackAlpha.100"
| "blackAlpha.200"
| "blackAlpha.300"
| "blackAlpha.400"
| "blackAlpha.500"
| "blackAlpha.600"
| "blackAlpha.700"
| "blackAlpha.800"
| "blackAlpha.900"
| "blackAlpha.950"
| "gray.50"
| "gray.100"
| "gray.200"
| "gray.300"
| "gray.400"
| "gray.500"
| "gray.600"
| "gray.700"
| "gray.800"
| "gray.900"
| "gray.950"
| "red.50"
| "red.100"
| "red.200"
| "red.300"
| "red.400"
| "red.500"
| "red.600"
| "red.700"
| "red.800"
| "red.900"
| "red.950"
| "orange.50"
| "orange.100"
| "orange.200"
| "orange.300"
| "orange.400"
| "orange.500"
| "orange.600"
| "orange.700"
| "orange.800"
| "orange.900"
| "orange.950"
| "yellow.50"
| "yellow.100"
| "yellow.200"
| "yellow.300"
| "yellow.400"
| "yellow.500"
| "yellow.600"
| "yellow.700"
| "yellow.800"
| "yellow.900"
| "yellow.950"
| "green.50"
| "green.100"
| "green.200"
| "green.300"
| "green.400"
| "green.500"
| "green.600"
| "green.700"
| "green.800"
| "green.900"
| "green.950"
| "teal.50"
| "teal.100"
| "teal.200"
| "teal.300"
| "teal.400"
| "teal.500"
| "teal.600"
| "teal.700"
| "teal.800"
| "teal.900"
| "teal.950"
| "blue.50"
| "blue.100"
| "blue.200"
| "blue.300"
| "blue.400"
| "blue.500"
| "blue.600"
| "blue.700"
| "blue.800"
| "blue.900"
| "blue.950"
| "cyan.50"
| "cyan.100"
| "cyan.200"
| "cyan.300"
| "cyan.400"
| "cyan.500"
| "cyan.600"
| "cyan.700"
| "cyan.800"
| "cyan.900"
| "cyan.950"
| "purple.50"
| "purple.100"
| "purple.200"
| "purple.300"
| "purple.400"
| "purple.500"
| "purple.600"
| "purple.700"
| "purple.800"
| "purple.900"
| "purple.950"
| "pink.50"
| "pink.100"
| "pink.200"
| "pink.300"
| "pink.400"
| "pink.500"
| "pink.600"
| "pink.700"
| "pink.800"
| "pink.900"
| "pink.950"
| "bg.subtle"
| "bg.muted"
| "bg.emphasized"
| "bg.inverted"
| "bg.panel"
| "bg.error"
| "bg.warning"
| "bg.success"
| "bg.info"
| "fg"
| "fg.muted"
| "fg.subtle"
| "fg.inverted"
| "fg.error"
| "fg.warning"
| "fg.success"
| "fg.info"
| "border.muted"
| "border.subtle"
| "border.emphasized"
| "border.inverted"
| "border.error"
| "border.warning"
| "border.success"
| "border.info"
| "gray.contrast"
| "gray.fg"
| "gray.subtle"
| "gray.muted"
| "gray.emphasized"
| "gray.solid"
| "gray.focusRing"
| "red.contrast"
| "red.fg"
| "red.subtle"
| "red.muted"
| "red.emphasized"
| "red.solid"
| "red.focusRing"
| "orange.contrast"
| "orange.fg"
| "orange.subtle"
| "orange.muted"
| "orange.emphasized"
| "orange.solid"
| "orange.focusRing"
| "green.contrast"
| "green.fg"
| "green.subtle"
| "green.muted"
| "green.emphasized"
| "green.solid"
| "green.focusRing"
| "blue.contrast"
| "blue.fg"
| "blue.subtle"
| "blue.muted"
| "blue.emphasized"
| "blue.solid"
| "blue.focusRing"
| "yellow.contrast"
| "yellow.fg"
| "yellow.subtle"
| "yellow.muted"
| "yellow.emphasized"
| "yellow.solid"
| "yellow.focusRing"
| "teal.contrast"
| "teal.fg"
| "teal.subtle"
| "teal.muted"
| "teal.emphasized"
| "teal.solid"
| "teal.focusRing"
| "purple.contrast"
| "purple.fg"
| "purple.subtle"
| "purple.muted"
| "purple.emphasized"
| "purple.solid"
| "purple.focusRing"
| "pink.contrast"
| "pink.fg"
| "pink.subtle"
| "pink.muted"
| "pink.emphasized"
| "pink.solid"
| "pink.focusRing"
| "cyan.contrast"
| "cyan.fg"
| "cyan.subtle"
| "cyan.muted"
| "cyan.emphasized"
| "cyan.solid"
| "cyan.focusRing"
| "colorPalette.50"
| "colorPalette.100"
| "colorPalette.200"
| "colorPalette.300"
| "colorPalette.400"
| "colorPalette.500"
| "colorPalette.600"
| "colorPalette.700"
| "colorPalette.800"
| "colorPalette.900"
| "colorPalette.950"
| "colorPalette.subtle"
| "colorPalette.muted"
| "colorPalette.emphasized"
| "colorPalette.inverted"
| "colorPalette.panel"
| "colorPalette.error"
| "colorPalette.warning"
| "colorPalette.success"
| "colorPalette.info"
| "colorPalette.contrast"
| "colorPalette.fg"
| "colorPalette.solid"
| "colorPalette.focusRing"
| "currentBg"
| "aliceblue"
| "antiquewhite"
| "aqua"
| "aquamarine"
| "azure"
| "beige"
| "bisque"
| "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"
| "whitesmoke"
| "yellow"
| "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"
| "child"
| "context-fill"
| "context-stroke",
>;
fillOpacity?: ConditionalValue<
| undefined
| AnyString
| FillOpacity
| readonly NonNullable<(FillOpacity | undefined)>[],
>;
fillRule?: ConditionalValue<
| undefined
| AnyString
| FillRule
| readonly NonNullable<(FillRule | undefined)>[],
>;
filter?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| Filter,
>;
flex?: ConditionalValue<
| undefined
| AnyString
| Flex<String | Number>
| readonly NonNullable<(Flex<String | Number> | undefined)>[],
>;
flexBasis?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| SizesToken
| FlexBasis<String | Number>
| readonly NonNullable<(FlexBasis<String | Number> | undefined)>[],
>;
flexDir?: ConditionalValue<
| undefined
| AnyString
| FlexDirection
| readonly NonNullable<(FlexDirection | undefined)>[],
>;
flexDirection?: ConditionalValue<
| undefined
| AnyString
| FlexDirection
| readonly NonNullable<(FlexDirection | undefined)>[],
>;
flexFlow?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| FlexFlow,
>;
flexGrow?: ConditionalValue<
| undefined
| AnyString
| FlexGrow
| readonly NonNullable<(FlexGrow | undefined)>[],
>;
flexShrink?: ConditionalValue<
| undefined
| AnyString
| FlexShrink
| readonly NonNullable<(FlexShrink | undefined)>[],
>;
flexWrap?: ConditionalValue<
| undefined
| AnyString
| FlexWrap
| readonly NonNullable<(FlexWrap | undefined)>[],
>;
float?: ConditionalValue<
| undefined
| AnyString
| Float
| readonly NonNullable<(Float | undefined)>[],
>;
floodColor?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| FloodColor,
>;
floodOpacity?: ConditionalValue<
| undefined
| AnyString
| FloodOpacity
| readonly NonNullable<(FloodOpacity | undefined)>[],
>;
focusRing?: ConditionalValue<
| "none"
| `var(--${string})`
| AnyString
| "inside"
| "outside"
| "mixed",
>;
focusRingColor?: ConditionalValue<
(`var(--${string})` | AnyString | ColorsToken | "currentBg"),
>;
focusRingStyle?: ConditionalValue<
| undefined
| readonly string[]
| `var(--${string})`
| AnyString
| OutlineStyle,
>;
focusRingWidth?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| OutlineWidth<String | Number>
| readonly NonNullable<(OutlineWidth<String | Number> | undefined)>[],
>;
focusVisibleRing?: ConditionalValue<
| "none"
| `var(--${string})`
| AnyString
| "inside"
| "outside"
| "mixed",
>;
font?: ConditionalValue<undefined | readonly string[] | AnyString | Font>;
fontFamily?: ConditionalValue<
| undefined
| readonly string[]
| `var(--${string})`
| AnyString
| FontsToken
| FontFamily,
>;
fontFeatureSettings?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| FontFeatureSettings,
>;
fontKerning?: ConditionalValue<
| undefined
| AnyString
| FontKerning
| readonly NonNullable<(FontKerning | undefined)>[],
>;
fontLanguageOverride?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| FontLanguageOverride,
>;
fontOpticalSizing?: ConditionalValue<
| undefined
| AnyString
| FontOpticalSizing
| readonly NonNullable<(FontOpticalSizing | undefined)>[],
>;
fontPalette?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| FontPalette,
>;
fontSize?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| FontSizesToken
| FontSize<String | Number>
| readonly NonNullable<(FontSize<String | Number> | undefined)>[],
>;
fontSizeAdjust?: ConditionalValue<
| undefined
| AnyString
| FontSizeAdjust
| readonly NonNullable<(FontSizeAdjust | undefined)>[],
>;
fontSmooth?: ConditionalValue<
| undefined
| AnyString
| FontSmooth<String | Number>
| readonly NonNullable<(FontSmooth<String | Number> | undefined)>[],
>;
fontStretch?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| FontStretch,
>;
fontStyle?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| FontStyle,
>;
fontSynthesis?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| FontSynthesis,
>;
fontSynthesisPosition?: ConditionalValue<
| undefined
| AnyString
| FontSynthesisPosition
| readonly NonNullable<(FontSynthesisPosition | undefined)>[],
>;
fontSynthesisSmallCaps?: ConditionalValue<
| undefined
| AnyString
| FontSynthesisSmallCaps
| readonly NonNullable<(FontSynthesisSmallCaps | undefined)>[],
>;
fontSynthesisStyle?: ConditionalValue<
| undefined
| AnyString
| FontSynthesisStyle
| readonly NonNullable<(FontSynthesisStyle | undefined)>[],
>;
fontSynthesisWeight?: ConditionalValue<
| undefined
| AnyString
| FontSynthesisWeight
| readonly NonNullable<(FontSynthesisWeight | undefined)>[],
>;
fontVariant?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| FontVariant,
>;
fontVariantAlternates?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| FontVariantAlternates,
>;
fontVariantCaps?: ConditionalValue<
| undefined
| AnyString
| FontVariantCaps
| readonly NonNullable<(FontVariantCaps | undefined)>[],
>;
fontVariantEastAsian?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| FontVariantEastAsian,
>;
fontVariantEmoji?: ConditionalValue<
| undefined
| AnyString
| FontVariantEmoji
| readonly NonNullable<(FontVariantEmoji | undefined)>[],
>;
fontVariantLigatures?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| FontVariantLigatures,
>;
fontVariantNumeric?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| FontVariantNumeric,
>;
fontVariantPosition?: ConditionalValue<
| undefined
| AnyString
| FontVariantPosition
| readonly NonNullable<(FontVariantPosition | undefined)>[],
>;
fontVariationSettings?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| FontVariationSettings,
>;
fontWeight?: ConditionalValue<
| undefined
| "bold"
| string & {}
| "inherit"
| "initial"
| `var(--${string})`
| AnyString
| "-moz-initial"
| "revert"
| "revert-layer"
| "unset"
| "normal"
| "black"
| "medium"
| "thin"
| number & {}
| "light"
| "extralight"
| "semibold"
| "extrabold"
| "bolder"
| "lighter"
| readonly NonNullable<undefined | FontWeight>[],
>;
forcedColorAdjust?: ConditionalValue<
| undefined
| AnyString
| ForcedColorAdjust
| readonly NonNullable<(ForcedColorAdjust | undefined)>[],
>;
form?: string;
formAction?: string;
formEncType?: string;
formMethod?: string;
formNoValidate?: boolean;
formTarget?: string;
gap?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| Gap<String | Number>
| readonly NonNullable<(Gap<String | Number> | undefined)>[],
>;
gapX?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| ColumnGap<String | Number>
| readonly NonNullable<(ColumnGap<String | Number> | undefined)>[],
>;
gapY?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| RowGap<String | Number>
| readonly NonNullable<(RowGap<String | Number> | undefined)>[],
>;
glyphOrientationVertical?: ConditionalValue<
| undefined
| AnyString
| GlyphOrientationVertical
| readonly NonNullable<(GlyphOrientationVertical | undefined)>[],
>;
gradientFrom?: ConditionalValue<
(`var(--${string})` | AnyString | ColorsToken | "currentBg"),
>;
gradientTo?: ConditionalValue<
(`var(--${string})` | AnyString | ColorsToken | "currentBg"),
>;
gradientVia?: ConditionalValue<
(`var(--${string})` | AnyString | ColorsToken | "currentBg"),
>;
grayscale?: ConditionalValue<string | number | AnyString>;
grid?: ConditionalValue<undefined | readonly string[] | AnyString | Grid>;
gridArea?: ConditionalValue<
| undefined
| AnyString
| GridArea
| readonly NonNullable<(GridArea | undefined)>[],
>;
gridAutoColumns?: ConditionalValue<
| undefined
| AnyString
| GridAutoColumns<String | Number>
| readonly NonNullable<(GridAutoColumns<String | Number> | undefined)>[],
>;
gridAutoFlow?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| GridAutoFlow,
>;
gridAutoRows?: ConditionalValue<
| undefined
| AnyString
| GridAutoRows<String | Number>
| readonly NonNullable<(GridAutoRows<String | Number> | undefined)>[],
>;
gridColumn?: ConditionalValue<
| undefined
| AnyString
| GridColumn
| readonly NonNullable<(GridColumn | undefined)>[],
>;
gridColumnEnd?: ConditionalValue<
| undefined
| AnyString
| GridColumnEnd
| readonly NonNullable<(GridColumnEnd | undefined)>[],
>;
gridColumnGap?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| GridColumnGap<String | Number>
| readonly NonNullable<(GridColumnGap<String | Number> | undefined)>[],
>;
gridColumnStart?: ConditionalValue<
| undefined
| AnyString
| GridColumnStart
| readonly NonNullable<(GridColumnStart | undefined)>[],
>;
gridGap?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| GridGap<String | Number>
| readonly NonNullable<(GridGap<String | Number> | undefined)>[],
>;
gridRow?: ConditionalValue<
| undefined
| AnyString
| GridRow
| readonly NonNullable<(GridRow | undefined)>[],
>;
gridRowEnd?: ConditionalValue<
| undefined
| AnyString
| GridRowEnd
| readonly NonNullable<(GridRowEnd | undefined)>[],
>;
gridRowGap?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| GridRowGap<String | Number>
| readonly NonNullable<(GridRowGap<String | Number> | undefined)>[],
>;
gridRowStart?: ConditionalValue<
| undefined
| AnyString
| GridRowStart
| readonly NonNullable<(GridRowStart | undefined)>[],
>;
gridTemplate?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| GridTemplate,
>;
gridTemplateAreas?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| GridTemplateAreas,
>;
gridTemplateColumns?: ConditionalValue<
| undefined
| AnyString
| GridTemplateColumns<String | Number>
| readonly NonNullable<
(GridTemplateColumns<String | Number> | undefined),
>[],
>;
gridTemplateRows?: ConditionalValue<
| undefined
| AnyString
| GridTemplateRows<String | Number>
| readonly NonNullable<(GridTemplateRows<String | Number> | undefined)>[],
>;
h?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| SizesToken
| Height<String | Number>
| readonly NonNullable<(Height<String | Number> | undefined)>[],
>;
hangingPunctuation?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| HangingPunctuation,
>;
height?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| SizesToken
| Height<String | Number>
| readonly NonNullable<(Height<String | Number> | undefined)>[],
>;
hidden?: boolean;
hideBelow?: ConditionalValue<
(`var(--${string})` | AnyString | BreakpointsToken),
>;
hideFrom?: ConditionalValue<
(`var(--${string})` | AnyString | BreakpointsToken),
>;
htmlContent?: string;
htmlHeight?: string | number;
htmlSize?: number;
htmlTranslate?: "no" | "yes";
htmlWidth?: string | number;
hueRotate?: ConditionalValue<string | number | AnyString>;
hyphenateCharacter?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| HyphenateCharacter,
>;
hyphenateLimitChars?: ConditionalValue<
| undefined
| AnyString
| HyphenateLimitChars
| readonly NonNullable<(HyphenateLimitChars | undefined)>[],
>;
hyphens?: ConditionalValue<
| undefined
| AnyString
| Hyphens
| readonly NonNullable<(Hyphens | undefined)>[],
>;
id?: string;
imageOrientation?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| ImageOrientation,
>;
imageRendering?: ConditionalValue<
| undefined
| AnyString
| ImageRendering
| readonly NonNullable<(ImageRendering | undefined)>[],
>;
imageResolution?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| ImageResolution,
>;
imeMode?: ConditionalValue<
| undefined
| AnyString
| ImeMode
| readonly NonNullable<(ImeMode | undefined)>[],
>;
initialLetter?: ConditionalValue<
| undefined
| AnyString
| InitialLetter
| readonly NonNullable<(InitialLetter | undefined)>[],
>;
initialLetterAlign?: ConditionalValue<undefined | String | AnyString>;
inlineSize?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| SizesToken
| InlineSize<String | Number>
| readonly NonNullable<(InlineSize<String | Number> | undefined)>[],
>;
inlist?: any;
inputMode?:
| "search"
| "text"
| "email"
| "tel"
| "url"
| "none"
| "numeric"
| "decimal";
inputSecurity?: ConditionalValue<
| undefined
| AnyString
| InputSecurity
| readonly NonNullable<(InputSecurity | undefined)>[],
>;
inset?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| Inset<String | Number>
| readonly NonNullable<(Inset<String | Number> | undefined)>[],
>;
insetBlock?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| InsetBlock<String | Number>
| readonly NonNullable<(InsetBlock<String | Number> | undefined)>[],
>;
insetBlockEnd?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| InsetBlockEnd<String | Number>
| readonly NonNullable<(InsetBlockEnd<String | Number> | undefined)>[],
>;
insetBlockStart?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| InsetBlockStart<String | Number>
| readonly NonNullable<(InsetBlockStart<String | Number> | undefined)>[],
>;
insetEnd?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| InsetInlineEnd<String | Number>
| readonly NonNullable<(InsetInlineEnd<String | Number> | undefined)>[],
>;
insetInline?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| InsetInline<String | Number>
| readonly NonNullable<(InsetInline<String | Number> | undefined)>[],
>;
insetInlineEnd?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| InsetInlineEnd<String | Number>
| readonly NonNullable<(InsetInlineEnd<String | Number> | undefined)>[],
>;
insetInlineStart?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| InsetInlineStart<String | Number>
| readonly NonNullable<(InsetInlineStart<String | Number> | undefined)>[],
>;
insetStart?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| InsetInlineStart<String | Number>
| readonly NonNullable<(InsetInlineStart<String | Number> | undefined)>[],
>;
insetX?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| InsetInline<String | Number>
| readonly NonNullable<(InsetInline<String | Number> | undefined)>[],
>;
insetY?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| InsetBlock<String | Number>
| readonly NonNullable<(InsetBlock<String | Number> | undefined)>[],
>;
invert?: ConditionalValue<string | number | AnyString>;
is?: string;
isolation?: ConditionalValue<
| undefined
| AnyString
| Isolation
| readonly NonNullable<(Isolation | undefined)>[],
>;
itemID?: string;
itemProp?: string;
itemRef?: string;
itemScope?: boolean;
itemType?: string;
justifyContent?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| JustifyContent,
>;
justifyItems?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| JustifyItems,
>;
justifySelf?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| JustifySelf,
>;
justifyTracks?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| JustifyTracks,
>;
key?: null | Key;
lang?: string;
layerStyle?: ConditionalValue<
| "none"
| `var(--${string})`
| AnyString
| "disabled"
| "fill.muted"
| "fill.subtle"
| "fill.surface"
| "fill.solid"
| "outline.subtle"
| "outline.solid"
| "indicator.bottom"
| "indicator.top"
| "indicator.start"
| "indicator.end",
>;
left?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| Left<String | Number>
| readonly NonNullable<(Left<String | Number> | undefined)>[],
>;
letterSpacing?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| LetterSpacingsToken
| LetterSpacing<String | Number>
| readonly NonNullable<(LetterSpacing<String | Number> | undefined)>[],
>;
lg?: Nested<SystemStyleObject>;
lgDown?: Nested<SystemStyleObject>;
lgOnly?: Nested<SystemStyleObject>;
lgTo2xl?: Nested<SystemStyleObject>;
lgToXl?: Nested<SystemStyleObject>;
lightingColor?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| LightingColor,
>;
lineBreak?: ConditionalValue<
| undefined
| AnyString
| LineBreak
| readonly NonNullable<(LineBreak | undefined)>[],
>;
lineClamp?: ConditionalValue<
| undefined
| AnyString
| LineClamp
| readonly NonNullable<(LineClamp | undefined)>[],
>;
lineHeight?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| LineHeightsToken
| LineHeight<String | Number>
| readonly NonNullable<(LineHeight<String | Number> | undefined)>[],
>;
lineHeightStep?: ConditionalValue<
| undefined
| AnyString
| LineHeightStep<String | Number>
| readonly NonNullable<(LineHeightStep<String | Number> | undefined)>[],
>;
listStyle?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| ListStyle,
>;
listStyleImage?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| ListStyleImage,
>;
listStyleImg?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| ListStyleImage,
>;
listStylePos?: ConditionalValue<
| undefined
| AnyString
| ListStylePosition
| readonly NonNullable<(ListStylePosition | undefined)>[],
>;
listStylePosition?: ConditionalValue<
| undefined
| AnyString
| ListStylePosition
| readonly NonNullable<(ListStylePosition | undefined)>[],
>;
listStyleType?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| ListStyleType,
>;
m?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| Margin<String | Number>
| readonly NonNullable<(Margin<String | Number> | undefined)>[],
>;
margin?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| Margin<String | Number>
| readonly NonNullable<(Margin<String | Number> | undefined)>[],
>;
marginBlock?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| MarginBlock<String | Number>
| readonly NonNullable<(MarginBlock<String | Number> | undefined)>[],
>;
marginBlockEnd?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| MarginBlockEnd<String | Number>
| readonly NonNullable<(MarginBlockEnd<String | Number> | undefined)>[],
>;
marginBlockStart?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| MarginBlockStart<String | Number>
| readonly NonNullable<(MarginBlockStart<String | Number> | undefined)>[],
>;
marginBottom?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| MarginBottom<String | Number>
| readonly NonNullable<(MarginBottom<String | Number> | undefined)>[],
>;
marginEnd?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| MarginInlineEnd<String | Number>
| readonly NonNullable<(MarginInlineEnd<String | Number> | undefined)>[],
>;
marginInline?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| MarginInline<String | Number>
| readonly NonNullable<(MarginInline<String | Number> | undefined)>[],
>;
marginInlineEnd?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| MarginInlineEnd<String | Number>
| readonly NonNullable<(MarginInlineEnd<String | Number> | undefined)>[],
>;
marginInlineStart?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| MarginInlineStart<String | Number>
| readonly NonNullable<(MarginInlineStart<String | Number> | undefined)>[],
>;
marginLeft?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| MarginLeft<String | Number>
| readonly NonNullable<(MarginLeft<String | Number> | undefined)>[],
>;
marginRight?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| MarginRight<String | Number>
| readonly NonNullable<(MarginRight<String | Number> | undefined)>[],
>;
marginStart?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| MarginInlineStart<String | Number>
| readonly NonNullable<(MarginInlineStart<String | Number> | undefined)>[],
>;
marginTop?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| MarginTop<String | Number>
| readonly NonNullable<(MarginTop<String | Number> | undefined)>[],
>;
marginTrim?: ConditionalValue<
| undefined
| AnyString
| MarginTrim
| readonly NonNullable<(MarginTrim | undefined)>[],
>;
marginX?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| MarginInline<String | Number>
| readonly NonNullable<(MarginInline<String | Number> | undefined)>[],
>;
marginY?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| MarginBlock<String | Number>
| readonly NonNullable<(MarginBlock<String | Number> | undefined)>[],
>;
marker?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| Marker,
>;
markerEnd?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| MarkerEnd,
>;
markerMid?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| MarkerMid,
>;
markerStart?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| MarkerStart,
>;
mask?: ConditionalValue<
| undefined
| AnyString
| Mask<String | Number>
| readonly NonNullable<(Mask<String | Number> | undefined)>[],
>;
maskBorder?: ConditionalValue<
| undefined
| AnyString
| MaskBorder
| readonly NonNullable<(MaskBorder | undefined)>[],
>;
maskBorderMode?: ConditionalValue<
| undefined
| AnyString
| MaskBorderMode
| readonly NonNullable<(MaskBorderMode | undefined)>[],
>;
maskBorderOutset?: ConditionalValue<
| undefined
| AnyString
| MaskBorderOutset<String | Number>
| readonly NonNullable<(MaskBorderOutset<String | Number> | undefined)>[],
>;
maskBorderRepeat?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| MaskBorderRepeat,
>;
maskBorderSlice?: ConditionalValue<
| undefined
| AnyString
| MaskBorderSlice
| readonly NonNullable<(MaskBorderSlice | undefined)>[],
>;
maskBorderSource?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| MaskBorderSource,
>;
maskBorderWidth?: ConditionalValue<
| undefined
| AnyString
| MaskBorderWidth<String | Number>
| readonly NonNullable<(MaskBorderWidth<String | Number> | undefined)>[],
>;
maskClip?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| MaskClip,
>;
maskComposite?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| MaskComposite,
>;
maskImage?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| MaskImage,
>;
maskMode?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| MaskMode,
>;
maskOrigin?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| MaskOrigin,
>;
maskPosition?: ConditionalValue<
| undefined
| AnyString
| MaskPosition<String | Number>
| readonly NonNullable<(MaskPosition<String | Number> | undefined)>[],
>;
maskRepeat?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| MaskRepeat,
>;
maskSize?: ConditionalValue<
| undefined
| AnyString
| MaskSize<String | Number>
| readonly NonNullable<(MaskSize<String | Number> | undefined)>[],
>;
maskType?: ConditionalValue<
| undefined
| AnyString
| MaskType
| readonly NonNullable<(MaskType | undefined)>[],
>;
masonryAutoFlow?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| MasonryAutoFlow,
>;
mathDepth?: ConditionalValue<
| undefined
| AnyString
| MathDepth
| readonly NonNullable<(MathDepth | undefined)>[],
>;
mathShift?: ConditionalValue<
| undefined
| AnyString
| MathShift
| readonly NonNullable<(MathShift | undefined)>[],
>;
mathStyle?: ConditionalValue<
| undefined
| AnyString
| MathStyle
| readonly NonNullable<(MathStyle | undefined)>[],
>;
maxBlockSize?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| SizesToken
| MaxBlockSize<String | Number>
| readonly NonNullable<(MaxBlockSize<String | Number> | undefined)>[],
>;
maxH?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| SizesToken
| MaxHeight<String | Number>
| readonly NonNullable<(MaxHeight<String | Number> | undefined)>[],
>;
maxHeight?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| SizesToken
| MaxHeight<String | Number>
| readonly NonNullable<(MaxHeight<String | Number> | undefined)>[],
>;
maxInlineSize?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| SizesToken
| MaxInlineSize<String | Number>
| readonly NonNullable<(MaxInlineSize<String | Number> | undefined)>[],
>;
maxLines?: ConditionalValue<
| undefined
| AnyString
| MaxLines
| readonly NonNullable<(MaxLines | undefined)>[],
>;
maxW?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| SizesToken
| MaxWidth<String | Number>
| readonly NonNullable<(MaxWidth<String | Number> | undefined)>[],
>;
maxWidth?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| SizesToken
| MaxWidth<String | Number>
| readonly NonNullable<(MaxWidth<String | Number> | undefined)>[],
>;
mb?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| MarginBottom<String | Number>
| readonly NonNullable<(MarginBottom<String | Number> | undefined)>[],
>;
md?: Nested<SystemStyleObject>;
mdDown?: Nested<SystemStyleObject>;
mdOnly?: Nested<SystemStyleObject>;
mdTo2xl?: Nested<SystemStyleObject>;
mdToLg?: Nested<SystemStyleObject>;
mdToXl?: Nested<SystemStyleObject>;
me?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| MarginInlineEnd<String | Number>
| readonly NonNullable<(MarginInlineEnd<String | Number> | undefined)>[],
>;
minBlockSize?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| SizesToken
| MinBlockSize<String | Number>
| readonly NonNullable<(MinBlockSize<String | Number> | undefined)>[],
>;
minH?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| SizesToken
| MinHeight<String | Number>
| readonly NonNullable<(MinHeight<String | Number> | undefined)>[],
>;
minHeight?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| SizesToken
| MinHeight<String | Number>
| readonly NonNullable<(MinHeight<String | Number> | undefined)>[],
>;
minInlineSize?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| SizesToken
| MinInlineSize<String | Number>
| readonly NonNullable<(MinInlineSize<String | Number> | undefined)>[],
>;
minW?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| SizesToken
| MinWidth<String | Number>
| readonly NonNullable<(MinWidth<String | Number> | undefined)>[],
>;
minWidth?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| SizesToken
| MinWidth<String | Number>
| readonly NonNullable<(MinWidth<String | Number> | undefined)>[],
>;
mixBlendMode?: ConditionalValue<
| undefined
| AnyString
| MixBlendMode
| readonly NonNullable<(MixBlendMode | undefined)>[],
>;
ml?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| MarginLeft<String | Number>
| readonly NonNullable<(MarginLeft<String | Number> | undefined)>[],
>;
mr?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| MarginRight<String | Number>
| readonly NonNullable<(MarginRight<String | Number> | undefined)>[],
>;
ms?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| MarginInlineStart<String | Number>
| readonly NonNullable<(MarginInlineStart<String | Number> | undefined)>[],
>;
mt?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| MarginBlockStart<String | Number>
| readonly NonNullable<(MarginBlockStart<String | Number> | undefined)>[],
>;
mx?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| MarginInline<String | Number>
| readonly NonNullable<(MarginInline<String | Number> | undefined)>[],
>;
my?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| MarginBlock<String | Number>
| readonly NonNullable<(MarginBlock<String | Number> | undefined)>[],
>;
name?: string;
nonce?: string;
objectFit?: ConditionalValue<
| undefined
| AnyString
| ObjectFit
| readonly NonNullable<(ObjectFit | undefined)>[],
>;
objectPosition?: ConditionalValue<
| undefined
| AnyString
| ObjectPosition<String | Number>
| readonly NonNullable<(ObjectPosition<String | Number> | undefined)>[],
>;
offset?: ConditionalValue<
| undefined
| AnyString
| Offset<String | Number>
| readonly NonNullable<(Offset<String | Number> | undefined)>[],
>;
offsetAnchor?: ConditionalValue<
| undefined
| AnyString
| OffsetAnchor<String | Number>
| readonly NonNullable<(OffsetAnchor<String | Number> | undefined)>[],
>;
offsetDistance?: ConditionalValue<
| undefined
| AnyString
| OffsetDistance<String | Number>
| readonly NonNullable<(OffsetDistance<String | Number> | undefined)>[],
>;
offsetPath?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| OffsetPath,
>;
offsetPosition?: ConditionalValue<
| undefined
| AnyString
| OffsetPosition<String | Number>
| readonly NonNullable<(OffsetPosition<String | Number> | undefined)>[],
>;
offsetRotate?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| OffsetRotate,
>;
onAbort?: ReactEventHandler<HTMLButtonElement>;
onAbortCapture?: ReactEventHandler<HTMLButtonElement>;
onAnimationEnd?: AnimationEventHandler<HTMLButtonElement>;
onAnimationEndCapture?: AnimationEventHandler<HTMLButtonElement>;
onAnimationIteration?: AnimationEventHandler<HTMLButtonElement>;
onAnimationIterationCapture?: AnimationEventHandler<HTMLButtonElement>;
onAnimationStart?: AnimationEventHandler<HTMLButtonElement>;
onAnimationStartCapture?: AnimationEventHandler<HTMLButtonElement>;
onAuxClick?: MouseEventHandler<HTMLButtonElement>;
onAuxClickCapture?: MouseEventHandler<HTMLButtonElement>;
onBeforeInput?: FormEventHandler<HTMLButtonElement>;
onBeforeInputCapture?: FormEventHandler<HTMLButtonElement>;
onBlur?: FocusEventHandler<HTMLButtonElement>;
onBlurCapture?: FocusEventHandler<HTMLButtonElement>;
onCanPlay?: ReactEventHandler<HTMLButtonElement>;
onCanPlayCapture?: ReactEventHandler<HTMLButtonElement>;
onCanPlayThrough?: ReactEventHandler<HTMLButtonElement>;
onCanPlayThroughCapture?: ReactEventHandler<HTMLButtonElement>;
onChange?: FormEventHandler<HTMLButtonElement>;
onChangeCapture?: FormEventHandler<HTMLButtonElement>;
onClick?: MouseEventHandler<HTMLButtonElement>;
onClickCapture?: MouseEventHandler<HTMLButtonElement>;
onCompositionEnd?: CompositionEventHandler<HTMLButtonElement>;
onCompositionEndCapture?: CompositionEventHandler<HTMLButtonElement>;
onCompositionStart?: CompositionEventHandler<HTMLButtonElement>;
onCompositionStartCapture?: CompositionEventHandler<HTMLButtonElement>;
onCompositionUpdate?: CompositionEventHandler<HTMLButtonElement>;
onCompositionUpdateCapture?: CompositionEventHandler<HTMLButtonElement>;
onContextMenu?: MouseEventHandler<HTMLButtonElement>;
onContextMenuCapture?: MouseEventHandler<HTMLButtonElement>;
onCopy?: ClipboardEventHandler<HTMLButtonElement>;
onCopyCapture?: ClipboardEventHandler<HTMLButtonElement>;
onCut?: ClipboardEventHandler<HTMLButtonElement>;
onCutCapture?: ClipboardEventHandler<HTMLButtonElement>;
onDoubleClick?: MouseEventHandler<HTMLButtonElement>;
onDoubleClickCapture?: MouseEventHandler<HTMLButtonElement>;
onDrag?: DragEventHandler<HTMLButtonElement>;
onDragCapture?: DragEventHandler<HTMLButtonElement>;
onDragEnd?: DragEventHandler<HTMLButtonElement>;
onDragEndCapture?: DragEventHandler<HTMLButtonElement>;
onDragEnter?: DragEventHandler<HTMLButtonElement>;
onDragEnterCapture?: DragEventHandler<HTMLButtonElement>;
onDragExit?: DragEventHandler<HTMLButtonElement>;
onDragExitCapture?: DragEventHandler<HTMLButtonElement>;
onDragLeave?: DragEventHandler<HTMLButtonElement>;
onDragLeaveCapture?: DragEventHandler<HTMLButtonElement>;
onDragOver?: DragEventHandler<HTMLButtonElement>;
onDragOverCapture?: DragEventHandler<HTMLButtonElement>;
onDragStart?: DragEventHandler<HTMLButtonElement>;
onDragStartCapture?: DragEventHandler<HTMLButtonElement>;
onDrop?: DragEventHandler<HTMLButtonElement>;
onDropCapture?: DragEventHandler<HTMLButtonElement>;
onDurationChange?: ReactEventHandler<HTMLButtonElement>;
onDurationChangeCapture?: ReactEventHandler<HTMLButtonElement>;
onEmptied?: ReactEventHandler<HTMLButtonElement>;
onEmptiedCapture?: ReactEventHandler<HTMLButtonElement>;
onEncrypted?: ReactEventHandler<HTMLButtonElement>;
onEncryptedCapture?: ReactEventHandler<HTMLButtonElement>;
onEnded?: ReactEventHandler<HTMLButtonElement>;
onEndedCapture?: ReactEventHandler<HTMLButtonElement>;
onError?: ReactEventHandler<HTMLButtonElement>;
onErrorCapture?: ReactEventHandler<HTMLButtonElement>;
onFocus?: FocusEventHandler<HTMLButtonElement>;
onFocusCapture?: FocusEventHandler<HTMLButtonElement>;
onGotPointerCapture?: PointerEventHandler<HTMLButtonElement>;
onGotPointerCaptureCapture?: PointerEventHandler<HTMLButtonElement>;
onInput?: FormEventHandler<HTMLButtonElement>;
onInputCapture?: FormEventHandler<HTMLButtonElement>;
onInvalid?: FormEventHandler<HTMLButtonElement>;
onInvalidCapture?: FormEventHandler<HTMLButtonElement>;
onKeyDown?: KeyboardEventHandler<HTMLButtonElement>;
onKeyDownCapture?: KeyboardEventHandler<HTMLButtonElement>;
onKeyPress?: KeyboardEventHandler<HTMLButtonElement>;
onKeyPressCapture?: KeyboardEventHandler<HTMLButtonElement>;
onKeyUp?: KeyboardEventHandler<HTMLButtonElement>;
onKeyUpCapture?: KeyboardEventHandler<HTMLButtonElement>;
onLoad?: ReactEventHandler<HTMLButtonElement>;
onLoadCapture?: ReactEventHandler<HTMLButtonElement>;
onLoadedData?: ReactEventHandler<HTMLButtonElement>;
onLoadedDataCapture?: ReactEventHandler<HTMLButtonElement>;
onLoadedMetadata?: ReactEventHandler<HTMLButtonElement>;
onLoadedMetadataCapture?: ReactEventHandler<HTMLButtonElement>;
onLoadStart?: ReactEventHandler<HTMLButtonElement>;
onLoadStartCapture?: ReactEventHandler<HTMLButtonElement>;
onLostPointerCapture?: PointerEventHandler<HTMLButtonElement>;
onLostPointerCaptureCapture?: PointerEventHandler<HTMLButtonElement>;
onMouseDown?: MouseEventHandler<HTMLButtonElement>;
onMouseDownCapture?: MouseEventHandler<HTMLButtonElement>;
onMouseEnter?: MouseEventHandler<HTMLButtonElement>;
onMouseLeave?: MouseEventHandler<HTMLButtonElement>;
onMouseMove?: MouseEventHandler<HTMLButtonElement>;
onMouseMoveCapture?: MouseEventHandler<HTMLButtonElement>;
onMouseOut?: MouseEventHandler<HTMLButtonElement>;
onMouseOutCapture?: MouseEventHandler<HTMLButtonElement>;
onMouseOver?: MouseEventHandler<HTMLButtonElement>;
onMouseOverCapture?: MouseEventHandler<HTMLButtonElement>;
onMouseUp?: MouseEventHandler<HTMLButtonElement>;
onMouseUpCapture?: MouseEventHandler<HTMLButtonElement>;
onPaste?: ClipboardEventHandler<HTMLButtonElement>;
onPasteCapture?: ClipboardEventHandler<HTMLButtonElement>;
onPause?: ReactEventHandler<HTMLButtonElement>;
onPauseCapture?: ReactEventHandler<HTMLButtonElement>;
onPlay?: ReactEventHandler<HTMLButtonElement>;
onPlayCapture?: ReactEventHandler<HTMLButtonElement>;
onPlaying?: ReactEventHandler<HTMLButtonElement>;
onPlayingCapture?: ReactEventHandler<HTMLButtonElement>;
onPointerCancel?: PointerEventHandler<HTMLButtonElement>;
onPointerCancelCapture?: PointerEventHandler<HTMLButtonElement>;
onPointerDown?: PointerEventHandler<HTMLButtonElement>;
onPointerDownCapture?: PointerEventHandler<HTMLButtonElement>;
onPointerEnter?: PointerEventHandler<HTMLButtonElement>;
onPointerLeave?: PointerEventHandler<HTMLButtonElement>;
onPointerMove?: PointerEventHandler<HTMLButtonElement>;
onPointerMoveCapture?: PointerEventHandler<HTMLButtonElement>;
onPointerOut?: PointerEventHandler<HTMLButtonElement>;
onPointerOutCapture?: PointerEventHandler<HTMLButtonElement>;
onPointerOver?: PointerEventHandler<HTMLButtonElement>;
onPointerOverCapture?: PointerEventHandler<HTMLButtonElement>;
onPointerUp?: PointerEventHandler<HTMLButtonElement>;
onPointerUpCapture?: PointerEventHandler<HTMLButtonElement>;
onProgress?: ReactEventHandler<HTMLButtonElement>;
onProgressCapture?: ReactEventHandler<HTMLButtonElement>;
onRateChange?: ReactEventHandler<HTMLButtonElement>;
onRateChangeCapture?: ReactEventHandler<HTMLButtonElement>;
onReset?: FormEventHandler<HTMLButtonElement>;
onResetCapture?: FormEventHandler<HTMLButtonElement>;
onResize?: ReactEventHandler<HTMLButtonElement>;
onResizeCapture?: ReactEventHandler<HTMLButtonElement>;
onScroll?: UIEventHandler<HTMLButtonElement>;
onScrollCapture?: UIEventHandler<HTMLButtonElement>;
onSeeked?: ReactEventHandler<HTMLButtonElement>;
onSeekedCapture?: ReactEventHandler<HTMLButtonElement>;
onSeeking?: ReactEventHandler<HTMLButtonElement>;
onSeekingCapture?: ReactEventHandler<HTMLButtonElement>;
onSelect?: ReactEventHandler<HTMLButtonElement>;
onSelectCapture?: ReactEventHandler<HTMLButtonElement>;
onStalled?: ReactEventHandler<HTMLButtonElement>;
onStalledCapture?: ReactEventHandler<HTMLButtonElement>;
onSubmit?: FormEventHandler<HTMLButtonElement>;
onSubmitCapture?: FormEventHandler<HTMLButtonElement>;
onSuspend?: ReactEventHandler<HTMLButtonElement>;
onSuspendCapture?: ReactEventHandler<HTMLButtonElement>;
onTimeUpdate?: ReactEventHandler<HTMLButtonElement>;
onTimeUpdateCapture?: ReactEventHandler<HTMLButtonElement>;
onTouchCancel?: TouchEventHandler<HTMLButtonElement>;
onTouchCancelCapture?: TouchEventHandler<HTMLButtonElement>;
onTouchEnd?: TouchEventHandler<HTMLButtonElement>;
onTouchEndCapture?: TouchEventHandler<HTMLButtonElement>;
onTouchMove?: TouchEventHandler<HTMLButtonElement>;
onTouchMoveCapture?: TouchEventHandler<HTMLButtonElement>;
onTouchStart?: TouchEventHandler<HTMLButtonElement>;
onTouchStartCapture?: TouchEventHandler<HTMLButtonElement>;
onTransitionEnd?: TransitionEventHandler<HTMLButtonElement>;
onTransitionEndCapture?: TransitionEventHandler<HTMLButtonElement>;
onVolumeChange?: ReactEventHandler<HTMLButtonElement>;
onVolumeChangeCapture?: ReactEventHandler<HTMLButtonElement>;
onWaiting?: ReactEventHandler<HTMLButtonElement>;
onWaitingCapture?: ReactEventHandler<HTMLButtonElement>;
onWheel?: WheelEventHandler<HTMLButtonElement>;
onWheelCapture?: WheelEventHandler<HTMLButtonElement>;
opacity?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| Opacity
| readonly NonNullable<(Opacity | undefined)>[],
>;
order?: ConditionalValue<
| undefined
| AnyString
| Order
| readonly NonNullable<(Order | undefined)>[],
>;
orphans?: ConditionalValue<
| undefined
| AnyString
| Orphans
| readonly NonNullable<(Orphans | undefined)>[],
>;
outline?: ConditionalValue<
| undefined
| AnyString
| Outline<String | Number>
| readonly NonNullable<(Outline<String | Number> | undefined)>[],
>;
outlineColor?: ConditionalValue<
| undefined
| "border"
| "bg"
| "invert"
| "colorPalette"
| string & {}
| "inherit"
| "initial"
| readonly string[]
| "current"
| `var(--${string})`
| AnyString
| "-moz-initial"
| "revert"
| "revert-layer"
| "unset"
| "transparent"
| "black"
| "white"
| "whiteAlpha.50"
| "whiteAlpha.100"
| "whiteAlpha.200"
| "whiteAlpha.300"
| "whiteAlpha.400"
| "whiteAlpha.500"
| "whiteAlpha.600"
| "whiteAlpha.700"
| "whiteAlpha.800"
| "whiteAlpha.900"
| "whiteAlpha.950"
| "blackAlpha.50"
| "blackAlpha.100"
| "blackAlpha.200"
| "blackAlpha.300"
| "blackAlpha.400"
| "blackAlpha.500"
| "blackAlpha.600"
| "blackAlpha.700"
| "blackAlpha.800"
| "blackAlpha.900"
| "blackAlpha.950"
| "gray.50"
| "gray.100"
| "gray.200"
| "gray.300"
| "gray.400"
| "gray.500"
| "gray.600"
| "gray.700"
| "gray.800"
| "gray.900"
| "gray.950"
| "red.50"
| "red.100"
| "red.200"
| "red.300"
| "red.400"
| "red.500"
| "red.600"
| "red.700"
| "red.800"
| "red.900"
| "red.950"
| "orange.50"
| "orange.100"
| "orange.200"
| "orange.300"
| "orange.400"
| "orange.500"
| "orange.600"
| "orange.700"
| "orange.800"
| "orange.900"
| "orange.950"
| "yellow.50"
| "yellow.100"
| "yellow.200"
| "yellow.300"
| "yellow.400"
| "yellow.500"
| "yellow.600"
| "yellow.700"
| "yellow.800"
| "yellow.900"
| "yellow.950"
| "green.50"
| "green.100"
| "green.200"
| "green.300"
| "green.400"
| "green.500"
| "green.600"
| "green.700"
| "green.800"
| "green.900"
| "green.950"
| "teal.50"
| "teal.100"
| "teal.200"
| "teal.300"
| "teal.400"
| "teal.500"
| "teal.600"
| "teal.700"
| "teal.800"
| "teal.900"
| "teal.950"
| "blue.50"
| "blue.100"
| "blue.200"
| "blue.300"
| "blue.400"
| "blue.500"
| "blue.600"
| "blue.700"
| "blue.800"
| "blue.900"
| "blue.950"
| "cyan.50"
| "cyan.100"
| "cyan.200"
| "cyan.300"
| "cyan.400"
| "cyan.500"
| "cyan.600"
| "cyan.700"
| "cyan.800"
| "cyan.900"
| "cyan.950"
| "purple.50"
| "purple.100"
| "purple.200"
| "purple.300"
| "purple.400"
| "purple.500"
| "purple.600"
| "purple.700"
| "purple.800"
| "purple.900"
| "purple.950"
| "pink.50"
| "pink.100"
| "pink.200"
| "pink.300"
| "pink.400"
| "pink.500"
| "pink.600"
| "pink.700"
| "pink.800"
| "pink.900"
| "pink.950"
| "bg.subtle"
| "bg.muted"
| "bg.emphasized"
| "bg.inverted"
| "bg.panel"
| "bg.error"
| "bg.warning"
| "bg.success"
| "bg.info"
| "fg"
| "fg.muted"
| "fg.subtle"
| "fg.inverted"
| "fg.error"
| "fg.warning"
| "fg.success"
| "fg.info"
| "border.muted"
| "border.subtle"
| "border.emphasized"
| "border.inverted"
| "border.error"
| "border.warning"
| "border.success"
| "border.info"
| "gray.contrast"
| "gray.fg"
| "gray.subtle"
| "gray.muted"
| "gray.emphasized"
| "gray.solid"
| "gray.focusRing"
| "red.contrast"
| "red.fg"
| "red.subtle"
| "red.muted"
| "red.emphasized"
| "red.solid"
| "red.focusRing"
| "orange.contrast"
| "orange.fg"
| "orange.subtle"
| "orange.muted"
| "orange.emphasized"
| "orange.solid"
| "orange.focusRing"
| "green.contrast"
| "green.fg"
| "green.subtle"
| "green.muted"
| "green.emphasized"
| "green.solid"
| "green.focusRing"
| "blue.contrast"
| "blue.fg"
| "blue.subtle"
| "blue.muted"
| "blue.emphasized"
| "blue.solid"
| "blue.focusRing"
| "yellow.contrast"
| "yellow.fg"
| "yellow.subtle"
| "yellow.muted"
| "yellow.emphasized"
| "yellow.solid"
| "yellow.focusRing"
| "teal.contrast"
| "teal.fg"
| "teal.subtle"
| "teal.muted"
| "teal.emphasized"
| "teal.solid"
| "teal.focusRing"
| "purple.contrast"
| "purple.fg"
| "purple.subtle"
| "purple.muted"
| "purple.emphasized"
| "purple.solid"
| "purple.focusRing"
| "pink.contrast"
| "pink.fg"
| "pink.subtle"
| "pink.muted"
| "pink.emphasized"
| "pink.solid"
| "pink.focusRing"
| "cyan.contrast"
| "cyan.fg"
| "cyan.subtle"
| "cyan.muted"
| "cyan.emphasized"
| "cyan.solid"
| "cyan.focusRing"
| "colorPalette.50"
| "colorPalette.100"
| "colorPalette.200"
| "colorPalette.300"
| "colorPalette.400"
| "colorPalette.500"
| "colorPalette.600"
| "colorPalette.700"
| "colorPalette.800"
| "colorPalette.900"
| "colorPalette.950"
| "colorPalette.subtle"
| "colorPalette.muted"
| "colorPalette.emphasized"
| "colorPalette.inverted"
| "colorPalette.panel"
| "colorPalette.error"
| "colorPalette.warning"
| "colorPalette.success"
| "colorPalette.info"
| "colorPalette.contrast"
| "colorPalette.fg"
| "colorPalette.solid"
| "colorPalette.focusRing"
| "currentBg"
| "aliceblue"
| "antiquewhite"
| "aqua"
| "aquamarine"
| "azure"
| "beige"
| "bisque"
| "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"
| "whitesmoke"
| "yellow"
| "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",
>;
outlineOffset?: ConditionalValue<
| undefined
| AnyString
| OutlineOffset<String | Number>
| readonly NonNullable<(OutlineOffset<String | Number> | undefined)>[],
>;
outlineStyle?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| OutlineStyle,
>;
outlineWidth?: ConditionalValue<
| undefined
| AnyString
| OutlineWidth<String | Number>
| readonly NonNullable<(OutlineWidth<String | Number> | undefined)>[],
>;
overflow?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| Overflow,
>;
overflowAnchor?: ConditionalValue<
| undefined
| AnyString
| OverflowAnchor
| readonly NonNullable<(OverflowAnchor | undefined)>[],
>;
overflowBlock?: ConditionalValue<
| undefined
| AnyString
| OverflowBlock
| readonly NonNullable<(OverflowBlock | undefined)>[],
>;
overflowClipBox?: ConditionalValue<
| undefined
| AnyString
| OverflowClipBox
| readonly NonNullable<(OverflowClipBox | undefined)>[],
>;
overflowClipMargin?: ConditionalValue<
| undefined
| AnyString
| OverflowClipMargin<String | Number>
| readonly NonNullable<(OverflowClipMargin<String | Number> | undefined)>[],
>;
overflowInline?: ConditionalValue<
| undefined
| AnyString
| OverflowInline
| readonly NonNullable<(OverflowInline | undefined)>[],
>;
overflowWrap?: ConditionalValue<
| undefined
| AnyString
| OverflowWrap
| readonly NonNullable<(OverflowWrap | undefined)>[],
>;
overflowX?: ConditionalValue<
| undefined
| AnyString
| OverflowX
| readonly NonNullable<(OverflowX | undefined)>[],
>;
overflowY?: ConditionalValue<
| undefined
| AnyString
| OverflowY
| readonly NonNullable<(OverflowY | undefined)>[],
>;
overlay?: ConditionalValue<
| undefined
| AnyString
| Overlay
| readonly NonNullable<(Overlay | undefined)>[],
>;
overscroll?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| OverscrollBehavior,
>;
overscrollBehavior?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| OverscrollBehavior,
>;
overscrollBehaviorBlock?: ConditionalValue<
| undefined
| AnyString
| OverscrollBehaviorBlock
| readonly NonNullable<(OverscrollBehaviorBlock | undefined)>[],
>;
overscrollBehaviorInline?: ConditionalValue<
| undefined
| AnyString
| OverscrollBehaviorInline
| readonly NonNullable<(OverscrollBehaviorInline | undefined)>[],
>;
overscrollBehaviorX?: ConditionalValue<
| undefined
| AnyString
| OverscrollBehaviorX
| readonly NonNullable<(OverscrollBehaviorX | undefined)>[],
>;
overscrollBehaviorY?: ConditionalValue<
| undefined
| AnyString
| OverscrollBehaviorY
| readonly NonNullable<(OverscrollBehaviorY | undefined)>[],
>;
overscrollX?: ConditionalValue<
| undefined
| AnyString
| OverscrollBehaviorX
| readonly NonNullable<(OverscrollBehaviorX | undefined)>[],
>;
overscrollY?: ConditionalValue<
| undefined
| AnyString
| OverscrollBehaviorY
| readonly NonNullable<(OverscrollBehaviorY | undefined)>[],
>;
p?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| Padding<String | Number>
| readonly NonNullable<(Padding<String | Number> | undefined)>[],
>;
padding?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| Padding<String | Number>
| readonly NonNullable<(Padding<String | Number> | undefined)>[],
>;
paddingBlock?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| PaddingBlock<String | Number>
| readonly NonNullable<(PaddingBlock<String | Number> | undefined)>[],
>;
paddingBlockEnd?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| PaddingBlockEnd<String | Number>
| readonly NonNullable<(PaddingBlockEnd<String | Number> | undefined)>[],
>;
paddingBlockStart?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| PaddingBlockStart<String | Number>
| readonly NonNullable<(PaddingBlockStart<String | Number> | undefined)>[],
>;
paddingBottom?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| PaddingBottom<String | Number>
| readonly NonNullable<(PaddingBottom<String | Number> | undefined)>[],
>;
paddingEnd?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| PaddingInlineEnd<String | Number>
| readonly NonNullable<(PaddingInlineEnd<String | Number> | undefined)>[],
>;
paddingInline?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| PaddingInline<String | Number>
| readonly NonNullable<(PaddingInline<String | Number> | undefined)>[],
>;
paddingInlineEnd?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| PaddingInlineEnd<String | Number>
| readonly NonNullable<(PaddingInlineEnd<String | Number> | undefined)>[],
>;
paddingInlineStart?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| PaddingInlineStart<String | Number>
| readonly NonNullable<(PaddingInlineStart<String | Number> | undefined)>[],
>;
paddingLeft?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| PaddingLeft<String | Number>
| readonly NonNullable<(PaddingLeft<String | Number> | undefined)>[],
>;
paddingRight?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| PaddingRight<String | Number>
| readonly NonNullable<(PaddingRight<String | Number> | undefined)>[],
>;
paddingStart?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| PaddingInlineStart<String | Number>
| readonly NonNullable<(PaddingInlineStart<String | Number> | undefined)>[],
>;
paddingTop?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| PaddingTop<String | Number>
| readonly NonNullable<(PaddingTop<String | Number> | undefined)>[],
>;
paddingX?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| PaddingInline<String | Number>
| readonly NonNullable<(PaddingInline<String | Number> | undefined)>[],
>;
paddingY?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| PaddingBlock<String | Number>
| readonly NonNullable<(PaddingBlock<String | Number> | undefined)>[],
>;
page?: ConditionalValue<undefined | readonly string[] | AnyString | Page>;
pageBreakAfter?: ConditionalValue<
| undefined
| AnyString
| PageBreakAfter
| readonly NonNullable<(PageBreakAfter | undefined)>[],
>;
pageBreakBefore?: ConditionalValue<
| undefined
| AnyString
| PageBreakBefore
| readonly NonNullable<(PageBreakBefore | undefined)>[],
>;
pageBreakInside?: ConditionalValue<
| undefined
| AnyString
| PageBreakInside
| readonly NonNullable<(PageBreakInside | undefined)>[],
>;
paintOrder?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| PaintOrder,
>;
pb?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| PaddingBottom<String | Number>
| readonly NonNullable<(PaddingBottom<String | Number> | undefined)>[],
>;
pe?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| PaddingInlineEnd<String | Number>
| readonly NonNullable<(PaddingInlineEnd<String | Number> | undefined)>[],
>;
perspective?: ConditionalValue<
| undefined
| AnyString
| Perspective<String | Number>
| readonly NonNullable<(Perspective<String | Number> | undefined)>[],
>;
perspectiveOrigin?: ConditionalValue<
| undefined
| AnyString
| PerspectiveOrigin<String | Number>
| readonly NonNullable<(PerspectiveOrigin<String | Number> | undefined)>[],
>;
pl?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| PaddingLeft<String | Number>
| readonly NonNullable<(PaddingLeft<String | Number> | undefined)>[],
>;
placeContent?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| PlaceContent,
>;
placeItems?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| PlaceItems,
>;
placeSelf?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| PlaceSelf,
>;
pointerEvents?: ConditionalValue<
| undefined
| AnyString
| PointerEvents
| readonly NonNullable<(PointerEvents | undefined)>[],
>;
pos?: ConditionalValue<
| undefined
| AnyString
| Position
| readonly NonNullable<(Position | undefined)>[],
>;
position?: ConditionalValue<
| undefined
| AnyString
| Position
| readonly NonNullable<(Position | undefined)>[],
>;
pr?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| PaddingRight<String | Number>
| readonly NonNullable<(PaddingRight<String | Number> | undefined)>[],
>;
prefix?: string;
printColorAdjust?: ConditionalValue<
| undefined
| AnyString
| PrintColorAdjust
| readonly NonNullable<(PrintColorAdjust | undefined)>[],
>;
property?: string;
ps?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| PaddingInlineStart<String | Number>
| readonly NonNullable<(PaddingInlineStart<String | Number> | undefined)>[],
>;
pt?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| PaddingTop<String | Number>
| readonly NonNullable<(PaddingTop<String | Number> | undefined)>[],
>;
px?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| PaddingInline<String | Number>
| readonly NonNullable<(PaddingInline<String | Number> | undefined)>[],
>;
py?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| PaddingBlock<String | Number>
| readonly NonNullable<(PaddingBlock<String | Number> | undefined)>[],
>;
quotes?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| Quotes,
>;
radioGroup?: string;
recipe?: RecipeDefinition<RecipeVariantRecord>;
ref?: LegacyRef<HTMLButtonElement>;
rel?: string;
resize?: ConditionalValue<
| undefined
| AnyString
| Resize
| readonly NonNullable<(Resize | undefined)>[],
>;
resource?: string;
results?: number;
rev?: string;
right?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| Right<String | Number>
| readonly NonNullable<(Right<String | Number> | undefined)>[],
>;
ring?: ConditionalValue<string | number | AnyString>;
ringColor?: ConditionalValue<
(`var(--${string})` | AnyString | ColorsToken | "currentBg"),
>;
ringInset?: ConditionalValue<string | number | AnyString>;
ringOffset?: ConditionalValue<string | number | AnyString>;
ringOffsetColor?: ConditionalValue<
(`var(--${string})` | AnyString | ColorsToken | "currentBg"),
>;
role?: AriaRole;
rotate?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| Rotate,
>;
rotateX?: ConditionalValue<string | number | AnyString>;
rotateY?: ConditionalValue<string | number | AnyString>;
rounded?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderRadius<String | Number>
| readonly NonNullable<(BorderRadius<String | Number> | undefined)>[],
>;
roundedBottom?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderRadius<String | Number>
| readonly NonNullable<(BorderRadius<String | Number> | undefined)>[],
>;
roundedBottomLeft?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderBottomLeftRadius<String | Number>
| readonly NonNullable<
(BorderBottomLeftRadius<String | Number> | undefined),
>[],
>;
roundedBottomRight?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderBottomRightRadius<String | Number>
| readonly NonNullable<
(BorderBottomRightRadius<String | Number> | undefined),
>[],
>;
roundedEnd?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderRadius<String | Number>
| readonly NonNullable<(BorderRadius<String | Number> | undefined)>[],
>;
roundedEndEnd?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderEndEndRadius<String | Number>
| readonly NonNullable<(BorderEndEndRadius<String | Number> | undefined)>[],
>;
roundedEndStart?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderEndStartRadius<String | Number>
| readonly NonNullable<
(BorderEndStartRadius<String | Number> | undefined),
>[],
>;
roundedLeft?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderRadius<String | Number>
| readonly NonNullable<(BorderRadius<String | Number> | undefined)>[],
>;
roundedRight?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderRadius<String | Number>
| readonly NonNullable<(BorderRadius<String | Number> | undefined)>[],
>;
roundedStart?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderRadius<String | Number>
| readonly NonNullable<(BorderRadius<String | Number> | undefined)>[],
>;
roundedStartEnd?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderStartEndRadius<String | Number>
| readonly NonNullable<
(BorderStartEndRadius<String | Number> | undefined),
>[],
>;
roundedStartStart?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderStartStartRadius<String | Number>
| readonly NonNullable<
(BorderStartStartRadius<String | Number> | undefined),
>[],
>;
roundedTop?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderRadius<String | Number>
| readonly NonNullable<(BorderRadius<String | Number> | undefined)>[],
>;
roundedTopLeft?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderTopLeftRadius<String | Number>
| readonly NonNullable<
(BorderTopLeftRadius<String | Number> | undefined),
>[],
>;
roundedTopRight?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| RadiiToken
| BorderTopRightRadius<String | Number>
| readonly NonNullable<
(BorderTopRightRadius<String | Number> | undefined),
>[],
>;
rowGap?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| RowGap<String | Number>
| readonly NonNullable<(RowGap<String | Number> | undefined)>[],
>;
rubyAlign?: ConditionalValue<
| undefined
| AnyString
| RubyAlign
| readonly NonNullable<(RubyAlign | undefined)>[],
>;
rubyMerge?: ConditionalValue<
| undefined
| AnyString
| RubyMerge
| readonly NonNullable<(RubyMerge | undefined)>[],
>;
rubyPosition?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| RubyPosition,
>;
saturate?: ConditionalValue<string | number | AnyString>;
scale?: ConditionalValue<
| undefined
| AnyString
| Scale
| readonly NonNullable<(Scale | undefined)>[],
>;
scaleX?: ConditionalValue<string | number | AnyString>;
scaleY?: ConditionalValue<string | number | AnyString>;
scrollbar?: ConditionalValue<
"hidden"
| `var(--${string})`
| AnyString
| "visible",
>;
scrollbarColor?: ConditionalValue<
| undefined
| readonly string[]
| `var(--${string})`
| AnyString
| ColorsToken
| "currentBg"
| ScrollbarColor,
>;
scrollbarGutter?: ConditionalValue<
| undefined
| readonly string[]
| SpacingToken
| `var(--${string})`
| AnyString
| ScrollbarGutter,
>;
scrollbarWidth?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| SizesToken
| ScrollbarWidth
| readonly NonNullable<(ScrollbarWidth | undefined)>[],
>;
scrollBehavior?: ConditionalValue<
| undefined
| AnyString
| ScrollBehavior
| readonly NonNullable<(ScrollBehavior | undefined)>[],
>;
scrollMargin?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| ScrollMargin<String | Number>
| readonly NonNullable<(ScrollMargin<String | Number> | undefined)>[],
>;
scrollMarginBlock?: ConditionalValue<
| undefined
| AnyString
| ScrollMarginBlock<String | Number>
| readonly NonNullable<(ScrollMarginBlock<String | Number> | undefined)>[],
>;
scrollMarginBlockEnd?: ConditionalValue<
| undefined
| AnyString
| ScrollMarginBlockEnd<String | Number>
| readonly NonNullable<
(ScrollMarginBlockEnd<String | Number> | undefined),
>[],
>;
scrollMarginBlockStart?: ConditionalValue<
| undefined
| AnyString
| ScrollMarginBlockStart<String | Number>
| readonly NonNullable<
(ScrollMarginBlockStart<String | Number> | undefined),
>[],
>;
scrollMarginBottom?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| ScrollMarginBottom<String | Number>
| readonly NonNullable<(ScrollMarginBottom<String | Number> | undefined)>[],
>;
scrollMarginInline?: ConditionalValue<
| undefined
| AnyString
| ScrollMarginInline<String | Number>
| readonly NonNullable<(ScrollMarginInline<String | Number> | undefined)>[],
>;
scrollMarginInlineEnd?: ConditionalValue<
| undefined
| AnyString
| ScrollMarginInlineEnd<String | Number>
| readonly NonNullable<
(ScrollMarginInlineEnd<String | Number> | undefined),
>[],
>;
scrollMarginInlineStart?: ConditionalValue<
| undefined
| AnyString
| ScrollMarginInlineStart<String | Number>
| readonly NonNullable<
(ScrollMarginInlineStart<String | Number> | undefined),
>[],
>;
scrollMarginLeft?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| ScrollMarginLeft<String | Number>
| readonly NonNullable<(ScrollMarginLeft<String | Number> | undefined)>[],
>;
scrollMarginRight?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| ScrollMarginRight<String | Number>
| readonly NonNullable<(ScrollMarginRight<String | Number> | undefined)>[],
>;
scrollMarginTop?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| ScrollMarginTop<String | Number>
| readonly NonNullable<(ScrollMarginTop<String | Number> | undefined)>[],
>;
scrollMarginX?: ConditionalValue<
(SpacingToken | `var(--${string})` | AnyString),
>;
scrollMarginY?: ConditionalValue<
(SpacingToken | `var(--${string})` | AnyString),
>;
scrollPadding?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| ScrollPadding<String | Number>
| readonly NonNullable<(ScrollPadding<String | Number> | undefined)>[],
>;
scrollPaddingBlock?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| ScrollPaddingBlock<String | Number>
| readonly NonNullable<(ScrollPaddingBlock<String | Number> | undefined)>[],
>;
scrollPaddingBlockEnd?: ConditionalValue<
| undefined
| AnyString
| ScrollPaddingBlockEnd<String | Number>
| readonly NonNullable<
(ScrollPaddingBlockEnd<String | Number> | undefined),
>[],
>;
scrollPaddingBlockStart?: ConditionalValue<
| undefined
| AnyString
| ScrollPaddingBlockStart<String | Number>
| readonly NonNullable<
(ScrollPaddingBlockStart<String | Number> | undefined),
>[],
>;
scrollPaddingBottom?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| ScrollPaddingBottom<String | Number>
| readonly NonNullable<
(ScrollPaddingBottom<String | Number> | undefined),
>[],
>;
scrollPaddingInline?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| ScrollPaddingInline<String | Number>
| readonly NonNullable<
(ScrollPaddingInline<String | Number> | undefined),
>[],
>;
scrollPaddingInlineEnd?: ConditionalValue<
| undefined
| AnyString
| ScrollPaddingInlineEnd<String | Number>
| readonly NonNullable<
(ScrollPaddingInlineEnd<String | Number> | undefined),
>[],
>;
scrollPaddingInlineStart?: ConditionalValue<
| undefined
| AnyString
| ScrollPaddingInlineStart<String | Number>
| readonly NonNullable<
(ScrollPaddingInlineStart<String | Number> | undefined),
>[],
>;
scrollPaddingLeft?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| ScrollPaddingLeft<String | Number>
| readonly NonNullable<(ScrollPaddingLeft<String | Number> | undefined)>[],
>;
scrollPaddingRight?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| ScrollPaddingRight<String | Number>
| readonly NonNullable<(ScrollPaddingRight<String | Number> | undefined)>[],
>;
scrollPaddingTop?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| ScrollPaddingTop<String | Number>
| readonly NonNullable<(ScrollPaddingTop<String | Number> | undefined)>[],
>;
scrollPaddingX?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| ScrollPaddingInline<String | Number>
| readonly NonNullable<
(ScrollPaddingInline<String | Number> | undefined),
>[],
>;
scrollPaddingY?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| ScrollPaddingBlock<String | Number>
| readonly NonNullable<(ScrollPaddingBlock<String | Number> | undefined)>[],
>;
scrollSnapAlign?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| ScrollSnapAlign,
>;
scrollSnapCoordinate?: ConditionalValue<
| undefined
| AnyString
| ScrollSnapCoordinate<String | Number>
| readonly NonNullable<
(ScrollSnapCoordinate<String | Number> | undefined),
>[],
>;
scrollSnapDestination?: ConditionalValue<
| undefined
| AnyString
| ScrollSnapDestination<String | Number>
| readonly NonNullable<
(ScrollSnapDestination<String | Number> | undefined),
>[],
>;
scrollSnapMargin?: ConditionalValue<
(SpacingToken | `var(--${string})` | AnyString),
>;
scrollSnapMarginBottom?: ConditionalValue<
(SpacingToken | `var(--${string})` | AnyString),
>;
scrollSnapMarginLeft?: ConditionalValue<
(SpacingToken | `var(--${string})` | AnyString),
>;
scrollSnapMarginRight?: ConditionalValue<
(SpacingToken | `var(--${string})` | AnyString),
>;
scrollSnapMarginTop?: ConditionalValue<
(SpacingToken | `var(--${string})` | AnyString),
>;
scrollSnapPointsX?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| ScrollSnapPointsX,
>;
scrollSnapPointsY?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| ScrollSnapPointsY,
>;
scrollSnapStop?: ConditionalValue<
| undefined
| AnyString
| ScrollSnapStop
| readonly NonNullable<(ScrollSnapStop | undefined)>[],
>;
scrollSnapStrictness?: ConditionalValue<
`var(--${string})`
| AnyString
| "mandatory"
| "proximity",
>;
scrollSnapType?: ConditionalValue<
| undefined
| readonly string[]
| `var(--${string})`
| AnyString
| ScrollSnapType,
>;
scrollSnapTypeX?: ConditionalValue<
| undefined
| AnyString
| ScrollSnapTypeX
| readonly NonNullable<(ScrollSnapTypeX | undefined)>[],
>;
scrollSnapTypeY?: ConditionalValue<
| undefined
| AnyString
| ScrollSnapTypeY
| readonly NonNullable<(ScrollSnapTypeY | undefined)>[],
>;
scrollTimeline?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| ScrollTimeline,
>;
scrollTimelineAxis?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| ScrollTimelineAxis,
>;
scrollTimelineName?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| ScrollTimelineName,
>;
security?: string;
sepia?: ConditionalValue<string | number | AnyString>;
shadow?: ConditionalValue<
| undefined
| readonly string[]
| `var(--${string})`
| AnyString
| ShadowsToken
| BoxShadow,
>;
shadowColor?: ConditionalValue<
(`var(--${string})` | AnyString | ColorsToken | "currentBg"),
>;
shapeImageThreshold?: ConditionalValue<
| undefined
| AnyString
| ShapeImageThreshold
| readonly NonNullable<(ShapeImageThreshold | undefined)>[],
>;
shapeMargin?: ConditionalValue<
| undefined
| AnyString
| ShapeMargin<String | Number>
| readonly NonNullable<(ShapeMargin<String | Number> | undefined)>[],
>;
shapeOutside?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| ShapeOutside,
>;
shapeRendering?: ConditionalValue<
| undefined
| AnyString
| ShapeRendering
| readonly NonNullable<(ShapeRendering | undefined)>[],
>;
size?: ConditionalValue<
undefined
| "sm"
| "md"
| "lg"
| "xl"
| "2xl"
| "2xs"
| "xs",
>;
skewX?: ConditionalValue<string | number | AnyString>;
skewY?: ConditionalValue<string | number | AnyString>;
slot?: string;
sm?: Nested<SystemStyleObject>;
smDown?: Nested<SystemStyleObject>;
smOnly?: Nested<SystemStyleObject>;
smTo2xl?: Nested<SystemStyleObject>;
smToLg?: Nested<SystemStyleObject>;
smToMd?: Nested<SystemStyleObject>;
smToXl?: Nested<SystemStyleObject>;
spaceX?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| MarginInlineStart<String | Number>
| readonly NonNullable<(MarginInlineStart<String | Number> | undefined)>[],
>;
spaceXReverse?: ConditionalValue<boolean | `var(--${string})` | AnyString>;
spaceY?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| MarginTop<String | Number>
| readonly NonNullable<(MarginTop<String | Number> | undefined)>[],
>;
spaceYReverse?: ConditionalValue<boolean | `var(--${string})` | AnyString>;
spellCheck?: Booleanish;
srOnly?: ConditionalValue<boolean | `var(--${string})` | AnyString>;
stopColor?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| StopColor,
>;
stopOpacity?: ConditionalValue<
| undefined
| AnyString
| StopOpacity
| readonly NonNullable<(StopOpacity | undefined)>[],
>;
stroke?: ConditionalValue<
| undefined
| "border"
| "bg"
| "colorPalette"
| string & {}
| "none"
| "inherit"
| "initial"
| readonly string[]
| "current"
| `var(--${string})`
| AnyString
| "-moz-initial"
| "revert"
| "revert-layer"
| "unset"
| "transparent"
| "black"
| "white"
| "whiteAlpha.50"
| "whiteAlpha.100"
| "whiteAlpha.200"
| "whiteAlpha.300"
| "whiteAlpha.400"
| "whiteAlpha.500"
| "whiteAlpha.600"
| "whiteAlpha.700"
| "whiteAlpha.800"
| "whiteAlpha.900"
| "whiteAlpha.950"
| "blackAlpha.50"
| "blackAlpha.100"
| "blackAlpha.200"
| "blackAlpha.300"
| "blackAlpha.400"
| "blackAlpha.500"
| "blackAlpha.600"
| "blackAlpha.700"
| "blackAlpha.800"
| "blackAlpha.900"
| "blackAlpha.950"
| "gray.50"
| "gray.100"
| "gray.200"
| "gray.300"
| "gray.400"
| "gray.500"
| "gray.600"
| "gray.700"
| "gray.800"
| "gray.900"
| "gray.950"
| "red.50"
| "red.100"
| "red.200"
| "red.300"
| "red.400"
| "red.500"
| "red.600"
| "red.700"
| "red.800"
| "red.900"
| "red.950"
| "orange.50"
| "orange.100"
| "orange.200"
| "orange.300"
| "orange.400"
| "orange.500"
| "orange.600"
| "orange.700"
| "orange.800"
| "orange.900"
| "orange.950"
| "yellow.50"
| "yellow.100"
| "yellow.200"
| "yellow.300"
| "yellow.400"
| "yellow.500"
| "yellow.600"
| "yellow.700"
| "yellow.800"
| "yellow.900"
| "yellow.950"
| "green.50"
| "green.100"
| "green.200"
| "green.300"
| "green.400"
| "green.500"
| "green.600"
| "green.700"
| "green.800"
| "green.900"
| "green.950"
| "teal.50"
| "teal.100"
| "teal.200"
| "teal.300"
| "teal.400"
| "teal.500"
| "teal.600"
| "teal.700"
| "teal.800"
| "teal.900"
| "teal.950"
| "blue.50"
| "blue.100"
| "blue.200"
| "blue.300"
| "blue.400"
| "blue.500"
| "blue.600"
| "blue.700"
| "blue.800"
| "blue.900"
| "blue.950"
| "cyan.50"
| "cyan.100"
| "cyan.200"
| "cyan.300"
| "cyan.400"
| "cyan.500"
| "cyan.600"
| "cyan.700"
| "cyan.800"
| "cyan.900"
| "cyan.950"
| "purple.50"
| "purple.100"
| "purple.200"
| "purple.300"
| "purple.400"
| "purple.500"
| "purple.600"
| "purple.700"
| "purple.800"
| "purple.900"
| "purple.950"
| "pink.50"
| "pink.100"
| "pink.200"
| "pink.300"
| "pink.400"
| "pink.500"
| "pink.600"
| "pink.700"
| "pink.800"
| "pink.900"
| "pink.950"
| "bg.subtle"
| "bg.muted"
| "bg.emphasized"
| "bg.inverted"
| "bg.panel"
| "bg.error"
| "bg.warning"
| "bg.success"
| "bg.info"
| "fg"
| "fg.muted"
| "fg.subtle"
| "fg.inverted"
| "fg.error"
| "fg.warning"
| "fg.success"
| "fg.info"
| "border.muted"
| "border.subtle"
| "border.emphasized"
| "border.inverted"
| "border.error"
| "border.warning"
| "border.success"
| "border.info"
| "gray.contrast"
| "gray.fg"
| "gray.subtle"
| "gray.muted"
| "gray.emphasized"
| "gray.solid"
| "gray.focusRing"
| "red.contrast"
| "red.fg"
| "red.subtle"
| "red.muted"
| "red.emphasized"
| "red.solid"
| "red.focusRing"
| "orange.contrast"
| "orange.fg"
| "orange.subtle"
| "orange.muted"
| "orange.emphasized"
| "orange.solid"
| "orange.focusRing"
| "green.contrast"
| "green.fg"
| "green.subtle"
| "green.muted"
| "green.emphasized"
| "green.solid"
| "green.focusRing"
| "blue.contrast"
| "blue.fg"
| "blue.subtle"
| "blue.muted"
| "blue.emphasized"
| "blue.solid"
| "blue.focusRing"
| "yellow.contrast"
| "yellow.fg"
| "yellow.subtle"
| "yellow.muted"
| "yellow.emphasized"
| "yellow.solid"
| "yellow.focusRing"
| "teal.contrast"
| "teal.fg"
| "teal.subtle"
| "teal.muted"
| "teal.emphasized"
| "teal.solid"
| "teal.focusRing"
| "purple.contrast"
| "purple.fg"
| "purple.subtle"
| "purple.muted"
| "purple.emphasized"
| "purple.solid"
| "purple.focusRing"
| "pink.contrast"
| "pink.fg"
| "pink.subtle"
| "pink.muted"
| "pink.emphasized"
| "pink.solid"
| "pink.focusRing"
| "cyan.contrast"
| "cyan.fg"
| "cyan.subtle"
| "cyan.muted"
| "cyan.emphasized"
| "cyan.solid"
| "cyan.focusRing"
| "colorPalette.50"
| "colorPalette.100"
| "colorPalette.200"
| "colorPalette.300"
| "colorPalette.400"
| "colorPalette.500"
| "colorPalette.600"
| "colorPalette.700"
| "colorPalette.800"
| "colorPalette.900"
| "colorPalette.950"
| "colorPalette.subtle"
| "colorPalette.muted"
| "colorPalette.emphasized"
| "colorPalette.inverted"
| "colorPalette.panel"
| "colorPalette.error"
| "colorPalette.warning"
| "colorPalette.success"
| "colorPalette.info"
| "colorPalette.contrast"
| "colorPalette.fg"
| "colorPalette.solid"
| "colorPalette.focusRing"
| "currentBg"
| "aliceblue"
| "antiquewhite"
| "aqua"
| "aquamarine"
| "azure"
| "beige"
| "bisque"
| "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"
| "whitesmoke"
| "yellow"
| "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"
| "child"
| "context-fill"
| "context-stroke",
>;
strokeDasharray?: ConditionalValue<
| undefined
| AnyString
| StrokeDasharray<String | Number>
| readonly NonNullable<(StrokeDasharray<String | Number> | undefined)>[],
>;
strokeDashoffset?: ConditionalValue<
| undefined
| AnyString
| StrokeDashoffset<String | Number>
| readonly NonNullable<(StrokeDashoffset<String | Number> | undefined)>[],
>;
strokeLinecap?: ConditionalValue<
| undefined
| AnyString
| StrokeLinecap
| readonly NonNullable<(StrokeLinecap | undefined)>[],
>;
strokeLinejoin?: ConditionalValue<
| undefined
| AnyString
| StrokeLinejoin
| readonly NonNullable<(StrokeLinejoin | undefined)>[],
>;
strokeMiterlimit?: ConditionalValue<
| undefined
| AnyString
| StrokeMiterlimit
| readonly NonNullable<(StrokeMiterlimit | undefined)>[],
>;
strokeOpacity?: ConditionalValue<
| undefined
| AnyString
| StrokeOpacity
| readonly NonNullable<(StrokeOpacity | undefined)>[],
>;
strokeWidth?: ConditionalValue<
| undefined
| AnyString
| StrokeWidth<String | Number>
| readonly NonNullable<(StrokeWidth<String | Number> | undefined)>[],
>;
style?: CSSProperties;
suppressContentEditableWarning?: boolean;
suppressHydrationWarning?: boolean;
tabIndex?: number;
tableLayout?: ConditionalValue<
| undefined
| AnyString
| TableLayout
| readonly NonNullable<(TableLayout | undefined)>[],
>;
tabSize?: ConditionalValue<
| undefined
| AnyString
| TabSize<String | Number>
| readonly NonNullable<(TabSize<String | Number> | undefined)>[],
>;
textAlign?: ConditionalValue<
| undefined
| AnyString
| TextAlign
| readonly NonNullable<(TextAlign | undefined)>[],
>;
textAlignLast?: ConditionalValue<
| undefined
| AnyString
| TextAlignLast
| readonly NonNullable<(TextAlignLast | undefined)>[],
>;
textAnchor?: ConditionalValue<
| undefined
| AnyString
| TextAnchor
| readonly NonNullable<(TextAnchor | undefined)>[],
>;
textCombineUpright?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| TextCombineUpright,
>;
textDecor?: ConditionalValue<
| undefined
| AnyString
| TextDecoration<String | Number>
| readonly NonNullable<(TextDecoration<String | Number> | undefined)>[],
>;
textDecoration?: ConditionalValue<
| undefined
| AnyString
| TextDecoration<String | Number>
| readonly NonNullable<(TextDecoration<String | Number> | undefined)>[],
>;
textDecorationColor?: ConditionalValue<
| undefined
| "border"
| "bg"
| "colorPalette"
| string & {}
| "inherit"
| "initial"
| readonly string[]
| "current"
| `var(--${string})`
| AnyString
| "-moz-initial"
| "revert"
| "revert-layer"
| "unset"
| "transparent"
| "black"
| "white"
| "whiteAlpha.50"
| "whiteAlpha.100"
| "whiteAlpha.200"
| "whiteAlpha.300"
| "whiteAlpha.400"
| "whiteAlpha.500"
| "whiteAlpha.600"
| "whiteAlpha.700"
| "whiteAlpha.800"
| "whiteAlpha.900"
| "whiteAlpha.950"
| "blackAlpha.50"
| "blackAlpha.100"
| "blackAlpha.200"
| "blackAlpha.300"
| "blackAlpha.400"
| "blackAlpha.500"
| "blackAlpha.600"
| "blackAlpha.700"
| "blackAlpha.800"
| "blackAlpha.900"
| "blackAlpha.950"
| "gray.50"
| "gray.100"
| "gray.200"
| "gray.300"
| "gray.400"
| "gray.500"
| "gray.600"
| "gray.700"
| "gray.800"
| "gray.900"
| "gray.950"
| "red.50"
| "red.100"
| "red.200"
| "red.300"
| "red.400"
| "red.500"
| "red.600"
| "red.700"
| "red.800"
| "red.900"
| "red.950"
| "orange.50"
| "orange.100"
| "orange.200"
| "orange.300"
| "orange.400"
| "orange.500"
| "orange.600"
| "orange.700"
| "orange.800"
| "orange.900"
| "orange.950"
| "yellow.50"
| "yellow.100"
| "yellow.200"
| "yellow.300"
| "yellow.400"
| "yellow.500"
| "yellow.600"
| "yellow.700"
| "yellow.800"
| "yellow.900"
| "yellow.950"
| "green.50"
| "green.100"
| "green.200"
| "green.300"
| "green.400"
| "green.500"
| "green.600"
| "green.700"
| "green.800"
| "green.900"
| "green.950"
| "teal.50"
| "teal.100"
| "teal.200"
| "teal.300"
| "teal.400"
| "teal.500"
| "teal.600"
| "teal.700"
| "teal.800"
| "teal.900"
| "teal.950"
| "blue.50"
| "blue.100"
| "blue.200"
| "blue.300"
| "blue.400"
| "blue.500"
| "blue.600"
| "blue.700"
| "blue.800"
| "blue.900"
| "blue.950"
| "cyan.50"
| "cyan.100"
| "cyan.200"
| "cyan.300"
| "cyan.400"
| "cyan.500"
| "cyan.600"
| "cyan.700"
| "cyan.800"
| "cyan.900"
| "cyan.950"
| "purple.50"
| "purple.100"
| "purple.200"
| "purple.300"
| "purple.400"
| "purple.500"
| "purple.600"
| "purple.700"
| "purple.800"
| "purple.900"
| "purple.950"
| "pink.50"
| "pink.100"
| "pink.200"
| "pink.300"
| "pink.400"
| "pink.500"
| "pink.600"
| "pink.700"
| "pink.800"
| "pink.900"
| "pink.950"
| "bg.subtle"
| "bg.muted"
| "bg.emphasized"
| "bg.inverted"
| "bg.panel"
| "bg.error"
| "bg.warning"
| "bg.success"
| "bg.info"
| "fg"
| "fg.muted"
| "fg.subtle"
| "fg.inverted"
| "fg.error"
| "fg.warning"
| "fg.success"
| "fg.info"
| "border.muted"
| "border.subtle"
| "border.emphasized"
| "border.inverted"
| "border.error"
| "border.warning"
| "border.success"
| "border.info"
| "gray.contrast"
| "gray.fg"
| "gray.subtle"
| "gray.muted"
| "gray.emphasized"
| "gray.solid"
| "gray.focusRing"
| "red.contrast"
| "red.fg"
| "red.subtle"
| "red.muted"
| "red.emphasized"
| "red.solid"
| "red.focusRing"
| "orange.contrast"
| "orange.fg"
| "orange.subtle"
| "orange.muted"
| "orange.emphasized"
| "orange.solid"
| "orange.focusRing"
| "green.contrast"
| "green.fg"
| "green.subtle"
| "green.muted"
| "green.emphasized"
| "green.solid"
| "green.focusRing"
| "blue.contrast"
| "blue.fg"
| "blue.subtle"
| "blue.muted"
| "blue.emphasized"
| "blue.solid"
| "blue.focusRing"
| "yellow.contrast"
| "yellow.fg"
| "yellow.subtle"
| "yellow.muted"
| "yellow.emphasized"
| "yellow.solid"
| "yellow.focusRing"
| "teal.contrast"
| "teal.fg"
| "teal.subtle"
| "teal.muted"
| "teal.emphasized"
| "teal.solid"
| "teal.focusRing"
| "purple.contrast"
| "purple.fg"
| "purple.subtle"
| "purple.muted"
| "purple.emphasized"
| "purple.solid"
| "purple.focusRing"
| "pink.contrast"
| "pink.fg"
| "pink.subtle"
| "pink.muted"
| "pink.emphasized"
| "pink.solid"
| "pink.focusRing"
| "cyan.contrast"
| "cyan.fg"
| "cyan.subtle"
| "cyan.muted"
| "cyan.emphasized"
| "cyan.solid"
| "cyan.focusRing"
| "colorPalette.50"
| "colorPalette.100"
| "colorPalette.200"
| "colorPalette.300"
| "colorPalette.400"
| "colorPalette.500"
| "colorPalette.600"
| "colorPalette.700"
| "colorPalette.800"
| "colorPalette.900"
| "colorPalette.950"
| "colorPalette.subtle"
| "colorPalette.muted"
| "colorPalette.emphasized"
| "colorPalette.inverted"
| "colorPalette.panel"
| "colorPalette.error"
| "colorPalette.warning"
| "colorPalette.success"
| "colorPalette.info"
| "colorPalette.contrast"
| "colorPalette.fg"
| "colorPalette.solid"
| "colorPalette.focusRing"
| "currentBg"
| "aliceblue"
| "antiquewhite"
| "aqua"
| "aquamarine"
| "azure"
| "beige"
| "bisque"
| "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"
| "whitesmoke"
| "yellow"
| "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",
>;
textDecorationLine?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| TextDecorationLine,
>;
textDecorationSkip?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| TextDecorationSkip,
>;
textDecorationSkipInk?: ConditionalValue<
| undefined
| AnyString
| TextDecorationSkipInk
| readonly NonNullable<(TextDecorationSkipInk | undefined)>[],
>;
textDecorationStyle?: ConditionalValue<
| undefined
| AnyString
| TextDecorationStyle
| readonly NonNullable<(TextDecorationStyle | undefined)>[],
>;
textDecorationThickness?: ConditionalValue<
| undefined
| AnyString
| TextDecorationThickness<String | Number>
| readonly NonNullable<
(TextDecorationThickness<String | Number> | undefined),
>[],
>;
textEmphasis?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| TextEmphasis,
>;
textEmphasisColor?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| TextEmphasisColor,
>;
textEmphasisPosition?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| TextEmphasisPosition,
>;
textEmphasisStyle?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| TextEmphasisStyle,
>;
textIndent?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| TextIndent<String | Number>
| readonly NonNullable<(TextIndent<String | Number> | undefined)>[],
>;
textJustify?: ConditionalValue<
| undefined
| AnyString
| TextJustify
| readonly NonNullable<(TextJustify | undefined)>[],
>;
textOrientation?: ConditionalValue<
| undefined
| AnyString
| TextOrientation
| readonly NonNullable<(TextOrientation | undefined)>[],
>;
textOverflow?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| TextOverflow,
>;
textRendering?: ConditionalValue<
| undefined
| AnyString
| TextRendering
| readonly NonNullable<(TextRendering | undefined)>[],
>;
textShadow?: ConditionalValue<
| undefined
| readonly string[]
| `var(--${string})`
| AnyString
| ShadowsToken
| TextShadow,
>;
textSizeAdjust?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| TextSizeAdjust,
>;
textStyle?: ConditionalValue<
| "sm"
| "md"
| "lg"
| "xl"
| "2xl"
| "none"
| "2xs"
| "xs"
| `var(--${string})`
| AnyString
| "3xl"
| "4xl"
| "5xl"
| "6xl"
| "7xl",
>;
textTransform?: ConditionalValue<
| undefined
| AnyString
| TextTransform
| readonly NonNullable<(TextTransform | undefined)>[],
>;
textUnderlineOffset?: ConditionalValue<
| undefined
| AnyString
| TextUnderlineOffset<String | Number>
| readonly NonNullable<
(TextUnderlineOffset<String | Number> | undefined),
>[],
>;
textUnderlinePosition?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| TextUnderlinePosition,
>;
textWrap?: ConditionalValue<
| undefined
| AnyString
| TextWrap
| readonly NonNullable<(TextWrap | undefined)>[],
>;
timelineScope?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| TimelineScope,
>;
title?: string;
top?: ConditionalValue<
| undefined
| SpacingToken
| `var(--${string})`
| AnyString
| Top<String | Number>
| readonly NonNullable<(Top<String | Number> | undefined)>[],
>;
touchAction?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| TouchAction,
>;
transform?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| Transform,
>;
transformBox?: ConditionalValue<
| undefined
| AnyString
| TransformBox
| readonly NonNullable<(TransformBox | undefined)>[],
>;
transformOrigin?: ConditionalValue<
| undefined
| AnyString
| TransformOrigin<String | Number>
| readonly NonNullable<(TransformOrigin<String | Number> | undefined)>[],
>;
transformStyle?: ConditionalValue<
| undefined
| AnyString
| TransformStyle
| readonly NonNullable<(TransformStyle | undefined)>[],
>;
transition?: ConditionalValue<
| undefined
| "size"
| "opacity"
| "position"
| "transform"
| "shadow"
| readonly string[]
| `var(--${string})`
| AnyString
| "colors"
| "common"
| "backgrounds"
| Transition<string & {}>,
>;
transitionBehavior?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| TransitionBehavior,
>;
transitionDelay?: ConditionalValue<
| undefined
| readonly string[]
| AnyString
| TransitionDelay<string & {}>,
>;
transitionDuration?: ConditionalValue<
| undefined
| readonly string[]
| `var(--${string})`
| AnyString
| DurationsToken
| TransitionDuration<string & {}>,
>;
transitionProperty?: ConditionalValue<
| undefined
| "size"
| "background"
| "position"
| readonly string[]
| `var(--${string})`
| AnyString
| "colors"
| "common"
| TransitionProperty,
>;
transitionTimingFunction?: ConditionalValue<
| undefined
| string & {}
| "inherit"
| "initial"
| readonly string[]
| `var(--${string})`
| AnyString
| "-moz-initial"
| "revert"
| "revert-layer"
| "unset"
| "ease"
| "ease-in"
| "ease-in-out"
| "ease-out"
| "step-end"
| "step-start"
| "linear"
| "ease-in-smooth",
>;
translate?: ConditionalValue<
| undefined
| AnyString
| Translate<String | Number>
| readonly NonNullable<(Translate<String | Number> | undefined)>[],
>;
translateX?: ConditionalValue<
(SpacingToken | `var(--${string})` | AnyString),
>;
translateY?: ConditionalValue<
(SpacingToken | `var(--${string})` | AnyString),
>;
truncate?: ConditionalValue<boolean | `var(--${string})` | AnyString>;
type?: "button" | "submit" | "reset";
typeof?: string;
unicodeBidi?: ConditionalValue<
| undefined
| AnyString
| UnicodeBidi
| readonly NonNullable<(UnicodeBidi | undefined)>[],
>;
unselectable?: "off" | "on";
unstyled?: boolean;
userSelect?: ConditionalValue<
| undefined
| AnyString
| UserSelect
| readonly NonNullable<(UserSelect | undefined)>[],
>;
value?: string | number | readonly string[];
variant?: ConditionalValue<
| undefined
| "outline"
| "solid"
| "subtle"
| "surface"
| "ghost"
| "plain",
>;
vectorEffect?: ConditionalValue<
| undefined
| AnyString
| VectorEffect
| readonly NonNullable<(VectorEffect | undefined)>[],
>;
verticalAlign?: ConditionalValue<
| undefined
| AnyString
| VerticalAlign<String | Number>
| readonly NonNullable<(VerticalAlign<String | Number> | undefined)>[],
>;
viewTimeline?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| ViewTimeline,
>;
viewTimelineAxis?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| ViewTimelineAxis,
>;
viewTimelineInset?: ConditionalValue<
| undefined
| AnyString
| ViewTimelineInset<String | Number>
| readonly NonNullable<(ViewTimelineInset<String | Number> | undefined)>[],
>;
viewTimelineName?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| ViewTimelineName,
>;
viewTransitionName?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| ViewTransitionName,
>;
visibility?: ConditionalValue<
| undefined
| AnyString
| Visibility
| readonly NonNullable<(Visibility | undefined)>[],
>;
vocab?: string;
w?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| SizesToken
| Width<String | Number>
| readonly NonNullable<(Width<String | Number> | undefined)>[],
>;
WebkitAppearance?: ConditionalValue<
| undefined
| AnyString
| WebkitAppearance
| readonly NonNullable<(WebkitAppearance | undefined)>[],
>;
WebkitBorderBefore?: ConditionalValue<
| undefined
| AnyString
| WebkitBorderBefore<String | Number>
| readonly NonNullable<(WebkitBorderBefore<String | Number> | undefined)>[],
>;
WebkitBorderBeforeColor?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| WebkitBorderBeforeColor,
>;
WebkitBorderBeforeStyle?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| WebkitBorderBeforeStyle,
>;
WebkitBorderBeforeWidth?: ConditionalValue<
| undefined
| AnyString
| WebkitBorderBeforeWidth<String | Number>
| readonly NonNullable<
(WebkitBorderBeforeWidth<String | Number> | undefined),
>[],
>;
WebkitBoxReflect?: ConditionalValue<
| undefined
| AnyString
| WebkitBoxReflect<String | Number>
| readonly NonNullable<(WebkitBoxReflect<String | Number> | undefined)>[],
>;
WebkitLineClamp?: ConditionalValue<
| undefined
| AnyString
| WebkitLineClamp
| readonly NonNullable<(WebkitLineClamp | undefined)>[],
>;
WebkitMask?: ConditionalValue<
| undefined
| AnyString
| WebkitMask<String | Number>
| readonly NonNullable<(WebkitMask<String | Number> | undefined)>[],
>;
WebkitMaskAttachment?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| WebkitMaskAttachment,
>;
WebkitMaskClip?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| WebkitMaskClip,
>;
WebkitMaskComposite?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| WebkitMaskComposite,
>;
WebkitMaskImage?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| WebkitMaskImage,
>;
WebkitMaskOrigin?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| WebkitMaskOrigin,
>;
WebkitMaskPosition?: ConditionalValue<
| undefined
| AnyString
| WebkitMaskPosition<String | Number>
| readonly NonNullable<(WebkitMaskPosition<String | Number> | undefined)>[],
>;
WebkitMaskPositionX?: ConditionalValue<
| undefined
| AnyString
| WebkitMaskPositionX<String | Number>
| readonly NonNullable<
(WebkitMaskPositionX<String | Number> | undefined),
>[],
>;
WebkitMaskPositionY?: ConditionalValue<
| undefined
| AnyString
| WebkitMaskPositionY<String | Number>
| readonly NonNullable<
(WebkitMaskPositionY<String | Number> | undefined),
>[],
>;
WebkitMaskRepeat?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| WebkitMaskRepeat,
>;
WebkitMaskRepeatX?: ConditionalValue<
| undefined
| AnyString
| WebkitMaskRepeatX
| readonly NonNullable<(WebkitMaskRepeatX | undefined)>[],
>;
WebkitMaskRepeatY?: ConditionalValue<
| undefined
| AnyString
| WebkitMaskRepeatY
| readonly NonNullable<(WebkitMaskRepeatY | undefined)>[],
>;
WebkitMaskSize?: ConditionalValue<
| undefined
| AnyString
| WebkitMaskSize<String | Number>
| readonly NonNullable<(WebkitMaskSize<String | Number> | undefined)>[],
>;
WebkitOverflowScrolling?: ConditionalValue<
| undefined
| AnyString
| WebkitOverflowScrolling
| readonly NonNullable<(WebkitOverflowScrolling | undefined)>[],
>;
WebkitTapHighlightColor?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| WebkitTapHighlightColor,
>;
WebkitTextFillColor?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| WebkitTextFillColor,
>;
WebkitTextStroke?: ConditionalValue<
| undefined
| AnyString
| WebkitTextStroke<String | Number>
| readonly NonNullable<(WebkitTextStroke<String | Number> | undefined)>[],
>;
WebkitTextStrokeColor?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| WebkitTextStrokeColor,
>;
WebkitTextStrokeWidth?: ConditionalValue<
| undefined
| AnyString
| WebkitTextStrokeWidth<String | Number>
| readonly NonNullable<
(WebkitTextStrokeWidth<String | Number> | undefined),
>[],
>;
WebkitTouchCallout?: ConditionalValue<
| undefined
| AnyString
| WebkitTouchCallout
| readonly NonNullable<(WebkitTouchCallout | undefined)>[],
>;
WebkitUserModify?: ConditionalValue<
| undefined
| AnyString
| WebkitUserModify
| readonly NonNullable<(WebkitUserModify | undefined)>[],
>;
whiteSpace?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| WhiteSpace,
>;
whiteSpaceCollapse?: ConditionalValue<
| undefined
| AnyString
| WhiteSpaceCollapse
| readonly NonNullable<(WhiteSpaceCollapse | undefined)>[],
>;
widows?: ConditionalValue<
| undefined
| AnyString
| Widows
| readonly NonNullable<(Widows | undefined)>[],
>;
width?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| SizesToken
| Width<String | Number>
| readonly NonNullable<(Width<String | Number> | undefined)>[],
>;
willChange?: ConditionalValue<
undefined
| readonly string[]
| AnyString
| WillChange,
>;
wordBreak?: ConditionalValue<
| undefined
| AnyString
| WordBreak
| readonly NonNullable<(WordBreak | undefined)>[],
>;
wordSpacing?: ConditionalValue<
| undefined
| AnyString
| WordSpacing<String | Number>
| readonly NonNullable<(WordSpacing<String | Number> | undefined)>[],
>;
wordWrap?: ConditionalValue<
| undefined
| AnyString
| WordWrap
| readonly NonNullable<(WordWrap | undefined)>[],
>;
writingMode?: ConditionalValue<
| undefined
| AnyString
| WritingMode
| readonly NonNullable<(WritingMode | undefined)>[],
>;
xl?: Nested<SystemStyleObject>;
xlDown?: Nested<SystemStyleObject>;
xlOnly?: Nested<SystemStyleObject>;
xlTo2xl?: Nested<SystemStyleObject>;
zIndex?: ConditionalValue<
| undefined
| `var(--${string})`
| AnyString
| ZIndexToken
| ZIndex
| readonly NonNullable<(ZIndex | undefined)>[],
>;
zoom?: ConditionalValue<
| undefined
| AnyString
| Zoom
| readonly NonNullable<(Zoom | undefined)>[],
>;
},
> = ...