import { SprinklesFn } from '../../../node_modules/rainbow-sprinkles/dist/declarations/src/createRuntimeFn.d.js';

declare const box: {
    sprinkle: SprinklesFn<[{
        config: {
            backgroundColor: {
                values: {
                    background: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    overlay: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    transparent: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    brand: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "brand-hover": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "brand-press": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "brand-subdued": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    disabled: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    error: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "error-hover": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "error-press": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "error-subdued": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    hover: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    info: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "info-hover": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "info-press": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "info-subdued": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    invert: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "invert-disabled": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "invert-hover": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "invert-press": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "invert-secondary": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    press: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    primary: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    secondary: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    success: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "success-hover": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "success-press": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "success-subdued": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    warning: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "warning-hover": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "warning-press": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "warning-subdued": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    transparent: string;
                    background: `var(--${string})` | `var(--${string}, ${string})`;
                    brand: `var(--${string})` | `var(--${string}, ${string})`;
                    "brand-hover": `var(--${string})` | `var(--${string}, ${string})`;
                    "brand-press": `var(--${string})` | `var(--${string}, ${string})`;
                    "brand-subdued": `var(--${string})` | `var(--${string}, ${string})`;
                    disabled: `var(--${string})` | `var(--${string}, ${string})`;
                    error: `var(--${string})` | `var(--${string}, ${string})`;
                    "error-hover": `var(--${string})` | `var(--${string}, ${string})`;
                    "error-press": `var(--${string})` | `var(--${string}, ${string})`;
                    "error-subdued": `var(--${string})` | `var(--${string}, ${string})`;
                    hover: `var(--${string})` | `var(--${string}, ${string})`;
                    info: `var(--${string})` | `var(--${string}, ${string})`;
                    "info-hover": `var(--${string})` | `var(--${string}, ${string})`;
                    "info-press": `var(--${string})` | `var(--${string}, ${string})`;
                    "info-subdued": `var(--${string})` | `var(--${string}, ${string})`;
                    invert: `var(--${string})` | `var(--${string}, ${string})`;
                    "invert-disabled": `var(--${string})` | `var(--${string}, ${string})`;
                    "invert-hover": `var(--${string})` | `var(--${string}, ${string})`;
                    "invert-press": `var(--${string})` | `var(--${string}, ${string})`;
                    "invert-secondary": `var(--${string})` | `var(--${string}, ${string})`;
                    overlay: `var(--${string})` | `var(--${string}, ${string})`;
                    press: `var(--${string})` | `var(--${string}, ${string})`;
                    primary: `var(--${string})` | `var(--${string}, ${string})`;
                    secondary: `var(--${string})` | `var(--${string}, ${string})`;
                    success: `var(--${string})` | `var(--${string}, ${string})`;
                    "success-hover": `var(--${string})` | `var(--${string}, ${string})`;
                    "success-press": `var(--${string})` | `var(--${string}, ${string})`;
                    "success-subdued": `var(--${string})` | `var(--${string}, ${string})`;
                    warning: `var(--${string})` | `var(--${string}, ${string})`;
                    "warning-hover": `var(--${string})` | `var(--${string}, ${string})`;
                    "warning-press": `var(--${string})` | `var(--${string}, ${string})`;
                    "warning-subdued": `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "backgroundColor";
            };
            fill: {
                values: {
                    background: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    overlay: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    transparent: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    brand: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "brand-hover": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "brand-press": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "brand-subdued": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    disabled: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    error: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "error-hover": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "error-press": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "error-subdued": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    hover: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    info: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "info-hover": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "info-press": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "info-subdued": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    invert: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "invert-disabled": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "invert-hover": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "invert-press": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "invert-secondary": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    press: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    primary: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    secondary: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    success: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "success-hover": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "success-press": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "success-subdued": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    warning: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "warning-hover": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "warning-press": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "warning-subdued": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    currentColor: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    currentColor: string;
                    transparent: string;
                    background: `var(--${string})` | `var(--${string}, ${string})`;
                    brand: `var(--${string})` | `var(--${string}, ${string})`;
                    "brand-hover": `var(--${string})` | `var(--${string}, ${string})`;
                    "brand-press": `var(--${string})` | `var(--${string}, ${string})`;
                    "brand-subdued": `var(--${string})` | `var(--${string}, ${string})`;
                    disabled: `var(--${string})` | `var(--${string}, ${string})`;
                    error: `var(--${string})` | `var(--${string}, ${string})`;
                    "error-hover": `var(--${string})` | `var(--${string}, ${string})`;
                    "error-press": `var(--${string})` | `var(--${string}, ${string})`;
                    "error-subdued": `var(--${string})` | `var(--${string}, ${string})`;
                    hover: `var(--${string})` | `var(--${string}, ${string})`;
                    info: `var(--${string})` | `var(--${string}, ${string})`;
                    "info-hover": `var(--${string})` | `var(--${string}, ${string})`;
                    "info-press": `var(--${string})` | `var(--${string}, ${string})`;
                    "info-subdued": `var(--${string})` | `var(--${string}, ${string})`;
                    invert: `var(--${string})` | `var(--${string}, ${string})`;
                    "invert-disabled": `var(--${string})` | `var(--${string}, ${string})`;
                    "invert-hover": `var(--${string})` | `var(--${string}, ${string})`;
                    "invert-press": `var(--${string})` | `var(--${string}, ${string})`;
                    "invert-secondary": `var(--${string})` | `var(--${string}, ${string})`;
                    overlay: `var(--${string})` | `var(--${string}, ${string})`;
                    press: `var(--${string})` | `var(--${string}, ${string})`;
                    primary: `var(--${string})` | `var(--${string}, ${string})`;
                    secondary: `var(--${string})` | `var(--${string}, ${string})`;
                    success: `var(--${string})` | `var(--${string}, ${string})`;
                    "success-hover": `var(--${string})` | `var(--${string}, ${string})`;
                    "success-press": `var(--${string})` | `var(--${string}, ${string})`;
                    "success-subdued": `var(--${string})` | `var(--${string}, ${string})`;
                    warning: `var(--${string})` | `var(--${string}, ${string})`;
                    "warning-hover": `var(--${string})` | `var(--${string}, ${string})`;
                    "warning-press": `var(--${string})` | `var(--${string}, ${string})`;
                    "warning-subdued": `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "fill";
            };
            borderColor: {
                values: {
                    transparent: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    brand: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    disabled: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    error: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    info: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    invert: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "invert-disabled": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    primary: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    secondary: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    success: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    warning: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "brand-alt": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    divider: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    subdued: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    transparent: string;
                    brand: `var(--${string})` | `var(--${string}, ${string})`;
                    "brand-alt": `var(--${string})` | `var(--${string}, ${string})`;
                    disabled: `var(--${string})` | `var(--${string}, ${string})`;
                    divider: `var(--${string})` | `var(--${string}, ${string})`;
                    error: `var(--${string})` | `var(--${string}, ${string})`;
                    info: `var(--${string})` | `var(--${string}, ${string})`;
                    invert: `var(--${string})` | `var(--${string}, ${string})`;
                    "invert-disabled": `var(--${string})` | `var(--${string}, ${string})`;
                    primary: `var(--${string})` | `var(--${string}, ${string})`;
                    secondary: `var(--${string})` | `var(--${string}, ${string})`;
                    subdued: `var(--${string})` | `var(--${string}, ${string})`;
                    success: `var(--${string})` | `var(--${string}, ${string})`;
                    warning: `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "borderColor";
            };
            color: {
                values: {
                    brand: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    disabled: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    error: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    info: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    invert: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "invert-disabled": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "invert-secondary": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    primary: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    secondary: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    success: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    warning: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "brand-alt": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "on-brand": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "on-error": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "on-info": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "on-success": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "on-warning": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "warning-alt": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    currentColor: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    currentColor: string;
                    brand: `var(--${string})` | `var(--${string}, ${string})`;
                    "brand-alt": `var(--${string})` | `var(--${string}, ${string})`;
                    disabled: `var(--${string})` | `var(--${string}, ${string})`;
                    error: `var(--${string})` | `var(--${string}, ${string})`;
                    info: `var(--${string})` | `var(--${string}, ${string})`;
                    invert: `var(--${string})` | `var(--${string}, ${string})`;
                    "invert-disabled": `var(--${string})` | `var(--${string}, ${string})`;
                    "invert-secondary": `var(--${string})` | `var(--${string}, ${string})`;
                    "on-brand": `var(--${string})` | `var(--${string}, ${string})`;
                    "on-error": `var(--${string})` | `var(--${string}, ${string})`;
                    "on-info": `var(--${string})` | `var(--${string}, ${string})`;
                    "on-success": `var(--${string})` | `var(--${string}, ${string})`;
                    "on-warning": `var(--${string})` | `var(--${string}, ${string})`;
                    primary: `var(--${string})` | `var(--${string}, ${string})`;
                    secondary: `var(--${string})` | `var(--${string}, ${string})`;
                    success: `var(--${string})` | `var(--${string}, ${string})`;
                    warning: `var(--${string})` | `var(--${string}, ${string})`;
                    "warning-alt": `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "color";
            };
            borderRadius: {
                values: {
                    xs: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    none: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    button: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    xl: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    sm: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    md: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    lg: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    pill: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    input: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    none: `var(--${string})` | `var(--${string}, ${string})`;
                    "2xs": `var(--${string})` | `var(--${string}, ${string})`;
                    xs: `var(--${string})` | `var(--${string}, ${string})`;
                    sm: `var(--${string})` | `var(--${string}, ${string})`;
                    md: `var(--${string})` | `var(--${string}, ${string})`;
                    lg: `var(--${string})` | `var(--${string}, ${string})`;
                    xl: `var(--${string})` | `var(--${string}, ${string})`;
                    "2xl": `var(--${string})` | `var(--${string}, ${string})`;
                    pill: `var(--${string})` | `var(--${string}, ${string})`;
                    button: `var(--${string})` | `var(--${string}, ${string})`;
                    input: `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "borderRadius";
            };
            borderTopLeftRadius: {
                values: {
                    xs: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    none: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    button: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    xl: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    sm: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    md: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    lg: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    pill: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    input: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    none: `var(--${string})` | `var(--${string}, ${string})`;
                    "2xs": `var(--${string})` | `var(--${string}, ${string})`;
                    xs: `var(--${string})` | `var(--${string}, ${string})`;
                    sm: `var(--${string})` | `var(--${string}, ${string})`;
                    md: `var(--${string})` | `var(--${string}, ${string})`;
                    lg: `var(--${string})` | `var(--${string}, ${string})`;
                    xl: `var(--${string})` | `var(--${string}, ${string})`;
                    "2xl": `var(--${string})` | `var(--${string}, ${string})`;
                    pill: `var(--${string})` | `var(--${string}, ${string})`;
                    button: `var(--${string})` | `var(--${string}, ${string})`;
                    input: `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "borderTopLeftRadius";
            };
            borderTopRightRadius: {
                values: {
                    xs: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    none: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    button: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    xl: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    sm: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    md: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    lg: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    pill: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    input: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    none: `var(--${string})` | `var(--${string}, ${string})`;
                    "2xs": `var(--${string})` | `var(--${string}, ${string})`;
                    xs: `var(--${string})` | `var(--${string}, ${string})`;
                    sm: `var(--${string})` | `var(--${string}, ${string})`;
                    md: `var(--${string})` | `var(--${string}, ${string})`;
                    lg: `var(--${string})` | `var(--${string}, ${string})`;
                    xl: `var(--${string})` | `var(--${string}, ${string})`;
                    "2xl": `var(--${string})` | `var(--${string}, ${string})`;
                    pill: `var(--${string})` | `var(--${string}, ${string})`;
                    button: `var(--${string})` | `var(--${string}, ${string})`;
                    input: `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "borderTopRightRadius";
            };
            borderBottomLeftRadius: {
                values: {
                    xs: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    none: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    button: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    xl: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    sm: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    md: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    lg: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    pill: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    input: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    none: `var(--${string})` | `var(--${string}, ${string})`;
                    "2xs": `var(--${string})` | `var(--${string}, ${string})`;
                    xs: `var(--${string})` | `var(--${string}, ${string})`;
                    sm: `var(--${string})` | `var(--${string}, ${string})`;
                    md: `var(--${string})` | `var(--${string}, ${string})`;
                    lg: `var(--${string})` | `var(--${string}, ${string})`;
                    xl: `var(--${string})` | `var(--${string}, ${string})`;
                    "2xl": `var(--${string})` | `var(--${string}, ${string})`;
                    pill: `var(--${string})` | `var(--${string}, ${string})`;
                    button: `var(--${string})` | `var(--${string}, ${string})`;
                    input: `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "borderBottomLeftRadius";
            };
            borderBottomRightRadius: {
                values: {
                    xs: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    none: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    button: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    xl: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    sm: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    md: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    lg: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    pill: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    input: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    none: `var(--${string})` | `var(--${string}, ${string})`;
                    "2xs": `var(--${string})` | `var(--${string}, ${string})`;
                    xs: `var(--${string})` | `var(--${string}, ${string})`;
                    sm: `var(--${string})` | `var(--${string}, ${string})`;
                    md: `var(--${string})` | `var(--${string}, ${string})`;
                    lg: `var(--${string})` | `var(--${string}, ${string})`;
                    xl: `var(--${string})` | `var(--${string}, ${string})`;
                    "2xl": `var(--${string})` | `var(--${string}, ${string})`;
                    pill: `var(--${string})` | `var(--${string}, ${string})`;
                    button: `var(--${string})` | `var(--${string}, ${string})`;
                    input: `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "borderBottomRightRadius";
            };
            borderWidth: {
                values: {
                    none: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    1: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    2: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    3: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    4: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    5: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    none: string;
                    "1": `var(--${string})` | `var(--${string}, ${string})`;
                    "2": `var(--${string})` | `var(--${string}, ${string})`;
                    "3": `var(--${string})` | `var(--${string}, ${string})`;
                    "4": `var(--${string})` | `var(--${string}, ${string})`;
                    "5": `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "borderWidth";
            };
            borderTopWidth: {
                values: {
                    none: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    1: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    2: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    3: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    4: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    5: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    none: string;
                    "1": `var(--${string})` | `var(--${string}, ${string})`;
                    "2": `var(--${string})` | `var(--${string}, ${string})`;
                    "3": `var(--${string})` | `var(--${string}, ${string})`;
                    "4": `var(--${string})` | `var(--${string}, ${string})`;
                    "5": `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "borderTopWidth";
            };
            borderBottomWidth: {
                values: {
                    none: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    1: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    2: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    3: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    4: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    5: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    none: string;
                    "1": `var(--${string})` | `var(--${string}, ${string})`;
                    "2": `var(--${string})` | `var(--${string}, ${string})`;
                    "3": `var(--${string})` | `var(--${string}, ${string})`;
                    "4": `var(--${string})` | `var(--${string}, ${string})`;
                    "5": `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "borderBottomWidth";
            };
            borderLeftWidth: {
                values: {
                    none: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    1: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    2: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    3: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    4: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    5: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    none: string;
                    "1": `var(--${string})` | `var(--${string}, ${string})`;
                    "2": `var(--${string})` | `var(--${string}, ${string})`;
                    "3": `var(--${string})` | `var(--${string}, ${string})`;
                    "4": `var(--${string})` | `var(--${string}, ${string})`;
                    "5": `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "borderLeftWidth";
            };
            borderRightWidth: {
                values: {
                    none: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    1: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    2: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    3: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    4: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    5: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    none: string;
                    "1": `var(--${string})` | `var(--${string}, ${string})`;
                    "2": `var(--${string})` | `var(--${string}, ${string})`;
                    "3": `var(--${string})` | `var(--${string}, ${string})`;
                    "4": `var(--${string})` | `var(--${string}, ${string})`;
                    "5": `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "borderRightWidth";
            };
            boxShadow: {
                values: {
                    none: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "top-1": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "top-2": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "top-3": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "top-4": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "top-5": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "bottom-1": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "bottom-2": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "bottom-3": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "bottom-4": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "bottom-5": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    none: `var(--${string})` | `var(--${string}, ${string})`;
                    "top-1": `var(--${string})` | `var(--${string}, ${string})`;
                    "top-2": `var(--${string})` | `var(--${string}, ${string})`;
                    "top-3": `var(--${string})` | `var(--${string}, ${string})`;
                    "top-4": `var(--${string})` | `var(--${string}, ${string})`;
                    "top-5": `var(--${string})` | `var(--${string}, ${string})`;
                    "bottom-1": `var(--${string})` | `var(--${string}, ${string})`;
                    "bottom-2": `var(--${string})` | `var(--${string}, ${string})`;
                    "bottom-3": `var(--${string})` | `var(--${string}, ${string})`;
                    "bottom-4": `var(--${string})` | `var(--${string}, ${string})`;
                    "bottom-5": `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "boxShadow";
            };
            padding: {
                values: {
                    xs: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    none: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    s: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    xl: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    md: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    lg: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "4xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "3xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "3xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "4xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "5xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "6xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "7xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "8xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    readonly none: "0";
                    readonly "4xs": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "3xs": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "2xs": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly xs: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly s: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly md: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly lg: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly xl: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "2xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "3xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "4xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "5xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "6xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "7xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "8xl": `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "padding";
            };
            paddingTop: {
                values: {
                    xs: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    none: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    s: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    xl: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    md: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    lg: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "4xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "3xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "3xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "4xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "5xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "6xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "7xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "8xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    readonly none: "0";
                    readonly "4xs": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "3xs": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "2xs": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly xs: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly s: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly md: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly lg: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly xl: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "2xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "3xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "4xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "5xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "6xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "7xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "8xl": `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "paddingTop";
            };
            paddingBottom: {
                values: {
                    xs: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    none: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    s: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    xl: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    md: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    lg: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "4xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "3xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "3xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "4xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "5xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "6xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "7xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "8xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    readonly none: "0";
                    readonly "4xs": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "3xs": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "2xs": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly xs: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly s: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly md: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly lg: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly xl: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "2xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "3xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "4xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "5xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "6xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "7xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "8xl": `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "paddingBottom";
            };
            paddingLeft: {
                values: {
                    xs: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    none: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    s: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    xl: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    md: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    lg: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "4xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "3xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "3xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "4xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "5xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "6xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "7xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "8xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    readonly none: "0";
                    readonly "4xs": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "3xs": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "2xs": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly xs: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly s: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly md: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly lg: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly xl: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "2xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "3xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "4xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "5xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "6xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "7xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "8xl": `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "paddingLeft";
            };
            paddingRight: {
                values: {
                    xs: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    none: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    s: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    xl: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    md: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    lg: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "4xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "3xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "3xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "4xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "5xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "6xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "7xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "8xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    readonly none: "0";
                    readonly "4xs": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "3xs": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "2xs": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly xs: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly s: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly md: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly lg: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly xl: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "2xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "3xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "4xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "5xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "6xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "7xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "8xl": `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "paddingRight";
            };
            margin: {
                values: {
                    xs: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    auto: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    none: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    s: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    xl: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    md: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    lg: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "4xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "3xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "3xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "4xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "5xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "6xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "7xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "8xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    none: "0";
                    "4xs": `var(--${string})` | `var(--${string}, ${string})`;
                    "3xs": `var(--${string})` | `var(--${string}, ${string})`;
                    "2xs": `var(--${string})` | `var(--${string}, ${string})`;
                    xs: `var(--${string})` | `var(--${string}, ${string})`;
                    s: `var(--${string})` | `var(--${string}, ${string})`;
                    md: `var(--${string})` | `var(--${string}, ${string})`;
                    lg: `var(--${string})` | `var(--${string}, ${string})`;
                    xl: `var(--${string})` | `var(--${string}, ${string})`;
                    "2xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "3xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "4xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "5xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "6xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "7xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "8xl": `var(--${string})` | `var(--${string}, ${string})`;
                    auto: string;
                };
                name: "margin";
            };
            marginTop: {
                values: {
                    xs: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    auto: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    none: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    s: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    xl: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    md: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    lg: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "4xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "3xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "3xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "4xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "5xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "6xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "7xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "8xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    none: "0";
                    "4xs": `var(--${string})` | `var(--${string}, ${string})`;
                    "3xs": `var(--${string})` | `var(--${string}, ${string})`;
                    "2xs": `var(--${string})` | `var(--${string}, ${string})`;
                    xs: `var(--${string})` | `var(--${string}, ${string})`;
                    s: `var(--${string})` | `var(--${string}, ${string})`;
                    md: `var(--${string})` | `var(--${string}, ${string})`;
                    lg: `var(--${string})` | `var(--${string}, ${string})`;
                    xl: `var(--${string})` | `var(--${string}, ${string})`;
                    "2xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "3xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "4xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "5xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "6xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "7xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "8xl": `var(--${string})` | `var(--${string}, ${string})`;
                    auto: string;
                };
                name: "marginTop";
            };
            marginBottom: {
                values: {
                    xs: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    auto: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    none: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    s: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    xl: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    md: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    lg: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "4xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "3xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "3xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "4xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "5xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "6xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "7xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "8xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    none: "0";
                    "4xs": `var(--${string})` | `var(--${string}, ${string})`;
                    "3xs": `var(--${string})` | `var(--${string}, ${string})`;
                    "2xs": `var(--${string})` | `var(--${string}, ${string})`;
                    xs: `var(--${string})` | `var(--${string}, ${string})`;
                    s: `var(--${string})` | `var(--${string}, ${string})`;
                    md: `var(--${string})` | `var(--${string}, ${string})`;
                    lg: `var(--${string})` | `var(--${string}, ${string})`;
                    xl: `var(--${string})` | `var(--${string}, ${string})`;
                    "2xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "3xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "4xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "5xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "6xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "7xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "8xl": `var(--${string})` | `var(--${string}, ${string})`;
                    auto: string;
                };
                name: "marginBottom";
            };
            marginLeft: {
                values: {
                    xs: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    auto: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    none: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    s: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    xl: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    md: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    lg: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "4xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "3xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "3xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "4xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "5xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "6xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "7xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "8xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    none: "0";
                    "4xs": `var(--${string})` | `var(--${string}, ${string})`;
                    "3xs": `var(--${string})` | `var(--${string}, ${string})`;
                    "2xs": `var(--${string})` | `var(--${string}, ${string})`;
                    xs: `var(--${string})` | `var(--${string}, ${string})`;
                    s: `var(--${string})` | `var(--${string}, ${string})`;
                    md: `var(--${string})` | `var(--${string}, ${string})`;
                    lg: `var(--${string})` | `var(--${string}, ${string})`;
                    xl: `var(--${string})` | `var(--${string}, ${string})`;
                    "2xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "3xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "4xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "5xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "6xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "7xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "8xl": `var(--${string})` | `var(--${string}, ${string})`;
                    auto: string;
                };
                name: "marginLeft";
            };
            marginRight: {
                values: {
                    xs: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    auto: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    none: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    s: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    xl: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    md: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    lg: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "4xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "3xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "3xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "4xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "5xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "6xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "7xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "8xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    none: "0";
                    "4xs": `var(--${string})` | `var(--${string}, ${string})`;
                    "3xs": `var(--${string})` | `var(--${string}, ${string})`;
                    "2xs": `var(--${string})` | `var(--${string}, ${string})`;
                    xs: `var(--${string})` | `var(--${string}, ${string})`;
                    s: `var(--${string})` | `var(--${string}, ${string})`;
                    md: `var(--${string})` | `var(--${string}, ${string})`;
                    lg: `var(--${string})` | `var(--${string}, ${string})`;
                    xl: `var(--${string})` | `var(--${string}, ${string})`;
                    "2xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "3xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "4xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "5xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "6xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "7xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "8xl": `var(--${string})` | `var(--${string}, ${string})`;
                    auto: string;
                };
                name: "marginRight";
            };
            gap: {
                values: {
                    xs: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    none: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    s: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    xl: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    md: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    lg: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "4xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "3xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "3xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "4xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "5xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "6xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "7xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "8xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    readonly none: "0";
                    readonly "4xs": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "3xs": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "2xs": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly xs: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly s: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly md: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly lg: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly xl: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "2xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "3xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "4xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "5xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "6xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "7xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "8xl": `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "gap";
            };
            gridGap: {
                values: {
                    xs: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    none: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    s: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    xl: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    md: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    lg: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "2xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "4xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "3xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "3xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "4xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "5xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "6xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "7xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "8xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    readonly none: "0";
                    readonly "4xs": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "3xs": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "2xs": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly xs: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly s: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly md: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly lg: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly xl: `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "2xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "3xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "4xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "5xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "6xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "7xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "8xl": `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "gridGap";
            };
            zIndex: {
                values: {
                    100: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    200: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    300: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    400: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    500: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    600: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    700: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    800: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    900: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    "100": `var(--${string})` | `var(--${string}, ${string})`;
                    "200": `var(--${string})` | `var(--${string}, ${string})`;
                    "300": `var(--${string})` | `var(--${string}, ${string})`;
                    "400": `var(--${string})` | `var(--${string}, ${string})`;
                    "500": `var(--${string})` | `var(--${string}, ${string})`;
                    "600": `var(--${string})` | `var(--${string}, ${string})`;
                    "700": `var(--${string})` | `var(--${string}, ${string})`;
                    "800": `var(--${string})` | `var(--${string}, ${string})`;
                    "900": `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "zIndex";
            };
            lineHeight: {
                values: {
                    "body-xxs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "body-xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "body-s": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "body-m": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "body-l": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "body-xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "heading-hero": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "heading-xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "heading-s": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "heading-m": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "heading-l": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "heading-xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "button-s": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "button-m": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "button-l": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "label-s": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "label-m": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "label-l": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    readonly "body-xxs": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "body-xs": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "body-s": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "body-m": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "body-l": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "body-xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "heading-hero": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "heading-xs": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "heading-s": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "heading-m": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "heading-l": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "heading-xl": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "button-s": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "button-m": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "button-l": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "label-s": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "label-m": `var(--${string})` | `var(--${string}, ${string})`;
                    readonly "label-l": `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "lineHeight";
            };
            fontWeight: {
                values: {
                    regular: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    medium: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    semiBold: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    bold: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    regular: `var(--${string})` | `var(--${string}, ${string})`;
                    medium: `var(--${string})` | `var(--${string}, ${string})`;
                    semiBold: `var(--${string})` | `var(--${string}, ${string})`;
                    bold: `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "fontWeight";
            };
            fontSize: {
                values: {
                    "body-xxs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "body-xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "body-s": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "body-m": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "body-l": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "body-xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "heading-hero": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "heading-xs": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "heading-s": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "heading-m": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "heading-l": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "heading-xl": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "button-s": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "button-m": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "button-l": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "label-s": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "label-m": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    "label-l": {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    "body-xxs": `var(--${string})` | `var(--${string}, ${string})`;
                    "body-xs": `var(--${string})` | `var(--${string}, ${string})`;
                    "body-s": `var(--${string})` | `var(--${string}, ${string})`;
                    "body-m": `var(--${string})` | `var(--${string}, ${string})`;
                    "body-l": `var(--${string})` | `var(--${string}, ${string})`;
                    "body-xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "heading-hero": `var(--${string})` | `var(--${string}, ${string})`;
                    "heading-xs": `var(--${string})` | `var(--${string}, ${string})`;
                    "heading-s": `var(--${string})` | `var(--${string}, ${string})`;
                    "heading-m": `var(--${string})` | `var(--${string}, ${string})`;
                    "heading-l": `var(--${string})` | `var(--${string}, ${string})`;
                    "heading-xl": `var(--${string})` | `var(--${string}, ${string})`;
                    "button-s": `var(--${string})` | `var(--${string}, ${string})`;
                    "button-m": `var(--${string})` | `var(--${string}, ${string})`;
                    "button-l": `var(--${string})` | `var(--${string}, ${string})`;
                    "label-s": `var(--${string})` | `var(--${string}, ${string})`;
                    "label-m": `var(--${string})` | `var(--${string}, ${string})`;
                    "label-l": `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "fontSize";
            };
            fontFamily: {
                values: {
                    body: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    heading: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                    button: {
                        default: string;
                        conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                    };
                };
                staticScale: {
                    body: `var(--${string})` | `var(--${string}, ${string})`;
                    heading: `var(--${string})` | `var(--${string}, ${string})`;
                    button: `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "fontFamily";
            };
        };
    } & {
        config: {
            width: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "width";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            height: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "height";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            maxWidth: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "maxWidth";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            maxHeight: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "maxHeight";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            minWidth: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "minWidth";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            minHeight: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "minHeight";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            bottom: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "bottom";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            left: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "left";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            right: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "right";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            top: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "top";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            flex: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "flex";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            gridTemplateAreas: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "gridTemplateAreas";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            gridTemplateColumns: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "gridTemplateColumns";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            gridTemplateRows: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "gridTemplateRows";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            gridArea: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "gridArea";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            flexShrink: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "flexShrink";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            flexGrow: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "flexGrow";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            order: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "order";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            transitionDelay: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "transitionDelay";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            transitionProperty: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "transitionProperty";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            backgroundImage: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "backgroundImage";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            backgroundPosition: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "backgroundPosition";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            backgroundPositionX: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "backgroundPositionX";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            backgroundPositionY: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "backgroundPositionY";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            backgroundBlendMode: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "backgroundBlendMode";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            backgroundRepeat: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "backgroundRepeat";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            backgroundSize: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "backgroundSize";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            display: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "display";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            flexDirection: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "flexDirection";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            flexWrap: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "flexWrap";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            flexBasis: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "flexBasis";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            flexFlow: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "flexFlow";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            justifyContent: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "justifyContent";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            justifyItems: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "justifyItems";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            alignContent: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "alignContent";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            alignItems: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "alignItems";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            alignSelf: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "alignSelf";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            pointerEvents: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "pointerEvents";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            position: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "position";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            borderStyle: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "borderStyle";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            boxSizing: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "boxSizing";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            cursor: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "cursor";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            overflow: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "overflow";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            overflowX: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "overflowX";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            overflowY: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "overflowY";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            transitionTimingFunction: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "transitionTimingFunction";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            textDecoration: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "textDecoration";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            textAlign: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "textAlign";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            opacity: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "opacity";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            verticalAlign: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "verticalAlign";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
            whiteSpace: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
                dynamicScale: true;
                name: "whiteSpace";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "disabled" | "hover" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                };
            };
        };
    } & {
        config: {
            borderWidth: {
                mappings: ("borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth")[];
            };
            borderWidthX: {
                mappings: ("borderLeftWidth" | "borderRightWidth")[];
            };
            borderWidthY: {
                mappings: ("borderBottomWidth" | "borderTopWidth")[];
            };
            padding: {
                mappings: ("paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop")[];
            };
            paddingX: {
                mappings: ("paddingLeft" | "paddingRight")[];
            };
            paddingY: {
                mappings: ("paddingBottom" | "paddingTop")[];
            };
            p: {
                mappings: "padding"[];
            };
            pl: {
                mappings: "paddingLeft"[];
            };
            pr: {
                mappings: "paddingRight"[];
            };
            pt: {
                mappings: "paddingTop"[];
            };
            pb: {
                mappings: "paddingBottom"[];
            };
            px: {
                mappings: ("paddingLeft" | "paddingRight")[];
            };
            py: {
                mappings: ("paddingBottom" | "paddingTop")[];
            };
            margin: {
                mappings: ("marginBottom" | "marginLeft" | "marginRight" | "marginTop")[];
            };
            marginX: {
                mappings: ("marginLeft" | "marginRight")[];
            };
            marginY: {
                mappings: ("marginBottom" | "marginTop")[];
            };
            m: {
                mappings: "margin"[];
            };
            mr: {
                mappings: "marginRight"[];
            };
            ml: {
                mappings: "marginLeft"[];
            };
            mt: {
                mappings: "marginTop"[];
            };
            mb: {
                mappings: "marginBottom"[];
            };
            mx: {
                mappings: ("marginLeft" | "marginRight")[];
            };
            my: {
                mappings: ("marginBottom" | "marginTop")[];
            };
        };
    }]>;
};

export { box };