/**
 * @file padding.stylex.ts
 * @input Uses @stylexjs/stylex, spacing from theme
 * @output StyleX styles for numeric padding prop on layout components
 * @position Layout utility; used by Card, Section, and Layout sub-components
 */
import * as stylex from '@stylexjs/stylex';
import type { SpacingStep } from '../utils/types';
/**
 * Maps numeric SpacingStep values to SpacingToken keys used by the container system.
 */
export declare const spacingStepToToken: Record<SpacingStep, string>;
/**
 * Padding styles for all sides using spacing tokens.
 * Each key applies uniform padding to all four sides.
 */
export declare const paddingStyles: Readonly<{
    readonly 0: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "0px">;
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "0px">;
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "0px">;
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "0px">;
    }>;
    readonly 0.5: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "2px">;
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "2px">;
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "2px">;
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "2px">;
    }>;
    readonly 1: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "4px">;
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "4px">;
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "4px">;
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "4px">;
    }>;
    readonly 1.5: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "6px">;
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "6px">;
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "6px">;
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "6px">;
    }>;
    readonly 2: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "8px">;
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "8px">;
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "8px">;
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "8px">;
    }>;
    readonly 3: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "12px">;
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "12px">;
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "12px">;
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "12px">;
    }>;
    readonly 4: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "16px">;
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "16px">;
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "16px">;
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "16px">;
    }>;
    readonly 5: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "20px">;
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "20px">;
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "20px">;
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "20px">;
    }>;
    readonly 6: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "24px">;
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "24px">;
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "24px">;
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "24px">;
    }>;
    readonly 8: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "32px">;
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "32px">;
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "32px">;
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "32px">;
    }>;
    readonly 10: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "40px">;
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "40px">;
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "40px">;
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "40px">;
    }>;
}>;
/**
 * Container padding inline CSS variable styles for edge compensation.
 * Sets --container-padding-inline-start and --container-padding-inline-end so
 * edge-compensating children know the inline padding to compensate against.
 */
export declare const containerPaddingInlineVarStyles: Readonly<{
    readonly 0: Readonly<{
        readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "0px">;
        readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "0px">;
    }>;
    readonly 0.5: Readonly<{
        readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "2px">;
        readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "2px">;
    }>;
    readonly 1: Readonly<{
        readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "4px">;
        readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "4px">;
    }>;
    readonly 1.5: Readonly<{
        readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "6px">;
        readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "6px">;
    }>;
    readonly 2: Readonly<{
        readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "8px">;
        readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "8px">;
    }>;
    readonly 3: Readonly<{
        readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "12px">;
        readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "12px">;
    }>;
    readonly 4: Readonly<{
        readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "16px">;
        readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "16px">;
    }>;
    readonly 5: Readonly<{
        readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "20px">;
        readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "20px">;
    }>;
    readonly 6: Readonly<{
        readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "24px">;
        readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "24px">;
    }>;
    readonly 8: Readonly<{
        readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "32px">;
        readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "32px">;
    }>;
    readonly 10: Readonly<{
        readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "40px">;
        readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "40px">;
    }>;
}>;
/**
 * Container padding block-start/block-end CSS variable styles for vertical bleed.
 * Sets --container-padding-block-start and --container-padding-block-end so bleed children (Table, Divider, Section)
 * know the block padding to compensate against when first/last child.
 */
