import { type HTMLAttributes, type ReactNode } from 'react';
export interface CxThemeProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
    /** Registered brand name. Loads and applies a complete visual identity. */
    brand?: string;
    /** Color mode: 'light', 'dark', or 'auto' (follows prefers-color-scheme). */
    mode?: 'light' | 'dark' | 'auto';
    /** Spacing density: 'compact', 'default', or 'spacious'. */
    density?: 'compact' | 'default' | 'spacious';
    /** Border radius scale: 'none', 'sm', 'md', 'lg', or 'full'. */
    radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
    /** Accent color (CSS color value). Overrides --cx-color-primary family. */
    accent?: string;
    /** Font size scale percentage (e.g. '90%', '100%', '110%'). */
    scale?: string;
    children?: ReactNode;
}
/**
 * `<CxTheme>` — Scoped theme provider.
 *
 * Wraps `<cx-theme>` Custom Element. No Shadow DOM, no WASM.
 * Children inherit CSS custom property overrides via cascade.
 * Nest multiple `<CxTheme>` elements for scoped theming.
 *
 * @example
 * ```tsx
 * <CxTheme mode="dark" density="compact">
 *   <CxButton>Dark Compact Button</CxButton>
 * </CxTheme>
 * ```
 */
export declare const CxTheme: import("react").ForwardRefExoticComponent<CxThemeProps & import("react").RefAttributes<HTMLElement>>;