import { type ViewStyle, type DimensionValue } from "react-native";
import { type ColorTokens } from "../../style/index.js";
import { type GradientStop } from "../../style/gradient-fill.js";
import { type GridListSkin } from "./grid-lists.shared.js";
export type Columns = "cols2" | "cols3";
/** The column count each column prop asks for. */
export declare const COLUMN_COUNT: Record<Columns, number>;
/** The narrowest a column gets before the grid drops one (the hand-off's 140px floor). */
export declare const MIN_TILE_WIDTH = 140;
export declare const TILE_SHARE: Record<Columns, DimensionValue>;
export declare const container: ViewStyle;
export declare const tileGrow: ViewStyle;
export declare const galleryBlock: ViewStyle;
export declare function galleryBlockFill(tokens: ColorTokens, color?: string): ViewStyle;
export declare const galleryMeta: ViewStyle;
export declare const galleryThumb: ViewStyle;
export declare const cardInner: ViewStyle;
export declare const badgeSpacing: ViewStyle;
export declare const actions: ViewStyle;
export declare const MEDIA_HUES: Record<string, number>;
/**
 * The colour a framed gallery thumbnail washes in: a hand-off family at its oklch, the
 * accent for `primary` or no colour, and otherwise the kit's own token or palette name
 * (which the hand-off has no family for), so a documented token keeps its colour.
 */
export declare function mediaColor(tokens: ColorTokens, color?: string): string;
/** The thumbnail's 135 degree wash: the colour at 70% into the colour mixed 25% into `secondary`. */
export declare const MEDIA_ANGLE = 135;
export declare function mediaStops(tokens: ColorTokens, color?: string): GradientStop[];
export declare function resolveColor(tokens: ColorTokens, color: string): string;
export declare const webSkin: GridListSkin;
export declare const iosSkin: GridListSkin;
export declare const androidSkin: GridListSkin;
//# sourceMappingURL=grid-lists.styles.d.ts.map