export declare const containerPaddingBlockStartVarStyles: Readonly<{
    readonly 0: Readonly<{
        readonly '--container-padding-block-start': stylex.StyleXClassNameFor<"--container-padding-block-start", "0px">;
    }>;
    readonly 0.5: Readonly<{
        readonly '--container-padding-block-start': stylex.StyleXClassNameFor<"--container-padding-block-start", "2px">;
    }>;
    readonly 1: Readonly<{
        readonly '--container-padding-block-start': stylex.StyleXClassNameFor<"--container-padding-block-start", "4px">;
    }>;
    readonly 1.5: Readonly<{
        readonly '--container-padding-block-start': stylex.StyleXClassNameFor<"--container-padding-block-start", "6px">;
    }>;
    readonly 2: Readonly<{
        readonly '--container-padding-block-start': stylex.StyleXClassNameFor<"--container-padding-block-start", "8px">;
    }>;
    readonly 3: Readonly<{
        readonly '--container-padding-block-start': stylex.StyleXClassNameFor<"--container-padding-block-start", "12px">;
    }>;
    readonly 4: Readonly<{
        readonly '--container-padding-block-start': stylex.StyleXClassNameFor<"--container-padding-block-start", "16px">;
    }>;
    readonly 5: Readonly<{
        readonly '--container-padding-block-start': stylex.StyleXClassNameFor<"--container-padding-block-start", "20px">;
    }>;
    readonly 6: Readonly<{
        readonly '--container-padding-block-start': stylex.StyleXClassNameFor<"--container-padding-block-start", "24px">;
    }>;
    readonly 8: Readonly<{
        readonly '--container-padding-block-start': stylex.StyleXClassNameFor<"--container-padding-block-start", "32px">;
    }>;
    readonly 10: Readonly<{
        readonly '--container-padding-block-start': stylex.StyleXClassNameFor<"--container-padding-block-start", "40px">;
    }>;
}>;
export declare const containerPaddingBlockEndVarStyles: Readonly<{
    readonly 0: Readonly<{
        readonly '--container-padding-block-end': stylex.StyleXClassNameFor<"--container-padding-block-end", "0px">;
    }>;
    readonly 0.5: Readonly<{
        readonly '--container-padding-block-end': stylex.StyleXClassNameFor<"--container-padding-block-end", "2px">;
    }>;
    readonly 1: Readonly<{
        readonly '--container-padding-block-end': stylex.StyleXClassNameFor<"--container-padding-block-end", "4px">;
    }>;
    readonly 1.5: Readonly<{
        readonly '--container-padding-block-end': stylex.StyleXClassNameFor<"--container-padding-block-end", "6px">;
    }>;
    readonly 2: Readonly<{
        readonly '--container-padding-block-end': stylex.StyleXClassNameFor<"--container-padding-block-end", "8px">;
    }>;
    readonly 3: Readonly<{
        readonly '--container-padding-block-end': stylex.StyleXClassNameFor<"--container-padding-block-end", "12px">;
    }>;
    readonly 4: Readonly<{
        readonly '--container-padding-block-end': stylex.StyleXClassNameFor<"--container-padding-block-end", "16px">;
    }>;
    readonly 5: Readonly<{
        readonly '--container-padding-block-end': stylex.StyleXClassNameFor<"--container-padding-block-end", "20px">;
    }>;
    readonly 6: Readonly<{
        readonly '--container-padding-block-end': stylex.StyleXClassNameFor<"--container-padding-block-end", "24px">;
    }>;
    readonly 8: Readonly<{
        readonly '--container-padding-block-end': stylex.StyleXClassNameFor<"--container-padding-block-end", "32px">;
    }>;
    readonly 10: Readonly<{
        readonly '--container-padding-block-end': stylex.StyleXClassNameFor<"--container-padding-block-end", "40px">;
    }>;
}>;
/**
 * Layout outer X padding CSS variable styles.
 */
export declare const layoutPaddingOuterXVarStyles: Readonly<{
    readonly 0: Readonly<{
        readonly '--layout-padding-outer-x': stylex.StyleXClassNameFor<"--layout-padding-outer-x", "0px">;
    }>;
    readonly 0.5: Readonly<{
        readonly '--layout-padding-outer-x': stylex.StyleXClassNameFor<"--layout-padding-outer-x", "2px">;
    }>;
    readonly 1: Readonly<{
        readonly '--layout-padding-outer-x': stylex.StyleXClassNameFor<"--layout-padding-outer-x", "4px">;
    }>;
    readonly 1.5: Readonly<{
        readonly '--layout-padding-outer-x': stylex.StyleXClassNameFor<"--layout-padding-outer-x", "6px">;
    }>;
    readonly 2: Readonly<{
        readonly '--layout-padding-outer-x': stylex.StyleXClassNameFor<"--layout-padding-outer-x", "8px">;
    }>;
    readonly 3: Readonly<{
        readonly '--layout-padding-outer-x': stylex.StyleXClassNameFor<"--layout-padding-outer-x", "12px">;
    }>;
    readonly 4: Readonly<{
        readonly '--layout-padding-outer-x': stylex.StyleXClassNameFor<"--layout-padding-outer-x", "16px">;
    }>;
    readonly 5: Readonly<{
        readonly '--layout-padding-outer-x': stylex.StyleXClassNameFor<"--layout-padding-outer-x", "20px">;
    }>;
    readonly 6: Readonly<{
        readonly '--layout-padding-outer-x': stylex.StyleXClassNameFor<"--layout-padding-outer-x", "24px">;
    }>;
    readonly 8: Readonly<{
        readonly '--layout-padding-outer-x': stylex.StyleXClassNameFor<"--layout-padding-outer-x", "32px">;
    }>;
    readonly 10: Readonly<{
        readonly '--layout-padding-outer-x': stylex.StyleXClassNameFor<"--layout-padding-outer-x", "40px">;
    }>;
}>;
/**
 * Layout outer Y padding CSS variable styles.
 */
