import { type ViewStyle, type TextStyle } from "react-native";
import { type ColorTokens } from "../../style/index.js";
import { type StatsSkin } from "./stats.shared.js";
export type Surface = "card" | "plain";
export declare const row: ViewStyle;
export declare function tileFloor(count: number): number;
/** The pre-measurement tile: grows from the hand-off's floor, on either surface. */
export declare function item(count: number): ViewStyle;
export declare const valueRow: ViewStyle;
/** The trend line beside the value: an 84 by 28 polyline, 1.75 wide with round ends and joins. */
export declare const SPARK: {
    readonly width: 84;
    readonly height: 28;
    readonly stroke: 1.75;
};
/**
 * The trend line's points, as the hand-off plots them: the series spread across the width,
 * its range across the height inside a 2 px inset (a flat series sits on the floor).
 */
export declare function sparkPoints(values: readonly number[], width?: number, height?: number): string;
export declare const shareColumn: ViewStyle;
export declare const shareBar: ViewStyle;
export declare const shareLegend: ViewStyle;
export declare const shareLegendItem: ViewStyle;
export declare const shareDot: ViewStyle;
export declare const shareLegendText: (tokens: ColorTokens) => TextStyle;
export declare const swatch: ViewStyle;
export declare const labelCluster: ViewStyle;
export declare const headerRow: ViewStyle;
export declare const headerTrailing: ViewStyle;
export declare function deltaTone(tokens: ColorTokens, down: boolean): TextStyle;
/** The tile inset: the code-driven tile, and the base renderer's dense tiles. */
export declare const TILE_PADDING: {
    readonly default: 16;
    readonly compact: 12;
    readonly large: 18;
};
/** The space between a tile's lines: the code-driven tile, and the dense tiles. */
export declare const TILE_RHYTHM = 8;
export declare const DENSE_RHYTHM = 6;
export declare const TILE_GAP = 12;
/** The headline figure's size, by surface. */
export declare const VALUE_SIZE: {
    readonly default: 28;
    readonly compact: 20;
    readonly large: 36;
};
/** The framed tile's corner (the group's own box takes the card corner). */
export declare const TILE_RADIUS: 14;
/** Web: the hand-off's tile, its figure in the display face; a pressed tile dims. */
export declare const webSkin: StatsSkin;
/** iOS: no stat-tile control; the web skin's parts in SF Pro, a pressed tile dims. */
export declare const iosSkin: StatsSkin;
/** Android: no Material 3 stat component; the web skin's parts in Roboto, the bounded ripple. */
export declare const androidSkin: StatsSkin;
//# sourceMappingURL=stats.styles.d.ts.map