/** Prop → internal class maps. Apps use component props, never these classes directly. */
import type * as React from "react";
import type { GapNameProp, GapProp, PadProp, PadRawProp, PageContainerVariantProp, PageDensityProp } from "../props/vocabulary/index.js";
export type Density = PageDensityProp;
export type StackGap = GapProp;
export type FlexGap = GapProp;
export type InlineGap = Exclude<GapNameProp, "xl" | "none">;
export type PageContainerVariant = PageContainerVariantProp;
export declare const densityClass: Record<PageDensityProp, string>;
export declare const pageContainerVariantClass: Record<PageContainerVariantProp, string | undefined>;
export declare const stackGapClass: Record<Exclude<GapNameProp, "none">, string>;
export declare const inlineGapClass: Record<InlineGap, string>;
export declare const flexGapClass: Record<GapProp, string>;
/**
 * Bậc thang → giá trị CSS cho đệm.
 *
 * Bậc TÊN ánh xạ vào thang dọc (`--space-stack-*`) chứ không theo trục như
 * `gap`: đệm bao quanh một khối, nó không có "trục viết" để chặt hơn. Bậc SỐ
 * đi thẳng vào `--space-{n}` của thang gốc, giống hệt `gap={n}`.
 */
export declare function padStepToken(step: GapProp): string;
/**
 * `pad` / `padRaw` → style đệm theo tên cạnh LOGIC.
 *
 * Trả về `undefined` khi không có gì để đặt, để `Flex` không phát một thuộc
 * tính `style` rỗng (và phép so với bản Radix không lệch vì một chuỗi thừa).
 *
 * `padRaw` thắng `pad` ở TỪNG CẠNH, không phải cả cụm: một thiết kế có thể cần
 * `blockStart` đúng 10px trong khi ba cạnh còn lại vẫn theo thang.
 */
export declare function padStyle(pad: PadProp | undefined, padRaw: PadRawProp | undefined): React.CSSProperties | undefined;