export declare const layoutPaddingOuterYVarStyles: Readonly<{
    readonly 0: Readonly<{
        readonly '--layout-padding-outer-y': stylex.StyleXClassNameFor<"--layout-padding-outer-y", "0px">;
    }>;
    readonly 0.5: Readonly<{
        readonly '--layout-padding-outer-y': stylex.StyleXClassNameFor<"--layout-padding-outer-y", "2px">;
    }>;
    readonly 1: Readonly<{
        readonly '--layout-padding-outer-y': stylex.StyleXClassNameFor<"--layout-padding-outer-y", "4px">;
    }>;
    readonly 1.5: Readonly<{
        readonly '--layout-padding-outer-y': stylex.StyleXClassNameFor<"--layout-padding-outer-y", "6px">;
    }>;
    readonly 2: Readonly<{
        readonly '--layout-padding-outer-y': stylex.StyleXClassNameFor<"--layout-padding-outer-y", "8px">;
    }>;
    readonly 3: Readonly<{
        readonly '--layout-padding-outer-y': stylex.StyleXClassNameFor<"--layout-padding-outer-y", "12px">;
    }>;
    readonly 4: Readonly<{
        readonly '--layout-padding-outer-y': stylex.StyleXClassNameFor<"--layout-padding-outer-y", "16px">;
    }>;
    readonly 5: Readonly<{
        readonly '--layout-padding-outer-y': stylex.StyleXClassNameFor<"--layout-padding-outer-y", "20px">;
    }>;
    readonly 6: Readonly<{
        readonly '--layout-padding-outer-y': stylex.StyleXClassNameFor<"--layout-padding-outer-y", "24px">;
    }>;
    readonly 8: Readonly<{
        readonly '--layout-padding-outer-y': stylex.StyleXClassNameFor<"--layout-padding-outer-y", "32px">;
    }>;
    readonly 10: Readonly<{
        readonly '--layout-padding-outer-y': stylex.StyleXClassNameFor<"--layout-padding-outer-y", "40px">;
    }>;
}>;
/**
 * Inline-only padding styles.
 * Use when a component needs to set inline (horizontal) padding independently
 * of block padding — e.g. the `paddingX` prop on Stack.
 */
export declare const paddingInlineStyles: Readonly<{
    readonly 0: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "0px">;
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "0px">;
    }>;
    readonly 0.5: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "2px">;
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "2px">;
    }>;
    readonly 1: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "4px">;
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "4px">;
    }>;
    readonly 1.5: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "6px">;
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "6px">;
    }>;
    readonly 2: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "8px">;
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "8px">;
    }>;
    readonly 3: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "12px">;
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "12px">;
    }>;
    readonly 4: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "16px">;
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "16px">;
    }>;
    readonly 5: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "20px">;
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "20px">;
    }>;
    readonly 6: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "24px">;
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "24px">;
    }>;
    readonly 8: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "32px">;
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "32px">;
    }>;
    readonly 10: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "40px">;
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "40px">;
    }>;
}>;
/**
 * Block-only padding override styles.
 * Use when a component needs to override block padding independently
 * of inline padding (e.g., Toolbar sets tight block padding while
 * inheriting inline padding from its container).
 */
