Interface FieldProps

interface FieldProps {
    _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"
        | "current"
        | `var(--${string})`
        | string & {}
        | AnyString
        | "-moz-initial"
        | "inherit"
        | "initial"
        | "revert"
        | "revert-layer"
        | "unset"
        | "auto"
        | "black"
        | readonly string[]
        | "transparent"
        | "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
        | AnyString
        | readonly string[]
        | AlignContent,
    >;
    alignItems?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | AlignItems,
    >;
    alignmentBaseline?: ConditionalValue<
        | undefined
        | AnyString
        | AlignmentBaseline
        | readonly NonNullable<(AlignmentBaseline | undefined)>[],
    >;
    alignSelf?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | AlignSelf,
    >;
    alignTracks?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | 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
        | AnyString
        | readonly string[]
        | AnimationComposition,
    >;
    animationDelay?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | readonly string[]
        | DurationsToken
        | AnimationDelay<string & {}>,
    >;
    animationDirection?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | AnimationDirection,
    >;
    animationDuration?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | readonly string[]
        | DurationsToken
        | AnimationDuration<string & {}>,
    >;
    animationFillMode?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | AnimationFillMode,
    >;
    animationIterationCount?: ConditionalValue<
        | undefined
        | AnyString
        | AnimationIterationCount
        | readonly NonNullable<(AnimationIterationCount | undefined)>[],
    >;
    animationName?: ConditionalValue<
        | undefined
        | "position"
        | `var(--${string})`
        | AnyString
        | readonly string[]
        | "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
        | AnyString
        | readonly string[]
        | 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
        | AnyString
        | readonly string[]
        | AnimationTimeline,
    >;
    animationTimingFunction?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | string & {}
        | AnyString
        | "-moz-initial"
        | "inherit"
        | "initial"
        | "revert"
        | "revert-layer"
        | "unset"
        | readonly string[]
        | "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"?: "none" | "list" | "inline" | "both";
    "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"
    | "execute"
    | "move"
    | "popup";
    "aria-errormessage"?: string;
    "aria-expanded"?: Booleanish;
    "aria-flowto"?: string;
    "aria-grabbed"?: Booleanish;
    "aria-haspopup"?:
        | boolean
        | "grid"
        | "dialog"
        | "menu"
        | "true"
        | "false"
        | "listbox"
        | "tree";
    "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
        | AnyString
        | readonly string[]
        | Azimuth,
    >;
    backdropBlur?: ConditionalValue<
        (`var(--${string})` | AnyString | BlursToken),
    >;
    backdropBrightness?: ConditionalValue<string | number | AnyString>;
    backdropContrast?: ConditionalValue<string | number | AnyString>;
    backdropFilter?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | 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"
        | "current"
        | "repeat"
        | "fixed"
        | `var(--${string})`
        | String
        | Number
        | string & {}
        | AnyString
        | "-moz-initial"
        | "inherit"
        | "initial"
        | "revert"
        | "revert-layer"
        | "unset"
        | "none"
        | "black"
        | "transparent"
        | "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"
        | "round"
        | "space"
        | "border-box"
        | "content-box"
        | "padding-box"
        | "local"
        | "scroll"
        | readonly NonNullable<undefined | Background<String | Number>>[],
    >;
    backgroundAttachment?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | BackgroundAttachment,
    >;
    backgroundBlendMode?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | BackgroundBlendMode,
    >;
    backgroundClip?: ConditionalValue<
        | undefined
        | "text"
        | `var(--${string})`
        | AnyString
        | readonly string[]
        | BackgroundClip,
    >;
    backgroundColor?: ConditionalValue<
        | undefined
        | "border"
        | "bg"
        | "colorPalette"
        | "current"
        | `var(--${string})`
        | string & {}
        | AnyString
        | "-moz-initial"
        | "inherit"
        | "initial"
        | "revert"
        | "revert-layer"
        | "unset"
        | "black"
        | readonly string[]
        | "transparent"
        | "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
        | `var(--${string})`
        | AnyString
        | readonly string[]
        | BackgroundImage,
    >;
    backgroundOrigin?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | 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
        | AnyString
        | readonly string[]
        | 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"
        | "current"
        | "repeat"
        | "fixed"
        | `var(--${string})`
        | String
        | Number
        | string & {}
        | AnyString
        | "-moz-initial"
        | "inherit"
        | "initial"
        | "revert"
        | "revert-layer"
        | "unset"
        | "none"
        | "black"
        | "transparent"
        | "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"
        | "round"
        | "space"
        | "border-box"
        | "content-box"
        | "padding-box"
        | "local"
        | "scroll"
        | readonly NonNullable<undefined | Background<String | Number>>[],
    >;
    bgAttachment?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | BackgroundAttachment,
    >;
    bgBlendMode?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | BackgroundBlendMode,
    >;
    bgClip?: ConditionalValue<
        | undefined
        | "text"
        | `var(--${string})`
        | AnyString
        | readonly string[]
        | BackgroundClip,
    >;
    bgColor?: ConditionalValue<
        | undefined
        | "border"
        | "bg"
        | "colorPalette"
        | "current"
        | `var(--${string})`
        | string & {}
        | AnyString
        | "-moz-initial"
        | "inherit"
        | "initial"
        | "revert"
        | "revert-layer"
        | "unset"
        | "black"
        | readonly string[]
        | "transparent"
        | "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
        | `var(--${string})`
        | AnyString
        | readonly string[]
        | BackgroundImage,
    >;
    bgImg?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | readonly string[]
        | BackgroundImage,
    >;
    bgPos?: ConditionalValue<
        | undefined
        | AnyString
        | BackgroundPosition<String | Number>
        | readonly NonNullable<(BackgroundPosition<String | Number> | undefined)>[],
    >;
    bgRepeat?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | 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
        | SizesToken
        | `var(--${string})`
        | AnyString
        | 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
        | AnyString
        | readonly string[]
        | BorderBlockColor,
    >;
    borderBlockEnd?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | BordersToken
        | BorderBlockEnd<String | Number>
        | readonly NonNullable<(BorderBlockEnd<String | Number> | undefined)>[],
    >;
    borderBlockEndColor?: ConditionalValue<
        | undefined
        | "border"
        | "bg"
        | "colorPalette"
        | "current"
        | `var(--${string})`
        | string & {}
        | AnyString
        | "-moz-initial"
        | "inherit"
        | "initial"
        | "revert"
        | "revert-layer"
        | "unset"
        | "black"
        | readonly string[]
        | "transparent"
        | "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"
        | "current"
        | `var(--${string})`
        | string & {}
        | AnyString
        | "-moz-initial"
        | "inherit"
        | "initial"
        | "revert"
        | "revert-layer"
        | "unset"
        | "black"
        | readonly string[]
        | "transparent"
        | "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"
        | "current"
        | `var(--${string})`
        | string & {}
        | AnyString
        | "-moz-initial"
        | "inherit"
        | "initial"
        | "revert"
        | "revert-layer"
        | "unset"
        | "black"
        | readonly string[]
        | "transparent"
        | "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"
        | "current"
        | `var(--${string})`
        | string & {}
        | AnyString
        | "-moz-initial"
        | "inherit"
        | "initial"
        | "revert"
        | "revert-layer"
        | "unset"
        | "black"
        | readonly string[]
        | "transparent"
        | "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"
        | "current"
        | `var(--${string})`
        | string & {}
        | AnyString
        | "-moz-initial"
        | "inherit"
        | "initial"
        | "revert"
        | "revert-layer"
        | "unset"
        | "black"
        | readonly string[]
        | "transparent"
        | "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
        | AnyString
        | readonly string[]
        | BorderImageRepeat,
    >;
    borderImageSlice?: ConditionalValue<
        | undefined
        | AnyString
        | BorderImageSlice
        | readonly NonNullable<(BorderImageSlice | undefined)>[],
    >;
    borderImageSource?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | 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
        | AnyString
        | readonly string[]
        | BorderInlineColor,
    >;
    borderInlineEnd?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | BordersToken
        | BorderInlineEnd<String | Number>
        | readonly NonNullable<(BorderInlineEnd<String | Number> | undefined)>[],
    >;
    borderInlineEndColor?: ConditionalValue<
        | undefined
        | "border"
        | "bg"
        | "colorPalette"
        | "current"
        | `var(--${string})`
        | string & {}
        | AnyString
        | "-moz-initial"
        | "inherit"
        | "initial"
        | "revert"
        | "revert-layer"
        | "unset"
        | "black"
        | readonly string[]
        | "transparent"
        | "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"
        | "current"
        | `var(--${string})`
        | string & {}
        | AnyString
        | "-moz-initial"
        | "inherit"
        | "initial"
        | "revert"
        | "revert-layer"
        | "unset"
        | "black"
        | readonly string[]
        | "transparent"
        | "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"
        | "current"
        | `var(--${string})`
        | string & {}
        | AnyString
        | "-moz-initial"
        | "inherit"
        | "initial"
        | "revert"
        | "revert-layer"
        | "unset"
        | "black"
        | readonly string[]
        | "transparent"
        | "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"
        | "current"
        | `var(--${string})`
        | string & {}
        | AnyString
        | "-moz-initial"
        | "inherit"
        | "initial"
        | "revert"
        | "revert-layer"
        | "unset"
        | "black"
        | readonly string[]
        | "transparent"
        | "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"
        | "current"
        | `var(--${string})`
        | string & {}
        | AnyString
        | "-moz-initial"
        | "inherit"
        | "initial"
        | "revert"
        | "revert-layer"
        | "unset"
        | "black"
        | readonly string[]
        | "transparent"
        | "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
        | `var(--${string})`
        | AnyString
        | readonly string[]
        | BorderStyle,
    >;
    borderTop?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | BordersToken
        | BorderTop<String | Number>
        | readonly NonNullable<(BorderTop<String | Number> | undefined)>[],
    >;
    borderTopColor?: ConditionalValue<
        | undefined
        | "border"
        | "bg"
        | "colorPalette"
        | "current"
        | `var(--${string})`
        | string & {}
        | AnyString
        | "-moz-initial"
        | "inherit"
        | "initial"
        | "revert"
        | "revert-layer"
        | "unset"
        | "black"
        | readonly string[]
        | "transparent"
        | "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
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | 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
        | `var(--${string})`
        | AnyString
        | readonly string[]
        | ShadowsToken
        | BoxShadow,
    >;
    boxShadowColor?: ConditionalValue<
        (`var(--${string})` | AnyString | ColorsToken | "currentBg"),
    >;
    boxSize?: ConditionalValue<
        | undefined
        | SizesToken
        | `var(--${string})`
        | AnyString
        | 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 | AnyString | readonly string[] | Caret>;
    caretColor?: ConditionalValue<
        | undefined
        | "border"
        | "bg"
        | "colorPalette"
        | "current"
        | `var(--${string})`
        | string & {}
        | AnyString
        | "-moz-initial"
        | "inherit"
        | "initial"
        | "revert"
        | "revert-layer"
        | "unset"
        | "auto"
        | "black"
        | readonly string[]
        | "transparent"
        | "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 | AnyString | readonly string[] | Clip>;
    clipPath?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | ClipPath,
    >;
    clipRule?: ConditionalValue<
        | undefined
        | AnyString
        | ClipRule
        | readonly NonNullable<(ClipRule | undefined)>[],
    >;
    color?: ConditionalValue<
        | undefined
        | "border"
        | "bg"
        | "colorPalette"
        | "current"
        | `var(--${string})`
        | string & {}
        | AnyString
        | "-moz-initial"
        | "inherit"
        | "initial"
        | "revert"
        | "revert-layer"
        | "unset"
        | "black"
        | readonly string[]
        | "transparent"
        | "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
        | "black"
        | "transparent"
        | "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
        | AnyString
        | readonly string[]
        | ColorScheme,
    >;
    columnCount?: ConditionalValue<
        | undefined
        | AnyString
        | ColumnCount
        | readonly NonNullable<(ColumnCount | undefined)>[],
    >;
    columnFill?: ConditionalValue<
        | undefined
        | AnyString
        | ColumnFill
        | readonly NonNullable<(ColumnFill | undefined)>[],
    >;
    columnGap?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | 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
        | AnyString
        | readonly string[]
        | ColumnRuleColor,
    >;
    columnRuleStyle?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | 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
        | AnyString
        | readonly string[]
        | Contain,
    >;
    container?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | Container,
    >;
    containerName?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | 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
        | AnyString
        | readonly string[]
        | 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
        | AnyString
        | readonly string[]
        | CounterIncrement,
    >;
    counterReset?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | CounterReset,
    >;
    counterSet?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | CounterSet,
    >;
    css?:
        | SystemStyleObject
        | Omit<(undefined | SystemStyleObject)[], keyof any[]>;
    cursor?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | readonly string[]
        | 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
        | AnyString
        | readonly string[]
        | Display,
    >;
    divideColor?: ConditionalValue<
        (`var(--${string})` | AnyString | ColorsToken | "currentBg"),
    >;
    divideStyle?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | readonly string[]
        | 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";
    errorText?: ReactNode;
    fill?: ConditionalValue<
        | undefined
        | "border"
        | "bg"
        | "colorPalette"
        | "current"
        | `var(--${string})`
        | string & {}
        | AnyString
        | "-moz-initial"
        | "inherit"
        | "initial"
        | "revert"
        | "revert-layer"
        | "unset"
        | "none"
        | "black"
        | readonly string[]
        | "transparent"
        | "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
        | AnyString
        | readonly string[]
        | Filter,
    >;
    flex?: ConditionalValue<
        | undefined
        | AnyString
        | Flex<String | Number>
        | readonly NonNullable<(Flex<String | Number> | undefined)>[],
    >;
    flexBasis?: ConditionalValue<
        | undefined
        | SizesToken
        | `var(--${string})`
        | AnyString
        | 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
        | AnyString
        | readonly string[]
        | 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
        | AnyString
        | readonly string[]
        | FloodColor,
    >;
    floodOpacity?: ConditionalValue<
        | undefined
        | AnyString
        | FloodOpacity
        | readonly NonNullable<(FloodOpacity | undefined)>[],
    >;
    focusRing?: ConditionalValue<
        | `var(--${string})`
        | AnyString
        | "none"
        | "mixed"
        | "inside"
        | "outside",
    >;
    focusRingColor?: ConditionalValue<
        (`var(--${string})` | AnyString | ColorsToken | "currentBg"),
    >;
    focusRingOffset?: ConditionalValue<
        (`var(--${string})` | AnyString | SpacingToken),
    >;
    focusRingStyle?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | readonly string[]
        | OutlineStyle,
    >;
    focusRingWidth?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | OutlineWidth<String | Number>
        | readonly NonNullable<(OutlineWidth<String | Number> | undefined)>[],
    >;
    focusVisibleRing?: ConditionalValue<
        | `var(--${string})`
        | AnyString
        | "none"
        | "mixed"
        | "inside"
        | "outside",
    >;
    font?: ConditionalValue<undefined | AnyString | readonly string[] | Font>;
    fontFamily?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | readonly string[]
        | FontsToken
        | FontFamily,
    >;
    fontFeatureSettings?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | FontFeatureSettings,
    >;
    fontKerning?: ConditionalValue<
        | undefined
        | AnyString
        | FontKerning
        | readonly NonNullable<(FontKerning | undefined)>[],
    >;
    fontLanguageOverride?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | FontLanguageOverride,
    >;
    fontOpticalSizing?: ConditionalValue<
        | undefined
        | AnyString
        | FontOpticalSizing
        | readonly NonNullable<(FontOpticalSizing | undefined)>[],
    >;
    fontPalette?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | 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
        | AnyString
        | readonly string[]
        | FontStretch,
    >;
    fontStyle?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | FontStyle,
    >;
    fontSynthesis?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | 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
        | AnyString
        | readonly string[]
        | FontVariant,
    >;
    fontVariantAlternates?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | FontVariantAlternates,
    >;
    fontVariantCaps?: ConditionalValue<
        | undefined
        | AnyString
        | FontVariantCaps
        | readonly NonNullable<(FontVariantCaps | undefined)>[],
    >;
    fontVariantEastAsian?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | FontVariantEastAsian,
    >;
    fontVariantEmoji?: ConditionalValue<
        | undefined
        | AnyString
        | FontVariantEmoji
        | readonly NonNullable<(FontVariantEmoji | undefined)>[],
    >;
    fontVariantLigatures?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | FontVariantLigatures,
    >;
    fontVariantNumeric?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | FontVariantNumeric,
    >;
    fontVariantPosition?: ConditionalValue<
        | undefined
        | AnyString
        | FontVariantPosition
        | readonly NonNullable<(FontVariantPosition | undefined)>[],
    >;
    fontVariationSettings?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | FontVariationSettings,
    >;
    fontWeight?: ConditionalValue<
        | undefined
        | "bold"
        | `var(--${string})`
        | string & {}
        | AnyString
        | "-moz-initial"
        | "inherit"
        | "initial"
        | "revert"
        | "revert-layer"
        | "unset"
        | "semibold"
        | "thin"
        | "extralight"
        | "light"
        | "normal"
        | "medium"
        | "extrabold"
        | "black"
        | number & {}
        | "bolder"
        | "lighter"
        | readonly NonNullable<undefined | FontWeight>[],
    >;
    forcedColorAdjust?: ConditionalValue<
        | undefined
        | AnyString
        | ForcedColorAdjust
        | readonly NonNullable<(ForcedColorAdjust | undefined)>[],
    >;
    gap?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | Gap<String | Number>
        | readonly NonNullable<(Gap<String | Number> | undefined)>[],
    >;
    gapX?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | ColumnGap<String | Number>
        | readonly NonNullable<(ColumnGap<String | Number> | undefined)>[],
    >;
    gapY?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | 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 | AnyString | readonly string[] | 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
        | AnyString
        | readonly string[]
        | 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
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | GridColumnGap<String | Number>
        | readonly NonNullable<(GridColumnGap<String | Number> | undefined)>[],
    >;
    gridColumnStart?: ConditionalValue<
        | undefined
        | AnyString
        | GridColumnStart
        | readonly NonNullable<(GridColumnStart | undefined)>[],
    >;
    gridGap?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | 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
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | GridRowGap<String | Number>
        | readonly NonNullable<(GridRowGap<String | Number> | undefined)>[],
    >;
    gridRowStart?: ConditionalValue<
        | undefined
        | AnyString
        | GridRowStart
        | readonly NonNullable<(GridRowStart | undefined)>[],
    >;
    gridTemplate?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | GridTemplate,
    >;
    gridTemplateAreas?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | 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
        | SizesToken
        | `var(--${string})`
        | AnyString
        | Height<String | Number>
        | readonly NonNullable<(Height<String | Number> | undefined)>[],
    >;
    hangingPunctuation?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | HangingPunctuation,
    >;
    height?: ConditionalValue<
        | undefined
        | SizesToken
        | `var(--${string})`
        | AnyString
        | Height<String | Number>
        | readonly NonNullable<(Height<String | Number> | undefined)>[],
    >;
    helperText?: ReactNode;
    hidden?: boolean;
    hideBelow?: ConditionalValue<
        (`var(--${string})` | AnyString | BreakpointsToken),
    >;
    hideFrom?: ConditionalValue<
        (`var(--${string})` | AnyString | BreakpointsToken),
    >;
    htmlContent?: string;
    htmlHeight?: string | number;
    htmlSize?: number;
    htmlTranslate?: "yes" | "no";
    htmlWidth?: string | number;
    hueRotate?: ConditionalValue<string | number | AnyString>;
    hyphenateCharacter?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | HyphenateCharacter,
    >;
    hyphenateLimitChars?: ConditionalValue<
        | undefined
        | AnyString
        | HyphenateLimitChars
        | readonly NonNullable<(HyphenateLimitChars | undefined)>[],
    >;
    hyphens?: ConditionalValue<
        | undefined
        | AnyString
        | Hyphens
        | readonly NonNullable<(Hyphens | undefined)>[],
    >;
    id?: string;
    ids?: ElementIds;
    imageOrientation?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | ImageOrientation,
    >;
    imageRendering?: ConditionalValue<
        | undefined
        | AnyString
        | ImageRendering
        | readonly NonNullable<(ImageRendering | undefined)>[],
    >;
    imageResolution?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | 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
        | SizesToken
        | `var(--${string})`
        | AnyString
        | InlineSize<String | Number>
        | readonly NonNullable<(InlineSize<String | Number> | undefined)>[],
    >;
    inlist?: any;
    inputMode?:
        | "url"
        | "search"
        | "text"
        | "none"
        | "tel"
        | "email"
        | "numeric"
        | "decimal";
    inputSecurity?: ConditionalValue<
        | undefined
        | AnyString
        | InputSecurity
        | readonly NonNullable<(InputSecurity | undefined)>[],
    >;
    inset?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | Inset<String | Number>
        | readonly NonNullable<(Inset<String | Number> | undefined)>[],
    >;
    insetBlock?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | InsetBlock<String | Number>
        | readonly NonNullable<(InsetBlock<String | Number> | undefined)>[],
    >;
    insetBlockEnd?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | InsetBlockEnd<String | Number>
        | readonly NonNullable<(InsetBlockEnd<String | Number> | undefined)>[],
    >;
    insetBlockStart?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | InsetBlockStart<String | Number>
        | readonly NonNullable<(InsetBlockStart<String | Number> | undefined)>[],
    >;
    insetEnd?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | InsetInlineEnd<String | Number>
        | readonly NonNullable<(InsetInlineEnd<String | Number> | undefined)>[],
    >;
    insetInline?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | InsetInline<String | Number>
        | readonly NonNullable<(InsetInline<String | Number> | undefined)>[],
    >;
    insetInlineEnd?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | InsetInlineEnd<String | Number>
        | readonly NonNullable<(InsetInlineEnd<String | Number> | undefined)>[],
    >;
    insetInlineStart?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | InsetInlineStart<String | Number>
        | readonly NonNullable<(InsetInlineStart<String | Number> | undefined)>[],
    >;
    insetStart?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | InsetInlineStart<String | Number>
        | readonly NonNullable<(InsetInlineStart<String | Number> | undefined)>[],
    >;
    insetX?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | InsetInline<String | Number>
        | readonly NonNullable<(InsetInline<String | Number> | undefined)>[],
    >;
    insetY?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | InsetBlock<String | Number>
        | readonly NonNullable<(InsetBlock<String | Number> | undefined)>[],
    >;
    invalid?: boolean;
    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
        | AnyString
        | readonly string[]
        | JustifyContent,
    >;
    justifyItems?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | JustifyItems,
    >;
    justifySelf?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | JustifySelf,
    >;
    justifyTracks?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | JustifyTracks,
    >;
    key?: null | Key;
    label?: ReactNode;
    lang?: string;
    layerStyle?: ConditionalValue<
        | `var(--${string})`
        | AnyString
        | "none"
        | "disabled"
        | "fill.muted"
        | "fill.subtle"
        | "fill.surface"
        | "fill.solid"
        | "outline.subtle"
        | "outline.solid"
        | "indicator.bottom"
        | "indicator.top"
        | "indicator.start"
        | "indicator.end",
    >;
    left?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | 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
        | AnyString
        | readonly string[]
        | 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
        | AnyString
        | readonly string[]
        | ListStyle,
    >;
    listStyleImage?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | readonly string[]
        | ListStyleImage,
    >;
    listStyleImg?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | readonly string[]
        | ListStyleImage,
    >;
    listStylePos?: ConditionalValue<
        | undefined
        | AnyString
        | ListStylePosition
        | readonly NonNullable<(ListStylePosition | undefined)>[],
    >;
    listStylePosition?: ConditionalValue<
        | undefined
        | AnyString
        | ListStylePosition
        | readonly NonNullable<(ListStylePosition | undefined)>[],
    >;
    listStyleType?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | ListStyleType,
    >;
    m?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | Margin<String | Number>
        | readonly NonNullable<(Margin<String | Number> | undefined)>[],
    >;
    margin?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | Margin<String | Number>
        | readonly NonNullable<(Margin<String | Number> | undefined)>[],
    >;
    marginBlock?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | MarginBlock<String | Number>
        | readonly NonNullable<(MarginBlock<String | Number> | undefined)>[],
    >;
    marginBlockEnd?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | MarginBlockEnd<String | Number>
        | readonly NonNullable<(MarginBlockEnd<String | Number> | undefined)>[],
    >;
    marginBlockStart?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | MarginBlockStart<String | Number>
        | readonly NonNullable<(MarginBlockStart<String | Number> | undefined)>[],
    >;
    marginBottom?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | MarginBottom<String | Number>
        | readonly NonNullable<(MarginBottom<String | Number> | undefined)>[],
    >;
    marginEnd?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | MarginInlineEnd<String | Number>
        | readonly NonNullable<(MarginInlineEnd<String | Number> | undefined)>[],
    >;
    marginInline?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | MarginInline<String | Number>
        | readonly NonNullable<(MarginInline<String | Number> | undefined)>[],
    >;
    marginInlineEnd?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | MarginInlineEnd<String | Number>
        | readonly NonNullable<(MarginInlineEnd<String | Number> | undefined)>[],
    >;
    marginInlineStart?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | MarginInlineStart<String | Number>
        | readonly NonNullable<(MarginInlineStart<String | Number> | undefined)>[],
    >;
    marginLeft?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | MarginLeft<String | Number>
        | readonly NonNullable<(MarginLeft<String | Number> | undefined)>[],
    >;
    marginRight?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | MarginRight<String | Number>
        | readonly NonNullable<(MarginRight<String | Number> | undefined)>[],
    >;
    marginStart?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | MarginInlineStart<String | Number>
        | readonly NonNullable<(MarginInlineStart<String | Number> | undefined)>[],
    >;
    marginTop?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | MarginTop<String | Number>
        | readonly NonNullable<(MarginTop<String | Number> | undefined)>[],
    >;
    marginTrim?: ConditionalValue<
        | undefined
        | AnyString
        | MarginTrim
        | readonly NonNullable<(MarginTrim | undefined)>[],
    >;
    marginX?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | MarginInline<String | Number>
        | readonly NonNullable<(MarginInline<String | Number> | undefined)>[],
    >;
    marginY?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | MarginBlock<String | Number>
        | readonly NonNullable<(MarginBlock<String | Number> | undefined)>[],
    >;
    marker?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | Marker,
    >;
    markerEnd?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | MarkerEnd,
    >;
    markerMid?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | MarkerMid,
    >;
    markerStart?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | 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
        | AnyString
        | readonly string[]
        | MaskBorderRepeat,
    >;
    maskBorderSlice?: ConditionalValue<
        | undefined
        | AnyString
        | MaskBorderSlice
        | readonly NonNullable<(MaskBorderSlice | undefined)>[],
    >;
    maskBorderSource?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | MaskBorderSource,
    >;
    maskBorderWidth?: ConditionalValue<
        | undefined
        | AnyString
        | MaskBorderWidth<String | Number>
        | readonly NonNullable<(MaskBorderWidth<String | Number> | undefined)>[],
    >;
    maskClip?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | MaskClip,
    >;
    maskComposite?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | MaskComposite,
    >;
    maskImage?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | MaskImage,
    >;
    maskMode?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | MaskMode,
    >;
    maskOrigin?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | MaskOrigin,
    >;
    maskPosition?: ConditionalValue<
        | undefined
        | AnyString
        | MaskPosition<String | Number>
        | readonly NonNullable<(MaskPosition<String | Number> | undefined)>[],
    >;
    maskRepeat?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | 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
        | AnyString
        | readonly string[]
        | 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
        | SizesToken
        | `var(--${string})`
        | AnyString
        | MaxBlockSize<String | Number>
        | readonly NonNullable<(MaxBlockSize<String | Number> | undefined)>[],
    >;
    maxH?: ConditionalValue<
        | undefined
        | SizesToken
        | `var(--${string})`
        | AnyString
        | MaxHeight<String | Number>
        | readonly NonNullable<(MaxHeight<String | Number> | undefined)>[],
    >;
    maxHeight?: ConditionalValue<
        | undefined
        | SizesToken
        | `var(--${string})`
        | AnyString
        | MaxHeight<String | Number>
        | readonly NonNullable<(MaxHeight<String | Number> | undefined)>[],
    >;
    maxInlineSize?: ConditionalValue<
        | undefined
        | SizesToken
        | `var(--${string})`
        | AnyString
        | MaxInlineSize<String | Number>
        | readonly NonNullable<(MaxInlineSize<String | Number> | undefined)>[],
    >;
    maxLines?: ConditionalValue<
        | undefined
        | AnyString
        | MaxLines
        | readonly NonNullable<(MaxLines | undefined)>[],
    >;
    maxW?: ConditionalValue<
        | undefined
        | SizesToken
        | `var(--${string})`
        | AnyString
        | MaxWidth<String | Number>
        | readonly NonNullable<(MaxWidth<String | Number> | undefined)>[],
    >;
    maxWidth?: ConditionalValue<
        | undefined
        | SizesToken
        | `var(--${string})`
        | AnyString
        | MaxWidth<String | Number>
        | readonly NonNullable<(MaxWidth<String | Number> | undefined)>[],
    >;
    mb?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | 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
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | MarginInlineEnd<String | Number>
        | readonly NonNullable<(MarginInlineEnd<String | Number> | undefined)>[],
    >;
    minBlockSize?: ConditionalValue<
        | undefined
        | SizesToken
        | `var(--${string})`
        | AnyString
        | MinBlockSize<String | Number>
        | readonly NonNullable<(MinBlockSize<String | Number> | undefined)>[],
    >;
    minH?: ConditionalValue<
        | undefined
        | SizesToken
        | `var(--${string})`
        | AnyString
        | MinHeight<String | Number>
        | readonly NonNullable<(MinHeight<String | Number> | undefined)>[],
    >;
    minHeight?: ConditionalValue<
        | undefined
        | SizesToken
        | `var(--${string})`
        | AnyString
        | MinHeight<String | Number>
        | readonly NonNullable<(MinHeight<String | Number> | undefined)>[],
    >;
    minInlineSize?: ConditionalValue<
        | undefined
        | SizesToken
        | `var(--${string})`
        | AnyString
        | MinInlineSize<String | Number>
        | readonly NonNullable<(MinInlineSize<String | Number> | undefined)>[],
    >;
    minW?: ConditionalValue<
        | undefined
        | SizesToken
        | `var(--${string})`
        | AnyString
        | MinWidth<String | Number>
        | readonly NonNullable<(MinWidth<String | Number> | undefined)>[],
    >;
    minWidth?: ConditionalValue<
        | undefined
        | SizesToken
        | `var(--${string})`
        | AnyString
        | MinWidth<String | Number>
        | readonly NonNullable<(MinWidth<String | Number> | undefined)>[],
    >;
    mixBlendMode?: ConditionalValue<
        | undefined
        | AnyString
        | MixBlendMode
        | readonly NonNullable<(MixBlendMode | undefined)>[],
    >;
    ml?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | MarginLeft<String | Number>
        | readonly NonNullable<(MarginLeft<String | Number> | undefined)>[],
    >;
    mr?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | MarginRight<String | Number>
        | readonly NonNullable<(MarginRight<String | Number> | undefined)>[],
    >;
    ms?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | MarginInlineStart<String | Number>
        | readonly NonNullable<(MarginInlineStart<String | Number> | undefined)>[],
    >;
    mt?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | MarginTop<String | Number>
        | readonly NonNullable<(MarginTop<String | Number> | undefined)>[],
    >;
    mx?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | MarginInline<String | Number>
        | readonly NonNullable<(MarginInline<String | Number> | undefined)>[],
    >;
    my?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | MarginBlock<String | Number>
        | readonly NonNullable<(MarginBlock<String | Number> | undefined)>[],
    >;
    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
        | AnyString
        | readonly string[]
        | OffsetPath,
    >;
    offsetPosition?: ConditionalValue<
        | undefined
        | AnyString
        | OffsetPosition<String | Number>
        | readonly NonNullable<(OffsetPosition<String | Number> | undefined)>[],
    >;
    offsetRotate?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | OffsetRotate,
    >;
    onAbort?: ReactEventHandler<HTMLDivElement>;
    onAbortCapture?: ReactEventHandler<HTMLDivElement>;
    onAnimationEnd?: AnimationEventHandler<HTMLDivElement>;
    onAnimationEndCapture?: AnimationEventHandler<HTMLDivElement>;
    onAnimationIteration?: AnimationEventHandler<HTMLDivElement>;
    onAnimationIterationCapture?: AnimationEventHandler<HTMLDivElement>;
    onAnimationStart?: AnimationEventHandler<HTMLDivElement>;
    onAnimationStartCapture?: AnimationEventHandler<HTMLDivElement>;
    onAuxClick?: MouseEventHandler<HTMLDivElement>;
    onAuxClickCapture?: MouseEventHandler<HTMLDivElement>;
    onBeforeInput?: FormEventHandler<HTMLDivElement>;
    onBeforeInputCapture?: FormEventHandler<HTMLDivElement>;
    onBlur?: FocusEventHandler<HTMLDivElement>;
    onBlurCapture?: FocusEventHandler<HTMLDivElement>;
    onCanPlay?: ReactEventHandler<HTMLDivElement>;
    onCanPlayCapture?: ReactEventHandler<HTMLDivElement>;
    onCanPlayThrough?: ReactEventHandler<HTMLDivElement>;
    onCanPlayThroughCapture?: ReactEventHandler<HTMLDivElement>;
    onChange?: FormEventHandler<HTMLDivElement>;
    onChangeCapture?: FormEventHandler<HTMLDivElement>;
    onClick?: MouseEventHandler<HTMLDivElement>;
    onClickCapture?: MouseEventHandler<HTMLDivElement>;
    onCompositionEnd?: CompositionEventHandler<HTMLDivElement>;
    onCompositionEndCapture?: CompositionEventHandler<HTMLDivElement>;
    onCompositionStart?: CompositionEventHandler<HTMLDivElement>;
    onCompositionStartCapture?: CompositionEventHandler<HTMLDivElement>;
    onCompositionUpdate?: CompositionEventHandler<HTMLDivElement>;
    onCompositionUpdateCapture?: CompositionEventHandler<HTMLDivElement>;
    onContextMenu?: MouseEventHandler<HTMLDivElement>;
    onContextMenuCapture?: MouseEventHandler<HTMLDivElement>;
    onCopy?: ClipboardEventHandler<HTMLDivElement>;
    onCopyCapture?: ClipboardEventHandler<HTMLDivElement>;
    onCut?: ClipboardEventHandler<HTMLDivElement>;
    onCutCapture?: ClipboardEventHandler<HTMLDivElement>;
    onDoubleClick?: MouseEventHandler<HTMLDivElement>;
    onDoubleClickCapture?: MouseEventHandler<HTMLDivElement>;
    onDrag?: DragEventHandler<HTMLDivElement>;
    onDragCapture?: DragEventHandler<HTMLDivElement>;
    onDragEnd?: DragEventHandler<HTMLDivElement>;
    onDragEndCapture?: DragEventHandler<HTMLDivElement>;
    onDragEnter?: DragEventHandler<HTMLDivElement>;
    onDragEnterCapture?: DragEventHandler<HTMLDivElement>;
    onDragExit?: DragEventHandler<HTMLDivElement>;
    onDragExitCapture?: DragEventHandler<HTMLDivElement>;
    onDragLeave?: DragEventHandler<HTMLDivElement>;
    onDragLeaveCapture?: DragEventHandler<HTMLDivElement>;
    onDragOver?: DragEventHandler<HTMLDivElement>;
    onDragOverCapture?: DragEventHandler<HTMLDivElement>;
    onDragStart?: DragEventHandler<HTMLDivElement>;
    onDragStartCapture?: DragEventHandler<HTMLDivElement>;
    onDrop?: DragEventHandler<HTMLDivElement>;
    onDropCapture?: DragEventHandler<HTMLDivElement>;
    onDurationChange?: ReactEventHandler<HTMLDivElement>;
    onDurationChangeCapture?: ReactEventHandler<HTMLDivElement>;
    onEmptied?: ReactEventHandler<HTMLDivElement>;
    onEmptiedCapture?: ReactEventHandler<HTMLDivElement>;
    onEncrypted?: ReactEventHandler<HTMLDivElement>;
    onEncryptedCapture?: ReactEventHandler<HTMLDivElement>;
    onEnded?: ReactEventHandler<HTMLDivElement>;
    onEndedCapture?: ReactEventHandler<HTMLDivElement>;
    onError?: ReactEventHandler<HTMLDivElement>;
    onErrorCapture?: ReactEventHandler<HTMLDivElement>;
    onFocus?: FocusEventHandler<HTMLDivElement>;
    onFocusCapture?: FocusEventHandler<HTMLDivElement>;
    onGotPointerCapture?: PointerEventHandler<HTMLDivElement>;
    onGotPointerCaptureCapture?: PointerEventHandler<HTMLDivElement>;
    onInput?: FormEventHandler<HTMLDivElement>;
    onInputCapture?: FormEventHandler<HTMLDivElement>;
    onInvalid?: FormEventHandler<HTMLDivElement>;
    onInvalidCapture?: FormEventHandler<HTMLDivElement>;
    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
    onKeyDownCapture?: KeyboardEventHandler<HTMLDivElement>;
    onKeyPress?: KeyboardEventHandler<HTMLDivElement>;
    onKeyPressCapture?: KeyboardEventHandler<HTMLDivElement>;
    onKeyUp?: KeyboardEventHandler<HTMLDivElement>;
    onKeyUpCapture?: KeyboardEventHandler<HTMLDivElement>;
    onLoad?: ReactEventHandler<HTMLDivElement>;
    onLoadCapture?: ReactEventHandler<HTMLDivElement>;
    onLoadedData?: ReactEventHandler<HTMLDivElement>;
    onLoadedDataCapture?: ReactEventHandler<HTMLDivElement>;
    onLoadedMetadata?: ReactEventHandler<HTMLDivElement>;
    onLoadedMetadataCapture?: ReactEventHandler<HTMLDivElement>;
    onLoadStart?: ReactEventHandler<HTMLDivElement>;
    onLoadStartCapture?: ReactEventHandler<HTMLDivElement>;
    onLostPointerCapture?: PointerEventHandler<HTMLDivElement>;
    onLostPointerCaptureCapture?: PointerEventHandler<HTMLDivElement>;
    onMouseDown?: MouseEventHandler<HTMLDivElement>;
    onMouseDownCapture?: MouseEventHandler<HTMLDivElement>;
    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
    onMouseLeave?: MouseEventHandler<HTMLDivElement>;
    onMouseMove?: MouseEventHandler<HTMLDivElement>;
    onMouseMoveCapture?: MouseEventHandler<HTMLDivElement>;
    onMouseOut?: MouseEventHandler<HTMLDivElement>;
    onMouseOutCapture?: MouseEventHandler<HTMLDivElement>;
    onMouseOver?: MouseEventHandler<HTMLDivElement>;
    onMouseOverCapture?: MouseEventHandler<HTMLDivElement>;
    onMouseUp?: MouseEventHandler<HTMLDivElement>;
    onMouseUpCapture?: MouseEventHandler<HTMLDivElement>;
    onPaste?: ClipboardEventHandler<HTMLDivElement>;
    onPasteCapture?: ClipboardEventHandler<HTMLDivElement>;
    onPause?: ReactEventHandler<HTMLDivElement>;
    onPauseCapture?: ReactEventHandler<HTMLDivElement>;
    onPlay?: ReactEventHandler<HTMLDivElement>;
    onPlayCapture?: ReactEventHandler<HTMLDivElement>;
    onPlaying?: ReactEventHandler<HTMLDivElement>;
    onPlayingCapture?: ReactEventHandler<HTMLDivElement>;
    onPointerCancel?: PointerEventHandler<HTMLDivElement>;
    onPointerCancelCapture?: PointerEventHandler<HTMLDivElement>;
    onPointerDown?: PointerEventHandler<HTMLDivElement>;
    onPointerDownCapture?: PointerEventHandler<HTMLDivElement>;
    onPointerEnter?: PointerEventHandler<HTMLDivElement>;
    onPointerLeave?: PointerEventHandler<HTMLDivElement>;
    onPointerMove?: PointerEventHandler<HTMLDivElement>;
    onPointerMoveCapture?: PointerEventHandler<HTMLDivElement>;
    onPointerOut?: PointerEventHandler<HTMLDivElement>;
    onPointerOutCapture?: PointerEventHandler<HTMLDivElement>;
    onPointerOver?: PointerEventHandler<HTMLDivElement>;
    onPointerOverCapture?: PointerEventHandler<HTMLDivElement>;
    onPointerUp?: PointerEventHandler<HTMLDivElement>;
    onPointerUpCapture?: PointerEventHandler<HTMLDivElement>;
    onProgress?: ReactEventHandler<HTMLDivElement>;
    onProgressCapture?: ReactEventHandler<HTMLDivElement>;
    onRateChange?: ReactEventHandler<HTMLDivElement>;
    onRateChangeCapture?: ReactEventHandler<HTMLDivElement>;
    onReset?: FormEventHandler<HTMLDivElement>;
    onResetCapture?: FormEventHandler<HTMLDivElement>;
    onResize?: ReactEventHandler<HTMLDivElement>;
    onResizeCapture?: ReactEventHandler<HTMLDivElement>;
    onScroll?: UIEventHandler<HTMLDivElement>;
    onScrollCapture?: UIEventHandler<HTMLDivElement>;
    onSeeked?: ReactEventHandler<HTMLDivElement>;
    onSeekedCapture?: ReactEventHandler<HTMLDivElement>;
    onSeeking?: ReactEventHandler<HTMLDivElement>;
    onSeekingCapture?: ReactEventHandler<HTMLDivElement>;
    onSelect?: ReactEventHandler<HTMLDivElement>;
    onSelectCapture?: ReactEventHandler<HTMLDivElement>;
    onStalled?: ReactEventHandler<HTMLDivElement>;
    onStalledCapture?: ReactEventHandler<HTMLDivElement>;
    onSubmit?: FormEventHandler<HTMLDivElement>;
    onSubmitCapture?: FormEventHandler<HTMLDivElement>;
    onSuspend?: ReactEventHandler<HTMLDivElement>;
    onSuspendCapture?: ReactEventHandler<HTMLDivElement>;
    onTimeUpdate?: ReactEventHandler<HTMLDivElement>;
    onTimeUpdateCapture?: ReactEventHandler<HTMLDivElement>;
    onTouchCancel?: TouchEventHandler<HTMLDivElement>;
    onTouchCancelCapture?: TouchEventHandler<HTMLDivElement>;
    onTouchEnd?: TouchEventHandler<HTMLDivElement>;
    onTouchEndCapture?: TouchEventHandler<HTMLDivElement>;
    onTouchMove?: TouchEventHandler<HTMLDivElement>;
    onTouchMoveCapture?: TouchEventHandler<HTMLDivElement>;
    onTouchStart?: TouchEventHandler<HTMLDivElement>;
    onTouchStartCapture?: TouchEventHandler<HTMLDivElement>;
    onTransitionEnd?: TransitionEventHandler<HTMLDivElement>;
    onTransitionEndCapture?: TransitionEventHandler<HTMLDivElement>;
    onVolumeChange?: ReactEventHandler<HTMLDivElement>;
    onVolumeChangeCapture?: ReactEventHandler<HTMLDivElement>;
    onWaiting?: ReactEventHandler<HTMLDivElement>;
    onWaitingCapture?: ReactEventHandler<HTMLDivElement>;
    onWheel?: WheelEventHandler<HTMLDivElement>;
    onWheelCapture?: WheelEventHandler<HTMLDivElement>;
    opacity?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | Opacity
        | readonly NonNullable<(Opacity | undefined)>[],
    >;
    optionalText?: ReactNode;
    order?: ConditionalValue<
        | undefined
        | AnyString
        | Order
        | readonly NonNullable<(Order | undefined)>[],
    >;
    orientation?: ConditionalValue<undefined | "horizontal" | "vertical">;
    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"
        | "current"
        | `var(--${string})`
        | string & {}
        | AnyString
        | "-moz-initial"
        | "inherit"
        | "initial"
        | "revert"
        | "revert-layer"
        | "unset"
        | "black"
        | readonly string[]
        | "transparent"
        | "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
        | AnyString
        | readonly string[]
        | OutlineStyle,
    >;
    outlineWidth?: ConditionalValue<
        | undefined
        | AnyString
        | OutlineWidth<String | Number>
        | readonly NonNullable<(OutlineWidth<String | Number> | undefined)>[],
    >;
    overflow?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | 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
        | AnyString
        | readonly string[]
        | OverscrollBehavior,
    >;
    overscrollBehavior?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | 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
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | Padding<String | Number>
        | readonly NonNullable<(Padding<String | Number> | undefined)>[],
    >;
    padding?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | Padding<String | Number>
        | readonly NonNullable<(Padding<String | Number> | undefined)>[],
    >;
    paddingBlock?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | PaddingBlock<String | Number>
        | readonly NonNullable<(PaddingBlock<String | Number> | undefined)>[],
    >;
    paddingBlockEnd?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | PaddingBlockEnd<String | Number>
        | readonly NonNullable<(PaddingBlockEnd<String | Number> | undefined)>[],
    >;
    paddingBlockStart?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | PaddingBlockStart<String | Number>
        | readonly NonNullable<(PaddingBlockStart<String | Number> | undefined)>[],
    >;
    paddingBottom?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | PaddingBottom<String | Number>
        | readonly NonNullable<(PaddingBottom<String | Number> | undefined)>[],
    >;
    paddingEnd?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | PaddingInlineEnd<String | Number>
        | readonly NonNullable<(PaddingInlineEnd<String | Number> | undefined)>[],
    >;
    paddingInline?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | PaddingInline<String | Number>
        | readonly NonNullable<(PaddingInline<String | Number> | undefined)>[],
    >;
    paddingInlineEnd?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | PaddingInlineEnd<String | Number>
        | readonly NonNullable<(PaddingInlineEnd<String | Number> | undefined)>[],
    >;
    paddingInlineStart?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | PaddingInlineStart<String | Number>
        | readonly NonNullable<(PaddingInlineStart<String | Number> | undefined)>[],
    >;
    paddingLeft?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | PaddingLeft<String | Number>
        | readonly NonNullable<(PaddingLeft<String | Number> | undefined)>[],
    >;
    paddingRight?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | PaddingRight<String | Number>
        | readonly NonNullable<(PaddingRight<String | Number> | undefined)>[],
    >;
    paddingStart?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | PaddingInlineStart<String | Number>
        | readonly NonNullable<(PaddingInlineStart<String | Number> | undefined)>[],
    >;
    paddingTop?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | PaddingTop<String | Number>
        | readonly NonNullable<(PaddingTop<String | Number> | undefined)>[],
    >;
    paddingX?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | PaddingInline<String | Number>
        | readonly NonNullable<(PaddingInline<String | Number> | undefined)>[],
    >;
    paddingY?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | PaddingBlock<String | Number>
        | readonly NonNullable<(PaddingBlock<String | Number> | undefined)>[],
    >;
    page?: ConditionalValue<undefined | AnyString | readonly string[] | 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
        | AnyString
        | readonly string[]
        | PaintOrder,
    >;
    pb?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | PaddingBottom<String | Number>
        | readonly NonNullable<(PaddingBottom<String | Number> | undefined)>[],
    >;
    pe?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | 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
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | PaddingLeft<String | Number>
        | readonly NonNullable<(PaddingLeft<String | Number> | undefined)>[],
    >;
    placeContent?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | PlaceContent,
    >;
    placeItems?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | PlaceItems,
    >;
    placeSelf?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | 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
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | 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
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | PaddingInlineStart<String | Number>
        | readonly NonNullable<(PaddingInlineStart<String | Number> | undefined)>[],
    >;
    pt?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | PaddingTop<String | Number>
        | readonly NonNullable<(PaddingTop<String | Number> | undefined)>[],
    >;
    px?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | PaddingInline<String | Number>
        | readonly NonNullable<(PaddingInline<String | Number> | undefined)>[],
    >;
    py?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | PaddingBlock<String | Number>
        | readonly NonNullable<(PaddingBlock<String | Number> | undefined)>[],
    >;
    quotes?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | Quotes,
    >;
    radioGroup?: string;
    readOnly?: boolean;
    recipe?: SlotRecipeDefinition<string, SlotRecipeVariantRecord<string>>;
    rel?: string;
    required?: boolean;
    resize?: ConditionalValue<
        | undefined
        | AnyString
        | Resize
        | readonly NonNullable<(Resize | undefined)>[],
    >;
    resource?: string;
    results?: number;
    rev?: string;
    right?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | 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
        | AnyString
        | readonly string[]
        | 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
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | 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
        | AnyString
        | readonly string[]
        | 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
        | `var(--${string})`
        | AnyString
        | readonly string[]
        | ColorsToken
        | "currentBg"
        | ScrollbarColor,
    >;
    scrollbarGutter?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | readonly string[]
        | ScrollbarGutter,
    >;
    scrollbarWidth?: ConditionalValue<
        | undefined
        | SizesToken
        | `var(--${string})`
        | AnyString
        | ScrollbarWidth
        | readonly NonNullable<(ScrollbarWidth | undefined)>[],
    >;
    scrollBehavior?: ConditionalValue<
        | undefined
        | AnyString
        | ScrollBehavior
        | readonly NonNullable<(ScrollBehavior | undefined)>[],
    >;
    scrollMargin?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | 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
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | 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
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | ScrollMarginLeft<String | Number>
        | readonly NonNullable<(ScrollMarginLeft<String | Number> | undefined)>[],
    >;
    scrollMarginRight?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | ScrollMarginRight<String | Number>
        | readonly NonNullable<(ScrollMarginRight<String | Number> | undefined)>[],
    >;
    scrollMarginTop?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | ScrollMarginTop<String | Number>
        | readonly NonNullable<(ScrollMarginTop<String | Number> | undefined)>[],
    >;
    scrollMarginX?: ConditionalValue<
        (`var(--${string})` | AnyString | SpacingToken),
    >;
    scrollMarginY?: ConditionalValue<
        (`var(--${string})` | AnyString | SpacingToken),
    >;
    scrollPadding?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | ScrollPadding<String | Number>
        | readonly NonNullable<(ScrollPadding<String | Number> | undefined)>[],
    >;
    scrollPaddingBlock?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | 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
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | ScrollPaddingBottom<String | Number>
        | readonly NonNullable<(ScrollPaddingBottom<String | Number> | undefined)>[],
    >;
    scrollPaddingInline?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | 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
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | ScrollPaddingLeft<String | Number>
        | readonly NonNullable<(ScrollPaddingLeft<String | Number> | undefined)>[],
    >;
    scrollPaddingRight?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | ScrollPaddingRight<String | Number>
        | readonly NonNullable<(ScrollPaddingRight<String | Number> | undefined)>[],
    >;
    scrollPaddingTop?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | ScrollPaddingTop<String | Number>
        | readonly NonNullable<(ScrollPaddingTop<String | Number> | undefined)>[],
    >;
    scrollPaddingX?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | ScrollPaddingInline<String | Number>
        | readonly NonNullable<(ScrollPaddingInline<String | Number> | undefined)>[],
    >;
    scrollPaddingY?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | ScrollPaddingBlock<String | Number>
        | readonly NonNullable<(ScrollPaddingBlock<String | Number> | undefined)>[],
    >;
    scrollSnapAlign?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | 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<
        (`var(--${string})` | AnyString | SpacingToken),
    >;
    scrollSnapMarginBottom?: ConditionalValue<
        (`var(--${string})` | AnyString | SpacingToken),
    >;
    scrollSnapMarginLeft?: ConditionalValue<
        (`var(--${string})` | AnyString | SpacingToken),
    >;
    scrollSnapMarginRight?: ConditionalValue<
        (`var(--${string})` | AnyString | SpacingToken),
    >;
    scrollSnapMarginTop?: ConditionalValue<
        (`var(--${string})` | AnyString | SpacingToken),
    >;
    scrollSnapPointsX?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | ScrollSnapPointsX,
    >;
    scrollSnapPointsY?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | ScrollSnapPointsY,
    >;
    scrollSnapStop?: ConditionalValue<
        | undefined
        | AnyString
        | ScrollSnapStop
        | readonly NonNullable<(ScrollSnapStop | undefined)>[],
    >;
    scrollSnapStrictness?: ConditionalValue<
        `var(--${string})`
        | AnyString
        | "mandatory"
        | "proximity",
    >;
    scrollSnapType?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | readonly string[]
        | ScrollSnapType,
    >;
    scrollSnapTypeX?: ConditionalValue<
        | undefined
        | AnyString
        | ScrollSnapTypeX
        | readonly NonNullable<(ScrollSnapTypeX | undefined)>[],
    >;
    scrollSnapTypeY?: ConditionalValue<
        | undefined
        | AnyString
        | ScrollSnapTypeY
        | readonly NonNullable<(ScrollSnapTypeY | undefined)>[],
    >;
    scrollTimeline?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | ScrollTimeline,
    >;
    scrollTimelineAxis?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | ScrollTimelineAxis,
    >;
    scrollTimelineName?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | ScrollTimelineName,
    >;
    security?: string;
    sepia?: ConditionalValue<string | number | AnyString>;
    shadow?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | readonly string[]
        | 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
        | AnyString
        | readonly string[]
        | ShapeOutside,
    >;
    shapeRendering?: ConditionalValue<
        | undefined
        | AnyString
        | ShapeRendering
        | readonly NonNullable<(ShapeRendering | undefined)>[],
    >;
    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
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | MarginInlineStart<String | Number>
        | readonly NonNullable<(MarginInlineStart<String | Number> | undefined)>[],
    >;
    spaceXReverse?: ConditionalValue<boolean | `var(--${string})` | AnyString>;
    spaceY?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | 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
        | AnyString
        | readonly string[]
        | StopColor,
    >;
    stopOpacity?: ConditionalValue<
        | undefined
        | AnyString
        | StopOpacity
        | readonly NonNullable<(StopOpacity | undefined)>[],
    >;
    stroke?: ConditionalValue<
        | undefined
        | "border"
        | "bg"
        | "colorPalette"
        | "current"
        | `var(--${string})`
        | string & {}
        | AnyString
        | "-moz-initial"
        | "inherit"
        | "initial"
        | "revert"
        | "revert-layer"
        | "unset"
        | "none"
        | "black"
        | readonly string[]
        | "transparent"
        | "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
        | AnyString
        | readonly string[]
        | 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"
        | "current"
        | `var(--${string})`
        | string & {}
        | AnyString
        | "-moz-initial"
        | "inherit"
        | "initial"
        | "revert"
        | "revert-layer"
        | "unset"
        | "black"
        | readonly string[]
        | "transparent"
        | "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
        | AnyString
        | readonly string[]
        | TextDecorationLine,
    >;
    textDecorationSkip?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | 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
        | AnyString
        | readonly string[]
        | TextEmphasis,
    >;
    textEmphasisColor?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | TextEmphasisColor,
    >;
    textEmphasisPosition?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | TextEmphasisPosition,
    >;
    textEmphasisStyle?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | TextEmphasisStyle,
    >;
    textIndent?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | 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
        | AnyString
        | readonly string[]
        | TextOverflow,
    >;
    textRendering?: ConditionalValue<
        | undefined
        | AnyString
        | TextRendering
        | readonly NonNullable<(TextRendering | undefined)>[],
    >;
    textShadow?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | readonly string[]
        | ShadowsToken
        | TextShadow,
    >;
    textSizeAdjust?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | TextSizeAdjust,
    >;
    textStyle?: ConditionalValue<
        | "sm"
        | "md"
        | "lg"
        | "xl"
        | "2xl"
        | "2xs"
        | "xs"
        | "3xl"
        | "4xl"
        | "5xl"
        | "6xl"
        | "7xl"
        | `var(--${string})`
        | AnyString
        | "none",
    >;
    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
        | AnyString
        | readonly string[]
        | TextUnderlinePosition,
    >;
    textWrap?: ConditionalValue<
        | undefined
        | AnyString
        | TextWrap
        | readonly NonNullable<(TextWrap | undefined)>[],
    >;
    timelineScope?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | TimelineScope,
    >;
    title?: string;
    top?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | SpacingToken
        | Top<String | Number>
        | readonly NonNullable<(Top<String | Number> | undefined)>[],
    >;
    touchAction?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | TouchAction,
    >;
    transform?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | 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
        | "common"
        | "size"
        | "opacity"
        | "position"
        | "transform"
        | "shadow"
        | `var(--${string})`
        | AnyString
        | readonly string[]
        | "colors"
        | "backgrounds"
        | Transition<string & {}>,
    >;
    transitionBehavior?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | TransitionBehavior,
    >;
    transitionDelay?: ConditionalValue<
        | undefined
        | AnyString
        | readonly string[]
        | TransitionDelay<string & {}>,
    >;
    transitionDuration?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | AnyString
        | readonly string[]
        | DurationsToken
        | TransitionDuration<string & {}>,
    >;
    transitionProperty?: ConditionalValue<
        | undefined
        | "common"
        | "size"
        | "background"
        | "position"
        | `var(--${string})`
        | AnyString
        | readonly string[]
        | "colors"
        | TransitionProperty,
    >;
    transitionTimingFunction?: ConditionalValue<
        | undefined
        | `var(--${string})`
        | string & {}
        | AnyString
        | "-moz-initial"
        | "inherit"
        | "initial"
        | "revert"
        | "revert-layer"
        | "unset"
        | readonly string[]
        | "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<
        (`var(--${string})` | AnyString | SpacingToken),
    >;
    translateY?: ConditionalValue<
        (`var(--${string})` | AnyString | SpacingToken),
    >;
    truncate?: ConditionalValue<boolean | `var(--${string})` | AnyString>;
    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)>[],
    >;
    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
        | AnyString
        | readonly string[]
        | ViewTimeline,
    >;
    viewTimelineAxis?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | ViewTimelineAxis,
    >;
    viewTimelineInset?: ConditionalValue<
        | undefined
        | AnyString
        | ViewTimelineInset<String | Number>
        | readonly NonNullable<(ViewTimelineInset<String | Number> | undefined)>[],
    >;
    viewTimelineName?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | ViewTimelineName,
    >;
    viewTransitionName?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | ViewTransitionName,
    >;
    visibility?: ConditionalValue<
        | undefined
        | AnyString
        | Visibility
        | readonly NonNullable<(Visibility | undefined)>[],
    >;
    vocab?: string;
    w?: ConditionalValue<
        | undefined
        | SizesToken
        | `var(--${string})`
        | AnyString
        | 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
        | AnyString
        | readonly string[]
        | WebkitBorderBeforeColor,
    >;
    WebkitBorderBeforeStyle?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | 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
        | AnyString
        | readonly string[]
        | WebkitMaskAttachment,
    >;
    WebkitMaskClip?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | WebkitMaskClip,
    >;
    WebkitMaskComposite?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | WebkitMaskComposite,
    >;
    WebkitMaskImage?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | WebkitMaskImage,
    >;
    WebkitMaskOrigin?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | 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
        | AnyString
        | readonly string[]
        | 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
        | AnyString
        | readonly string[]
        | WebkitTapHighlightColor,
    >;
    WebkitTextFillColor?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | WebkitTextFillColor,
    >;
    WebkitTextStroke?: ConditionalValue<
        | undefined
        | AnyString
        | WebkitTextStroke<String | Number>
        | readonly NonNullable<(WebkitTextStroke<String | Number> | undefined)>[],
    >;
    WebkitTextStrokeColor?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | 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
        | AnyString
        | readonly string[]
        | WhiteSpace,
    >;
    whiteSpaceCollapse?: ConditionalValue<
        | undefined
        | AnyString
        | WhiteSpaceCollapse
        | readonly NonNullable<(WhiteSpaceCollapse | undefined)>[],
    >;
    widows?: ConditionalValue<
        | undefined
        | AnyString
        | Widows
        | readonly NonNullable<(Widows | undefined)>[],
    >;
    width?: ConditionalValue<
        | undefined
        | SizesToken
        | `var(--${string})`
        | AnyString
        | Width<String | Number>
        | readonly NonNullable<(Width<String | Number> | undefined)>[],
    >;
    willChange?: ConditionalValue<
        undefined
        | AnyString
        | readonly string[]
        | 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)>[],
    >;
}