/**
 * Box-model style helpers shared by layout primitives and design-system
 * components. Color values resolve through the semantic token contract
 * (`resolveColorToken`), so `<Col background="base-100">` works identically
 * under every design system's active theme.
 */
import { type BackgroundValue } from '../contract.js';
export type SpacingValue = number | {
    x?: number;
    y?: number;
    top?: number;
    right?: number;
    bottom?: number;
    left?: number;
};
export interface BoxProps {
    width?: number | string;
    height?: number | string;
    flex?: number;
    background?: BackgroundValue;
    borderRadius?: number;
    padding?: SpacingValue;
    margin?: SpacingValue;
}
export declare function resolveSpacing(value: SpacingValue | undefined, prefix: 'padding' | 'margin'): Record<string, number>;
export declare function resolveBoxStyle(props: BoxProps): Record<string, unknown>;
//# sourceMappingURL=styles.d.ts.map