export declare const paddingBlockStyles: Readonly<{
    readonly 0: Readonly<{
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "0px">;
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "0px">;
    }>;
    readonly 0.5: Readonly<{
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "2px">;
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "2px">;
    }>;
    readonly 1: Readonly<{
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "4px">;
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "4px">;
    }>;
    readonly 1.5: Readonly<{
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "6px">;
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "6px">;
    }>;
    readonly 2: Readonly<{
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "8px">;
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "8px">;
    }>;
    readonly 3: Readonly<{
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "12px">;
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "12px">;
    }>;
    readonly 4: Readonly<{
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "16px">;
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "16px">;
    }>;
    readonly 5: Readonly<{
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "20px">;
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "20px">;
    }>;
    readonly 6: Readonly<{
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "24px">;
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "24px">;
    }>;
    readonly 8: Readonly<{
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "32px">;
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "32px">;
    }>;
    readonly 10: Readonly<{
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "40px">;
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "40px">;
    }>;
}>;
/**
 * Inline-start-only padding override styles.
 * Use when a component needs to override the inline-start edge independently
 * of inline-end. Logical, so it follows the writing direction (left in LTR,
 * right in RTL).
 */
export declare const paddingInlineStartStyles: Readonly<{
    readonly 0: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "0px">;
    }>;
    readonly 0.5: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "2px">;
    }>;
    readonly 1: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "4px">;
    }>;
    readonly 1.5: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "6px">;
    }>;
    readonly 2: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "8px">;
    }>;
    readonly 3: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "12px">;
    }>;
    readonly 4: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "16px">;
    }>;
    readonly 5: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "20px">;
    }>;
    readonly 6: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "24px">;
    }>;
    readonly 8: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "32px">;
    }>;
    readonly 10: Readonly<{
        readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "40px">;
    }>;
}>;
/**
 * Inline-end-only padding override styles.
 * The inline-end counterpart of paddingInlineStartStyles.
 */
export declare const paddingInlineEndStyles: Readonly<{
    readonly 0: Readonly<{
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "0px">;
    }>;
    readonly 0.5: Readonly<{
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "2px">;
    }>;
    readonly 1: Readonly<{
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "4px">;
    }>;
    readonly 1.5: Readonly<{
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "6px">;
    }>;
    readonly 2: Readonly<{
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "8px">;
    }>;
    readonly 3: Readonly<{
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "12px">;
    }>;
    readonly 4: Readonly<{
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "16px">;
    }>;
    readonly 5: Readonly<{
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "20px">;
    }>;
    readonly 6: Readonly<{
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "24px">;
    }>;
    readonly 8: Readonly<{
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "32px">;
    }>;
    readonly 10: Readonly<{
        readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "40px">;
    }>;
}>;
/**
 * Container padding inline-start CSS variable style, set independently of
 * inline-end so a per-edge override keeps edge-compensating children (Card,
 * Divider, a nested Section) compensating against the padding actually
 * applied on that edge.
 */
export declare const containerPaddingInlineStartVarStyles: Readonly<{
    readonly 0: Readonly<{
        readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "0px">;
    }>;
    readonly 0.5: Readonly<{
        readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "2px">;
    }>;
    readonly 1: Readonly<{
        readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "4px">;
    }>;
    readonly 1.5: Readonly<{
        readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "6px">;
    }>;
    readonly 2: Readonly<{
        readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "8px">;
    }>;
    readonly 3: Readonly<{
        readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "12px">;
    }>;
    readonly 4: Readonly<{
        readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "16px">;
    }>;
    readonly 5: Readonly<{
        readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "20px">;
    }>;
    readonly 6: Readonly<{
        readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "24px">;
    }>;
    readonly 8: Readonly<{
        readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "32px">;
    }>;
    readonly 10: Readonly<{
        readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "40px">;
    }>;
}>;
/**
 * Container padding inline-end CSS variable style, the counterpart of
 * containerPaddingInlineStartVarStyles.
 */
