import { Breakpoint, Space } from '../types/componentOptions';
/**
 * Array of Cedar breakpoint names ordered from smallest to largest.
 * Used for responsive layout calculations and media queries.
 *
 * @constant
 * @type {Breakpoint[]}
 *
 * - **xs**: Extra small (mobile, < 768px)
 * - **sm**: Small (tablet, >= 768px)
 * - **md**: Medium (small desktop, >= 992px)
 * - **lg**: Large (large desktop, >= 1232px)
 */
export declare const breakpoints: Breakpoint[];
/**
 * Map of Cedar spacing token names to their CSS values.
 *
 * Provides consistent spacing values across components. Includes both
 * fixed spacing tokens (e.g., 'one-x', 'two-x') and fluid scale tokens
 * (e.g., 'scale-0', 'scale-1') that respond to viewport size.
 *
 * @constant
 * @type {Record<Space, string>}
 *
 * @example
 * spacing['one-x'] // => '16px'
 * spacing['half-x'] // => '8px'
 * spacing['scale-3'] // => 'var(--cdr-space-scale-3)'
 *
 * @example
 * // Using in a component
 * const gap = spacing[props.gap] || props.gap;
 * style.gap = gap;
 */
export declare const spacing: { [key in Space]: string; };