import type { BetaFlattenAllToken, BetaSemanticColor } from "../types/beta-tokens";
import type { FlattenAllToken, SemanticColor } from "../types/tokens";
/**
 * Convert a number to a string with `px` suffix.
 * If the value is `0`, it will return `0` instead of `0px`.
 */
export declare function px<Value extends number>(value?: Value): 0 | `${Value}px` | undefined;
/**
 * Convert a number or string to a string with `px` suffix.
 * If the value is `0`, it will return `0` instead of `0px`.
 */
export declare function cssDimension<Value extends number | string>(value?: Value): 0 | (Value & string) | `${Value}px` | undefined;
/**
 * Generates a CSS variable string with the given property name.
 */
export declare function cssVar<PropertyName extends string | undefined>(propertyName: PropertyName): `var(--${PropertyName})` | undefined;
/**
 * Wrapper function for `cssVar` to handle tokens specifically.
 * It generates a CSS variable string for a given design token.
 */
export declare function tokenCssVar<PropertyName extends FlattenAllToken | Exclude<BetaFlattenAllToken, BetaSemanticColor> | undefined>(propertyName: PropertyName): `var(--${PropertyName})` | undefined;
/**
 * Wrapper function for `cssVar` to handle beta semantic color tokens specifically.
 * It generates a CSS variable string for a given beta semantic color token.
 * (e.g. `text-neutral` -> `var(--color-text-neutral)`).
 */
export declare function colorTokenCssVar<PropertyName extends SemanticColor | BetaSemanticColor | undefined>(propertyName: PropertyName): `var(--${NonNullable<PropertyName>})` | `var(--color-${NonNullable<PropertyName>})` | undefined;
/**
 * Formats a given URL string into a CSS `url()` function format.
 */
export declare function cssUrl(url?: string): string | undefined;
//# sourceMappingURL=style.d.ts.map