export declare const containerPaddingInlineEndVarStyles: Readonly<{
    readonly 0: Readonly<{
        readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "0px">;
    }>;
    readonly 0.5: Readonly<{
        readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "2px">;
    }>;
    readonly 1: Readonly<{
        readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "4px">;
    }>;
    readonly 1.5: Readonly<{
        readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "6px">;
    }>;
    readonly 2: Readonly<{
        readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "8px">;
    }>;
    readonly 3: Readonly<{
        readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "12px">;
    }>;
    readonly 4: Readonly<{
        readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "16px">;
    }>;
    readonly 5: Readonly<{
        readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "20px">;
    }>;
    readonly 6: Readonly<{
        readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "24px">;
    }>;
    readonly 8: Readonly<{
        readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "32px">;
    }>;
    readonly 10: Readonly<{
        readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "40px">;
    }>;
}>;
/**
 * Block-start-only padding override styles.
 * Use when a component needs to override the block-start (top) edge
 * independently of block-end — e.g. a section that sits under a sticky
 * header and needs less padding above than below.
 */
export declare const paddingBlockStartStyles: Readonly<{
    readonly 0: Readonly<{
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "0px">;
    }>;
    readonly 0.5: Readonly<{
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "2px">;
    }>;
    readonly 1: Readonly<{
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "4px">;
    }>;
    readonly 1.5: Readonly<{
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "6px">;
    }>;
    readonly 2: Readonly<{
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "8px">;
    }>;
    readonly 3: Readonly<{
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "12px">;
    }>;
    readonly 4: Readonly<{
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "16px">;
    }>;
    readonly 5: Readonly<{
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "20px">;
    }>;
    readonly 6: Readonly<{
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "24px">;
    }>;
    readonly 8: Readonly<{
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "32px">;
    }>;
    readonly 10: Readonly<{
        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "40px">;
    }>;
}>;
/**
 * Block-end-only padding override styles.
 * The block-end counterpart of paddingBlockStartStyles.
 */
export declare const paddingBlockEndStyles: Readonly<{
    readonly 0: Readonly<{
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "0px">;
    }>;
    readonly 0.5: Readonly<{
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "2px">;
    }>;
    readonly 1: Readonly<{
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "4px">;
    }>;
    readonly 1.5: Readonly<{
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "6px">;
    }>;
    readonly 2: Readonly<{
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "8px">;
    }>;
    readonly 3: Readonly<{
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "12px">;
    }>;
    readonly 4: Readonly<{
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "16px">;
    }>;
    readonly 5: Readonly<{
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "20px">;
    }>;
    readonly 6: Readonly<{
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "24px">;
    }>;
    readonly 8: Readonly<{
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "32px">;
    }>;
    readonly 10: Readonly<{
        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "40px">;
    }>;
}>;
/**
 * Propagation styles for `--_section-padding-propagated`.
 * When a parent section sets explicit padding, this propagates the value
 * through the CSS custom property cascade so nested sections that use
 * useThemeDefault inherit the parent's padding instead of the theme default.
 *
 * This is deliberately NOT the public `--astryx-section-padding` token. The
 * two carry different authority: the public token is the THEME's section
 * padding, set once at the theme root, while this one is one ancestor
 * Section's padding, propagated down the tree. An overlay has to drop the
 * inherited value at its boundary (see {@link overlayPaddingReset}) without
 * dropping the theme's — impossible while both live under one name.
 * `container.stylex.ts` reads this ahead of the public token, so a propagated
 * value still wins over the theme for nested sections, as before.
 */
