/**
 * Spacing tokens.
 *
 * Based on an 8px base unit (MUI default), with a 4px half-step that matches
 * the dense paddings seen in the Figma swatches and table rows.
 */
/** MUI spacing factor base (in px). `theme.spacing(1) = 8px`. */
export declare const spacingUnit = 8;
/** Named spacing scale in pixels. */
export declare const spacing: {
    readonly none: 0;
    readonly xxs: 2;
    readonly xs: 4;
    readonly sm: 8;
    readonly md: 16;
    readonly lg: 24;
    readonly xl: 32;
    readonly xxl: 48;
    readonly xxxl: 64;
};
export type SpacingToken = keyof typeof spacing;
/**
 * What each rung of the scale is for.
 *
 * The counterpart to `backgroundUsage`: it keeps the "which token do I reach
 * for" answer next to the values themselves, so the agent kit's tokens
 * reference and the Storybook page generate from one source instead of
 * restating a table that then drifts.
 */
export declare const spacingUsage: {
    readonly none: {
        readonly px: 0;
        readonly useFor: "Collapse spacing explicitly.";
    };
    readonly xxs: {
        readonly px: 2;
        readonly useFor: "Micro optical adjustments.";
    };
    readonly xs: {
        readonly px: 4;
        readonly useFor: "Icon-to-text gap, compact chip or badge padding.";
    };
    readonly sm: {
        readonly px: 8;
        readonly useFor: "Default element gap, small component padding.";
    };
    readonly md: {
        readonly px: 16;
        readonly useFor: "Card padding, section gaps, form field spacing.";
    };
    readonly lg: {
        readonly px: 24;
        readonly useFor: "Group separation, card body padding.";
    };
    readonly xl: {
        readonly px: 32;
        readonly useFor: "Major section breaks, page-level gutters.";
    };
    readonly xxl: {
        readonly px: 48;
        readonly useFor: "Page margins, hero spacing.";
    };
    readonly xxxl: {
        readonly px: 64;
        readonly useFor: "Large layout gaps, top-of-page offset.";
    };
};