@react-spectrum/s2 3.0.0-nightly-5a0b4fabc-240924 → 3.0.0-nightly-a626c2596-240926

package/style/dist/types.d.ts

@@ -0,0 +1,780 @@
+import * as CSS from "csstype";
+type CSSValue = string | number;
+type CustomValue = string | number | boolean;
+type Value = CustomValue | readonly CustomValue[];
+type PropertyValueDefinition<T> = T | {
+    [condition: string]: PropertyValueDefinition<T>;
+};
+type PropertyValueMap<T extends CSSValue = CSSValue> = {
+    [name in T]: PropertyValueDefinition<string>;
+};
+type CustomProperty = `--${string}`;
+type CSSProperties = CSS.Properties & {
+    [k: CustomProperty]: CSSValue;
+};
+type PropertyFunction<T extends Value> = (value: T, property: string) => PropertyValueDefinition<[CSSProperties, string]>;
+type ShorthandProperty<T> = (value: T) => {
+    [name: string]: Value;
+};
+interface Theme {
+    properties: {
+        [name: string]: PropertyValueMap | PropertyFunction<any> | string[];
+    };
+    conditions: {
+        [name: string]: string;
+    };
+    shorthands: {
+        [name: string]: string[] | ShorthandProperty<any>;
+    };
+}
+type PropertyValue<T> = T extends PropertyFunction<infer P> ? P : T extends PropertyValueMap<infer P> ? P : T extends string[] ? T[number] : never;
+type PropertyValue2<T> = PropertyValue<T> | CustomProperty | `[${string}]`;
+type Merge<T> = T extends any ? T : never;
+type ShorthandValue<T extends Theme, P> = P extends string[] ? PropertyValue2<T['properties'][P[0]]> : P extends ShorthandProperty<infer V> ? V : never;
+type ThemeProperties<T extends Theme> = Merge<{
+    [K in keyof T['properties'] | keyof T['shorthands']]: K extends keyof T['properties'] ? Merge<PropertyValue2<T['properties'][K]>> : K extends keyof T['shorthands'] ? Merge<ShorthandValue<T, T['shorthands'][K]>> : never;
+}>;
+type Style<T extends ThemeProperties<Theme>, C extends string, R extends RenderProps<string>> = StaticProperties<T, C, R> & CustomProperties<T, C, R>;
+type StaticProperties<T extends ThemeProperties<Theme>, C extends string, R extends RenderProps<string>> = {
+    [Name in keyof T]?: StyleValue<T[Name], C, R>;
+};
+type CustomProperties<T extends ThemeProperties<Theme>, C extends string, R extends RenderProps<string>> = {
+    [key: CustomProperty]: CustomPropertyValue<T, keyof T, C, R>;
+};
+type CustomPropertyValue<T extends ThemeProperties<Theme>, P extends keyof T, C extends string, R extends RenderProps<string>> = P extends any ? {
+    type: P;
+    value: StyleValue<T[P], C, R>;
+} : never;
+type RenderProps<K extends string> = {
+    [key in K]: any;
+};
+type StyleValue<V extends Value, C extends string, R extends RenderProps<string>> = V | Conditional<V, C, R>;
+type Conditional<V extends Value, C extends string, R extends RenderProps<string>> = CSSConditions<V, C, R> & RuntimeConditions<V, C, R>;
+type ArbitraryCondition = `:${string}` | `@${string}`;
+type CSSConditions<V extends Value, C extends string, R extends RenderProps<string>> = {
+    [name in C]?: StyleValue<V, C, R>;
+};
+type RuntimeConditions<V extends Value, C extends string, R extends RenderProps<string>> = [
+    R
+] extends [never] ? UnknownConditions<V, C> : RenderPropConditions<V, C, R>;
+type UnknownConditions<V extends Value, C extends string> = {
+    [name: string]: StyleValue<V, C, never> | VariantMap<string, V, C, never>;
+};
+type BooleanConditionName = `is${Capitalize<string>}` | `allows${Capitalize<string>}`;
+type RenderPropConditions<V extends Value, C extends string, R extends RenderProps<string>> = {
+    [K in keyof R]?: K extends BooleanConditionName ? StyleValue<V, C, R> : VariantMap<R[K], V, C, R>;
+};
+type Values<T, K extends keyof T = keyof T> = {
+    [k in K]: T[k];
+}[K];
+type VariantMap<K extends CSSValue, V extends Value, C extends string, R extends RenderProps<string>> = {
+    [k in K]?: StyleValue<V, C, R>;
+};
+type ExtractConditionalValue<C extends keyof any, V> = V extends Value ? never : RuntimeConditionObject<Extract<keyof V, BooleanConditionName>, boolean> | Variants<V, Exclude<keyof V, C | BooleanConditionName>> | ExtractConditionalValue<C, Values<V, Extract<keyof V, C | BooleanConditionName>> | Values<Values<V, Exclude<keyof V, C | BooleanConditionName>>>>;
+type RuntimeConditionObject<K, V> = K extends keyof any ? {
+    [P in K]?: V;
+} : never;
+type Variants<T, K extends keyof T> = K extends any ? {
+    [k in K]?: keyof T[k];
+} : never;
+type InferCustomPropertyValue<T> = T extends {
+    value: infer V;
+} ? V : never;
+type KeysOfUnion<T> = T extends T ? keyof T : never;
+type KeyValue<T, K extends KeysOfUnion<T>> = T extends {
+    [k in K]?: any;
+} ? T[K] : never;
+type MergeUnion<T> = {
+    [K in KeysOfUnion<T>]: KeyValue<T, K>;
+};
+type RuntimeConditionsObject<C extends keyof any, S extends Style<any, any, any>> = MergeUnion<ExtractConditionalValue<C, Values<S, Exclude<keyof S, CustomProperty>> | InferCustomPropertyValue<Values<S, Extract<keyof S, CustomProperty>>>>>;
+type StyleString<P = string> = string & {
+    properties: P;
+};
+type Keys<R> = [R] extends [never] ? never : keyof R;
+type InferProps<R, C extends keyof any, S extends Style<any, any, any>> = [R] extends [never] ? AllowOthers<RuntimeConditionsObject<C, S>> : R;
+type AllowOthers<R> = Keys<R> extends never ? never : R | {
+    [x: string]: any;
+};
+type StyleFunctionResult<S, R> = Keys<R> extends never ? StyleString<S> : (props: R) => StyleString<S>;
+type StyleFunctionResultWithOverrides<S, R> = (props: Keys<R> extends never ? null : R, overrides?: StyleString<string> | null) => StyleString<S>;
+type StyleFunction<T extends ThemeProperties<Theme>, C extends string> = {
+    <R extends RenderProps<string> = never, S extends Style<T, C, R> = Style<T, C | ArbitraryCondition, R>>(style: S): StyleFunctionResult<keyof S, InferProps<R, C | ArbitraryCondition, S>>;
+    <R extends RenderProps<string> = never, S extends Style<T, C, R> = Style<T, C | ArbitraryCondition, R>>(style: S, allowedProperties: readonly string[]): StyleFunctionResultWithOverrides<keyof S, InferProps<R, C | ArbitraryCondition, S>>;
+};
+type Color<C extends string> = C | `${string}/${number}`;
+interface MacroContext {
+    addAsset(asset: {
+        type: string;
+        content: string;
+    }): void;
+}
+declare const color: {
+    Background: string;
+    ButtonBorder: string;
+    ButtonFace: string;
+    ButtonText: string;
+    Field: string;
+    Highlight: string;
+    HighlightText: string;
+    GrayText: string;
+    Mark: string;
+    LinkText: string;
+    "transparent-black-25": string;
+    "transparent-black-50": string;
+    "transparent-black-75": string;
+    "transparent-black-100": string;
+    "transparent-black-200": string;
+    "transparent-black-300": string;
+    "transparent-black-400": string;
+    "transparent-black-500": string;
+    "transparent-black-600": string;
+    "transparent-black-700": string;
+    "transparent-black-800": string;
+    "transparent-black-900": string;
+    "transparent-black-1000": string;
+    "transparent-white-25": string;
+    "transparent-white-50": string;
+    "transparent-white-75": string;
+    "transparent-white-100": string;
+    "transparent-white-200": string;
+    "transparent-white-300": string;
+    "transparent-white-400": string;
+    "transparent-white-500": string;
+    "transparent-white-600": string;
+    "transparent-white-700": string;
+    "transparent-white-800": string;
+    "transparent-white-900": string;
+    "transparent-white-1000": string;
+    "positive-100": string;
+    "positive-200": string;
+    "positive-300": string;
+    "positive-400": string;
+    "positive-500": string;
+    "positive-600": string;
+    "positive-700": string;
+    "positive-800": string;
+    "positive-900": string;
+    "positive-1000": string;
+    "positive-1100": string;
+    "positive-1200": string;
+    "positive-1300": string;
+    "positive-1400": string;
+    "positive-1500": string;
+    "positive-1600": string;
+    "notice-100": string;
+    "notice-200": string;
+    "notice-300": string;
+    "notice-400": string;
+    "notice-500": string;
+    "notice-600": string;
+    "notice-700": string;
+    "notice-800": string;
+    "notice-900": string;
+    "notice-1000": string;
+    "notice-1100": string;
+    "notice-1200": string;
+    "notice-1300": string;
+    "notice-1400": string;
+    "notice-1500": string;
+    "notice-1600": string;
+    "negative-100": string;
+    "negative-200": string;
+    "negative-300": string;
+    "negative-400": string;
+    "negative-500": string;
+    "negative-600": string;
+    "negative-700": string;
+    "negative-800": string;
+    "negative-900": string;
+    "negative-1000": string;
+    "negative-1100": string;
+    "negative-1200": string;
+    "negative-1300": string;
+    "negative-1400": string;
+    "negative-1500": string;
+    "negative-1600": string;
+    "informative-100": string;
+    "informative-200": string;
+    "informative-300": string;
+    "informative-400": string;
+    "informative-500": string;
+    "informative-600": string;
+    "informative-700": string;
+    "informative-800": string;
+    "informative-900": string;
+    "informative-1000": string;
+    "informative-1100": string;
+    "informative-1200": string;
+    "informative-1300": string;
+    "informative-1400": string;
+    "informative-1500": string;
+    "informative-1600": string;
+    "accent-100": string;
+    "accent-200": string;
+    "accent-300": string;
+    "accent-400": string;
+    "accent-500": string;
+    "accent-600": string;
+    "accent-700": string;
+    "accent-800": string;
+    "accent-900": string;
+    "accent-1000": string;
+    "accent-1100": string;
+    "accent-1200": string;
+    "accent-1300": string;
+    "accent-1400": string;
+    "accent-1500": string;
+    "accent-1600": string;
+    "cinnamon-100": string;
+    "cinnamon-200": string;
+    "cinnamon-300": string;
+    "cinnamon-400": string;
+    "cinnamon-500": string;
+    "cinnamon-600": string;
+    "cinnamon-700": string;
+    "cinnamon-800": string;
+    "cinnamon-900": string;
+    "cinnamon-1000": string;
+    "cinnamon-1100": string;
+    "cinnamon-1200": string;
+    "cinnamon-1300": string;
+    "cinnamon-1400": string;
+    "cinnamon-1500": string;
+    "cinnamon-1600": string;
+    "silver-100": string;
+    "silver-200": string;
+    "silver-300": string;
+    "silver-400": string;
+    "silver-500": string;
+    "silver-600": string;
+    "silver-700": string;
+    "silver-800": string;
+    "silver-900": string;
+    "silver-1000": string;
+    "silver-1100": string;
+    "silver-1200": string;
+    "silver-1300": string;
+    "silver-1400": string;
+    "silver-1500": string;
+    "silver-1600": string;
+    "brown-100": string;
+    "brown-200": string;
+    "brown-300": string;
+    "brown-400": string;
+    "brown-500": string;
+    "brown-600": string;
+    "brown-700": string;
+    "brown-800": string;
+    "brown-900": string;
+    "brown-1000": string;
+    "brown-1100": string;
+    "brown-1200": string;
+    "brown-1300": string;
+    "brown-1400": string;
+    "brown-1500": string;
+    "brown-1600": string;
+    "turquoise-100": string;
+    "turquoise-200": string;
+    "turquoise-300": string;
+    "turquoise-400": string;
+    "turquoise-500": string;
+    "turquoise-600": string;
+    "turquoise-700": string;
+    "turquoise-800": string;
+    "turquoise-900": string;
+    "turquoise-1000": string;
+    "turquoise-1100": string;
+    "turquoise-1200": string;
+    "turquoise-1300": string;
+    "turquoise-1400": string;
+    "turquoise-1500": string;
+    "turquoise-1600": string;
+    "pink-100": string;
+    "pink-200": string;
+    "pink-300": string;
+    "pink-400": string;
+    "pink-500": string;
+    "pink-600": string;
+    "pink-700": string;
+    "pink-800": string;
+    "pink-900": string;
+    "pink-1000": string;
+    "pink-1100": string;
+    "pink-1200": string;
+    "pink-1300": string;
+    "pink-1400": string;
+    "pink-1500": string;
+    "pink-1600": string;
+    "magenta-100": string;
+    "magenta-200": string;
+    "magenta-300": string;
+    "magenta-400": string;
+    "magenta-500": string;
+    "magenta-600": string;
+    "magenta-700": string;
+    "magenta-800": string;
+    "magenta-900": string;
+    "magenta-1000": string;
+    "magenta-1100": string;
+    "magenta-1200": string;
+    "magenta-1300": string;
+    "magenta-1400": string;
+    "magenta-1500": string;
+    "magenta-1600": string;
+    "fuchsia-100": string;
+    "fuchsia-200": string;
+    "fuchsia-300": string;
+    "fuchsia-400": string;
+    "fuchsia-500": string;
+    "fuchsia-600": string;
+    "fuchsia-700": string;
+    "fuchsia-800": string;
+    "fuchsia-900": string;
+    "fuchsia-1000": string;
+    "fuchsia-1100": string;
+    "fuchsia-1200": string;
+    "fuchsia-1300": string;
+    "fuchsia-1400": string;
+    "fuchsia-1500": string;
+    "fuchsia-1600": string;
+    "purple-100": string;
+    "purple-200": string;
+    "purple-300": string;
+    "purple-400": string;
+    "purple-500": string;
+    "purple-600": string;
+    "purple-700": string;
+    "purple-800": string;
+    "purple-900": string;
+    "purple-1000": string;
+    "purple-1100": string;
+    "purple-1200": string;
+    "purple-1300": string;
+    "purple-1400": string;
+    "purple-1500": string;
+    "purple-1600": string;
+    "indigo-100": string;
+    "indigo-200": string;
+    "indigo-300": string;
+    "indigo-400": string;
+    "indigo-500": string;
+    "indigo-600": string;
+    "indigo-700": string;
+    "indigo-800": string;
+    "indigo-900": string;
+    "indigo-1000": string;
+    "indigo-1100": string;
+    "indigo-1200": string;
+    "indigo-1300": string;
+    "indigo-1400": string;
+    "indigo-1500": string;
+    "indigo-1600": string;
+    "cyan-100": string;
+    "cyan-200": string;
+    "cyan-300": string;
+    "cyan-400": string;
+    "cyan-500": string;
+    "cyan-600": string;
+    "cyan-700": string;
+    "cyan-800": string;
+    "cyan-900": string;
+    "cyan-1000": string;
+    "cyan-1100": string;
+    "cyan-1200": string;
+    "cyan-1300": string;
+    "cyan-1400": string;
+    "cyan-1500": string;
+    "cyan-1600": string;
+    "seafoam-100": string;
+    "seafoam-200": string;
+    "seafoam-300": string;
+    "seafoam-400": string;
+    "seafoam-500": string;
+    "seafoam-600": string;
+    "seafoam-700": string;
+    "seafoam-800": string;
+    "seafoam-900": string;
+    "seafoam-1000": string;
+    "seafoam-1100": string;
+    "seafoam-1200": string;
+    "seafoam-1300": string;
+    "seafoam-1400": string;
+    "seafoam-1500": string;
+    "seafoam-1600": string;
+    "green-100": string;
+    "green-200": string;
+    "green-300": string;
+    "green-400": string;
+    "green-500": string;
+    "green-600": string;
+    "green-700": string;
+    "green-800": string;
+    "green-900": string;
+    "green-1000": string;
+    "green-1100": string;
+    "green-1200": string;
+    "green-1300": string;
+    "green-1400": string;
+    "green-1500": string;
+    "green-1600": string;
+    "celery-100": string;
+    "celery-200": string;
+    "celery-300": string;
+    "celery-400": string;
+    "celery-500": string;
+    "celery-600": string;
+    "celery-700": string;
+    "celery-800": string;
+    "celery-900": string;
+    "celery-1000": string;
+    "celery-1100": string;
+    "celery-1200": string;
+    "celery-1300": string;
+    "celery-1400": string;
+    "celery-1500": string;
+    "celery-1600": string;
+    "chartreuse-100": string;
+    "chartreuse-200": string;
+    "chartreuse-300": string;
+    "chartreuse-400": string;
+    "chartreuse-500": string;
+    "chartreuse-600": string;
+    "chartreuse-700": string;
+    "chartreuse-800": string;
+    "chartreuse-900": string;
+    "chartreuse-1000": string;
+    "chartreuse-1100": string;
+    "chartreuse-1200": string;
+    "chartreuse-1300": string;
+    "chartreuse-1400": string;
+    "chartreuse-1500": string;
+    "chartreuse-1600": string;
+    "yellow-100": string;
+    "yellow-200": string;
+    "yellow-300": string;
+    "yellow-400": string;
+    "yellow-500": string;
+    "yellow-600": string;
+    "yellow-700": string;
+    "yellow-800": string;
+    "yellow-900": string;
+    "yellow-1000": string;
+    "yellow-1100": string;
+    "yellow-1200": string;
+    "yellow-1300": string;
+    "yellow-1400": string;
+    "yellow-1500": string;
+    "yellow-1600": string;
+    "orange-100": string;
+    "orange-200": string;
+    "orange-300": string;
+    "orange-400": string;
+    "orange-500": string;
+    "orange-600": string;
+    "orange-700": string;
+    "orange-800": string;
+    "orange-900": string;
+    "orange-1000": string;
+    "orange-1100": string;
+    "orange-1200": string;
+    "orange-1300": string;
+    "orange-1400": string;
+    "orange-1500": string;
+    "orange-1600": string;
+    "red-100": string;
+    "red-200": string;
+    "red-300": string;
+    "red-400": string;
+    "red-500": string;
+    "red-600": string;
+    "red-700": string;
+    "red-800": string;
+    "red-900": string;
+    "red-1000": string;
+    "red-1100": string;
+    "red-1200": string;
+    "red-1300": string;
+    "red-1400": string;
+    "red-1500": string;
+    "red-1600": string;
+    "blue-100": string;
+    "blue-200": string;
+    "blue-300": string;
+    "blue-400": string;
+    "blue-500": string;
+    "blue-600": string;
+    "blue-700": string;
+    "blue-800": string;
+    "blue-900": string;
+    "blue-1000": string;
+    "blue-1100": string;
+    "blue-1200": string;
+    "blue-1300": string;
+    "blue-1400": string;
+    "blue-1500": string;
+    "blue-1600": string;
+    "gray-25": string;
+    "gray-50": string;
+    "gray-75": string;
+    "gray-100": string;
+    "gray-200": string;
+    "gray-300": string;
+    "gray-400": string;
+    "gray-500": string;
+    "gray-600": string;
+    "gray-700": string;
+    "gray-800": string;
+    "gray-900": string;
+    "gray-1000": string;
+    transparent: string;
+    black: string;
+    white: string;
+};
+export function baseColor(base: keyof typeof color): {
+    default: "transparent" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText";
+    isHovered: "transparent" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText";
+    isFocusVisible: "transparent" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText";
+    isPressed: "transparent" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText";
+};
+export function lightDark(light: Color<keyof typeof color>, dark: Color<keyof typeof color>): `[${string}]`;
+declare const baseSpacing: {
+    0: string;
+    2: string;
+    4: string;
+    8: string;
+    16: string;
+    32: string;
+    64: string;
+    128: string;
+    256: string;
+    12: string;
+    20: string;
+    24: string;
+    48: string;
+    36: string;
+    28: string;
+    40: string;
+    44: string;
+    56: string;
+    80: string;
+    96: string;
+    112: string;
+    144: string;
+    160: string;
+    176: string;
+    192: string;
+    208: string;
+    224: string;
+    240: string;
+    288: string;
+    320: string;
+    384: string;
+};
+export function fontRelative(this: MacroContext | void, base: number, baseFontSize?: number): `[${string}]`;
+export function edgeToText(this: MacroContext | void, height: keyof typeof baseSpacing): string;
+export function space(this: MacroContext | void, px: number): `[${string}]`;
+export function size(this: MacroContext | void, px: number): {
+    default: `[${string}]`;
+    touch: `[${string}]`;
+};
+type GridTrack = 'none' | 'subgrid' | (string & {}) | readonly GridTrackSize[];
+type GridTrackSize = 'auto' | 'min-content' | 'max-content' | `${number}fr` | `minmax(${string}, ${string})` | keyof typeof baseSpacing | (string & {});
+export const style: StyleFunction<{
+    filter: "none" | `--${string}` | `[${string}]` | "emphasized" | "elevated" | "dragged";
+    fill: `--${string}` | `[${string}]` | Color<"accent" | "transparent" | "none" | "negative" | "black" | "blue" | "brown" | "chartreuse" | "cyan" | "fuchsia" | "gray" | "green" | "indigo" | "magenta" | "orange" | "pink" | "purple" | "red" | "silver" | "turquoise" | "white" | "yellow" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "currentColor" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "neutral" | "informative" | "positive" | "notice" | "celery" | "seafoam" | "cinnamon" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText">;
+    stroke: `--${string}` | `[${string}]` | Color<"transparent" | "none" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "currentColor" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText">;
+    height: 0 | "auto" | "max" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "control" | "fit" | "control-sm";
+    width: 0 | "auto" | "max" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "control" | "fit" | "control-sm";
+    left: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
+    top: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
+    truncate: true;
+    alignContent: "normal" | "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | "baseline" | `--${string}` | `[${string}]`;
+    alignItems: "center" | "end" | "start" | "stretch" | "baseline" | `--${string}` | `[${string}]`;
+    alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline" | `--${string}` | `[${string}]`;
+    animation: string;
+    animationDelay: string | number;
+    animationDirection: "reverse" | "alternate" | "alternate-reverse" | "normal" | `--${string}` | `[${string}]`;
+    animationDuration: string | number;
+    animationFillMode: "backwards" | "both" | "forwards" | "none" | `--${string}` | `[${string}]`;
+    animationIterationCount: string;
+    animationTimingFunction: "default" | "linear" | `--${string}` | `[${string}]` | "in" | "out" | "in-out";
+    appearance: "auto" | "none" | `--${string}` | `[${string}]`;
+    aspectRatio: "auto" | "square" | "video" | `--${string}` | `[${string}]`;
+    backgroundAttachment: "fixed" | "scroll" | "local" | `--${string}` | `[${string}]`;
+    backgroundBlendMode: "normal" | "color" | "color-burn" | "color-dodge" | "darken" | "difference" | "exclusion" | "hard-light" | "hue" | "lighten" | "luminosity" | "multiply" | "overlay" | "saturation" | "screen" | "soft-light" | `--${string}` | `[${string}]`;
+    backgroundClip: "border-box" | "content-box" | "text" | "padding-box" | `--${string}` | `[${string}]`;
+    backgroundColor: `--${string}` | `[${string}]` | Color<"base" | "accent" | "transparent" | "disabled" | "negative" | "black" | "blue" | "brown" | "chartreuse" | "cyan" | "fuchsia" | "gray" | "green" | "indigo" | "magenta" | "orange" | "pink" | "purple" | "red" | "silver" | "turquoise" | "white" | "yellow" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "neutral" | "informative" | "positive" | "notice" | "celery" | "seafoam" | "cinnamon" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText" | "elevated" | "neutral-subdued" | "neutral-subtle" | "negative-subtle" | "informative-subtle" | "positive-subtle" | "notice-subtle" | "layer-1" | "layer-2" | "pasteboard">;
+    backgroundImage: string;
+    backgroundOrigin: "border-box" | "content-box" | "padding-box" | `--${string}` | `[${string}]`;
+    backgroundPosition: "center" | "left" | "top" | "bottom" | "right" | `--${string}` | `[${string}]` | "left bottom" | "left top" | "right bottom" | "right top";
+    backgroundRepeat: "repeat" | "round" | "no-repeat" | "repeat-x" | "repeat-y" | "space" | `--${string}` | `[${string}]`;
+    backgroundSize: "auto" | "contain" | "cover" | `--${string}` | `[${string}]`;
+    borderBottomWidth: 0 | 2 | 1 | 4 | `--${string}` | `[${string}]`;
+    borderCollapse: "collapse" | "separate" | `--${string}` | `[${string}]`;
+    borderColor: `--${string}` | `[${string}]` | Color<"transparent" | "disabled" | "negative" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText">;
+    borderRadius: "none" | "default" | "full" | `--${string}` | `[${string}]` | "sm" | "lg" | "xl" | "control" | "pill" | "control-sm";
+    borderSpacing: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
+    borderStyle: "none" | "hidden" | "dashed" | "dotted" | "double" | "solid" | `--${string}` | `[${string}]`;
+    borderTopWidth: 0 | 2 | 1 | 4 | `--${string}` | `[${string}]`;
+    borderWidth: 0 | 2 | 1 | 4 | `--${string}` | `[${string}]`;
+    bottom: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
+    boxShadow: "none" | `--${string}` | `[${string}]` | "emphasized" | "elevated" | "dragged";
+    boxSizing: "border-box" | "content-box" | `--${string}` | `[${string}]`;
+    breakAfter: "auto" | "all" | "left" | "page" | "right" | "avoid" | "avoid-page" | "column" | `--${string}` | `[${string}]`;
+    breakBefore: "auto" | "all" | "left" | "page" | "right" | "avoid" | "avoid-page" | "column" | `--${string}` | `[${string}]`;
+    breakInside: "auto" | "avoid" | "avoid-column" | "avoid-page" | `--${string}` | `[${string}]`;
+    captionSide: "top" | "bottom" | `--${string}` | `[${string}]`;
+    clear: "both" | "none" | "left" | "right" | "inline-end" | "inline-start" | `--${string}` | `[${string}]`;
+    color: `--${string}` | `[${string}]` | Color<"accent" | "code" | "transparent" | "detail" | "body" | "title" | "disabled" | "negative" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "neutral" | "heading" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText" | "neutral-subdued">;
+    colorScheme: "dark" | "light" | `--${string}` | `[${string}]` | "light dark";
+    columnGap: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
+    columns: "auto" | 2 | 1 | 3 | 4 | 8 | 5 | 6 | 10 | 7 | 12 | 11 | 9 | `--${string}` | `[${string}]` | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl";
+    contain: "none" | "strict" | "content" | "style" | "size" | "layout" | "paint" | "inline-size" | `--${string}` | `[${string}]`;
+    containIntrinsicHeight: 0 | "auto" | "max" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "control" | "fit" | "control-sm";
+    containIntrinsicWidth: 0 | "auto" | "max" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "control" | "fit" | "control-sm";
+    cursor: "auto" | "progress" | "none" | "default" | "not-allowed" | "copy" | "move" | "text" | "alias" | "all-scroll" | "cell" | "col-resize" | "context-menu" | "crosshair" | "e-resize" | "ew-resize" | "grab" | "grabbing" | "help" | "n-resize" | "ne-resize" | "nesw-resize" | "no-drop" | "ns-resize" | "nw-resize" | "nwse-resize" | "pointer" | "row-resize" | "s-resize" | "se-resize" | "vertical-text" | "w-resize" | "wait" | "zoom-in" | "zoom-out" | `--${string}` | `[${string}]`;
+    display: "flex" | "inline" | "none" | "block" | "grid" | "contents" | "inline-block" | "inline-flex" | "inline-grid" | "list-item" | `--${string}` | `[${string}]`;
+    flexBasis: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
+    flexDirection: "column" | "column-reverse" | "row" | "row-reverse" | `--${string}` | `[${string}]`;
+    flexGrow: CSS.Property.FlexGrow | `--${string}` | `[${string}]`;
+    flexShrink: CSS.Property.FlexShrink | `--${string}` | `[${string}]`;
+    flexWrap: "nowrap" | "wrap" | "wrap-reverse" | `--${string}` | `[${string}]`;
+    float: "none" | "left" | "right" | "inline-end" | "inline-start" | `--${string}` | `[${string}]`;
+    font: "code" | "detail" | "body" | "title" | "heading" | "ui" | "ui-xs" | "ui-sm" | "ui-lg" | "ui-xl" | "ui-2xl" | "ui-3xl" | "control" | "heading-2xs" | "heading-xs" | "heading-sm" | "heading-lg" | "heading-xl" | "heading-2xl" | "heading-3xl" | "title-xs" | "title-sm" | "title-lg" | "title-xl" | "title-2xl" | "title-3xl" | "body-2xs" | "body-xs" | "body-sm" | "body-lg" | "body-xl" | "body-2xl" | "body-3xl" | "detail-sm" | "detail-lg" | "detail-xl" | "code-xs" | "code-sm" | "code-lg" | "code-xl";
+    fontFamily: "code" | "serif" | `--${string}` | `[${string}]` | "sans";
+    fontSize: "code" | "detail" | "body" | "title" | `--${string}` | `[${string}]` | "heading" | "ui" | "ui-xs" | "ui-sm" | "ui-lg" | "ui-xl" | "ui-2xl" | "ui-3xl" | "control" | "heading-2xs" | "heading-xs" | "heading-sm" | "heading-lg" | "heading-xl" | "heading-2xl" | "heading-3xl" | "title-xs" | "title-sm" | "title-lg" | "title-xl" | "title-2xl" | "title-3xl" | "body-2xs" | "body-xs" | "body-sm" | "body-lg" | "body-xl" | "body-2xl" | "body-3xl" | "detail-sm" | "detail-lg" | "detail-xl" | "code-xs" | "code-sm" | "code-lg" | "code-xl";
+    fontWeight: "bold" | "detail" | "normal" | "medium" | "title" | "black" | "light" | `--${string}` | `[${string}]` | "extra-bold" | "heading";
+    forcedColorAdjust: "auto" | "none" | `--${string}` | `[${string}]`;
+    gap: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
+    gridArea: CSS.Property.GridColumnStart | `--${string}` | `[${string}]`;
+    gridAutoColumns: `--${string}` | `[${string}]` | GridTrackSize;
+    gridAutoFlow: "column" | "row" | "dense" | `--${string}` | `[${string}]` | "row dense" | "column dense";
+    gridAutoRows: `--${string}` | `[${string}]` | GridTrackSize;
+    gridColumnEnd: CSS.Property.GridColumnEnd | `--${string}` | `[${string}]`;
+    gridColumnStart: CSS.Property.GridColumnStart | `--${string}` | `[${string}]`;
+    gridRowEnd: CSS.Property.GridRowEnd | `--${string}` | `[${string}]`;
+    gridRowStart: CSS.Property.GridRowStart | `--${string}` | `[${string}]`;
+    gridTemplateAreas: readonly string[] | `--${string}` | `[${string}]`;
+    gridTemplateColumns: `--${string}` | `[${string}]` | GridTrack;
+    gridTemplateRows: `--${string}` | `[${string}]` | GridTrack;
+    hyphens: "auto" | "none" | "manual" | `--${string}` | `[${string}]`;
+    inset: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
+    isolation: "auto" | "isolate" | `--${string}` | `[${string}]`;
+    justifyContent: "normal" | "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | `--${string}` | `[${string}]`;
+    justifyItems: "center" | "end" | "start" | "stretch" | `--${string}` | `[${string}]`;
+    justifySelf: "auto" | "center" | "end" | "start" | "stretch" | `--${string}` | `[${string}]`;
+    lineHeight: "code" | "detail" | "body" | "title" | `--${string}` | `[${string}]` | "heading" | "ui";
+    listStylePosition: "inside" | "outside" | `--${string}` | `[${string}]`;
+    listStyleType: "decimal" | "none" | `--${string}` | `[${string}]` | "dist";
+    margin: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384 | "text-to-control" | "text-to-visual" | "pill";
+    marginBottom: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384 | "text-to-control" | "text-to-visual" | "pill";
+    marginTop: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384 | "text-to-control" | "text-to-visual" | "pill";
+    maxHeight: 0 | "auto" | "max" | "none" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "control" | "fit" | "control-sm";
+    maxWidth: 0 | "auto" | "max" | "none" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "control" | "fit" | "control-sm";
+    minHeight: 0 | "auto" | "max" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "control" | "fit" | "control-sm";
+    minWidth: 0 | "auto" | "max" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "control" | "fit" | "control-sm";
+    mixBlendMode: "normal" | "color" | "color-burn" | "color-dodge" | "darken" | "difference" | "exclusion" | "hard-light" | "hue" | "lighten" | "luminosity" | "multiply" | "overlay" | "saturation" | "screen" | "soft-light" | `--${string}` | `[${string}]` | "plus-darker" | "plus-lighter";
+    objectFit: "fill" | "none" | "contain" | "cover" | "scale-down" | `--${string}` | `[${string}]`;
+    objectPosition: "center" | "left" | "top" | "bottom" | "right" | `--${string}` | `[${string}]` | "left bottom" | "left top" | "right bottom" | "right top";
+    opacity: number | `--${string}` | `[${string}]`;
+    order: number | `--${string}` | `[${string}]`;
+    outlineColor: `--${string}` | `[${string}]` | Color<"transparent" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText" | "focus-ring">;
+    outlineOffset: number | `--${string}` | `[${string}]`;
+    outlineStyle: "none" | "inset" | "dashed" | "dotted" | "double" | "solid" | `--${string}` | `[${string}]`;
+    outlineWidth: 0 | 2 | 1 | 4 | `--${string}` | `[${string}]`;
+    overflow: "auto" | "clip" | "hidden" | "visible" | "scroll" | `--${string}` | `[${string}]`;
+    overflowX: "auto" | "clip" | "hidden" | "visible" | "scroll" | `--${string}` | `[${string}]`;
+    overflowY: "auto" | "clip" | "hidden" | "visible" | "scroll" | `--${string}` | `[${string}]`;
+    overscrollBehavior: "auto" | "none" | "contain" | `--${string}` | `[${string}]`;
+    overscrollBehaviorX: "auto" | "none" | "contain" | `--${string}` | `[${string}]`;
+    overscrollBehaviorY: "auto" | "none" | "contain" | `--${string}` | `[${string}]`;
+    padding: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
+    paddingBottom: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
+    paddingTop: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
+    placeContent: "normal" | "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | "baseline" | `--${string}` | `[${string}]`;
+    placeItems: "center" | "end" | "start" | "stretch" | "baseline" | `--${string}` | `[${string}]`;
+    placeSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline" | `--${string}` | `[${string}]`;
+    pointerEvents: "auto" | "none" | `--${string}` | `[${string}]`;
+    position: "fixed" | "absolute" | "relative" | "static" | "sticky" | `--${string}` | `[${string}]`;
+    resize: "both" | "none" | "horizontal" | "vertical" | `--${string}` | `[${string}]`;
+    right: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
+    rotate: number | `--${string}` | `[${string}]` | `${number}deg` | `${number}rad` | `${number}grad` | `${number}turn`;
+    rowGap: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
+    scale: number | `--${string}` | `[${string}]`;
+    scrollBehavior: "auto" | "smooth" | `--${string}` | `[${string}]`;
+    scrollMargin: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
+    scrollMarginBottom: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
+    scrollMarginTop: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
+    scrollPadding: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
+    scrollPaddingBottom: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
+    scrollPaddingTop: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
+    scrollSnapAlign: "none" | "center" | "end" | "start" | `--${string}` | `[${string}]`;
+    scrollSnapStop: "always" | "normal" | `--${string}` | `[${string}]`;
+    scrollSnapType: "both" | "x" | "y" | `--${string}` | `[${string}]` | "x mandatory" | "y mandatory" | "both mandatory";
+    strokeWidth: 0 | 2 | 1 | `--${string}` | `[${string}]`;
+    tableLayout: "fixed" | "auto" | `--${string}` | `[${string}]`;
+    textAlign: "center" | "end" | "start" | "justify" | `--${string}` | `[${string}]`;
+    textDecoration: CSSValue;
+    textIndent: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
+    textOverflow: "clip" | "ellipsis" | `--${string}` | `[${string}]`;
+    textTransform: "none" | "capitalize" | "lowercase" | "uppercase" | `--${string}` | `[${string}]`;
+    textWrap: "balance" | "nowrap" | "wrap" | `--${string}` | `[${string}]` | "pretty";
+    touchAction: "auto" | "none" | "manipulation" | "pan-x" | "pan-y" | "pinch-zoom" | `--${string}` | `[${string}]`;
+    transform: string;
+    transformOrigin: "center" | "left" | "top" | "bottom" | "right" | `--${string}` | `[${string}]` | "top right" | "bottom right" | "bottom left";
+    transition: "all" | "none" | "default" | "opacity" | "transform" | `--${string}` | `[${string}]` | "colors" | "shadow";
+    transitionDelay: string | number;
+    transitionDuration: string | number;
+    transitionTimingFunction: "default" | "linear" | `--${string}` | `[${string}]` | "in" | "out" | "in-out";
+    translate: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384;
+    userSelect: "auto" | "all" | "none" | "text" | `--${string}` | `[${string}]`;
+    verticalAlign: "sub" | "top" | "bottom" | "middle" | "baseline" | "super" | "text-bottom" | "text-top" | `--${string}` | `[${string}]`;
+    visibility: "hidden" | "visible" | "collapse" | `--${string}` | `[${string}]`;
+    whiteSpace: "normal" | "pre" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap" | `--${string}` | `[${string}]`;
+    willChange: "auto" | "transform" | "contents" | "scroll-position" | `--${string}` | `[${string}]`;
+    wordBreak: "normal" | "break-all" | "keep-all" | `--${string}` | `[${string}]`;
+    zIndex: number | `--${string}` | `[${string}]`;
+    size: 0 | "auto" | "max" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "control" | "fit" | "control-sm";
+    boxDecorationBreak: "slice" | "clone" | `--${string}` | `[${string}]`;
+    lineClamp: number | `--${string}` | `[${string}]`;
+    borderStartWidth: 0 | 2 | 1 | 4 | `--${string}` | `[${string}]`;
+    borderEndWidth: 0 | 2 | 1 | 4 | `--${string}` | `[${string}]`;
+    marginStart: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384 | "text-to-control" | "text-to-visual" | "pill";
+    marginEnd: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384 | "text-to-control" | "text-to-visual" | "pill";
+    paddingStart: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
+    paddingEnd: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
+    scrollMarginStart: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
+    scrollMarginEnd: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
+    scrollPaddingStart: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
+    scrollPaddingEnd: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
+    translateX: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384;
+    translateY: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384;
+    insetStart: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
+    insetEnd: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
+    borderTopStartRadius: "none" | "default" | "full" | `--${string}` | `[${string}]` | "sm" | "lg" | "xl" | "control" | "pill" | "control-sm";
+    borderTopEndRadius: "none" | "default" | "full" | `--${string}` | `[${string}]` | "sm" | "lg" | "xl" | "control" | "pill" | "control-sm";
+    borderBottomStartRadius: "none" | "default" | "full" | `--${string}` | `[${string}]` | "sm" | "lg" | "xl" | "control" | "pill" | "control-sm";
+    borderBottomEndRadius: "none" | "default" | "full" | `--${string}` | `[${string}]` | "sm" | "lg" | "xl" | "control" | "pill" | "control-sm";
+    disableTapHighlight: true | `--${string}` | `[${string}]`;
+    paddingX: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
+    paddingY: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
+    marginX: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384 | "text-to-control" | "text-to-visual" | "pill";
+    marginY: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384 | "text-to-control" | "text-to-visual" | "pill";
+    scrollPaddingX: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
+    scrollPaddingY: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
+    scrollMarginX: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
+    scrollMarginY: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
+    borderXWidth: 0 | 2 | 1 | 4 | `--${string}` | `[${string}]`;
+    borderYWidth: 0 | 2 | 1 | 4 | `--${string}` | `[${string}]`;
+    borderTopRadius: "none" | "default" | "full" | `--${string}` | `[${string}]` | "sm" | "lg" | "xl" | "control" | "pill" | "control-sm";
+    borderBottomRadius: "none" | "default" | "full" | `--${string}` | `[${string}]` | "sm" | "lg" | "xl" | "control" | "pill" | "control-sm";
+    borderStartRadius: "none" | "default" | "full" | `--${string}` | `[${string}]` | "sm" | "lg" | "xl" | "control" | "pill" | "control-sm";
+    borderEndRadius: "none" | "default" | "full" | `--${string}` | `[${string}]` | "sm" | "lg" | "xl" | "control" | "pill" | "control-sm";
+    insetX: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
+    insetY: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
+    minSize: 0 | "auto" | "max" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "control" | "fit" | "control-sm";
+    maxSize: 0 | "auto" | "max" | "none" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" | `--${string}` | `[${string}]` | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "control" | "fit" | "control-sm";
+}, "default" | "touch" | "sm" | "md" | "lg" | "xl" | "2xl" | "forcedColors">;
+
+//# sourceMappingURL=types.d.ts.map