export declare const sectionPaddingPropagationStyles: Readonly<{
    readonly 0: Readonly<{
        readonly '--_section-padding-propagated': stylex.StyleXClassNameFor<"--_section-padding-propagated", "0px">;
    }>;
    readonly 0.5: Readonly<{
        readonly '--_section-padding-propagated': stylex.StyleXClassNameFor<"--_section-padding-propagated", "2px">;
    }>;
    readonly 1: Readonly<{
        readonly '--_section-padding-propagated': stylex.StyleXClassNameFor<"--_section-padding-propagated", "4px">;
    }>;
    readonly 1.5: Readonly<{
        readonly '--_section-padding-propagated': stylex.StyleXClassNameFor<"--_section-padding-propagated", "6px">;
    }>;
    readonly 2: Readonly<{
        readonly '--_section-padding-propagated': stylex.StyleXClassNameFor<"--_section-padding-propagated", "8px">;
    }>;
    readonly 3: Readonly<{
        readonly '--_section-padding-propagated': stylex.StyleXClassNameFor<"--_section-padding-propagated", "12px">;
    }>;
    readonly 4: Readonly<{
        readonly '--_section-padding-propagated': stylex.StyleXClassNameFor<"--_section-padding-propagated", "16px">;
    }>;
    readonly 5: Readonly<{
        readonly '--_section-padding-propagated': stylex.StyleXClassNameFor<"--_section-padding-propagated", "20px">;
    }>;
    readonly 6: Readonly<{
        readonly '--_section-padding-propagated': stylex.StyleXClassNameFor<"--_section-padding-propagated", "24px">;
    }>;
    readonly 8: Readonly<{
        readonly '--_section-padding-propagated': stylex.StyleXClassNameFor<"--_section-padding-propagated", "32px">;
    }>;
    readonly 10: Readonly<{
        readonly '--_section-padding-propagated': stylex.StyleXClassNameFor<"--_section-padding-propagated", "40px">;
    }>;
}>;
/**
 * Padding-variable reset for overlay roots (Dialog, BottomSheet, Drawer,
 * MobileNav, Lightbox, and every layer surface).
 *
 * ## Why an overlay needs this
 *
 * The container padding system talks to descendants through inherited custom
 * properties: a padded container announces its padding, and children read the
 * value either to apply it or to cancel it with a negative margin
 * (`Section`, `Divider`, `Layout`, `Table`).
 *
 * Inheritance follows the DOM, but an overlay leaves its parent's visual box —
 * a fixed/top-layer `<dialog>` is a DOM descendant of the padded page while
 * being nowhere near it on screen. It inherits values describing padding that
 * is not there, and its content compensates against phantom space: a `Section`
 * inside a 640px sheet rendered 672px wide and hung off both edges (#5208).
 *
 * Two families leak, and they need opposite treatments:
 *
 * - `--container-padding-*` -> `0px`. Descendants SUBTRACT these (bleed
 *   margins). The overlay root has no padding of its own to escape, so the
 *   honest answer is zero. Nested containers that do set padding (a Dialog's
 *   content wrapper) re-announce their own values below this point, so
 *   legitimate edge-to-edge bleed inside the overlay is unaffected.
 * - `--layout-padding-*` and `--_section-padding-propagated` -> `initial`.
 *   Descendants ADD these, so zeroing them would strip padding rather than
 *   restore it. `initial` makes each guaranteed-invalid, so readers fall
 *   through their own `var(…, fallback)` chain and land on the theme default —
 *   which is what an overlay at the top of the tree should show.
 *
 * `initial` is also why propagation moved off `--astryx-section-padding`: that
 * name is public theme surface, set at the theme root, and making it invalid
 * here would blank the theme's own section padding inside every overlay.
 *
 * Apply on the overlay's outermost styled element.
 *
 * @example
 * ```
 * <dialog {...stylex.props(styles.dialog, overlayPaddingReset.reset)} />
 * ```
 */
export declare const overlayPaddingReset: Readonly<{
    readonly reset: Readonly<{
        readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "0px">;
        readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "0px">;
        readonly '--container-padding-block-start': stylex.StyleXClassNameFor<"--container-padding-block-start", "0px">;
        readonly '--container-padding-block-end': stylex.StyleXClassNameFor<"--container-padding-block-end", "0px">;
        readonly '--layout-padding-outer-x': stylex.StyleXClassNameFor<"--layout-padding-outer-x", "initial">;
        readonly '--layout-padding-outer-y': stylex.StyleXClassNameFor<"--layout-padding-outer-y", "initial">;
        readonly '--layout-padding-inner-x': stylex.StyleXClassNameFor<"--layout-padding-inner-x", "initial">;
        readonly '--layout-padding-inner-y': stylex.StyleXClassNameFor<"--layout-padding-inner-y", "initial">;
        readonly '--_section-padding-propagated': stylex.StyleXClassNameFor<"--_section-padding-propagated", "initial">;
    }>;
}>;
//# sourceMappingURL=padding.stylex.d.ts.map