import { ReadonlySignal, Signal } from '@preact/signals-core';
import { Block, BlockInstance } from './block';
export type ThemeSurface = "page" | "overlay";
export type GlobalStyleColors = {
    accent: string;
    secondary: string;
    tint: string;
    callout: string;
    success: string;
    error: string;
    information: string;
    warning: string;
    background: string;
};
export type ThemeType = "neutral" | "warm" | "cold";
export type GlobalStyles = {
    volume: "compact" | "comfort" | "spacious";
    style: "bare" | "ghost" | "tinted" | "solid" | "layered";
    corners: "sharp" | "soft" | "round" | "pill";
    buttonCorners: "sharp" | "round" | "circle";
    thumbnailCorners: "sharp" | "round" | "circle";
    theme: "preset" | "custom";
    themeType: ThemeType;
    colors: GlobalStyleColors;
};
export declare const DEFAULT_GLOBAL_STYLES: GlobalStyles;
export type ThemeSurfaceState = {
    blocks: Signal<BlockInstance[]>;
};
export type TranslationMode = "override" | "default";
export type TranslationScope = {
    kind: "theme";
} | {
    kind: "block";
    blockId: string;
};
export type TranslationOverride = {
    locale: string;
    key: string;
    value: string;
    scope: TranslationScope;
};
export type TranslationCatalogs = {
    theme: {
        defaults: Record<string, string>;
        overrides: Record<string, string>;
    };
    blocks: {
        defaults: Record<string, Record<string, string>>;
        modes: Record<string, Record<string, TranslationMode>>;
        overrides: Record<string, Record<string, string>>;
    };
};
export type ThemeLocaleState = {
    locale: ReadonlySignal<string>;
    catalogs: ReadonlySignal<TranslationCatalogs | null>;
    setLocale: (locale: string) => Promise<void>;
};
export type ThemeState = {
    page: ThemeSurfaceState;
    overlay: ThemeSurfaceState;
    locales: ThemeLocaleState;
    globalStyles: ReadonlySignal<GlobalStyles>;
    setGlobalStyles: (styles: GlobalStyles) => void;
    resolve: (surface: ThemeSurface, id: string, defaultBlock: string) => Promise<{
        blocks: Block[];
    }>;
};
export declare const ThemeStateContext: {
    __context__: ThemeState;
};
export declare function indexOverrides(overrides: TranslationOverride[]): {
    theme: Record<string, string>;
    blocks: Record<string, Record<string, string>>;
};
export declare function createThemeState(deps: {
    resolve: (surface: ThemeSurface, id: string, defaultBlock: string) => Promise<{
        blocks: Block[];
    }>;
    translations?: {
        resolveTranslations: (locale: string) => Promise<TranslationOverride[]>;
    };
    initialGlobalStyles?: GlobalStyles;
}): ThemeState;