import { CssVarInterpolations } from '@mezzanine-ui/system/css';
import { TextTone } from '@mezzanine-ui/system/palette';
import { TypographySemanticType } from '@mezzanine-ui/system/typography';
/**
 * 文字的對齊方式。
 * - `'left'` — 靠左對齊
 * - `'center'` — 置中對齊
 * - `'right'` — 靠右對齊
 * - `'justify'` — 兩端對齊
 */
export type TypographyAlign = 'left' | 'center' | 'right' | 'justify';
export type TypographyColor = 'inherit' | `text-${TextTone}`;
type TypographyDisplayBase = 'block' | 'flex';
export type TypographyDisplay = TypographyDisplayBase | `inline-${TypographyDisplayBase}`;
export interface TypographyCssVars {
    align?: TypographyAlign;
    color?: TypographyColor;
    display?: TypographyDisplay;
}
export declare const typographyClasses: {
    readonly type: (type: TypographySemanticType) => string;
    readonly align: "mzn-typography--align";
    readonly color: "mzn-typography--color";
    readonly display: "mzn-typography--display";
    readonly ellipsis: "mzn-typography--ellipsis";
    readonly noWrap: "mzn-typography--nowrap";
};
export declare function toTypographyCssVars(variables: TypographyCssVars): CssVarInterpolations;
export {};