/**
 * Wrap all unwrapped CSS Variables. For example, `{padding: '--foo'}` will be replaced with
 * `{padding: 'var(--foo)'}`. It also works on variables in the middle of the property. Takes any
 * string and returns a string with CSS variables wrapped if necessary.
 *
 * ```ts
 * maybeWrapValue('1rem'); // 1rem
 * maybeWrapValue('--foo'); // var(--foo)
 * maybeWrapValue('var(--foo)'); // var(--foo)
 * maybeWrapValue('calc(--foo)'); // calc(var(--foo))
 * ```
 */
export declare function maybeWrapValue(input: string, fallback?: string): string;
export interface DarkenProps {
    /**
     * The value being darkened.
     */
    color: string;
    /**
     * This is the color that will be used if `color` is not defined.
     */
    fallback?: string;
    /**
     * The mixinColor is the color that will be mixed in with `color`.
     */
    mixinColor: string;
    /**
     * The mixinValue is the percent of the `mixinColor` that will be mixed in with `color`.
     */
    mixinValue: string;
}
export interface InteractiveStateProps {
    /**
     * The value being darkened.
     */
    color: string;
    /**
     * This is the color that will be used if `color` is not defined.
     */
    fallback?: string;
    /**
     * A string that will determine where the mixin color and the mixin percentage comes from within tokens.
     *
     * @default 'accent'
     */
    colorType?: 'accent' | 'surface';
}
export declare const colorSpace: {
    darken: ({ color, fallback, mixinColor, mixinValue }: DarkenProps) => string;
    hover: ({ color, fallback, colorType }: InteractiveStateProps) => string;
    pressed: ({ color, fallback, colorType }: InteractiveStateProps) => string;
};
//# sourceMappingURL=colorSpace.d.ts.map