import { ThemeTokens } from '../../theme';
import { Breakpoint, ResponsiveValue } from './useBreakpoint';
/** Spacing token names matching ThemeTokens.spacing */
export type SpacingToken = "xxs" | "xs" | "sm" | "smd" | "md" | "mdl" | "lg" | "xl" | "xxl";
/** Value that can be a spacing token, a CSS string, or a number (px) */
type SpacingInput = SpacingToken | string | number;
/**
 * Resolve a spacing value to a CSS string.
 * - SpacingToken ('xs', 'sm', etc.) → looks up token value
 * - number → converts to px string
 * - string → passes through (e.g., '1rem', '50%')
 */
export declare function resolveSpacing(value: SpacingInput | undefined, tokens: ThemeTokens): string | undefined;
/**
 * Resolve a responsive spacing value at the current breakpoint.
 */
export declare function resolveResponsiveSpacing(value: ResponsiveValue<SpacingInput> | undefined, breakpoint: Breakpoint, tokens: ThemeTokens): string | undefined;
/**
 * Resolve a responsive value (non-spacing) at the current breakpoint.
 */
export declare function resolveResponsive<T>(value: ResponsiveValue<T> | undefined, breakpoint: Breakpoint): T | undefined;
export {};